/*==================================================*/
/* ============= Login Page CSS ================*/
* {    padding: 0;  
       margin: 0;
}
html,body 
{   
    height: 100%;
}
body {   
    font-family: 'Open Sans', sans-serif;
}
.search_area { 
    padding: 110px 20px;  
    background: url("../images/bg.jpg"); 
    width: 100%; 
    height: 100%; 
    overflow-x: hidden;
    background-size: cover;
}
.login_panel {
    background: none; 
    margin: 0 auto;   
    max-width: 345px;
}
.panel_body .form-control {  
    /*height: 50px;*/  
    background: rgba(93, 88, 85, 0.7); 
    border-radius: 0px;  
    padding: 6px 10px; 
    color: #fff; 
    border: 0 none;
}
.panel_heading {   
    /*padding-bottom: 22px;*/ 
    text-align: center;
}
.panel_heading i {  
    font-size: 42px; 
    line-height: 42px;  
    color: #fff;
}
.panel_heading h3 {   
    color: #ffffff;   
    display: inline-block; 
    font-size: 35px;
    font-weight: 700; 
    letter-spacing: 0.5px; 
    line-height: 35px;  
    padding: 0 18px; 
    text-transform: capitalize;
}
.panel_body {   
    padding: 23px; 
    background: rgba(93, 200, 231, 0.6);;
}
.panel_body .form-control::-webkit-input-placeholder { 
    color: #fff; 
    font-size: 19px;
}
.panel_body .form-control:-moz-placeholder {   
    color: #fff;  
    font-size: 19px;
}
.panel_body .form-control::-moz-placeholder {  
    color: #fff; 
    font-size: 19px;
}
.panel_body .form-control:-ms-placeholder {  
    color: #fff;  
    font-size: 19px;
}
.btn-stl {   
    background: #087DB2 none repeat scroll 0 0;  
    border-radius: 42px; 
    color: #fff;  
    font-size: 18px;  
    font-weight: 600; 
    padding: 10px 30px;
}
.btn {  
    border-radius: 2px;
}
.btn:hover {  
    color: #fff;
}
.check-text {    
    color: #918677;   
    font-size: 14px; 
    font-weight: 600; 
    /*padding-top:15px;*/
    line-height: 21px;  
    letter-spacing: -0.5px;
}
.panel_bottom i {   
    color: #918677;   
    font-size: 13px; 
    padding: 0 5px;
}
.panel_bottom h4 {   
    color: #918677; 
    display: inline-block; 
    font-size: 13px; 
    font-weight: 600;   
    letter-spacing: -0.4px;
}
.panel_btn_left {  
    float: left;
}
.panel_btn_right {  
    float: right;
}
.checkbox.check-color label {  
    color: #000;
}
.checkbox label { 
    padding-left: 10px !important;
}
.login_panel .panel_body a {
    color:#033349;
}

/*==========================================================*/