@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600&display=swap');
* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff; 
	font-family: 'Poppins', sans-serif;
	font-size:12px;
	padding:0;
	color: #282828;
}

a {
	color:#000;  
	text-decoration:none; 
}
a:hover {
	text-decoration:underline;
} 
  
.log-tp {
	float: right;
	font-weight: 500;
	padding-top: 119px;
	width: 99%;
}
.log-mid {
	float: left;
	min-height: 305px;
	padding-top: 38px;
	width: 100%;
}
.logbot {
	color: #000;
	float: left;
	font-size: 12px;
	font-weight: 500;
	padding: 8px 0 15px;
	text-align: center;
	width: 100%;
}
/*.logbot a{color:#999999; text-decoration:none; background:url(images/expedien.jpg) no-repeat 145px -2px; padding-right:100px;}*/

.log-mid .imag {
	background:url(images/log-bn.jpg) no-repeat 9px top;
	height:184px;
}
.log-mid .ctrl {
	float: right;
	font-size: 12px;
	font-weight: 500;
	margin-right: 30px;
	width: 394px;
}
.ctrl td {
	padding:5px;
}
.ctrl h2 {
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	padding-left: 15px;
}
.us-ic1 {
	background: url("images/log-ic.jpg") no-repeat scroll 2px center #FFFFFF;
	border: 1px solid #6C6C6C;
	padding: 4px 3px 4px 18px;
	width: 200px;
}
.ps-ic1 {
	background: url("images/pass-ic.jpg") no-repeat scroll 2px center #FFFFFF;
	border: 1px solid #6C6C6C;
	padding: 4px 3px 4px 18px;
	width: 200px;
}
.un-ic1 {
	background:url(images/ui-ic.jpg) no-repeat 2px center #fff;
	border:0;
	padding:2px 3px 2px 18px;
	width:150px;
}
html {
	height: 98%;
}
.header {
	background: linear-gradient(-45deg, #3e598d, #19263f, #435d8f, #19263f);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    float: left;
    position: relative;
    width: 100%;
    height:100px;
}
.header .logo img {
	float:left;
}
.header .logo h1 {
	color:#7f2020;
	font-size:14px;
	margin:13px 0 0 15px;
	float:left;
}
.loginf {
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 18px;
    padding: 0 10px 0 23px; 
    position: absolute;
    right: 0;
    text-align: right;
    top: 35px;
}
.loginf a {
	color: #fff;
	text-decoration: none;
	padding: 0 3px;
} 
.loginf a:hover {
	text-decoration:underline;
}
.menu2 {
	/*background: url("images/nav-bg.gif") repeat-x scroll left top transparent;*/
    background: url("images/navbgred.jpg") repeat-x scroll left top transparent;
	height: 26px;
	padding: 3px 0 0 5px;
}
.menu {
	color: #fff;
	font-size:10px;
	cursor: hand;
	clear: both;
	padding:0 0 0 0;
	display: block;
	margin:0;
}
.menuItem {
	display:block;
	border-right:1px solid #fff;
}
.menuItem a {
	display:block!important;
	color: #fff;
	text-align: left;
	float:left;
	padding: 4px 10px 5px 10px!important;
	margin:0;
	font-size:12px!important;
	font-weight:500;
}
.menuItem a:hover {
	background:#619114;
}
.menuItem a:hover .menuSelectedItem a {
	background:#619114;
}
.menuItem a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #fff;
	background:#007373;
}
.menuPopup {
	color: #282828;
	margin:0 0 0 0;
	border:1px solid #009a9a;
}
.menuPopup a {
	background: #dfffff;
	display: block;
	padding:5px;
	font-size:12px;
	border:1px solid #009a9a!important;
	border-collapse:collapse;
	color: #282828;
	font-weight:500;
}
.menuPopup a:hover {
	display: block;
	background:#007373;
	text-decoration:none;
}
make drop down menu item style 
.menuPopupItem {
	color: #ffffff;
}
.menuPopupItem a {
	display: block;
	border:1px solid #c1a67e;
}
.menuPopupItem a:hover {
	color: #fff;
}
.menuItemHover {
	background:#fff;
}
/*--navigation style of master page starts--
.menu
{   
	color: #282828; font-weight: 500; font-size:10px;
	cursor: hand;
	clear: both;
	padding: 0px 0px 0px 0px;
	display: block;
	margin:0 0 0 8px;}

 set tab1 as top level container table, then target TDs inside
.menuItem td{color: #282828; text-align: left; padding: 0 0 0 10px; margin: 0px 0 0 0px;
             background:url(images/lft.jpg) no-repeat left top #9FC8EC;}
.menuItem td:hover
{

	background:url(../images/navleft.jpg) no-repeat left top;	
}

 make current tab gray,set the background-color also in case images are not on
.menuSelectedItem td
{
	
}

 make link and visited the same look,set the background-color also in case images are not on
.menuItem a:link, .menuItem a:visited{color: #282828;
	text-decoration: none;
	display: block;
	padding: 6px 10px 6px 0 !important;
    
	background:url(images/rft.jpg) no-repeat right top;	
	
}

.menuPopupItem a:link, .menuPopupItem a:visited
{
	color: #333;
	text-decoration: none;
	display: block;
	padding: 3px 5px!important;
		
}

 make hover by changing vertical position of background to -22px (the tab_dim2.gif is 44px high) 
.menuItem a:hover{text-decoration: none; cursor: pointer; color: #282828;}

 make drop down menu container style 
.menuPopup{color: #fff; margin-top:4px;}

.menuPopup a{background: #9FC8EC; display: block; padding: 6px 10px;}

.menuPopup a:hover
{
	display: block;
}

 make drop down menu item style 
.menuPopupItem{	color: #ffffff;}

.menuPopupItem a{display: block;}

.menuPopupItem a:hover{	background: #5C97CB; color:#fff;}*/







