@charset "utf-8";
/* CSS Document */
html,body {
	font-family: Arial, Helvetica, sans-serif;	
	height:100%;
	width:100%;
	margin:0;
}

body , body {
	display:flex;
}
form {
	margin:auto;
}
.input_login {
	background-color: #f1f4f8;
	color: #194174;
	text-align:center;
}
.input_passwd {
	background-color: #f1f4f8;
	color: #194174;
	text-align:center;
}
.login_btn_container {
	text-align:center;
}
.box {
	margin:auto;
	width:auto;
	height:auto;
	border: 1px;
	border-style: solid;
  	border-color: #194174;
	border-radius: 5px;
	padding: 10px 10px 10px 10px;
}
.logo1 {
	text-align:center;
	margin:auto;
}
.top {
	position:absolute;
	top:0px;
	text-align:right;
	width:100%;
	height:1.5vw;
	color: #194174;
	background-color: #f1f4f8;
}

.disconnect{
  	color: #194174;
	font-size:.8vw;
	margin:.4vw .8vw .2vw .8vw ;
	text-decoration: none;
	position:relative;
	top: .2vw;
}
.disconnect:hover{
  	color: black;
}
#top_logo{
	position:relative;
	float:left;
}

.table{
	width:95%;
	white-space: nowrap;
    overflow: hidden;
	text-align:center;
	font-size:.9vw;
	font-weight:bold;
	margin-top:2vw;
	margin-left: auto;
  	margin-right: auto;
	border-collapse:collapse;
}
.log{
	width:90%;
	white-space: nowrap;
    overflow:auto;
	text-align:center;
	font-size:.7vw;
	font-weight:normal;
	margin-top:1vw;
	margin-left: auto;
  	margin-right: auto;
	border-collapse:collapse;
}
.table_head_line{
}
.table_head_row{
	border: 1px solid #194174;
	background-color:rgba(23, 74, 124, 1);
	color:white;
}
.table_search_line{
}
.table_search_row{
	border: 1px solid #194174;
	background-color:white;
	color:black;
}
.table_add_line{
}
.table_add_row{
	border: 1px solid #194174;
	background-color:rgba(23, 74, 124, 0.2);
	color:black;
}
.table_list_line:hover{
	background-color:rgba(23, 74, 124, 0.2);
}
.table_list_row{
	border: 1px solid #194174;
	color:black;
}
.table_mod_line{
}
.table_mod_row{
	border: 1px solid #194174;
	background-color:rgba(23, 74, 124, 0.2);
	color:black;
}
.table_note_line{
	width:100%;
}
.table_note_row{
	border: 1px solid #194174;
	background-color:rgba(23, 74, 124, 0.2);
	color:black;
	width:100%;
}
.select_field {
	width:100%;
	max-width:90%;
	outline: none;
	font-size-adjust: 0.64;
	margin-left:-0.2vw;
	background: transparent;
    border: none;
	text-align:center;
	width:100%;
	text-align:center;
	font-weight:bold;
}
.select_field_fourn{
	width:100%;
	max-width:90%;
	outline: none;
	font-size-adjust: 0.64;
	margin-left:-0.2vw;
	background: transparent;
    border: none;
	text-align:center;
	width:100%;
	text-align:center;
	font-weight:bold;
}
.search_input_field {
	outline: none;
	font-size:.7vw;
	background: transparent;
    border: none;
	text-align:center;
	width:100%;
}
.add_input_field {
	outline: none;
	font-size:.7vw;
	background: transparent;
    border: none;
	text-align:center;
	width:100%;
}
.btn_add {
  	color: white;
	font-size:.7vw;
	text-decoration: none;
	position:relative;
}
.add_btn_ {
  	color: #174a7c;
	font-size:.7vw;
	text-decoration: none;
	position:relative;
}
.mod_item_btn {
  	color: #174a7c;
	font-size:.7vw;
	text-decoration: none;
	position:relative;
}
.sav_item_btn {
  	color: #174a7c;
	font-size:.7vw;
	text-decoration: none;
	position:relative;
}
.del_item_btn {
  	color: #174a7c;
	font-size:.7vw;
	text-decoration: none;
	position:relative;
}
.mod_input_field {
	outline: none;
	font-size-adjust: 0.64;
	margin-left:-0.2vw;
	background: transparent;
    border: none;
	text-align:center;
	width:100%;
	text-align:center;
	font-weight:bold;
}