/* Webfont: Lato-Regular 
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato/lato_regular.eot');
    src: url('../fonts/lato/lato_regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato_regular.woff2') format('woff2'),
         url('../fonts/lato/lato_regular.woff') format('woff'),
         url('../fonts/lato/lato_regular.ttf') format('truetype'),
         url('../fonts/lato/lato_regular.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
/* Webfont: Lato-Medium 
@font-face {
    font-family: 'latomedium';
    src: url('../fonts/lato/lato-medium.eot');
    src: url('../fonts/lato/lato-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato-medium.woff2') format('woff2'),
         url('../fonts/lato/lato-medium.woff') format('woff'),
         url('../fonts/lato/lato-medium.ttf') format('truetype'),
         url('../fonts/lato/lato-medium.svg#latomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
/* Webfont: Lato-Semibold 
@font-face {
    font-family: 'latosemibold';
    src: url('../fonts/lato/lato-semibold.eot');
    src: url('../fonts/lato/lato-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato/lato-semibold.woff2') format('woff2'),
         url('../fonts/lato/lato-semibold.woff') format('woff'),
         url('../fonts/lato/lato-semibold.ttf') format('truetype'),
         url('../fonts/lato/lato-semibold.svg#latosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/



/* Webfont: Maven-Regular */
@font-face {
    font-family: 'maven_proregular';
    src: url('../fonts/mavenpro-regular/mavenpro-regular.eot');
    src: url('../fonts/mavenpro-regular/mavenpro-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mavenpro-regular/mavenpro-regular.woff2') format('woff2'),
         url('../fonts/mavenpro-regular/mavenpro-regular.woff') format('woff'),
         url('../fonts/mavenpro-regular/mavenpro-regular.ttf') format('truetype'),
         url('../fonts/mavenpro-regular/mavenpro-regular.svg#maven_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Webfont: Maven-Medium */
@font-face {
    font-family: 'maven_promedium';
    src: url('../fonts/mavenpro-medium/mavenpro-medium.eot');
    src: url('../fonts/mavenpro-medium/mavenpro-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mavenpro-medium/mavenpro-medium.woff2') format('woff2'),
         url('../fonts/mavenpro-medium/mavenpro-medium.woff') format('woff'),
         url('../fonts/mavenpro-medium/mavenpro-medium.ttf') format('truetype'),
         url('../fonts/mavenpro-medium/mavenpro-medium.svg#maven_promedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Webfont: Maven-Bold */
@font-face {
    font-family: 'maven_probold';
    src: url('../fonts/mavenpro-bold/mavenpro-bold.eot');
    src: url('../fonts/mavenpro-bold/mavenpro-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mavenpro-bold/mavenpro-bold.woff2') format('woff2'),
         url('../fonts/mavenpro-bold/mavenpro-bold.woff') format('woff'),
         url('../fonts/mavenpro-bold/mavenpro-bold.ttf') format('truetype'),
         url('../fonts/mavenpro-bold/mavenpro-bold.svg#maven_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'maven_proregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #333;
	background-color: #F2F8F8;
}

html, body, p, a, h1, h2, h3, h4, h5, div, table, tr, td, span, ul, li, form { margin:0; padding:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block;}
input, select, textarea{font-family: 'maven_proregular', Arial, Helvetica, sans-serif; color:#666; font-size:13px;}
h1, h2, h3, h4, h5, h6{font-family: 'maven_probold', Arial, Helvetica, sans-serif; margin:0px; padding:0; text-transform:capitalize;}
h1{color:#444; font-size:50px; font-weight:normal; }
h2{color:#444; font-size:40px; font-weight:normal; }
img{border:none; outline:none;}
a{color:#0F76BB; text-decoration:none;  transition: all 300ms ease 0s;}
a:hover{color:#103351; text-decoration:none;}
.flft{float:left;}
.frgt{float:right;}
.clear{clear:both;}
.clearfix:after, .container:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.last-mrg { margin-right:0 !important;}
.rpt_last-mrg { margin-right:0 !important; text-align:right;}
.last-pad { padding-right: 0px !important; }
.a_ctr{text-align:center !important;}
p{ line-height:20px; margin:0 0 15px 0; }

.row { width: 100%; max-width: 990px; margin: 0 auto;}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11 { margin-right: 3.8%; float: left; min-height: 1px; }
.grid_1 { width: 4.85%; }
.grid_2 { width: 13.45%; }
.grid_3 { width: 22.05%; }
.grid_4 { width: 30.75%; }
.grid_5 { width: 39.45%; }
.grid_6 { width: 48%; }
.grid_7 { width: 56.75%; }
.grid_8 { width: 65.4%; }
.grid_9 { width: 74.05%; }
.grid_10 { width: 82.7%; }
.grid_11 { width: 91.35%; }
.grid_12 { width: 100%; float: left; }

.main{width:100%; min-height:600px;}
.container{max-width:990px; margin:0px auto; padding:25px 0;}

/*-- HEADER --*/
header#header{width:100%; border-bottom:1px solid #DADEDF; background:none #fff;}
header#header .wrapper{max-width:990px; height:auto; margin:0px auto; padding: 10px 0 5px;}
header#header .wrapper .logo{float:left; padding:0;}
header#header .wrapper .top_link{float:right; padding:15px 0 0 0px; margin:0 0 15px; color:#838989; font-size:15px; text-align:right;}
header#header .wrapper .top_link span { padding: 0 15px 0 0;}
header#header .wrapper .top_link a{text-transform:uppercase;}

header#header nav.nav{float:right; margin:5px 0 0 0; clear:right;}
header#header nav.nav ul{margin:0; padding:0;}
header#header nav.nav ul li{list-style:none; float:left; margin:0 0 0 20px; position:relative;}
header#header nav.nav ul li a{font-size:15px; color:#0E3753; font-weight:normal; font-family: 'maven_proregular', Arial, Helvetica, sans-serif; padding:0 0 5px; text-decoration:none; text-transform:uppercase;}
header#header nav.nav ul li a:hover{color:#0F76BB; text-decoration:none;}
header#header nav.nav ul li a.active{color:#0F76BB; text-decoration:none; border-bottom:2px solid #0F76BB;}

/* second level */
header#header nav.nav ul li ul { display: none;}
header#header nav.nav ul li:hover ul{display:block; position:absolute; left:0px; top:20px; border-top:4px solid #0079c2; background:none #D5EFFF; padding:5px; z-index:99;}
header#header nav.nav ul li ul li{list-style:none; float:none; padding:0; margin:0; border-bottom:1px solid #B7E4FF;}
header#header nav.nav ul li ul li:last-child{border-bottom:none;}
header#header nav.nav ul li ul li a{font-size:13px; color:#006AAA; display:block; font-weight:normal; white-space:nowrap; padding:8px 10px; text-decoration:none; text-transform:uppercase;}
header#header nav.nav ul li ul li a:hover{background:none #B7E4FF; color:#0E3753;}

.lgn_valsum{padding-bottom: 10px;padding-left: 32px;text-align: left;}


.search_area{padding:0 0 20px;}
.search_area .srch_main{float:left; width:55%; position:relative;}
.search_area .srch_main input[type="text"]{border: 1px solid #caced1; height: 30px; padding: 10px 4%; width: 92%;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.search_area .srch_main .srch_btn{position:absolute; right:10px; top:11px; padding: 0; width:26px; height:21px; text-indent: -9999px; cursor:pointer; border:none; background:url(../images/search_ico_blue.png) no-repeat #fff;}
.search_area .btn_area_top{float:right; width:43%; text-align:right;}
.search_area .btn_area_top .gry_btn{padding: 11px 25px; width: auto;}
.blu-btn{background:none #0079C2; padding:11px 15px; color:#fff; font-size:16px; cursor:pointer; border:none; display: inline-block;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-weight: bold; text-transform: uppercase; font-family: 'maven_probold';}
.blu-btn:hover{background:none #00568A; color:#fff;}

.grn_btn{background:none #74C544; padding:15px 0; color:#fff; font-size:16px; cursor:pointer; border:2px solid #5EA227; display: inline-block; width:86%;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-weight: bold; text-transform: uppercase; font-family: 'maven_probold';}
.grn_btn:hover{background:none #5EA227;  border:2px solid #5EA227; color:#fff;}

.gry_btn{background:none #666; padding:15px 0; color:#fff; font-size:16px; cursor:pointer; border:none; display: inline-block; width:86%;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-weight: bold; text-transform: uppercase; font-family: 'maven_probold';}
.gry_btn:hover{background:none #444;  border:none; color:#fff;}

/*-- PAGE TITLE / HEADING --*/
.page_title{border-bottom:1px solid #dadedf; margin:0 0 15px; position:relative;}
.page_title h1{color: #0079c2; font-family: "maven_probold",Arial,Helvetica,sans-serif; font-size: 30px; font-weight: normal; padding: 0 0 8px; text-transform: uppercase; }

/*-- TABLE GRID --*/
.tbl_grid{width:100%; border-collapse:collapse;}
.tbl_grid th{background:none #48A0D2; color:#fff; padding:15px 10px; text-align:left; border: none; border-collapse:collapse; text-transform:uppercase; font-family: 'maven_probold', Arial, Helvetica, sans-serif;}
.tbl_grid th a{color:#fff; padding:0 0 0 0;}
.tbl_grid th a:hover{color:#0e3753; padding:0 0 0 0;}
/*.tbl_grid th a.active{color:#fff; background:url(../Images/down-arrow.png) no-repeat right 4px; padding:0 14px 0 0;}*/
.tbl_grid td{background:none #fff; border:1px solid #E0E2E1; border-top:none; color:#333; padding:10px; text-align:left; border-collapse:collapse;}
.tbl_grid td.a_ctr img:hover{opacity:0.8;}

.create_form_section{padding:20px 0 0;}
.create_form_section .page_title{text-align:center;}
.create_form_section .c_form_area{padding:20px 0 0; width:575px; margin:0 auto;}
.create_form_section .form_rw{padding:15px 0 15px;}
.create_form_section .field{width:49%; float:left; padding:0 1% 0 0;}
.create_form_section .field label{font-size:15px; padding:0 0 5px; display:block;}
.create_form_section .field input[type="text"],
.create_form_section .field input[type="email"],
.create_form_section .field input[type="tel"]{border:1px solid #CAD0D0; padding:10px 3%; width:89%; height: 25px;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.create_form_section .field select{border:1px solid #CAD0D0; height: 47px; padding: 10px 0 10px 3%; width: 96%;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.create_form_section .field select option{padding:8px;}
.create_form_section .form_btn_rw{padding:20px 0 0;}
.create_form_section .form_btn_rw .blu-btn{margin: 0 2% 0 0; padding: 15px 0; width: 48%;}
.create_form_section .form_btn_rw .gry_btn{margin:0; padding: 15px 0; width: 48%;}

.create_form_section .field table input { display: inline-block; margin: 0;}
.create_form_section .field table label { display: inline-block; padding: 0 20px 0 5px;}

.adv_search{padding:10px 0 20px;}
.adv_search .field{width:100%; position:relative;}
.adv_search .form_rw{padding:0 0 15px;}
.adv_search .field label{font-size:15px; padding:0 0 5px; display:block;}
.adv_search .field input[type="text"],
.adv_search .field input[type="email"],
.adv_search .field input[type="tel"]{border:1px solid #CAD0D0; padding:10px 3%; width:90%; height: 25px;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.adv_search .field select{border:1px solid #CAD0D0; height: 47px; padding: 10px 0 10px 3%; width: 96%;
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;}
.adv_search .field select option{padding:8px;}
.adv_search .form_btn_rw{padding:20px 0 0;}
.cal_ico{position:absolute; right:15px; top:38px; width:18px; height:18px; background:url(../images/calendar-icon.png) no-repeat; cursor:pointer; border:none;}
.adv_btn{padding: 24px 0 0;}
.adv_btn .blu-btn { padding: 11px 0; width: 100%;}

/*---- LOGIN -----*/
.login_container{height:auto; text-align:center; position:relative;}
.login_container img{max-width:100%; vertical-align: top;}
.login_container .login_wrapper {
    background: url(../images/wht_oly.png) repeat transparent;
    border-radius: 10px;
   /* height: 400px; */
    padding-bottom: 20px;
    position: absolute;
    right: 16%;
  /*top: 200px;*/
    top:175px;
    width: 360px;
    z-index: 1;
}
.login_wrapper.forgetpass_wrapper{border-radius: 10px; padding-bottom: 20px; position: absolute; right: 37%; top: 86px; width: 360px; z-index: 1;}
.login_container .login_wrapper h1{color:#0C3652; padding:25px 0 15px; margin:0; text-align:center; text-transform:uppercase; font-size: 40px;}
.login_container .login_wrapper input[type="text"], .login_container .login_wrapper input[type="password"] { font-size: 16px; width:60%; height:48px; color: #0c3652;
	border:1px solid #aaa; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; padding:8px 8px 8px 80px; margin-bottom:20px; 
	}
.login_container .login_wrapper input[type="text"]{background:url(../images/user_login.png) no-repeat 15px 8px;}
.login_container .login_wrapper input[type="password"]{background:url(../images/lock_login.png) no-repeat 15px 8px;}
.login_container .login_wrapper a{display:block; text-align:center; padding:10px 0 0;}

.vs_adusr{ color:Red; padding:0 13px 10px;}

/*-- VISITOR DETAIL --*/
.visit_detail{padding: 20px 0;}
.visit_detail .field{padding:0 0 30px;}
.visit_detail .field label{color:#0D374F; font-size:18px; border-bottom:1px solid #DCE2E2; padding:0 0 5px; margin:0 0 15px; display: block;}
.visit_detail .field span{color:#808A8B; font-size:15px; }
.visit_detail .visitor-photo{padding:9px; margin:0 0 15px; border:1px solid #DEE2E3; background-color:#EEF4F4; text-align:center;}
.visit_detail .visitor-photo img{max-width:100%;}
.zoom_img img{/*margin:50px;height:400px;width:400px;*/
            -moz-transition:-moz-transform 0.5s ease-in; -webkit-transition:-webkit-transform 0.5s ease-in; -o-transition:-o-transform 0.5s ease-in;}
.zoom_img img:hover{cursor:pointer;-moz-transform:scale(3); -webkit-transform:scale(3);-o-transform:scale(3);transform: scale(3,3); padding-left:10px;}
.visit_detail .visitor-thumb-grid{padding:0px;}
.visit_detail .visitor-thumb-photo{float:left; width:30%; height:60px; margin:0 3.9% 10px 0;}
.visit_detail .visitor-thumb-photo img{max-width:100%; border:1px solid #DEE2E3;}
.visit_detail .visitor-thumb-photo.last{margin-right:0 !important;}

/* PopUp */
.black_overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;
        -moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
.white_content {display: none;position: absolute;top: 25%;left: 25%;width: 50%;height: 50%;padding: 16px;background-color: #fff;
    border: 5px solid #ccc; z-index:1002;height: 300px; overflow: visible; overflow-y:auto;}
.white_content h2{font-size:24px; font-weight:normal; font-family: 'maven_probold'; color:#0e3753; margin:0 0 20px 0; padding:0;}
.pop_close{position:absolute; right:10px; top:10px;}
.pop_signature{padding:0 0 15px; margin:0 0 20px; float: left; width: 45%;}
.pop_signature > img {border: 1px solid #dce2e2;}

/*-- FOOTER --*/
footer#footer{background:none #0f76bb; padding:0px 0; /*border-top:1px solid #DADEDF;*/ font-family: "maven_probold",Arial,Helvetica,sans-serif;}
footer#footer .wrapper{max-width:990px; height:auto; margin:0px auto;}
.footer_nav{float:left; padding:20px 0 0; text-align:left; height:30px; width:50%; background:none #0f76bb;}
.footer_nav ul{margin:0; padding:0; }
.footer_nav ul li{list-style:none; margin-right:5px; float:none; display:inline-block;}
.footer_nav ul li a{color:#fff; text-decoration:none; font-size:13px; padding: 0 15px; transition: all 300ms ease 0s;}
.footer_nav ul li a:hover{color:#000; text-decoration:none;}
.copyright{float:right; padding:20px 0 0; color:#fff; text-align:right; font-size:13px; height:30px; width:50%; background:none #0f76bb;}

.calendar_popup{position:relative;}
.calendar_popout{background-color: #fff; border:5px solid #48a0d2;
    border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
    box-shadow: 2px 2px 4px #000; -moz-box-shadow: 2px 2px 4px #000; -webkit-box-shadow: 2px 2px 4px #000;
    padding: 10px; position: absolute; right: 10px; top: 75px; z-index: 99;}
.calendar_popup tbody td {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd;
    padding: 3px 0;
}
.calendar_popup tbody td tbody td {
    background: #bbb none repeat scroll 0 0;
    border: medium none;
}
.calendar_popup th {
    padding: 6px 3px;
}

.page_title .blu-btn {
    display: inline-block;
    padding: 8px 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.search_rw{padding:15px 0 10px;}
.search_act_dact {float:right; padding: 13px 0 0;}
.search_act_dact h3 { font-size: 14px; padding: 1px 0 5px; float: left;}
.search_act_dact > table { float: left; margin: 0 0 0 0px;}
.search_act_dact table td input[type="radio"]{ display: inline-block; float: left; height: auto; margin: 0 5px 0 0; width: auto;}
.search_act_dact table td label{display:inline-block; padding: 0 15px 0 0;}

.snd_line {text-align:right;}
.snd_line .gry_btn{padding: 11px 20px; width:auto;}
.rdo_line span{ float: left; font-size: 14px; padding: 3px 5px 5px 0; font-weight: bold;}
.rdo_line table td input[type="radio"] { display: inline-block; float: left; height: auto; margin: 2px 5px 0 0; width: auto;}
.rdo_line table td label { display: inline-block !important; padding: 0 15px 0 0 !important;}
.rdo_line .field { padding: 10px 0 0;}
.rdo_line .jradio { padding: 30px 0 0;}

.ajax__calendar_container{ width:100% !important; padding:0px !important;}
.ajax__calendar_header { width:100% !important;}
.ajax__calendar_body { width:100% !important;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years { width:100% !important;}
.ajax__calendar_container TABLE{ width:100% !important;}
.img_signature{ border: 1px solid #dce2e2; outline: medium none; width: 100%;}
.calendar_popout{ padding:4px !important;}

.updateProgress { background-color: transparent; position: absolute; width: 70px; height: 70px; }
.modal
{
background-color: #000000;
filter: alpha(opacity=50);
opacity: 0.5;
}
/*css for Loader*/
.modalBackground 
{ 
	background-color: #000000; 
	filter: alpha(opacity=8); 
	opacity: 0.80; 

}

.remark_h {
    color: #0e3753;
    font-family: "maven_probold";
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 0; 
}
.remark_h span{font-size:14px; color:#333;}

#remark{margin: 0 0 20px; float: right; width: 45%; display:none;}
.excel_ico{background:url(../images/excel_icon.png) no-repeat 30px 8px #0079c2; padding-left: 60px !important; text-align: left;}
.excel_ico:hover{background:url(../images/excel_icon.png) no-repeat 30px 8px #00568a; }
.comments_pop{border-top: 2px solid #ddd; padding: 20px 0 0;}