/*--navigation style of master page starts--
.menu{ font-size: 10px; }



.menu td{background: url(images/lft.jpg) no-repeat left top;padding: 0 0 0 10px;margin-left: 5px; display:block;}

.menu td a{color: #282828; font-weight: 500;	text-decoration: none;	background: url(images/rft.jpg) no-repeat right top;
	padding: 6px 10px 6px 0 !important;}


.static li a.highlighted{background: url(images/rft.jpg) no-repeat right top;}
.static li.highlighted{	background: url(images/lft.jpg) no-repeat left top;}

ul.dynamic{	background: #9FC8EC; font-size: 10px; margin:0;}	
.menuItem td{background:none; padding:0; margin:0;}
.menuItem td a{padding: 3px 5px!important;	color: #282828;	margin: 0 5px;
              display:block; background: none !important; border:1px solid #ff0000;  width:160px;}
.dynamic li a:hover{background: #5C97CB !important; color: #fff !important;}

li a.popout-dynamic{background: url("images/right.gif") no-repeat right center!important;	padding-right: 14px; display:block;}
*/

#content {
	float: left;
	margin: 10px 1%;
	min-height: 330px;
	width: 97.8%;
}
.footertext {
	background: #e3e3e3;
	text-align: center;
	color: #a96436;
	float:left;
	padding: 2px 0 3px 0;
	width: 100%;
	margin-top:10px;
	position: relative;        
}
.loginfooter {
    background: none 0% 0% repeat scroll rgb(237 237 237);
    float: left;
    height: 45px;
    text-align: center;
    width: 100%;
}
/*.footertext img
{
	position: absolute;
	top: 5px;
}*/


/****Table****/
.table td {
	color: #000;
	font-weight: 500;
	padding:2px;
}
.tableheading {
    background: #ecf3ff;
    color: #000000 !important;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 25px;
    padding: 5px 3px 5px 10px !important;
    border-left: solid 5px #293b5e;
}
.tableheadingmain {
	background:#425883;
	color: #fff !important;
	font-size: 13px;
	line-height: 25px;
	padding: 0 0 0 10px !important;
}
.table {
	border: 1px solid #E0E0E0;
}
.vtext {
	text-align: right;
	padding-right: 10px;
}
.vtexts {
	text-align: left;
	font-size: 10px;
	font-weight: 500;
}
.secContent {
	background: #F8F8F8;
	border: 1px solid #EAEAEA;
}
.secContent td {
	padding: 3px 10px 3px 10px;
	font-size: 11px;
	font-weight: 500;
	color: #4A4A56;
	padding: 4px 16px !important;
}
/*.secContent .required
{
	border-left: 2px solid #ff0000;
	padding-left: 2px;
}

.table td.required
{
	border-left: 2px solid #ff0000 !important;
	padding-left: 2px;
}*/
.required {
	color:red!important;
}
.msg {
	color:red!important;
	font-size:10px;
	font-weight: 500;
}
.table td {
	padding-left: 3px;
}
table {
	margin:0!important;
}
.tablesubheading {
	background: #ecf3ff;
    color: #000000 !important;
    font-size: 13px !important;
    font-style:italic;
    font-weight: 500;
    line-height: 25px;
    padding: 5px 3px 5px 10px !important;
    border-left: solid 5px #293b5e;
}
.buttonformula {
	font-size: 11px;
	font-weight: 500;
	background-color:#E4E4E4;
	width: 30px;
	padding: 2px;
	color: #333;
	margin: 2px;
	background-image: url(Images/button_bg.jpg);
}
#content .table table {
	margin-top:5px !important;
}
.buttonformula:hover {
	background-color:#D2D2D2;
	background-image: url(Images/button_bg_over.jpg);
	cursor:hand;
}
.buttonHTML {
	padding: 0.5px;
	color: #000;
	margin: 6px 18px 3px 0px;
	border: 1px solid #808080;
	font-size:11px;
	background-image: url(Images/button_bg.jpg);
}
.buttonHTML:hover {
	border: 1px solid #7D98B8;
	background-image: url(Images/button_bg_overbt.jpg);
	cursor:hand;
}
.buttonformula1 {
	font-size: 11px;
	font-weight: 500;
	background-color:#E0E0E0;
	padding: 2px;
	color: #333;
	margin: 2px;
	width: 65px;
	background-image: url(Images/button_bg.jpg);
}
.buttonformula1:hover {
	background-color:#E0E0E0;
	background-image: url(Images/button_bg_over.jpg);
	cursor:hand;
}
.LinkButton {
	background-color: #FFF8E4;
	background-image: url("Images/button_bg.jpg");
	border: 1px solid #CCCCCC;
	color: #000000;
	display: block;
	font-size: 11px;
	font-weight: 500;
	height: 15px;
	margin: 1px 0 0 10px;
	padding: 2px 7px;
}
.LinkButton:a {
	text-decoration:none;
}
.LinkButton:hover {
	background-color: #fceab4;
	border: 1px solid #CCCCCC;
	text-decoration:none;
	background-image: url(Images/button_bg_over.jpg);
}
.LinkButton1 {
	font-size: 11px;
	font-weight: 500;
	background-color: #9e9e9e;
	padding: 2px 7px 2px 7px;
	color: #ffffff;
	margin:1px 0px 0px 10px;
	display:block;
	height:15px;
	/*background-image: url(Images/button_bg.jpg);*/
	float:left;
	margin-bottom:10px;
}
.LinkButton1 a {
	text-decoration:none;
	color:#fff;
}
.LinkButton1:hover {
	background-color: #00a8e5;/*background-image: url(Images/button_bg_over.jpg);*/
}
.colon {
	width:2%;
	text-align:center;
}
.btngap {
	width:1px;
}
.tdgap {
	height:10px;
}
/*=========== Grid ===========*/

.item-style {
	background: #fff;
}
.item-style td, .dgitem-style td, .rowselect td {
	padding: 4px;
	border: 1px solid #666;
}
.item-style td a, .dgitem-style td a {
	color: #17547E;
	text-decoration: none;
}
.item-style td a:hover, .dgitem-style td a:hover {
	color: #5EC5DB;
	text-decoration: underline;
}
.header-style th {
	border: 1px solid #666;
	font-weight: 500;
	padding: 5px 5px;
        background: #f6f8f9;
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}
.header-style td {
	font-size: 11px;
	border: 1px solid #666 !important;
	font-weight: 500;
	padding: 5px 5px !important;
    background: #f6f8f9;
    background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
    background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}
