/*NOTE
margin:Top-0px left-auto bottom-0px right-auto;
Font: font-family: 'Conv_Lato-Regular',Sans-Serif; font-family: 'Conv_Lato-Bold',Sans-Serif; font-family: 'Conv_Lato-Light',Sans-Serif;
*/
/*LOGIN SCREEN*/
#login{ width:685px; height:200px; margin:230px auto 0px auto;}
#login h1{ font-family: 'Conv_Lato-Bold',Sans-Serif; font-size:2em; line-height:45px;}
#login h1 .color1{color:#434344;}
#login h1 .color2{color:#df9902;}
#login h2{font-family: 'Conv_Lato-Regular',Sans-Serif; color:#434344; font-size:24px; font-weight:normal;}
#field{width: 100%;height: 45px; background-color:#fff; margin:10px 0px 10px 0px;
border-top-width: 1px;border-right-width: 1px;border-bottom-width: 2px;border-left-width: 1px;border-top-style: solid;
border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #dbdbdb;
border-right-color: #dbdbdb;border-bottom-color: #dbdbdb;border-left-color: #dbdbdb;}
#username{ width:40%; height:45px; padding-left:65px; float:left; background:url(../images/username.gif) left top no-repeat;}
#password{ width:40%; height:45px; padding-left:65px; float:right; background:url(../images/password.gif) left top no-repeat;}
.logintxtfield{ width:100%;	height: 40px; font-family: 'Calibri', 'Conv_Lato-Regular',Sans-Serif; font-weight:lighter;font-size:16px; color:#585656; border: 1px solid #FFF;}
#forgot{ width:auto; height:35px; float:left;margin-top:10px;}
#forgot .forgottxt{font-family: 'Calibri', Arial ; font-size:16px; color:#df7a02; }
#keep{width:auto; height:35px; float:right; margin-right:0px; margin-top:10px;}
#keep ul li{ display:inline;}
#keep .keeptxt{ font-size:16px; padding-bottom:5px;}
.padbot{ margin-bottom:15px;}
#button-log{ width:auto; height:35px; float:right}
#button-log .inbutton{ width:180px; height:35px; background:#333333; border:0px; font-family: 'Conv_Lato-Regular',Sans-Serif; color:#ffffff; font-size:18px; font-weight:normal; cursor:pointer;}
#button-log .inbutton:hover{background:#000;}

/*Inner SCREEN*/
#top{ width:auto; height:45px; background-color:#dcdada;}
#logo{ width:auto; height:45px; float:left;}
#homeico{ width:40px; height:45px; background-color:#eca101; float:left;}
#homeico:hover{background-color:#d49102;}
#ermtxt{ width:57%; height:35px; text-align:center; margin-top:10px; float:left;color:#0d743d;font-weight:bold}
#photo{ width:40px; height:45px; float:right;}
/*Profile CSS Start*/
#profiledd{ width:215px; height:45px; background-color:#333333; float:right;}
.wrapper-dropdown-5 {/* Size & position */position: relative;width: auto;margin: 0 auto;padding: 13px 15px;color:#fff;
/* Styles */cursor: pointer;outline: none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; z-index:999;}
.wrapper-dropdown-5:after { /* Little arrow */
content: "";width: 0;height: 0;position: absolute;top: 50%;right: 15px;margin-top: -3px;border-width: 6px 6px 0 6px;border-style: solid;
border-color: #feca00 transparent;}
.wrapper-dropdown-5 .dropdown {/* Size & position */
position: absolute;width: 235px;top: 45px;right: 0;/* Styles */background: #000;list-style: none;padding-left: 10px;padding-right: 10px;
-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;/* Hiding */max-height: 0;overflow: hidden;}
.wrapper-dropdown-5 .dropdown li {padding:0px; margin:0px;}
.wrapper-dropdown-5 .dropdown li a {display: block;text-decoration: none;color: #fff;padding: 10px 0;transition: all 0.3s ease-out;border-bottom:solid 1px #373636;}
.wrapper-dropdown-5 .dropdown li:last-of-type a {border: none;}
.wrapper-dropdown-5 .dropdown li i {margin-right: 5px;color: inherit; vertical-align: middle;}
/* Hover state */
.wrapper-dropdown-5 .dropdown li:hover a {color: #feca00; }
/* Active state */
.wrapper-dropdown-5.active {background: #feca00;color: white;}
.wrapper-dropdown-5.active:after {border-color: #fff transparent;}
.wrapper-dropdown-5.active .dropdown {border-bottom: 5px solid rgba(0,0,0,0.2);max-height: 400px;}
/*Profile CSS END*/
#logout{ width:110px; height:45px; background-color:#feca00; text-align:center; float:right;}
#logout:hover{background-color:#eca101;}
.logouttxt{ color:#333;}
#fullscreen{ width:40px; height:45px; background-color:#121d19; float:right;}
/*Menu CSS Start*/
#menu{ width:auto; height:40px; background-color:#c6c5c5;}
#menu ul li{ display:inline-block; width:auto; height:40px; text-align:left; padding-left:5px; padding-top:10px; margin-left:10px; margin-right:10px;}
#menu li a{ color:#525050;}
#menu li a:hover{ color:#000;}
.menuspanico{ width:26px; height:30px; text-align:left; float:left;}
.menutxt{ width:auto; height:30px; float:left;}
/*<!--Scroll-->*/
#botmenu{position:relative;width: 100%;height: auto;top: 0px;text-align:center;}
#middle{overflow: hidden;height: 40px;}
#items{}
.item{float: left;}
#left{float:left;width:30px;margin-top: 0px;height: 25px; padding-top:15px;color:#fff;background:#b7b7b7; cursor:pointer;}
#right{float:right;width:30px;margin-bottom: 0px;height: 25px; padding-top:15px;color:#fff;background:#b7b7b7; cursor:pointer;}
/*Menu CSS End*/
#fullscreen:hover{background-color:#333333;}
#content{ width:100%; height:auto; background-color:#ebebeb;}
#pagenav{width:auto; height:30px;background:#f4f4f4; padding-top:5px; padding-left:10px; border-bottom: solid 1px #d1d1d1;}
#pagenav h1{font-family: 'Calibri', Arial ; font-size:16px; color:#df7a02; font-weight:normal; text-align:left;}
#title{width:auto; height:40px;  padding-top:5px; padding-left:10px; border-bottom: solid 1px #d1d1d1;}
#title h1{font-family: 'Conv_Lato-Regular',Sans-Serif; color:#434344; font-size:24px; font-weight:normal;}
#formarea{width:100%;  max-height:100%;margin-left:auto; margin-right:auto; }
#footer{ width:100%; height:35px; background-color:#d5d5d5; position:relative; bottom:0px;}
#lastlog{ width:auto; height:30px; padding-top:5px; padding-left:10px; float:left;}
#copyright { width:auto; height:30px; padding-top:5px; padding-right:10px; float:right;}

#wfsubmaintitle{width:100%; height:40px; background:#ebebeb; position:fixed; left:0px; top:0px;  padding-top:5px; padding-left:10px; border-bottom: solid 1px #d1d1d1;}
#wfsubmaintitle h1{font-family: 'Conv_Lato-Regular',Sans-Serif; color:#434344; font-size:24px; font-weight:normal;}

#titlemvc{width:auto; height:40px;  padding-top:5px; padding-left:10px; border-bottom: solid 1px #d1d1d1;}
#titlemvc h1{font-family: 'Conv_Lato-Regular',Sans-Serif; color:#434344; font-size:24px; text-transform:uppercase; font-weight:normal; margin-bottom:25px;}

/*Tab CSS Start*/
#submenu ul li{ display:inline-table;margin:10px;}
#submenuinner{width:200px; height:70px; text-align:left; background-color:#ffae00; padding:10px; color:#fff;}
#submenuinner:hover{width:200px; height:70px; text-align:left; background-color:#333333;padding:10px; color:#fff;}
#submenuinner a{ color:#fff;}

@media only screen and (max-width: 768px) {
#submenu ul li{ display:list-item; list-style:none;margin:10px; padding:10px;}
#submenuinner{width:90%; height:20px; text-align:left; background-color:#ffae00;  color:#fff;}
#submenuinner:hover{width:90%; height:20px; text-align:left; background-color:#333333;color:#fff;}
	
}
/*Tool Bar CSS*/
#tool{width:100%; height:40px; margin-bottom:10px;border-bottom: solid 1px #d1d1d1;}
#tool2{width:100%; height:auto;}
#tooltitle{width:40%; height:35px;  padding-top:5px; padding-left:10px; float:left;}
#tooltitle h1{font-family: 'Conv_Lato-Regular',Sans-Serif; color:#434344; font-size:24px; font-weight:normal; text-transform:uppercase;}
#toolico{width:50%; height:35px; padding-top:5px; padding-right:10px; float:right; text-align:right;}
#toolico ul li{ display:inline-block !important; padding-top:5px;}
#toolico li{ width:auto; height:15px; margin-left:10px; margin-right:10px;}
/*Sub Main Title*/
#submaintitle{width:auto; height:40px; margin-bottom:10px;  padding-top:5px; padding-left:10px; border-bottom: solid 1px #d1d1d1;}
#submaintitle h1{font-family: 'Conv_Lato-Regular',Sans-Serif; color:#434344; font-size:24px; font-weight:normal;}

/*TXT CSS START*/
.lbls,.lbls1 {color:#000;text-align:right;}
.fieldtitle{color:#000;font-family:Arial;text-decoration:none;padding-left:5px;}
.button {font-family:Arial;font-size:13px;font-weight:bolder;color:#000;height:28px;width:70px;border-color:#F3F3F3 #CCC #CCC #F3F3F3;border-style:solid;border-width:1px;}
.textfield-Checklist{font-family: Arial;color: #000;text-decoration: none;}
.textfield,.textfield-small,.textfield-list,.textfield-DispOrder,.feetxt,.feetxt2,.feetxt3,.feetxt4,.txtright,.textfield-common,.textfield-mline{ width:100%;font-family: Arial;font-size:13px;color:#000;margin-bottom:4px; border:1px solid #DBDBDB;background-color:#fcfcfb;padding:2px 2px;}
.textfield:focus,.textfield-small:focus,.textfield-list:focus,.textfield-DispOrder:focus,.feetxt:focus,.feetxt2:focus,.feetxt3:focus,.feetxt4:focus,.txtright:focus,.textfield-common:focus,.textfield-mline:focus,.button:focus {border-color:#f7773b;}
.hi:focus{border-color:#f7773b;}
.textfield-small{width: 40%;}
.textfield-mline{height:100px;}
.textfield-DispOrder{width: 35px;}
.txtright{text-align: right;}
/*TXT CSS END*/

/*TABLE LINE CSS START*/
.tablebgtop{background-image:url(../images/div-top.gif);background-repeat:repeat;height:2px;}
.tablebgbot{background-image:url(../images/div-bottom.gif);background-repeat:repeat;height:2px;}
.tdheight{height:35px;}
/*TABLE LINE CSS END*/

/*MGRID CSS START*/
.mGrid { width: 100%;background-color: #fff;margin: 5px 0 10px 0;border: solid 1px #525252; font-size:13px;}
.mGrid .td { border: solid 2px #c1c1c1; color: #717171; }
.mGrid .th { text-align:center; font-family:Arial; padding: 4px 2px; color: #fff; background: #424242 url(../images/grd_head.png) repeat-x top; border-left: solid 1px #525252; }
.mGrid .alt { background: #fcfcfc url(../images/grd_alt.png) repeat-x top; color:#FFF;font-family:Arial;}
.mGrid .pgr {background: #424242 url(../images/grd_pgr.png) repeat-x top; color:#FFF;font-family:Arial;}
.mGrid .pgr a { color: #F8F8F8;} 
.mGrid-selected{color: #000000;background-color: #bedfe6;font-weight: bold;color:#FFF;}
#divscroll1{width: 100%;height:auto;overflow:auto;}
#divscroll{width: 100%;height:450px;overflow:auto;}
/*MGRID CSS END*/

/*CALENDAR CSS STAR*/
.calTheme .ajax__calendar_container{background-color: #1e1e22; border:solid 1px #242428;}
.calTheme .ajax__calendar_header{background-color: #FFF; margin-bottom: 4px;}
.calTheme .ajax__calendar_title,.calTheme .ajax__calendar_next,.calTheme .ajax__calendar_prev{color:#000; padding-top: 3px;}
.calTheme .ajax__calendar_body{background-color: #545455; border: solid 1px #242428; color:#FFF;}
.calTheme .ajax__calendar_dayname{text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 4px; color:#FFF;}
.calTheme .ajax__calendar_day{text-align:center;}
.calTheme .ajax__calendar_hover .ajax__calendar_day,.calTheme .ajax__calendar_hover .ajax__calendar_month,.calTheme .ajax__calendar_hover .ajax__calendar_year,.calTheme .ajax__calendar_active{color: #FFF; font-weight:bold; background-color: #f57e20;}
.calTheme .ajax__calendar_today{font-weight:bold; color:#FFF;}
.calTheme .ajax__calendar_other,.calTheme .ajax__calendar_hover .ajax__calendar_today,.calTheme .ajax__calendar_hover .ajax__calendar_title{color: #a3a3a3;}
/*CALENDAR CSS END*/

/*loading START*/
.wlmodal {position: fixed;top: 0;left: 0;background: #fff;width: 100%;height: 100%;filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.8;}
.wlcenter {width: 100px;height: 100px;background-color: #fff; /* border: 5px solid #1468b3;*/text-align: center;color: #202020;position: absolute;left: 60%;top: 60%;margin-left: -150px;margin-top: -100px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;behavior: url("/css/pie/PIE.htc"); /* HANDLES IE */   filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.8; }
.wlmodalt {position: fixed;z-index: 999;height: 100%;width: 100%;top: 0;background-color: Black;filter: alpha(opacity=60);opacity: 0.6;-moz-opacity: 0.8;}
.wlcentert {z-index: 1000;margin: 300px auto;padding: 10px;width: 130px;background-color: White;border-radius: 10px;filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;}
/*loading END*/