@import "../brower_components/font-awesome/css/font-awesome.min.css";
@import "../brower_components/bootstrap-social/bootstrap-social.css";
body{  
    /* background: url(../../assets/images/background.jpg) no-repeat center center fixed !important; */
    background-image: url(../../assets/images/background.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;   
    padding: 10px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
}
.page-title{    
    /* font-size: 1.8em; */
    font-size:30px;
    font-weight: 700 !important;
    color: black;
}
.page-subtitle{    
    font-size: 1.2em;
}
label{
    font-weight: normal;
    padding: 0px !important;
}
@media (min-width: 480px) { 
    .loginpanel{
        margin-top: 5vh;
        /* background: #FFF url(../../assets/images/login_bg.png) no-repeat center center border-box !important;     */
        /* height: 52vh; */
        min-height: 45vh;
        background-image: url(../../assets/images/login_bg1.png);
        background-size: cover;
        background-position: center;
        padding-top: 15px;
        box-shadow: 2px 2px 2px rgb(0 0 0 / 13%);
        border-radius: 5px;
        padding-bottom: 15px;
    }
    .signuppanel{        
        /* background: #FFF url(../../assets/images/signup_bg.png) no-repeat center center border-box !important;    
        height: 75vh; */
        margin-top: 5vh;
        min-height: 45vh;
        background-image: url(../../assets/images/login_bg1.png);
        background-size: cover;
        background-position: center;
        padding-top: 15px;
        box-shadow: 2px 2px 2px rgb(0 0 0 / 13%);
        border-radius: 5px;
        padding-bottom: 15px;
    }
}
@media (max-width: 480px) {
    .loginpanel{
        margin-top: 5vh;
        background: #FFF;
        /* height: 51vh; */
        height:auto;
        padding-top: 15px;
        box-shadow: 1px 2px 2px rgb(0 0 0 / 13%);
        border-radius: 5px;
    }
    .signuppanel{        
        margin-top: 5vh;
        background: #FFF;
        /* height: 51vh; */
        height:auto;
        padding-top: 15px;
        box-shadow: 1px 2px 2px rgb(0 0 0 / 13%);
        border-radius: 5px;
    }
    .f_pass_label{
        font-size: 22px;
    }
    .page-title{
        font-size: 22px;
    }
}
.bannerLabel{
    color: #FFF;
    /* font-size: 2em; */
    font-size:26px;
    font-weight: 700;
}

.btn-round-lg{
    border-radius: 22.5px;
}
.btn-round{
    border-radius: 15px;    
}
.btn-round-sm{
    border-radius: 15px;
}
.btn-round-xs{
    border-radius: 11px;    
}
.nopadding{
    padding: 0px !important;
}
.btn-success{
    background: #1e7f5d !important;
    border-color: #14674A !important;
}
.btn-success:hover{
    background: #056839 !important;
}
h2{
    padding: 0px;
}
#Message{
    padding: 0px !important;
}
.alert{
    padding: 5px !important;
    margin: 3px 0px !important;
    border-radius: 0px !important;
    font-size: 12px;
}
.RememberMeBox{
    line-height: 20px;
    padding-left: 5px !important;
}
.help-block{
    margin: 0px !important;
    padding: 0px !important;
    font-size: 11px;
}
@media all and (max-width:990px){
    .banner-text-label{
        display: none;
    }
    .top_title{
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        color: #1e7f5d;
        text-shadow: 1px 5px 4px rgb(0 0 0 / 4%);
        margin-bottom: 15px;
    }
    .sign_in_label{
        margin-top:0px;
        margin-bottom:15px;
    }
    .loginpanel{
        height: auto;
    }
}
@media all and (min-width:990px){
    .top_title{
        display: none;
    }
}

@media all and (max-width:600px){
    .py-0{
        padding-left:0px;
        padding-right:0px;
    }
    .bannerLabel{
        display:none;
    }
    .sign_in_label{
        font-size:22px;
    }
}
@media all and (max-width:1224px) and (min-width:992px){
    .bannerLabel{
        font-size:21px;
    }
}
@media all and (max-width:990px) and (min-width:480px){
    .clr-black a{
        color:#333;
    }
    .top_title{
        color:#333;
    }
}
@media screen and (max-device-width: 767px) and (orientation: landscape) {
    body{
        height: 100%;
    }
    .loginpanel{
        height:auto;
    }
}

.logIn_btn{
    cursor: pointer;
    background: rgb(255, 255, 255) !important;
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 5px 0px !important;
    border: 0px;
    font-weight: 600;
    display: flex;
    justify-content:center;
    align-items:center;
}
.logIn_btn:hover{
    background: rgba(9, 30, 66, 0.02) !important;
}
.logInImage img{
    width: auto;
    height: 23px;
    margin-right:10px;
}
.logIntitle{
    display: flex;
    /* width: 100%; */
    justify-content: center;
    align-items: center;
}
.log-btn-inner{
    width:auto !important
}
.singInBtn{
    background: #1e7f5d !important;
    border-color: #14674A !important;
    color:#fff;
}
.singInBtn:hover{
    background: #056839 !important;
}
.btns{
    text-decoration:none !important;
}
.al-member{
    font-size: 14px;
    white-space: nowrap;
    font-weight: normal;
    color: #333;
}
@media all and (max-width:600px){
    .logInImage img {
        width: auto;
        height: 23px;
    }
    .al-member{
        font-size: 12px;
    }
}
@media all and (max-width:374px){
    .al-member {
        font-size: 11px;
    }
    .logIntitle{
        font-size:12px;
    }
}