:root{
	--primaryColor: #1b2135;
	--secondaryColor: #3c476b;
    --tertiaryColor: #5165a8;
	--whiteColor: #fff;
    --inpBorderColorNew: #d5d7e1;
    --orgColor: #ff7b00;
}

@font-face {
    font-family: 'Gibsonlight';
    src: url('../fonts/gibson/gibsonlight-webfont.woff2') format('woff2'),
         url('../fonts/gibson/gibsonlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gibson';
    src: url('../fonts/gibson/gibsonregular-webfont.woff2') format('woff2'),
         url('../fonts/gibson/gibsonregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Gibson';
    src: url('../fonts/gibson/Gibson-Regular.otf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GibsonSemiBold';
    src: url('../fonts/gibson/gibsonsemibd-webfont.woff2') format('woff2'),
         url('../fonts/gibson/gibsonsemibd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*{
    outline:none !important;
    font-family: Gibson;
    line-height: 18px;
}
body{margin:0px; padding:0px; font-family:'Gibson'; font-size:1em; color:#000;}
textarea,h1,h2,h3,h4,h5,h6,span,small,big,font,dt,dl,p,a,i{margin:0px; padding:0px; outline:none; text-decoration:none; font-style:normal;}
.clear{clear:both;}

#wrapper{width:100%; height:auto; margin:0px auto;}
#wrapper .middle{background:var(--primaryColor); width:100%; height:auto; margin:80px auto 0; padding:41px 0px 41px 0px; float:left;}
#wrapper .middle1{background:#032; width:100%; height:auto; margin:80px auto 0; padding:41px 0px 41px 0px; float:left;}
#wrapper .login_div{width:533px; height:auto; margin:0px auto;}
#wrapper .login_div .logo{background:url(../images/logo.png) no-repeat;width:177px; height:70px; margin:0px auto;}
#wrapper .login_div .login_hold{width:100%; height:auto; margin-top:10px; float:left;background: #f4f4f4;/* background:url(../images/bg.jpg) repeat;*/ border-radius:5px; 
-moz-border-radius:5px; -web-kit-border-radius:5px; -html-border-radius:5px; -o-border-radius:5px;}
#wrapper .login_div .login_hold .login_inner{width:512px; margin:10px; float:left; /*border:1px dashed #afaca6;*/ border-radius:5px; padding:45px 0px 45px 0px;}
.login_inner_fthr{ padding-top:20px !important; }
#wrapper .shadow{background:url(../images/shadow.png) no-repeat; width:533px; height:15px;float:left;}
#wrapper .email{width:395px; height:auto; margin:0 auto;}
#wrapper .emailL{width:395px; height:auto; margin:0 auto;}
.forgotPW{ width: 370px !important;}
.forgotPW label{ width: 80px !important;}
#wrapper .email label{font-family:'Gibson'; font-size:14px; color:var(--primaryColor); text-align:right; float:left;width:105px; margin: 2px 0 0;}
/*Dhana*/
#wrapper .email label .lblclass{font-family:'Gibson'; font-size:14px; color:var(--primaryColor); text-align:right; padding-top:7px; float:left;margin: 2px 0 0;}
#wrapper .emailL label{font-family:'Gibson'; font-size:14px; color:var(--primaryColor); text-align:right; padding-top:7px; float:left;width:128px; margin: 2px 0 0;}
/*wrapper .input{width:285px; height:30px; float:right; margin: 0 0 10px 0; padding: 0 5px !important;}*/
#wrapper .input .input_filed{ background:#FFF; border:1px solid var(--inpBorderColorNew); width:263px; height:30px; padding:0px 5px; border-radius:5px; font-size:0.80em; 
color:#313131; margin: 0 0 10px 10px;}
#wrapper .input_fil{background:#FFF;width:263px; border:1px solid var(--inpBorderColorNew); border-radius:5px; height:30px; padding:0 5px; color:#313131; margin: 0 0 10px 10px;}
#wrapper .input_L{background:#FFF;width:243px; border:1px solid var(--inpBorderColorNew); border-radius:5px; height:30px; padding:0 5px; color:#313131; margin: 0 0 10px 10px;}
#wrapper .text_div{width:420px; height:auto; margin:0 auto; text-align: center;}
#wrapper .text_div ul{margin:0 auto;}
#wrapper .text_div li{float:left; list-style:none;}
#wrapper .text_div a{ font-family:'Gibson';font-size:13px; color:var(--whiteColor); padding:0px 10px; border-right:1px solid #9ad9ff;}
#wrapper .text_div a:hover{color:var(--whiteColor);}
.sgn_vline a{border-right:none !important;}

.button{background: var(--orgColor); /* Old browsers */
background:url(../images/btn_aero.png) no-repeat center right, -moz-linear-gradient(top, #ff7b00 0%, #ff5200 100%); /* FF3.6+ */
background:url(../images/btn_aero.png) no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7b00), color-stop(100%,#ff5200));/*Chrome,Safari4+*/
background:url(../images/btn_aero.png) no-repeat center right, -webkit-linear-gradient(top, #ff7b00 0%,#ff5200 100%); /* Chrome10+,Safari5.1+ */
background:url(../images/btn_aero.png) no-repeat center right, -o-linear-gradient(top, #ff7b00 0%,#ff5200 100%); /* Opera 11.10+ */
background:url(../images/btn_aero.png) no-repeat center right, -ms-linear-gradient(top, #ff7b00 0%,#ff5200 100%); /* IE10+ */
background:url(../images/btn_aero.png) no-repeat center right, linear-gradient(to bottom, #ff7b00 0%,#ff5200 100%); /* W3C */
cursor:pointer;padding:8px 24px; border-radius:5px;float:right; border:0px none;  margin: 0 5px 0 0; font-size:1.2em; color:#FFF;border-bottom:1px solid #ca4100;}
.button:hover{background: var(--orgColor); /* Old browsers */
background:url(../images/btn_aero.png) no-repeat center right, -moz-linear-gradient(top, #ff8817 0%, #f07601 100%); /* FF3.6+ */
background:url(../images/btn_aero.png) no-repeat center right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8817), color-stop(100%,#f07601));/*Chrome,Safari4+*/
background:url(../images/btn_aero.png) no-repeat center right, -webkit-linear-gradient(top, #ff8817 0%,#f07601 100%); /* Chrome10+,Safari5.1+ */
background:url(../images/btn_aero.png) no-repeat center right, -o-linear-gradient(top, #ff8817 0%,#f07601 100%); /* Opera 11.10+ */
background:url(../images/btn_aero.png) no-repeat center right, -ms-linear-gradient(top, #ff8817 0%,#f07601 100%); /* IE10+ */
background:url(../images/btn_aero.png) no-repeat center right, linear-gradient(to bottom, #ff8817 0%,#f07601 100%); /* W3C */
border-bottom:1px solid #c66200;}
#errorMsg{height: 20px;float: left;color:#F00 !important;font-size: 12px;margin-left:13px; }

.forgot_header{text-align: center !important; font-size: 16px; font-family: 'GibsonSemiBold'; padding-bottom: 5px; width: 90%; margin: 0 auto 10px;}

/* approvernotes */