.pager-style td {
	border: 1px solid #666;
	font-weight: 500;
	padding: 3px !important;
	height: 25px;
}
.pager-style a {
	padding: 1px 4px;
	text-decoration: none;
	border: 1px solid #00a8e5;
	font-weight: normal;
	color: #FFFFFF;
}
.pager-style a:hover {
	background: #00a8e5;
	color: #fff !important;
	border: 1px solid #0097cd;
}
.rowselect td {
	border: 1px solid #B0B0B0;
}
input[type="text"],input[type="password"], textarea, select {
	border: 1px solid #666;
    border-radius: 5px;
    font-size: 12px;
    padding: 3px;
    color:#000;
}
#logi-pg {
	border: 2px solid #9FC8EC;
	position: relative;
	margin: auto auto;
	padding: 10px 0 20px;
	background: #fff;
	width: 413px;
	top: 100px;
}
#logi-pg .head {
	background: url(images/lglogo.jpg) no-repeat center top;
	height: 59px;
	width: 383px;
	margin: 5px 0 10px auto;
	padding: 0 15px;
	float: left;
}
.tr {
	background: url(images/round.jpg) no-repeat right top;
	height: 21px;
	width: 21px;
	position: absolute;
	right: -2px;
	top: -2px;
}
.tl {
	background: url(images/round.jpg) no-repeat left top;
	height: 21px;
	width: 21px;
	position: absolute;
	left: -2px;
	top: -2px;
}
.br {
	background: url(images/round.jpg) no-repeat right bottom;
	height: 21px;
	width: 21px;
	position: absolute;
	right: -2px;
	bottom: -2px;
}
.bl {
	background: url(images/round.jpg) no-repeat left bottom;
	height: 21px;
	width: 21px;
	position: absolute;
	left: -2px;
	bottom: -2px;
}
#logi-pg h3 {
	background: url(images/hdng.jpg) repeat-x left center;
	height: 25px;
	line-height: 25px;
	padding-left: 15px;
	margin: 10px 0;
	display: block;
	font-size: 12px;
}
#logi-pg td {
	padding: 3px 2px 3px 10px;
	font-weight: 500;
}
.lgfot, .lgfot a {
	/*background: #9FC8EC;*/
	
	margin: 0 15px;
	font-size:13px;
	color:#666;
	text-decoration: none;
	text-align: center;
}
.lgfot a span {
	background:url(images/exp-log.jpg) no-repeat left 2px;
	display:inline;
	padding-left:55px;
}
.lgfot a:hover {
	color:#000;
}
.boxgrid {
	width: 120px;
	height: 113px;
	margin: 10px;
	float: left;
	background: #fff;
	border: 1px solid #9FC8EC;
	overflow: hidden;
	position: relative;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 13px;
	border: 0;
}
.boxcaption {
	float: left;
	position: absolute;
	background: #5C97CB;
	height: 60px;
	width: 100%;
	padding: 0 5px;
}
.caption .boxcaption {
	top: 83px;
	left: 0;
}
.boxcaption a {
	margin: 5px 5px 0 5px;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	display: block;
}
.tdht td {
	height: 150px;
}
.h3-hd {
	background:url(images/mod-hd.jpg) repeat-x left 0;
	border:1px solid #cfcfcf;
	color: #000;
	font-size: 12px;
	height:20px;
	padding: 0 0 0 15px;
}
.h3-hd h3 {
	font-size:12px;
}
.vtexthrpt {
	margin:0px; 
	font-size:14px;
	font-weight:500;
	color:#EA0303;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.vtexthrpt1 {
	margin:0px;  
	font-weight:500;
	color:#003399;
	padding:0px 0px 0px 0px;
	text-align:left;
}
.vtexth1rpt {
	margin:0px; 
	font-size:18px;
	font-weight:500;
	color:#EA0303;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.vtexth2rpt {
	margin:0px;  
	font-weight:500;
	color:#EA0303;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.vtextbrpt { 
	font-weight:500;
	color:#003399;
	padding:3px 1px 3px 1px;
	text-align:center;
	background-color:#DCDCDC;
}
.vtextbrpt1 { 
	font-size:9px;
	font-weight:500;
	color:#003399;
	padding:3px 1px 3px 1px;
	text-align:center;
	background-color:#DCDCDC;
}
.vtextlrpt {
	margin:0px; 
	font-size:10px;
	font-weight:500;
	color:#333;
	padding:3px 0px 3px 1px;
	text-align:center;
}
.vtextlrpt1 {
	margin:0px; 
	font-size:9px;
	font-weight:500;
	color:#333;
	padding:3px 0px 3px 1px;
	text-align:center;
}
.vtextrrpt {
	margin:0px; 
	font-size:10px;
	color:#333;
	padding:0px 0px 0px 0px;
	text-align:center;
}
.mobphoncode {
	width: 50px;
}
/*text-box class*/
.textboxdate, .textbox1, .textbox2, .textbox3, .textbox4, .textbox, .textboxmedium, .textboxlong, .textboxmultiline, .textboxsuggestion, .mobphoncode {
	font-size: 12px !important;
	color: #000;
}
.textbox {
	width: 96px;
}
.textboxdate {
	width: 85px !important;
	border:solid 1px #666;
}
.textbox1 {
	width: 25px;
}
.textbox2 {
	width: 50px;
}
.textbox3 {
	width: 75px;
}
.textbox4 {
	width: 100px;
}
.textbox5 {
	width: 125px;
}
.textbox6 {
	width: 150px;
}
.textboxmedium {
	width: 196px;
}
.textboxlong {
	width: 251px;
}
.textboxmultiline {
	width: 200px;
	height: 45px;
}
.textboxsuggestion {
	width: 200px;
}
/*text-box-gridview class**********************************************************************************ends*/
.dropdown {
	width: 100px;
}
.dropdownsmall {
	width: 75px;
}
.dropdown1 {
	width: 130px;
}
.dropdownmedium {
	width: 200px;
}
.dropdownlong {
	width: 255px;
}
.dropdownverylong {
	width: 350px;
}
.dropdownveryvlong {
	width: 500px;
}
.dropdownlogin {
	width: 255px;
}
.dropdownshowhide {
	width: 255px;
}
.lblmessage {
	font-weight: normal;
	font-size: 12px;
	color: #ff0000;
	line-height: normal;
	font-style: normal; 
}
.DivStyleWithScroll {
	border:1px solid #A4B583;
	font-size: 12px;
	overflow: scroll;
	width: 200px;
	height:150px;
	margin:10px 10px 10px 0px;
}
.DivStyleWithoutScroll {
	border:1px #A4B583;
	font-size: 12px;
	overflow:scroll auto;
	width: 200px;
	height:150px;
	margin:10px 10px 10px 0px;
}
.listboxsmall { 
	margin:0;
	padding:0;
}
.listbox { 
	margin:0;
	padding:0;
}
.chkboxlist { 
	margin:0;
	padding:0;
}
.radio { 
	margin:0;
	padding:0;
}
.checkbox label, .radio label {
    padding-left:0;
}
.chkbox { 
	margin:0;
	padding:0;
	color:red;
}
.chkboxhighLight { 
	margin:0;
	padding:0;
	color:red;
}
.uploadfiles {
	margin: 2px 0px 2px 0px;
	padding: 1px 0px 1px 2px;
	border: 1px solid #789AA6; 
	font-size:12px;
}
.codebox {
	width:130px;
}
.module {
	background:#fff;
	border:1px solid #096db3;
	margin:10px;
}
.login-bg {
	background:url(images/login-bg.jpg) no-repeat left top;
	margin: 0 auto;
	height:217px;
	width:307px;
	padding:55px 0 0 264px;
	font-weight:500;
	color:#3A464E;
	font-size:12px;
}
.login-bg h3 {
	font-size:15px;
	font-weight:500;
	color:#227A92;
}
.login-bg h5 {
	font-size:13px;
	color:#227A92; 
	font-weight:normal;
}
.log-btn {
	cursor: pointer;
	font-size: 12px !important;
}
.log-inp {
	border:1px solid #93BCC8;
	font-size:11px;
	padding:1px 2px;
	width:150px;
}
.head-lg {
	background:url(images/logo.gif) no-repeat left 10px;
	height:100px;
}
.mdbg {
	width:776px;
	margin:0 auto;
}
.mod-tp {
	background:url(images/mdtp.jpg) no-repeat left top;
	height:69px;
	width:776px;
}
.mod-tp h3 {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #28baba;
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin: 7px 0 0 20px;
    padding: 7px;
}
.mod-tp .rght {
	float:right;
	padding-right:20px;
	display:block;
	margin-top:30px;
}
.mod-md {
	border:3px solid #28baba;
	width:730px;
	border-top: 0;
	border-bottom: 0;
	padding:20px;
}
.mod-bt {
	background:url(images/mdbt.jpg) no-repeat left top;
	width:776px;
	height:22px;
}
.leftcol {
	float: left;
	padding-right: 1%;
	width: 59%;
}
.rightcol {
	float:right;
	width:39.9%;
}
.contentinner ul {
	float: left;
	padding-left: 11px;
	width: 94%;
	text-align:justify;
}
#latestnews ul {
	width:97%;
}

