body {
/*background-color: #f4f4f4;*/
color: #5a5656;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 100%;
line-height: 150%;
padding:0; margin:0;
}
a {text-decoration: none; }
h1 {font-size: 1em !important; }
.metro h1 {font-size: 1em !important; }
h1, p {
margin-bottom: 10px;
}
.uppercase {text-transform: uppercase; }
#header {width:100%; margin:0px 0px 25px 0px; background:#fff; text-align:center; border-bottom:#cbcbcb solid 1px;}
#header img {margin-top: 7px;
    width: 276px;
    height: 77px;
    margin-left: 0px;
}



/* ---------- LOGIN ---------- */
#login {
margin: 50px auto 0px auto;
width: 300px;
border: solid 1px #ddd;
padding:10px 25px;
background:#fff;
-webkit-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 10px 8px rgba(0, 0, 0, 0.28);
}
form input[type="text"], input[type="password"]{
background-color: #e5e5e5;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #5a5656;
font-size: 100%;
height: 45px;
*height: 38px;
outline: none;
padding: 0px 10px;
*padding-top: 12px;
width: 280px;
-webkit-appearance:none;
font-family: 'Ubuntu Condensed', sans-serif;
}
select {
background-color: #e5e5e5;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #5a5656;
font-size: 100%;
height: 45px;
outline: none;
padding: 0px 10px;
width: 299px;
font-family: 'Ubuntu Condensed', sans-serif;
}
form input[type="submit"], form input[type="button"]{
background-color: #a44242;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #f4f4f4;
cursor: pointer;
height: 45px;
text-transform: uppercase;
width: 300px;
-webkit-appearance:none;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 120%;
}
form input[type="submit"]:hover, form input[type="button"]:hover{
background-color: #721a1a !important;
}
.metro form input[type="submit"], form input[type="button"]{
background-color: #a44242 !important;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #f4f4f4;
cursor: pointer;
height: 45px;
text-transform: uppercase;
width: 300px;
-webkit-appearance:none;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 120%;
}
.metro form input[type="submit"]:hover, form input[type="button"]:hover{
background-color: #721a1a !important;
}
.pull-left { float:left; width:auto;}
.pull-right { float:right; width:auto;}
.clear { clear:both;  padding:0; margin:0;}
form a {color: #ab0000; font-size: 13px;}
form a:hover { text-decoration: underline;}
.metro form a {color: #ab0000; font-size: 13px;}
.metro form a:hover { text-decoration: underline; color: #ab0000; }
.btn-round {
background-color: #5a5656;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #f4f4f4;
display: block;
font-size: 12px;
height: 45px;
line-height: 45px;
margin: 30px 125px;
text-align: center;
text-transform: uppercase;
width: 50px;
}
.fgtPwad-before {
background-color: #0064ab;
border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
color: #f4f4f4;
display: block;
float: left;
height: 45px;
line-height: 45px;
text-align: center;
width: 50px;
}
.fgtPwad {
background-color: #0079ce;
border: none;
border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
color: #f4f4f4;
cursor: pointer;
height: 45px;
text-transform: uppercase;
width: 250px;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 120%;
}
.chgPwad-before {
background-color: #189bcb;
border-radius: 3px 0px 0px 3px;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
color: #f4f4f4;
display: block;
float: left;
height: 45px;
line-height: 45px;
text-align: center;
width: 50px;
}
.chgPwad {
background-color: #1bb2e9;
border: none;
border-radius: 0px 3px 3px 0px;
-moz-border-radius: 0px 3px 3px 0px;
-webkit-border-radius: 0px 3px 3px 0px;
color: #f4f4f4;
cursor: pointer;
height: 45px;
text-transform: uppercase;
width: 250px;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 120%;
}

/* ---------- LOGOUT ---------- */
#logoutMessage {
margin: 50px auto;
width: 500px;
border: solid 1px #ddd;
padding:10px 25px 20px 25px;
background:#fff url(../Images/logoutBg.png) no-repeat 410px 126px;
 -webkit-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px -0px 5px 0px rgba(50, 50, 50, 0.75);
}
.txtGreen{color:#56ac71;}
.metro h2.txtGreen{color:#56ac71; font-size: 22px; letter-spacing: 0px;}
h2, .metro h2{margin-bottom:30px;}
h2 strong, .metro h2 strong{border-bottom:#eee double 1px; padding-bottom:9px;}
h3, .metro h3{font-weight:normal; padding:5px 0px; margin:5px 0px; line-height:30px; color:#000;}
h3 a, .metro h3 a{font-size:24px !important;}

/* ---------- SINGLE SIGN ON ---------- */
#ssoMessage {
margin: 50px auto;
width: 500px;
border: solid 1px #ddd;
padding:10px 25px 20px 25px;
background:#fff url(../Images/logoutBg.png) no-repeat 410px 19px;
 -webkit-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px -0px 5px 0px rgba(50, 50, 50, 0.75);
}

/* ---------- SESSIONOUT ---------- */
#sessionoutMessage {
margin: 50px auto;
width: 275px;
border: solid 1px #ddd;
padding:10px 125px 20px 25px;
background:#fff url(../Images/sessionoutBg.png) no-repeat 300px center;
 -webkit-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px -0px 5px 0px rgba(50, 50, 50, 0.75);
}
.txtRed{color:#c13932;}

/* ---------- FORGOT PASSWORD ---------- */
.tableBodered table{width:100%; border-collapse:collapse;}
.tableBodered th{padding:4px; text-align:left; border:#ddd solid 1px; border-collapse:collapse;}
.tableBodered td{padding:4px; border:#ddd solid 1px; border-collapse:collapse;}
form input[type="submit"].btnCancel {
background-color: #e65954;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #f4f4f4;
cursor: pointer;
height: 45px;
text-transform: uppercase;
width: 145px;
-webkit-appearance:none;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 120%;
}
/* ---------- SUPREFERANCE ---------- */
#supReferance{
margin: 50px auto;
width: 600px;
border: solid 1px #ddd;
padding:10px 15px 20px 15px;
background:#fff;
 -webkit-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px -0px 5px 0px rgba(50, 50, 50, 0.75);
}
.loginBox {display: none;}
#supReferance h1{border-bottom:#eee solid 1px; padding-bottom:8px;}
.selectUser{width:35%; float:left; margin-right:3%}
.selectUser ul.list{list-style-type:none; margin:0px; padding:0px;}
.selectUser ul.list li{padding:0px; margin:1px; height:30px;}
.selectUser ul.list li a{background: url(../Images/listBg.png) no-repeat left -33px; display:block; height:30px; font-size:100%; padding-left:25px;}
.selectUser ul.list li a:hover, .selectUser ul.list li a.active{background-position:0px 0px; color:#FFF; text-decoration:none;}
.controllsBox{width:62%; float:right;}
.controllsBox td{padding:5px 0px;}

/* ---------- User Login ---------- */
#userLogin{margin: 10px auto; width: 800px; padding:0px;}
#userLogin h1{color:#ab0000; padding:10px; text-align:center; font-size:110%;}
.box{margin:0px; width: 25%; float:left; display:inline-block; padding:0px;}
a.boxCont{position: relative; padding:70px 10px 10px 10px; margin:6px; color:#FFF; display:block; background:#fff;  -webkit-box-shadow: 0px -2px 3px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -2px 3px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px -0px 3px 0px rgba(50, 50, 50, 0.75); font-size:100%; background-repeat: no-repeat; background-position: center 10px;}
a.boxCont:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); opacity: 0.9; text-decoration:none;}
.disabled{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; text-align: center; background:rgba(86,86,86,0.9); background: transparent\9; background:rgba(86,86,86,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cccccc90,endColorstr=#cccccc90); zoom: 1; margin: 0px;}
.disabled:hover{cursor:default;}
a.govt{background-color: #2f6393; background-image: url(../Images/userLoginGovtLogo.png);}
a.mines{background-color: #94ac32; background-image: url(../Images/userLoginMines.png);}
a.dealers{background-color: #49b3b3; background-image: url(../Images/userLoginDealers.png);}
a.pcb{background-color: #1c3960; background-image: url(../Images/userLoginPCB.png);}
a.newUser{background-color: #F95959; background-image: url(../Images/userLoginNewUser.png);}
a.railway{background-color: #e78700; background-image: url(../Images/userLoginRailway.png);}
a.transporter{background-color: #bf3a01; background-image: url(../Images/userLoginTransporter.png);}
a.truckOwner{background-color: #8261b2; background-image: url(../Images/userLoginTruckOwner.png);}
a.port{background-color: #3399e1; background-image: url(../Images/userLoginPort.png);}
a.comTax{background-color: #6a0040; background-image: url(../Images/userLoginComTax.png);}
a.transCommissioner{background-color: #9f399f; background-image: url(../Images/userLoginTransCommissioner.png);}
a.jpCommittee{background-color: #663530; background-image: url(../Images/userLoginJpCommittee.png);}
a.ibm{background-color: #393043; background-image: url(../Images/userLoginIbm.png);}
a.forest{background-color: #32ac63; background-image: url(../Images/userLoginForest.png);}

a.disable{background-color: #909090!important; background-image:inherit;}
/* ---------- Change Default Password ---------- */
#changedefaultpsw {
margin: 50px auto;
width: 650px;
border: solid 1px #ddd;
padding:10px 25px;
background:#fff;
 -webkit-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px -2px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px -0px 5px 0px rgba(50, 50, 50, 0.75);
}
.txtMaroon{color:Maroon;}
form input[type="reset"], form input[type="button"]{
background-color: #a44242;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #f4f4f4;
cursor: pointer;
height: 45px;
text-transform: uppercase;
width: 100px;
-webkit-appearance:none;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 120%;
}
form input[type="submit"].btnSubmit {
background-color: #56ac71;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #f4f4f4;
cursor: pointer;
height: 45px;
text-transform: uppercase;
width: 145px;
-webkit-appearance:none;
font-family: 'Ubuntu Condensed', sans-serif;
font-size: 120%;
}
form input[type="text"].txtcdpsw{
background-color: #e5e5e5;
border: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #5a5656;
font-size: 100%;
height: 45px;
*height: 38px;
outline: none;
padding: 1px 10px;
*padding-top: 12px;
width: 500px;
-webkit-appearance:none;
font-family: 'Ubuntu Condensed', sans-serif;
}


 body{ background-size:cover;}
    #login {margin: 14em auto 0px auto; z-index: 9; position: absolute; left: 0; right: 0; top: 0;   }
 #header {
    width: 119%;
    margin: 0px 0px 10px 0px;
    background: #fff;
    text-align: center;
    border-bottom: #d6d6d6 dashed  1px;
    padding-bottom: 12px;
    height: 84px;
}
.transparent-bg{ height: 100%;
    width: 100%;
    position: absolute;
    background: rgba(0, 0, 0, 0.54);
    top: 0;
    z-index: 1;}
.capcha{     margin-bottom: 15px;
    margin-top: 15px;}
.capcha-lft{ float:left;}
.capcha-lft input[type="text"]{ width:110px;}
.footer{text-align: center;
    display: block;
    font-size: 14px;
    margin-top: 20px;
    position: absolute;
    bottom: 30%;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 9;}
    
.capcha-right{ float: right;
    width: 150px;}
.capcha-right img{ width: 100%;
    float: right;
    border: 1px solid #e5e5e5;
    padding: 2px;
    height: 39px;}
    
     @media only screen and (max-width: 1600px) {
         
    #login {margin: 8em auto 0px auto;}  
    
    .footer{bottom: 22%;}
    
}
    
 @media only screen and (max-width: 1366px) {
    #login {margin: 7em auto 0px auto;} 
     .footer{bottom: 12%;} 
}   
     @media only screen and (max-width: 1024px) {
    #login {margin: 8em auto 0px auto;}  
    .footer{bottom: 20%;} 
}  

form input[type="submit"], form input[type="button"] {background-color: #064469;}
form input[type="submit"]:hover, form input[type="button"]:hover {
    background-color: #0a68a0 !important;
}