body{
margin:0px;
padding: 0px;
color:#333;
font-family: arial;
font-size:12px;
background-color: #f5f5f5;

}




a:link    { color:#3f51b5; text-decoration:none; }
a:visited { color:#3f51b5; text-decoration:none; }
a:hover   { color:#1a237e; text-decoration:underline; }

.blue{
	color: #002F7B;
}






h1,
h2,
h3
{
	margin: 0px;
	padding: 0px;
	padding-bottom: 20px;
	line-height: 120%;

}



.i100{
	width: 100% !important;
	box-sizing: border-box;
}





.login-box0{
	display: block;
	text-align: center;
}


.login-box{
	display: inline-block;
	text-align: left;
	width: 400px;
	background-color: #fff;
	margin-top: 50px;
	border-radius: 4px;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
	box-sizing: border-box;
}

.login-logo{
	display: block;
	text-align: center;
	background-color: #002F7B;
	padding: 50px 0px;
}

.login-logo img{
	height: 80px;
	max-width: 100%;
}


.login-form{
	display: block;
	padding: 30px;
}

.f{
	display: block;
	padding-bottom: 25px;

}

.f-l{
	display: block;
	padding-bottom: 5px;

}

.f-i{
	display: block;
}


.f-h{
	display: block;
	color: #999;
	font-style: italic;
	padding-top: 5px;

}




.title{
	font-size:16px;
	font-weight:bold;
}






.goyotable{
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
	border-spacing: 0px;
}

.goyotable td{
	border-bottom: #ccc 1px solid;
	border-right: #ccc 1px solid;
	background-color: #fff;
	padding: 7px 10px;
}
.th td{
	font-weight: bold;
	text-align: center;
	background-color: #999;
	color: #fff;
}



.box{
	display: block;
	padding: 30px;
	box-sizing: border-box;
	margin-bottom: 30px;
	background-color: #fff;

}





.zaavals{
	display: inline-block;
	vertical-align: top;
	margin-left: 4px;
	color: red;
	font-weight: bold;
	font-size: 15px;
}





.input{
color:#000;
font-family: arial;
font-size:13px;
padding: 10px 15px;
border:#ccc 1px solid;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
max-width: 100%;
cursor: pointer;
}



.select{
	position: relative;
	z-index: 0;
	display: inline-block;
	vertical-align: top;

}


.select::after{
content: "\f107";
font-family: 'FontAwesome';
font-size: 16px;
color: #333;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 2;

}


.select select{

-webkit-appearance:none;
appearance:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
background-color: #fff;
padding: 10px 15px;
padding-right: 25px;
border: #ccc 1px solid;
box-sizing: border-box;
border-radius: 3px;
outline: none;
vertical-align: top;
width: 100%;


}



.button{
	
-webkit-appearance:none;
appearance:none;
display: inline-block;
text-decoration: none !important;
color: #fff !important;
padding: 10px 15px;
background-color: #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
border: none;
box-sizing: border-box;
cursor: pointer;
margin:0px;
font-size: 14px;
font-weight: bold;
outline: none;

}

.button:hover{
	background-color: #666;
}

.button i{
	display: inline-block;
	margin-right: 3px;
}


.button-green{
	background-color: #2e7d32;

}
.button-green:hover{
	background-color: #216825;
}


.button-red{
	background-color: #f44336;

}
.button-red:hover{
	background-color: #dd372b;
}


.button-blue{
	background-color: #30549e;

}
.button-blue:hover{
	background-color: #284889;
}


.button-orange{
	background-color: #ff9800;

}
.button-orange:hover{
	background-color: #e28700;
}


.button-indigo{
	background-color: #3f51b5;

}
.button-indigo:hover{
	background-color: #1a237e;
}


.button-mini{
	padding: 4px 10px;
	font-size: 12px;
}

.button-big{
	padding: 12px 20px;
	font-size: 16px;
}


.spacer{
	display: block;
	height: 20px;
}





.buttons-line{
	display: block;
	box-sizing: border-box;
	padding-bottom: 30px;
}

.search-sec{
	display: block;
	box-sizing: border-box;
	padding-bottom: 30px;

}



.cols-bg{
	display: block;
	text-align: center;

}



.col2-1{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
	padding-right: 15px;
}

.col2-2{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
	padding-left: 15px;

}

.col-single{
	display: inline-block;
	vertical-align: top;
	width: 800px;
	text-align: left;

}


.divbox{
	display: block;
	background-color: #fff;
	padding: 20px 25px;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.2);
	margin-bottom: 20px;
}

.mainbody{
	display: block;
	padding: 20px 25px;
}


.ok,
.error,
.tips{
	display: block;
	padding: 8px 12px;
	margin-bottom: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
}

.ok{
	color: #2e7d32;
	border: #2e7d32  1px solid;
	background-color: #e8f5e9;
}

.error{
	color: #f44336;
	border: #f44336  1px solid;
	background-color: #ffebee;
}

.tips{
	color: #f9a825;
	border: #fdd835  1px solid;
	background-color: #fffde7;
}


.empty{
	display: block;
	padding: 50px 0px;
	font-style: italic;
	color: #999;
	text-align: center;
}


.paging{
	display: block;
	text-align: center;
	font-size: 0px;
	padding: 10px 0px;
}

.paging div{
    font-size: 12px;
    padding-bottom: 15px;
}

.paging a{
	font-size: 12px;
	display: inline-block;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	padding: 7px 12px;
	margin-right: 4px;
	background-color: #ccc;
	color: #000;
	text-decoration: none;
}

.paging a:hover{
	background-color: #2e7d32;
	color: #fff;
	}

a.paging-active{
	background-color: #2e7d32;
	color: #fff;
}


.leftside{
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 250px;
	background-color: #151946;
	overflow-y: auto; 



}

.leftlogo{
	display: block;
	text-align: center;
	padding: 30px 0px;
}

.leftlogo img{
	height: 50px;

}

.lefttopmenu{
	display: block;
	text-align: center;
	padding-bottom: 15px;
}

.mainside{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-left: 250px;


}

.leftmenuc{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 15px 17px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	border-top: rgba(255,255,255,0.1) 1px solid;
}



.leftmenui a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 12px 15px;
	position: relative;
	box-sizing: border-box;
	padding-left: 45px;
}


.leftmenui a:hover{
	color: #ffc107;
	background-color: rgba(255,255,255,0.1);
}


.leftmenui a i{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	font-size: 15px;
	font-weight: normal;
}

.leftmenui a span{
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 15px;
	background-color: orange;
	color: #fff;
	font-size: 10px;
	padding: 3px 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	transform: translateY(-50%);
}

.leftmenubg{
	padding-bottom: 15px;
	padding-top: 5px;
}



.lefttopmenu a{
	display: inline-block;
	color: #fff;
	text-decoration: none;
	padding: 0px 10px;
}


.lefttopmenu a:hover{

	color: #ffc107;
}

.lefttopmenu a i{
	font-size: 15px;
}



.googlemapselect{
	display: block;
	height: 400px;
}



.tabs{
	display: block;
	border-bottom: #ccc 1px solid;
	margin-bottom: 30px;
}


.tabs a{
	display: inline-block;
	vertical-align: top;
	padding: 10px 20px;
	background-color: #ccc;
	text-decoration: none;
	margin-right: 4px;
	color: #000;
	font-weight: bold;
}

.tabs a.active{

	background-color: #12277d !important;
	color: #fff !important;

}



.hide{
	display: none;
}




.col60{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 300px);
	box-sizing: border-box;
	padding-right: 20px;
}

.col40{
	display: inline-block;
	vertical-align: top;
	width: 300px;
	box-sizing: border-box;
	padding-left: 20px;
}