@charset "utf-8";
	
:root{
    --color-def: #0d83a8 ; /*#237385;*/
    --color-back: #f6f4ee;
	--color-yell: #ffff85; /* #ffff6e; #fdffae; */
	--color-bord: #0d83a8;
	--color-a: #143062;
	--color-a-hover: #80bfdb; /* #143062; */
	--color-tabl-back: #fff;
	--color-tabl-th: #80bfdb;
	--color-submenu: #d3e3f1;

	/* 80bfdb;  #d3e3f1 ; #e2e9f0;  */
}

body {
    background: var(--color-back);
    color: var(--color-def);
	/* font-family: arial,sans-serif; */
 font-family: Tahoma, Geneva, sans-serif; 
	font-size: 12px;
}


h2{
	font-size: 18px;
}

a{
	text-decoration:none;
	font-size:12px;
	color: var(--color-a);
}  
a:hover{
	text-decoration:underline;
	color:var(--color-def);
	
} 


a.button15 {
  padding: 6px 15px;
  display: inline-block;
  font-family: arial,sans-serif;
 
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  /* padding: .2em 1.2em; */
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: #ffff85 linear-gradient(#ffff85, #f1f1f1);
  transition: all .218s ease 0s;
}
a.button15:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #ffff85 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
a.button15:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}


input, select{
	border: 1px solid var(--color-bord);
	border-radius: 2px;
	padding:0px;
	margin:0px;	
	height: 18px;
}
textarea{
	border: 1px solid var(--color-bord);
	border-radius: 2px;
    height: 60px; 
    resize: none;
}
input[type=button], input[type=submit]{
	padding: 3px 12px;
	background: var(--color-yell);
	
	color: var(--color-a);
	cursor:pointer;
	height:auto;
}
.error{
	color: #ff0000;
}

#centerLayer {
    position: absolute;	
    width: 309px;
    height: 340px;
    left: 50%;
    top: 50%;
    margin-left: -155px;
    margin-top: -170px;
	text-align: center;
}

#invLayer {
    position: absolute;	
    width: 400px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -20px;
	text-align: center;
}


#login_area{
    margin-left: 65px;
	width: 180px;
	padding-bottom: 4px;
}
#login_area input[type=text], #login_area input[type=password]{
	width: 140px;
	margin-bottom:5px;
}
#login_area form{
	padding-bottom: 4px;
}


.menu_bar{
	width:100%; 
	margin:0 auto;
	height:27px;
	padding-top: 9px;
	background: var(--color-yell);
	border-bottom: solid 1px var(--color-bord);
	text-align: center;
}

.menu_box{
	width:1000px; 
	margin: 0 auto;
}

#m1{ float:left; width:70%; }
#m2{ float:left; width:30%; }
#m3{ float:right; }

#menu_item{
	list-style:none;
	overflow:hidden;
	width:100%;
}
#menu_item li{
	float:left;
	padding:.1em 1em;
	border-left:1px dotted var(--color-def);
	margin-left:-1px;
}
#menu_item a{
	font-size: 14px;
	text-decoration:none;
}

.content{
	margin:0 auto;
    text-align: center;
	width:980px; 
	text-align:center;
	padding-top:5px;
}

.main_table{
	background: var(--color-back);
	text-decoration:none;
}
.main_table table{
	background: var(--color-tabl-back);
	width: 100%; 
	border-collapse: separate; border-spacing: 2px;
}
.main_table th{
	background:var(--color-tabl-th);
	font-weight: 300;
	color: var(--color-tabl-back);
	padding: 6px;
}
.main_table td{
	padding: 4px;
}
.main_table tr{
	background: var(--color-back);
	text-align:center;
} 
.main_table tr:nth-child(2n) {
	background: var(--color-tabl-back);
} 

.submenu{
	background: var(--color-tabl-back);
	margin-bottom: 8px;

}
.submenu table{
	border-collapse: separate; border-spacing: 2px;	

}
.submenu th{
	background: var(--color-submenu);
	border-radius: 2px;
}
.submenu div{
	padding: 6px;
	border-radius: 2px;
}
.submenu a{
	text-decoration:none;
}
.submenu #sel{
	background:var(--color-tabl-th);
	border-radius: 2px;
	font-weight: 300;
	color: var(--color-tabl-back);
}

.left{
	float:left;
	padding-left: 4px;
	width: 164px;
	padding-top: 4px;
}
.right{
	padding-left: 8px;
	float:left;
	
}
.right input, .right textarea, .right select{
	width: 300px;
}
.right input[type=button]{
	width:auto;
}
.right th{
	margin: 4px;
	padding: 4px;
	text-align:right;
	/* border: 1px solid grey; */
	vertical-align: middle;
}
.right td{
	margin: 4px;
	padding: 4px;
	text-align:center;
	/* border: 1px solid grey; */
}
.right #error_td{
	margin: 4px;
	padding: 4px;
	text-align:left;
	vertical-align: middle;
}
#upload{
	text-decoration:none;
	font-size:10px;
	color:var(--color-a);
	text-align:center;
	cursor:pointer;
}
.form_area{
	clear:both;	
	padding-bottom: 8px;
}
.form_area input, .form_area textarea, .form_area select{
	width: 300px;
}
.form_area input[type=button]{
	width:auto;

}
.form_area th{
	margin: 4px;
	padding: 4px;
	text-align:right;
	/* border: 1px solid grey; */
	vertical-align: middle;
}
.form_area td{
	margin: 4px;
	padding: 4px;
	text-align:center;
	/* border: 1px solid grey; */
}
.form_area #error_td{
	margin: 4px;
	padding: 4px;
	text-align:left;
	vertical-align: middle;
}
.file-upload {
     position: relative;
     background: var(--color-yell);
	 border: 1px solid var(--color-bord);	
	 color: var(--color-a)
}
.file-upload input[type="file"]{
    display: none;
}
.file-upload label {
     display: block;
	 height:100%;
	 width: 100%;
     cursor: pointer;
	 padding-top: 3px;
	 padding-bottom: 3px;
}
.inp-text {
	position:relative;
	text-align: center; 
}
.filename {
     border: 0px !important;
	 background: var(--color-back); 
	 color: var(--color-def);
	 width: 500px !important;
}
#return_mes{
	text-align: left;
}