/* CSS Document Enquiery */

body {margin:0px;  background:url(../images-main/header_bg.jpg) no-repeat top right;}
#container_977{margin:0px 0px 0px 0px;}

img {border:0px;}

.bluedot {background:url(../images-main/bluedot_3x1.gif) repeat-x;}

.bluedot_inner {background:url(../images-main/bluedot_3x1.gif) repeat-x; position:absolute; z-index:100; width:76%; left:0px; top:35px; }

.login_bg {background:url(../images-main/login_bg.png) no-repeat;}

.bg_e2f0f9 {background-color:#e2f0f9;}
.bg_f5f5f5 {background-color:#f5f5f5;}
.bg_dbdbdb {background-color:#dbdbdb;}

.colour_red {color:#d81a1f;}

.floatl {float:left;}
.floatr {float:right;}
.clearboth {clear:both;}


.text_black11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:normal;}
.text_black12 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:normal;}
.text_gray11 { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6a6a6a; font-weight:normal;}
.text_gray12 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#808080; font-weight:normal;}

.justify {text-align:justify;}

.lh17 {line-height:17px;}

.w100per {width:100%;}

.w25 {width:25px;}
.w140 {width:140px;}
.w181 {width:181px;}
.w185 {width:185px;}
.w209 {width:209px;}
.w309 {width:309px;}
.w311 {width:311px;}
.w322 {width:322px;}
.w450 {width:450px;}
.w527 {width:527px;}
.w767 {width:767px;}
.w947 {width:947px;}


.h18 {height:18px;}
.h198 {height:198px;}

.pad12 {padding-top:12px; padding-right:12px; padding-bottom:12px; padding-left:12px;}

.padt3 {padding-top:3px;}
.padt6 {padding-top:6px;}
.padt11 {padding-top:11px;}
.padt30 {padding-top:30px;}

.padl12 {padding-left:12px;}
.padl19 {padding-left:19px;}

.padr8 {padding-right:8px;}
.padr9 {padding-right:9px;}
.padr17 {padding-right:17px;}
.padr18 {padding-right:18px;}

.padtb4 {padding-top:4px; padding-bottom:4px;}
.padtb10 {padding-top:10px; padding-bottom:10px;}

.textbox { font-family: Arial, Tahoma, Verdana, Sans-serif,serif; font-size: 11px; font-weight: normal; color: #363636; background-color: #FFFFFF; border-width : 1px; border-top: 1px solid #9dd2ed; border-left: 1px solid #9dd2ed; border-right: 1px solid #9dd2ed; border-bottom: 1px solid #9dd2ed; }

.select { font-family: Arial, Tahoma, verdana, arial, sans-serif,serif; font-size: 12px; font-weight: bold; color: #686868; background-color : #FFFFFF; }

a:link.graytxt {color:#808080; text-decoration:none;}
a:active.graytxt {color:#808080; text-decoration:none;}
a:visited.graytxt {color:#808080; text-decoration:none;}
a:hover.graytxt {color:#d81a1f; text-decoration:none;}




/*login page*/
.padtb4.loginpagr3 {
    text-align: left;
}

td.home-main.clienttpl1 {
    background: #000;
}
.floatl.padl12.padr9.padt3.text_black11 {
    display: block;
    width: 100%;
    padding: 0 0 10px 0;
}
input#username {
    width: 100%;
    padding: 15px 15px;
    border-radius: 5px;
    background: transparent;
    color: #fff;
    outline: none !important;
}
.floatl.padl12.padr8.padt3.text_black11 {
    display: block;
}
input#password {
     width: 100%;
    padding: 15px 15px;
    outline: none !important;
    border-radius: 5px;
    background: transparent;
    color: #fff;

}
.loginpagr6 {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.login_bg {
    text-align: center;
    background: #006c98;
    border: 1px solid #dcdcdc;
    box-shadow: 5px 4px 8px #dcdcdc;
    border-radius: 6px;
       margin: 33px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
	width: 100%;
    max-width: 332px;
}
.paslog1 {
    padding: 15px 0 16px;
}
.loginpagr2 {
    background: none;
    box-shadow: none;
}
.bg_e2f0f9.loginpagr2 {
    background: transparent;
}
.padtb4.loginpagr3 > div {
    color: #fff;
}
.w309.loginpagr h2 {
    color: #fff;
    font-family: sans-serif;
    font-size: 26px;
    padding-top: 0;
    margin-top: 0;
}

.pslog {
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0;
}
.padtb4.paslog1 div {
    color: #fff;
    padding: 0 0 5px;
}
input.login-btn {
    background: #fcaf17;
    border: none;
    padding: 8px 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    border: 2px solid #d99000;
    cursor: pointer;
}
.w311.loginpag8 table {
    border: transparent !important;
    /* text-align: center; */
    /* width: 100%; */
}
.loginpag8 table {
    border: none !important;
    text-align: center;
}


/* ## Imran Start ## */
button.login-btn {
    background: #fcaf17;
    border: none;
    padding: 8px 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 4px;
    border: 2px solid #d99000;
    cursor: pointer;
}
input#code {
    width: 100%;
   padding: 15px 15px;
   outline: none !important;
   border-radius: 5px;
   background: transparent;
   color: #fff;
}
input#phone {
   width: calc(100% - 20px);
   padding: 15px 15px;
   outline: none !important;
   border-radius: 5px;
   background: transparent;
   color: #fff;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   font-size: 14px;
}
input#phone::placeholder {
    color: #9c9c9c;
}
.input-group {
    display: flex;
    width: 100%;
    align-items: center;
}
.input-group span {
    width: 30px;
    padding: 6.5px;
    border-left: 1px solid #9dd2ed;
    border-top: 1px solid #9dd2ed;
    border-bottom: 1px solid #9dd2ed;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-align: center;
}
.input-error {
    font-size: 13px;
    color: #ff5b5b !important;
}
.sms-send-btn {
    margin-top: 10px;
    display: block;
    margin-left: 5px;
    margin-right: 5px;
    background: rgb(252, 175, 23);
    padding: 8px 15px;
    border-radius: 4px;
    cursor: pointer;
}
.twofacode, 
.sms-twofacode{
    display: none;
    text-align: left;
}
.twofacode, 
.sms-twofacode{
    font-size: 12px;
}
.twofacode b, 
.sms-twofacode b {
    font-size: 15px;
}
.twofacode span, .sms-twofacode span 
{
    font-size: 14px;
}
input.login-btn{
    display: none;
}
.AuthLoginError{
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
    font-size: 20px;
}
/* ## Imran End ## */