@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-bold.eot');
	src: url('../fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),  
	url('../fonts/roboto-bold.woff') format('woff'),  
	url('../fonts/roboto-bold.ttf') format('truetype'),  
	url('../fonts/roboto-bold.svg#roboto-bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{ padding:0; margin:0;  font-size:17px !important; line-height:24px; /*color:#373a3f;*/ font-family: Arial, sans-serif; color:#464646; background:url(../images/body-bg.png) repeat; }
*{ padding:0; margin:0;}
img{border:none; outline:none;}
p{ margin:5px 0;}
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}

.wraper{ width:100%; margin:0 auto; padding:10px; box-sizing:border-box;}
.wraper .left-banner{ width:100%; max-width:14%; float:left; text-align:right; margin:323px 0 20px 0;}
.wraper .middle-section{ /*width:100%; max-width:68%; float:left;*/ margin:0px 20px 20px 20px; }
.header{ width:100%;  float:left; /*height:90px;*/}
.header .logo{ float:left; width:10%; max-width:64px; margin:0 20px 0 0px;}
.header .banner{ float:left; width:73%; /*max-width:550px; margin:0px 0px 0px 10px;*/ text-align:center;}
.header .portal{float:right; /*width:50%;*/ max-width:500px; text-align:right; font-size:24px; color:#04557b; margin-top:33px;/*15px*/ font-weight:normal; }
.footer{ width:100%; float:left; text-align:center; border-top:1px solid #e2e2e2; /*margin-top:20px;*/ padding:20px 0;}/*font-family: 'robotolight', sans-serif;*/
.body-section{ width:100%;   float:left;}

.slider{ /*background-color:#f8f8f8;*/ overflow:hidden; position:relative; min-height:595px; padding:50px ; /*font-family: 'robotolight', sans-serif;*/ margin-top:0%;}
.slider h2{ font-size:24px; margin-bottom:20px; color:#04557b; }
.slider p{ font-size:18px; /*font-weight:bold;*/}
.form label{line-height:22px; }
.form label span{ /*float:right;*/ color:#f00; /*font-family: 'robotolight', sans-serif;*/ font-weight:normal !important; margin:0 3px 0 3px; position:absolute;}
.form{ /*width:80%;35%*/ /*float:right; position:absolute;*/ top:0; /*right:10px;*/ overflow:hidden; border:1px solid #d2d2d2;/*#ccc*/ background-color:#0783be;/*#00bbb2*/ box-sizing:border-box; padding:2% 20px 15px; /*border-radius: 10px;*/ margin:4% 3% 3% ; font-size:17px; -webkit-box-shadow: 0px 2px 5px 0px rgba(209,209,209,1);
-moz-box-shadow: 0px 2px 5px 0px rgba(209,209,209,1);
box-shadow: 0px 2px 5px 0px rgba(209,209,209,1);}
.form label{ font-weight:normal; color:#fff;}
.form p{font-size:13px;}
.form ul li{ list-style:none; margin-bottom:10px;}
.form ul li.lastbox{ margin-top:40px;}
.form h2{ border-bottom:1px solid #fff; /*#ccc*/ padding-bottom:5px; margin-bottom:20px; color:#fff; font-size:19px; /*font-weight:bold;*/}
input[type="text"],input[type="password"]{ /*width:94%;*/ border:1px solid #cacaca;/*#ddd*/ /*height:24px;*/ padding:3px 5px; /*border-radius: 5px;*/ color:#999;}
.form .left{ float:left;}
.form .right{ float:right; font-size:15px; padding-top:5px;}
.form a strong{ color:#fff !important;}
input[type="submit"]{/*background:url(../images/submit-bg.png) 0 0 repeat-x;*/ background-color:#044666;/*003b39*/ color:#fff; font-size:14px; text-align:center; border:none; border-radius: 5px; padding:5px 20px; cursor:pointer; }
input[type="submit"]:hover{ background-color:#04557b;}
.wraper .right-banner{ width:100%; max-width:14%; float:left; text-align:left; margin:146px 0 20px 0;}
.topBlueNav{ width:100%; background:#04557b; height:40px; margin-top:10px;}
.topBlueNav ul{ display:block; width:100%; list-style-type:none;}
.topBlueNav ul li{ /*display:inline-block;*/ float:left;}
.topBlueNav ul li a{ display:inline-block; color:#fff; font-size:15px; border-right:1px solid #0783be; padding-left:12px; padding-right:12px; text-decoration:none; line-height:40px;}
.topBlueNav ul li:nth-of-type(3) a{ border-right:none;}
.topBlueNav ul li a:hover{ background:#0783be;}
.topBlueNav .appVersion{float:right; display:inline-block; color:#fff; font: 11px Tahoma; padding-left:12px; padding-right:12px; text-decoration:none; line-height:40px;}
.logo { padding: 5px 0 0 0; margin: 0px;}
p.cant_acc a{font-size:13px !important; color:#fff !important; font-weight:normal !important;}
p.cant_acc a:hover{ text-decoration:underline !important;}
.version-mob{ text-align:center; font-size:12px; color:#fff; background-color:#05204b; line-height:28px;}


@media (max-width:2000px) and (min-width:1500px){
.header .banner{ width:65%;}
.header .portal{ font-size:28px;}
.slider p{ font-size:24px !important;}
}
@media (max-width:1498px) and (min-width:1100px){
.header .banner{ width:61%;}
}
@media (max-width:1099px) and (min-width:900px){
.header .banner{ width:58%;}
}
@media (max-width: 720px){
.slider{padding:15px;}
}
@media (max-width: 480px)
{
.form{margin:4% 0 3%;}
.flex-control-nav{position:static !important;}
.header .portal{ margin-top: 34px;max-width: 100%;float: none;font-size:24px;text-align:left;}
}
@media (max-width: 360px){
.form .left, .form .right{ float:none;}
.header .logo{ width:auto; float:none; text-align:center; max-width:100%; margin:0;}
.header .logo img{ width:75%;}
.header .portal{ margin-top: 21px;max-width: 100%;float: none;font-size:18px;text-align:left;}
}
/*------- Addded on 09/14/2017 --------*/
.selected {background-color:#06a7f4; color:#fff;}
.input-group-addon {width: 38px !important; background-color: #023248; color: #fff; border: 1px solid #003b39;}