/*
Author      : Krishna Kumar
Date        : 21-01-2020
Last update : 22-01-2020 
Description : this css code used for login page of Office Management Software
*/

.clr{ clear:both}
body,html{padding:20px; height:100%; background:#fff; margin:0;  box-sizing:border-box;}

.bg_wdh_left {
width: 50%;
height: 100%;
background-color:#e9eae9;
background-image: linear-gradient(to bottom,#018ca5,#10bede 80%);
float:left; padding:50px; box-sizing:border-box; border-radius:10px 0px 0px 10px; 
-webkit-box-shadow: -3px 0px 11px 1px rgba(0,0,0,0.52);
-moz-box-shadow: -3px 0px 11px 1px rgba(0,0,0,0.52);
box-shadow: -3px 0px 11px 1px rgba(0,0,0,0.52);

}

.bg_wdh_right {
width: 50%;
height: 100%;
background-color:#fff;
background-image: linear-gradient(to bottom,#fff 60%,#dbdbdb);
float: right;
padding:50px; box-sizing:border-box; border-radius:0px 10px 10px 0px; 
-webkit-box-shadow: 3px 0px 11px 1px rgba(0,0,0,0.52);
-moz-box-shadow: 3px 0px 11px 1px rgba(0,0,0,0.52);
box-shadow: 3px 0px 11px 1px rgba(0,0,0,0.52);
}
.sparrow{ color:#FFFFFF; font-family:Calibri; font-size:36px; font-weight:bold; text-align:center}
.iso{ font-size:16px; font-weight:normal; font-family:Calibri}

.sspl_info{ font-size:16px; font-weight:normal; font-family:Calibri; color:#ECE9E9; margin-top:10px;}
input[type="text"],input[type="password"] 
{
border:none; 
width:100%; 
padding:8px 8px 8px 25px;
height:45px;  
box-sizing:border-box;  
border:#dcdcdc solid 2px;}
.username{background:url(../img/user1.png) 10px 10px #FFFFFF no-repeat;
background-position: 93% 49%;
border-radius:50px; 
-moz-transition:all 0.5s ease;
transition:all 0.5s ease;  
background-size:15px; 
margin-bottom:35px;}

.password{background:url(../img/lock1.png) 15px 14px #FFFFFF no-repeat; border-radius:50px; margin-bottom:8px; -moz-transition:all 0.5s ease; transition:all 0.5s ease; background-position: 93% 49%;}

.username:focus{ transition:all 0.5s ease; background:url(../img/user.png)  10px 10px #FFFFFF no-repeat;  background-position: 95% 49%; box-shadow:#a3a3a3 0px 0px 7px;}

.password:focus{ transition:all 0.5s ease; background:url(../img/lock.png) 10px 10px #FFFFFF no-repeat; background-position: 95% 49%; box-shadow:#a3a3a3 0px 0px 7px; }
.button {
border:none;
background-image: linear-gradient(-90deg, #10bede, #018ca5);
color:#fff;  border-radius:50px; width:100%; height:45px; text-transform:uppercase; font-family:Calibri; letter-spacing:2px; font-size:18px; margin-bottom:10px; font-weight:bold;
}
.button:hover {background-image: linear-gradient(-90deg, #018ca5, #10bede); cursor:pointer;}
.forget{ margin-bottom:25px; font-family:Calibri; font-size:14px; color:#666;  cursor:pointer}
.dont{ margin-bottom:25px; font-family:Calibri; font-size:14px; color:#666;  cursor:pointer}
.signin{color:#0066CC; font-weight:bold; cursor:pointer}
.log_img{margin-top:15px; text-align:center}
.login_bg{width:320px; height:auto;  margin:auto; padding:18px 30px 30px 30px; }
.loginas{font-family:Calibri; color:#000000; font-size:30px; font-weight:bold; text-align:center; letter-spacing:2px;}
.error_msg{color:#CC0000; font-family:Calibri; height:57px;}

.springs {
    width:76px;
    height:504px; 
    background:url(../img/spring.png); background-repeat: repeat-y;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	margin:auto;
    position: absolute;
    z-index: 9999;
   }