#privatepanel ul {
	width:97%;
}
.contentinner ul li {
	background: url("images/bullets.gif") no-repeat scroll 0 7px transparent;
	border-bottom: 1px dotted #CCCCCC;
	float: left;
	font-weight: normal;
	list-style-type: none;
	margin-bottom: 5px;
	padding: 3px 0 3px 12px;
	text-align:left;
	width: 97%;
	font-size:13px;
}
#instructions.contentinner ul li {
	width:90%;
	font-weight:500;
}
#instructions.contentinner ul li a {
	font-weight:500;
}
.contentinner ul li a {
	font-weight:normal;
}
.linktop {
	top: 18px;
	font-weight:500;
}
.contentinner {
	height: 160px;
}
.noscroll {
	height: auto;
	/*min-height: 165px;*/
	overflow: auto;
}
.noscroll li a {
	color:#333333;
	font-weight:500 !important;
	font-size:12px;
}
.homelink {
	font-size: 12px;
	font-weight: 500;
	position: absolute;
	right: 20px;
	top: 17px;
} 
.homelink a {
	color: #fff;
	font-weight: 500;
	text-decoration:underline;
	font-size:14px;
	float:right;
	padding: 3px 8px 3px 24px;
	background: url("images/home-20.png") no-repeat scroll 0 0;
}
.new-table .DivStyleWithScroll .dgitem-style td {
	padding:2px;
	font-size: 12px;
}
.new-table .DivStyleWithScroll .header-style td {
	font-size:12px;
}
.white_content11 {
	display: none;
	position: absolute;
	top: 40%;
	left: 50%;
	padding: 16px;
	margin:-147px 0 0 -330px;
	z-index:999;
	overflow: hidden;
	border:2px solid #33CCFF;
	text-align:center;
	background:#fff;
}
.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 105%;
	height:100%;
	background-color: #000;
	z-index:1001;
	-moz-opacity: 0.4;
	opacity:.40;
	filter: alpha(opacity=40);
}
.white_content-new {
	position:fixed;
	top:40%;
	left:10%;
	padding: 16px;
	border:2px solid #33CCFF;
	z-index:1000;
	background:#fff;
}
.fade {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99;
	background-color: #fff;
	-moz-opacity: 0.4;
	opacity:.40;
	filter: alpha(opacity=40);
}
.close { 
	background:#e69200;
	position:absolute;
	top:0;
	right:0;
	width:17px; 
	height:17px;
	color:#fff; 
	font-weight:500;
	text-align:center;
	padding:3px 0 0 3px;
	cursor:pointer;
}
.registration {
	background: url("images/coupon.png") no-repeat scroll 0 3px !important;
}
.aff-loginbtn {
	background: url("images/af-login.png") no-repeat scroll 3px 4px !important;
}
.newaff-loginbtn {
	background: url("images/newaf-login.png") no-repeat scroll 2px 4px !important;
}
.newcourse-loginbtn { 
	background: url("images/new-courses-icon.png") no-repeat scroll 2px 4px !important;
}
.inspaction-loginicon {
	background: url("images/inspaction-icon.png") no-repeat scroll 2px 2px !important;
}
.stulogin {
	background: url("images/candidateicon.jpg") no-repeat scroll 0 0 !important;
	padding: 4px 0 4px 25px !important;
}
.admlogin {
	background: url("images/admin.png") no-repeat scroll 0 0 !important;
}
.seatstatus {
	background: url("images/seat-status.png") no-repeat scroll 0 3px !important;
}
.forgotecoupon {
	background: url("images/forgot-ecoupon.png") no-repeat scroll 0 4px !important;
}
.forgotpass {
    background: url("images/change_password.png") no-repeat scroll 0 4px !important;
    //background: rgba(0, 0, 0, 0) url("images/change_password.png") no-repeat scroll 0 0 !important;
}
.notification_icon {
	background: url("online/hand_point.png") no-repeat scroll 0 3px !important;
}
/*================== footer =================*/
.edcil {
    float: left;
    height: 36px;
    margin-left:5px;
}
.edcillogo {
	background: url("images/edcil.png") no-repeat scroll 0 0;
	width:280px;
	float:left;
	height:36px;
}
.expit {
	/*float:left;*/
	display:inline-block;
	margin-right:5px;
	height:36px;
}
.expitlogo {
	background: url("online/af-footer-txt.png") no-repeat scroll 0 0;
	width:187px;
	margin-top:8px;
	display:inline-block;
    padding-bottom: 4px;
	/*float:left;*/
	height:22px;
	
	
}
.expitlogogray {
	background: url("online/exp-it.png") no-repeat scroll 0 0;
	width:187px;
	margin-top:8px;
	display:inline-block;
	/*float:left;*/
	height:22px;
    cursor: default;
}
/*============ End of footer =============*/
.contentinner.noscroll ul li {
	width:89%;
	padding: 6px 0 6px 25px !important;
}
span.submitbypostedby {
    color: #333;
    font-style: italic;
    font-weight: 500;
    margin: 0 5px;
}
.explogo {
	background: url("images/exp-product.png") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	display: inline-block;
	font-size: 0;
	height: 15px;
	text-align: right; 
	width: 156px;
}
.foter {
	float: left;
	text-align: center;
	width: 100%;
}
#downlaod ul li span {
    color: #333;
    cursor: pointer;
    font-size: 12px;
}
/*-- footer navigation css --*/
.footernav {
	float: left;
	padding-top: 5px;
	text-align: center;
	width: 100%;
}
.footernav table {
	margin: 0 auto !important;
}
.footernav table a {
	color:#0090c4;
	font-weight:500;
}
/*-- footer navigation css --*/
.headerleft {
	float:left;
	width:450px;
}
.headerright {
	float:right;
	width:470px;
}
.chgpass-logout {
    float: right;
    font-weight: 500;
    padding-right: 175px;
    text-align: right;
    width: 310px;
}
.chgpass-logout a {
	color: #0398cf;
}
.chgpass-logout span {
	margin:0 7px;
}
.bodywrapinner {
    display: block;
    float: left;
    min-height: 460px;
    width: 100%;
}
/*=== offline page css ===*/
body.maintain {
	background:#fff9ef; 
	font-size:12px;
	line-height:18px;
}
.wrapper123 {
    margin: 5% auto 0;
    width: 786px;
}
.wrapperinner123 {
    background: url("images/header123.jpg") no-repeat scroll left top #FFFFFF;
    float: left;
    width: 760px;
}
.content123 {
    border: 4px solid #019cd5;
    float: left;
    font-size: 13px;
    font-weight: 500;
    min-height: 265px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 116px;
    text-align: left;
    width: 744px;
}
/*=== End of ofline page css ===*/
.continuelogin {
	float:left;
	text-align:center;
	width:100%;
}
/* popup css */
.divovr {
    background: url("images/op.png") repeat scroll 0 0 transparent;
    float: left;
    height: 100%;
    right: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}
