/* 
    Created on : 6 Feb, 2018, 2:42:42 PM
    Author     : tamal-idiosys
*/

/* ========== default-css ============= */

/* ================ google-fonts ===================
@import url('https://fonts.googleapis.com/css?family=Lato:300i,400,400i,700,900|Raleway:300,400,400i,500,600,700,800'); */

*{padding:0,margin:0;}
html, body{height:100%;}
body{font-family: 'Open Sans', sans-serif;}
.search_area{
    padding:9% 20px 9% 20px;
    background:url("../images/login.jpg");
    width:100%;
    float:left;
    height:100%;
    background-size: cover;
    position: relative;
    min-height: 720px;
}
.panel {background:none;margin: 0 auto;
        max-width: 345px;
}
.panel_body .form-control{
    height:50px;
    /*background:rgba(93,88,85,0.7);*/
    background:rgba(0,80,85,0.7);
    border-radius:0px;
    padding:6px 10px;
    color:#fff;
    border: 0 none;
}
.panel_heading{padding: 0 32px 21px;}
.panel_heading i{font-size:42px;line-height:42px;color:#fff;}
.panel_heading h3{
    color: #fff;
    display: inline-block;
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 35px;
    padding: 0 18px;
    text-transform: capitalize;
}
.panel_body{padding:23px;background:rgba(36,35,32,0.7);}
.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;
         boredr-radius: 42px;
         color: #fff;
         font-size: 18px;
         font-weight: 600;
         padding: 10px 30px;
}
.btn { border-radius: 0px;}
.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;}
.color_white{color: white; cursor: pointer;}
.color_white:hover{
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration: #fff;
}
@media(max-width:380px){
    .panel_heading{padding:0 10px 25px 10px;}
    .panel_heading h3{font-size:28px;line-height:28px;}

}
.dev_link{
    color: goldenrod !important;
}
.login_btm_text{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 15px;
    text-decoration: none;
    color: #fff;
}
.sub_panel-heading{
    display: flex;
    align-items: center; 
}
.panel-heading-text{
    padding-left: 10px;
}
.panel-heading-text h3 {

    font-size: 22px;
    display: block;
    margin: 0;
    font-weight: 600;
    padding: 0 0 0 10px;

}
.panel-heading-text span{
    color:#fff;

}