#dvFeedback.divovr {
    background: none repeat scroll 0 0 transparent;
    height: auto;
    position: fixed;
    right: 22px;
    top: 29%;
    width: 280px;
    z-index: 999999;
}
.sticky-content-new {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin: 5% 0 0 0;
    position: relative;
    width: 762px;
}
.popupboxsticky {
	float: left !important;
    height: auto !important;
    overflow: visible !important;
    width: 762px !important;
}
/* popup css */
.sticky-content-new-main {
	width:762px;
	margin: 0 auto;
}
.modulemain {
    float: left;
    text-align: center;
    width: 200px;
    padding-bottom:10px;
    font-weight:500;
}
.moduleicon {
	float:left;
	width:100%;
}
.modulename {
	float:left;
	width:100%;
	text-transform: uppercase;
	padding:10px 0;
}
.modulename a {
	color:#333;
}
.mainpgbackground {
	background: url("online/debut_light.png") repeat scroll 0 0 transparent;
}
.mainpgbackground #content {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    margin-left: 2%;
    margin-top: 4px;
    padding: 1%;
    width: 94%;
}
.tableinsidetbl tr td {
  padding: 4px !important;
  border: 1px solid #e3e3e3 !important;
  border-collapse: collapse !important;
}
.important_announcement {
	float:left;
	width:100%;
}
.important_announcement li {
	float:left;
	width:91%;
	border-bottom:1px dotted #333;
	padding-bottom:5px;
	line-height:19px;
	margin-bottom:5px;
	font-size:13px;
	padding-left:24px;
	background: url("online/instruction.png") no-repeat scroll 0 6px transparent;
}
.important_announcement li.newarrival {
	color:#002aff;
}
.important_announcement li.oldmsg {
	color:#111;
}
.important_announcement li.orangemsg {
	color:#ff7200;
}
.orangetxt {
    background: #dcffff none repeat scroll 0 0;
    border: 1px solid #49c4c4;
    border-radius: 5px;
    color: #000;
    float: left;
    font-size: 15px;
    margin-bottom: 10px;
    padding: 0.5%;
    width: 98.5%;
}
.preadm_heading {
    border-bottom: 1px dotted #ff6600 !important;
    color: #ff6600 !important;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.bluetxt {
    color: #0b30cd;
    float: left;
    font-weight:500;
    padding-bottom: 5px;
    width: 100%;
}
.greentxt a {
	color: #06af31;
}
.redtxt {
	color:#ff0000;
	float: left;
    padding-bottom: 5px;
    width: 100%;
}
.onlineapplink {
	list-style:none;
	float:left;
	width:100%;
}
.onlineapplink li {
    background: #00afef none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    margin-bottom: 2px;
    padding: 3%;
    width: 94%;
    color:#fff;
    font-weight:500;
}
.onlineapplink li a {
	color:#fff;
}
.wr-left .vtext {
	font-weight:500;
}
.poupupinsidetbl_tbl td {
	padding:3px !important;
}
.affilationmasterpg h2 {
    color: #ff6600 !important;
    font-size: 16px;
    font-weight: 500;
}
/* Custom new popup box css*/
.white_content-new-1 {
    background:  url("online/overlay.png") repeat scroll 0 0;
    float: left;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.popupscroll {
    height:430px;
    overflow-y:scroll;
}
.popupboxouter {
    margin: 5% auto 0;
    width: 930px;
}
.popupbox {
    background: #ffffff none repeat scroll 0 0;
    /*border: 15px solid #60920f;*/
    border-radius: 5px;
    float: left;
    padding: 20px;
    /*position: relative;*/
    width: 890px; 
    border: 10px solid #556b97;
    margin: 0 auto;
}
.close-1 {
    background: url("online/closebutton.png") no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    font-size: 0;
    height: 64px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 64px;
    z-index: 99;
}
.popuphead {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
    padding-bottom: 6px;
}
.bg_login_exam {
    background: url("images/online.exam.jpg") repeat fixed center top / 100% 100%;
}
.brdcums {
    background: #e8f0ff;
    width: 100%;
    float: left;
    padding: 0 0 0 1%;
    color: #000;
    border-radius: 5px;
    line-height: 37px;
    border: solid 1px #becfef;
}
.searchfield {
    float: right;
    background: #3a517e;
    padding: 5px 10px;
}
.searchfield .form-control {
    height: auto;
}
#body {
    float: left;
    margin-left: 1%;
    margin-top: 5px;
    min-height: 440px;
    width: 98%;
}
.logo {
    border: medium none;
    float: left;
    padding: 0;
    margin: 0;
}
.logo a {
    background-image: url('../../Logo/Website-logo.png');
    background-repeat: no-repeat;
    background-size: 100%;
    color: #346fad;
    float: left;
    font-size: 0;
    height: 66px;
    width: 272px;
    margin: 12px 0 12px 0;
}
.moduleselectmenu {
    border-bottom: 2px solid #6a9cc7;
    padding-bottom: 2px;
}
.moduleselectmenu h1 {
    border: 1px solid #d6efff;
    border-radius: 5px;
    float: left;
    font-size: 15px;
    text-align: left;
    width: 100%;
    padding: 0;
    margin-top: 11px;
}
.borderbottom {
    font-size: 14px;
}
.borderbottom {
    float: left;
    padding: 10px;
    font-weight: 500;
    color: #3a5873;
}
.modulelistfild {
    background: #d6efff none repeat scroll 0 0;
    float: right;
    padding: 5px 10px 6px;
}
.moduleselectmenu select {
    float: right;
    margin-bottom: 0;
    font-size: 12px;
    border: solid 1px #c8d1da;
    border-radius: 4px;
    padding: 5px;
}
.module-section-gap {
    padding: 16px 0;
}


/*module start*/
img.mod-image {
    width: 50px;
}
.service-activation-item5 .single-slick-card {
            margin-bottom: 60px;
        }
        .module-card-8.shape-bg-2 .inner {
            background: #FFF3EE;
        }
        .module-card-8.shape-bg-3 .inner {
            background: #FAEFFA;
        }
        .module-card-8.shape-bg-4 .inner {
            background: #FFF1F1;
        }
        .module-card-8.shape-bg-5 .inner {
            background: #EFF4FC;
        }
        .module-card-8.shape-bg-6 .inner {
            background: #FFF3EE;
        }
        .module-card-8.shape-bg-7 .inner {
            background: #ffebcc !important;
        }
        .module-card-8.shape-bg-8 .inner {
            background: #dadee9 !important;
        }
        .module-card-8.shape-bg-9 .inner {
            background: #d6eaff !important;
        }
        .module-card-8.shape-bg-10 .inner {
            background: #cfe4ee !important;
        }
        .module-card-8.shape-bg-11 .inner {
            background: #d8e5f2 !important;
        }
        .module-card-8.shape-bg-12 .inner {
            background: #ccecf9 !important;
        }
        .module-card-8 .inner {
            background: #EAF8F6;
            border-radius: 5px;
            text-align: center;
            padding: 30px;
            position: relative;
            transition: 0.4s;
            margin-bottom: 40px;
            margin:0 20px;
        }
        .module-card-8 .inner .icon {
            position: relative;
            width: 100px;
            height: 100px;
            display: flex;
            align-items: center;
            background: #FFFFFF;
            border-radius: 100%;
            justify-content: center;
            margin: 0 auto;
        }
        .module-card-8 .inner .content .title {
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 5px;
        }
        .module-card-8 .inner .content span {
            font-weight: 500;
            font-size: 12px;
        }
        .module-card-8 .inner .hover-action .read-more-btn {
            width: 40px;
            height: 40px;
            background: #22314f;
            color: #fff;
            display: inline-block;
            line-height: 43px;
            border-radius: 100%;
            font-size: 20px;
        }
        .module-card-8:hover .inner .hover-action {
            opacity: 1;
        }
        .module-card-8 .inner .hover-action {
            position: absolute;
            bottom: -20px;
            left: 50%;
            transform: translateX(-50%);
            transition: 0.4s;
            opacity: 0;
        }
        .module-card-8:hover .inner {
            padding-bottom: 50px;
            margin-bottom: -20px;
        }
        .content {
            padding: 0;
        }
        .fa-long-arrow-right {
            margin-top:10px;
        }
        a.home_link {
            font-size: 12px;
        }
        @media (max-width:768px) and (min-width:240px) {
            .module-card.module-card-8 {
                margin-bottom: 50px;
            }
            .module-section-gap table tr td {
                width:100%;
                display:block;
            }
        }
/*module end*/
/*==== main navigation css ====*/
ul ul a {
     background: transparent!important; 
}
#nav {
    border-bottom: 1px solid #bbe5ff;
    float: left;
    margin-top:10px;
    margin-left: 1%;
    text-align: left;
    width: 98.1%;
}
#nav .level1 {
	float: left;
    position: relative;
    width:100% !important;
}
#nav li {
    background: #95b9ff57;
    border-left: 1px solid #abbee3;
    border-right: 1px solid #abbee3;
    border-top: 1px solid #abbee3;
    border-top-left-radius:3px;
    border-top-right-radius:3px;
    float: left;
    font-size: 12px;
    margin: 0 5px 0 0;
    padding: 10px 15px;
}
#nav li li {
    border: medium none;
    float: left;
    padding: 0;
    background:none;
    position: static;
    margin:0;
    /*width: 48%;*/
    width:33%;
}
#nav li a, .heading1 a {
	color:#0b344c;
}
#nav li li a {
	padding: 4px  0  4px 15px;
}
#nav li li a:hover {
	color:#333;
	background: none repeat scroll 0 0 transparent !important;
	text-decoration:underline;
}
#nav ul ul {
    background: none repeat scroll 0 0 #e5eeff;  
}
/*#nav ul.level2.dynamic { 
    opacity: 0;    
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s; 
} 
#nav ul.level2.dynamic:hover {
    visibility:visible;
    opacity:1;
    filter:alpha(opacity=100);
}*/
#ctl00_MainMenu ul.dynamic {
	*top:24px !important;
}
#ctl00_MainMenu a {
    white-space: normal !important;
}
#ctl00_MainMenu a.popout-dynamic {
	background: none repeat scroll 0 0 transparent !important;
    color: #a71010;
    font-size: 12px;
    font-weight: normal;
}
#ctl00_MainMenu a.popout-dynamic:hover {
    background: none repeat scroll 0 0 transparent !important;
    color:#333;
}
#nav ul li ul {
    display: none;
    width: 100%;
    z-index:999999 !important;
    min-height: 140px;
}
#nav ul li ul ul  {
	position:static !important;
	left:0 !important;
	display:block !important;
	margin-left: 10px;
	width:100%;
	min-height:10px;
	border:none;
}
#nav ul li ul ul li, #nav ul li ul ul li:hover {
	color: #333;
	float:left;
	width:100%;
    background: url("images/bullet-icon.png") no-repeat scroll 0px 10px transparent;
}
#nav li li li  {
	position:static !important;
}
#ctl00_MainMenu li.has-popup.dynamic {
	list-style:none;
	background: none repeat scroll 0 0 transparent;
}
#nav ul li ul ul ul {
	margin:0;
	width:100%;
}
#ctl00_MainMenu ul ul li.has-popup.dynamic {
	float:left;
	/*width:48.5%;
	width:100%;*/
	border:none;
}
#ctl00_MainMenu {
    margin: 0;
    width: 100%;
}
.has-popup {
	position:static !important;
}
#ctl00_MainMenu ul .dynamic a {
	font-size:12px;
	font-weight:normal;
}
#nav ul li ul ul li a {
    font-size: 12px !important;
    font-weight: normal !important;
}
#nav li a:hover {
	background:#e5eeff;
	color:#333;
}
#nav li:hover{
	background:#e5eeff;
}
#nav ul ul:hover {
	display:block !important;
}
#nav ul li a {
	font-size:13px;
	font-weight: 600;
}
#nav li li a:hover, #nav li li a {
	color:#333;
}
/*==== End of main navigation css ====*/
.nav li a.mainmenulink:hover, .nav li a.mainmenulink:focus {
    background-color: #344c7c !important;
    color:#fff;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #1e80bb;
    border-color: #1e80bb;
}
.mobile-form-div .table {
    margin-top:10px;
}
.mobile-form-div .table tr td {
    border: none;
    padding: 2px;
}
.mobile-form-div .table tr td.colon {
    vertical-align: middle;
}
.mobile-form-div .table tr td.vtext {
    border-bottom: solid 1px #ececec;
    vertical-align: middle;
}
/* End of div show hide css */
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #1e80bb;
    border-color: #1e80bb;
}
.top-nav-right {
    margin-top:10px;
}
.navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dropdown-menu>li {
    width:95%;
}
.dropdown-menu>li>a {
    padding: 6px 6px;
}
.glcl a, .glcl td {
    color: #FFFFFF;
    font-size: 12px;
}
/*bs dropdown menu animation*/
ul.dropdown-menu {
    animation: flipInY 1s ease;
    -moz-animation: flipInY 1s ease;
    -webkit-animation: flipInY 1s ease;
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -moz-backface-visibility: visible !important;
    data-wow-delay: ".1s";
}
@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
/* End of div show hide css */
/*custom css on 15-09-18 for mobile menu*/
nav-fostrap {display: block;  margin-bottom: 15px 0;  background: #03A9F4;  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);  border-radius: 3px;}

.nav-fostrap ul { list-style-type: none;  margin: 0;  padding: 0;  display: block;}
.nav-fostrap li { list-style-type: none;  margin: 0;  padding: 0;  display: inline-block;  position: relative;  color: #def1f0;}
.nav-fostrap li a { color: #def1f0;  display: inline-block;  outline: 0;  font-weight: 400;}
.nav-fostrap li:hover ul.dropdown { display: block; }
.nav-fostrap li ul.dropdown {  position: absolute;  display: none;  width: 200px;  background: #2980B9;  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);  padding-top: 0;}
.nav-fostrap li ul.dropdown li {  display: block;  list-style-type: none;}
.nav-fostrap li ul.dropdown li a {  padding: 15px 20px;  font-size: 15px;  color: #fff;  display: block;  font-weight: 400;}
.nav-fostrap li ul.dropdown li:last-child a { }
.nav-fostrap li:hover a {  }
.nav-fostrap li:first-child:hover a { }
.nav-fostrap li ul.dropdown li:hover a {}
.nav-fostrap li ul.dropdown li:first-child:hover a { }
.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }
.arrow-down { width: 0; height: 0; border-left: 5px solid transparent;  border-right: 5px solid transparent;  border-top: 5px solid #def1f0;  position: relative;  top: 15px;  right: -5px;  content: '';}
.title-mobile { display: none;}
.fixed-top { position: fixed; top: 0; right: 0; left: 0;}

/*Media Query for responsive*/

@media (max-width:768px) and (min-width:240px) {
    /*for mobile Menu*/
    .maincontent{margin-top:50px;}
    .nav-fostrap{  background:#fff;  width:220px !important;  height:100%;  display: block;z-index:99; position: fixed; left: -220px;top: 0px; -webkit-transition: left 0.25s ease;  -moz-transition: left 0.25s ease;  -ms-transition: left 0.25s ease;  -o-transition: left 0.25s ease;  transition: left 0.25s ease;  margin: 0;  border: 0;  border-radius: 0;  overflow-y: auto;  overflow-x: hidden;  height: 100%;}
    .title-mobile {  position:fixed;  display: block; top: 10px; font-size: 20px; left: 100px; right: 100px; text-align: center; color: #FFF;}
    .nav-fostrap.visible {left: 0px;  -webkit-transition: left 0.25s ease; -moz-transition: left 0.25s ease; -ms-transition: left 0.25s ease;  -o-transition: left 0.25s ease;  transition: left 0.25s ease;}
    .nav-bg-fostrap {display:inline-block;vertical-align: middle;width: 100%;height: 50px; z-index:999; margin: 0;position: absolute;top: 0px;left: 0px;background:#3c5482;padding: 12px 0 0 10px;-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);-ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);-o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);box-sizing:  border-box;}
    .navbar-fostrap {display: inline-block;vertical-align: middle;height: 27px;cursor: pointer;margin: 0;position: absolute;top: 0;left: 0;padding: 12px;}
    .navbar-fostrap span {height: 2px; background: #fff; margin: 5px; display: block;  width: 20px;}
    .navbar-fostrap span:nth-child(2) {width: 20px; }
    .navbar-fostrap span:nth-child(3) {width: 20px; }
    .nav-fostrap.visible ul {padding-top: 60px !important;}
    .nav-fostrap.visible li {display: block;width: 100%;background: #fff !important;border-top: 1px #4c6491 solid !important;padding: 0px !important;border-left: 0 !important;}
    .nav-fostrap.visible ul ul{padding-top:0px !important; position:static !important;margin-left: 0px !important;}
    .nav-fostrap.visible li a{font-size:13px !important;padding: 10px 5px !important;}
    #nav li li{width:100% !important;    
                border-top-left-radius: 0;
                border-top-right-radius: 0;}
    #ctl00_MainMenu a.popout-dynamic{background: #0d70ad !important;}
    .nav-fostrap.visible li ul li{background: #3c5482 !important;}
    #nav li a:hover {background: #fff !important;color: #000 !important; }
    #nav li li a:hover {color: #fff !important;}

    .nav-fostrap li a {  display: block;  color: #505050;  font-weight: 600;}
    .nav-fostrap li:first-child:hover a {border-radius: 0; }
    .nav-fostrap li ul.dropdown {position: relative; }
    .nav-fostrap li ul.dropdown li a {border-bottom: none; color: #fff !important;}
    .nav-fostrap li li:hover a, .nav-fostrap li li a {color: #fff !important;}
    .nav-fostrap li ul.dropdown li:hover a {color: #fff !important;}
    .nav-fostrap li ul.dropdown li a { padding: 10px 10px 10px 30px; }
    /*End of mobile menu css*/
    .mobile-form-div table tr td {
        display:block;
        width:100% !important;
    }
    .mobile-form-div .tableheading {
        margin-left:0;
    }
    .mobile-grid-div {
        width: 330px;
        overflow: scroll;
    }
    .header .logo a {
        background-size: contain;
        width: 320px;
        height: 50px;
        margin-top:58px;
        margin-bottom:0;
    }
    .colon {
        display:none !important;
    }
    .vtext {
        text-align:left;
        border-bottom:none;
        padding-right:0;
    }
    .header logo {
        float:none;
    }
    .maincontent {
        width: 100%; margin:0;
    }
    .headertbl {
        margin-top: 55px;
    }
    .headertbl td {
        display:block;
        width:100%;text-align: left;
    }
    .dropdown-menu>li>a {
        color: #fffdfd;
    } 
    .glcl { 
        margin-top: 0;
    }
    .top-nav-right {
        margin: 0;
    }
    .glcl li {
        display: inline-block;
        list-style: none;
        margin: 0 5px;
        color: #fff;
    }
    .module-main table tr td {
        display:block;
        width:100%;
    }
    .module-main table tr td td {
        display:table-cell;
    }
    .grid-div {
        float:left;
        width:100%;
    }
    .grid-div .DivStyleWithScroll {
        overflow: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        width:100% !important;
    }
    .grid-div {
        display: block;
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .grid-div table tr td {
        padding:5px;
        display: revert !important;
        width: auto !important;
    }
    .table tr td, #content .secContent tr td { display:block;width: 100%!important;text-align: left;}
    .vtext {text-align:left;}
    .colon {display:none !important;}
    .header {height: auto;}
    #wrapper .header .logo {display:none;}
    .loginf {height: auto; margin-top: 70px;/*background: #0e7176;*/}
    .grid-div table.table-grid-view tr td {
        display: revert;
        width: auto;
    }
}

@media only screen and (min-device-width : 350px) and (max-device-width: 731px) and (orientation : landscape) {
   .mobile-grid-div {
        width: 638px;
        overflow: scroll;
    }
}

@media (max-width:769px) and (min-width:300px) {

	.header-master .logo img, .empheader img {
        width:320px;
	}
    .custom-login-page {
        width:100%;
    }
    .form-horizontal {
        padding:10px;
     }
    #videoBG {
        top: 50px !important;
    }
    .module-section-gap tr td {
        display: block;
        width: 100%;
    }
}
@media (min-width: 768px){
.navbar-nav>li {
    margin-top: 10px;
}
}