html {
    overflow-y: scroll; 
}

*{
    font-family: 'Quicksand', sans-serif;
}
body {
    font-family: "Quicksand", sans-serif;
    height: 100%;
}

.main-head{
    background: #FFF;
}

.sidenav {
    height: 100%;
    background-color: #000;
    overflow-x: hidden;
}

.custom-input{
    border-radius: 0px;
    background: #F8F8F8;
    border: 0px;
    border-left: 4px solid #115C98;
    /* font-size: 1.5 rem !important; */
}

.custom-btn-rounded{
    border-radius: 25px;
    font-weight: bold;
    background-image: linear-gradient(to right, #115C98 , #1E9AD6);
}

@media screen and (max-height: 450px) {
    /* .sidenav {padding-top: 15px;} */
}

@media screen and (max-width: 450px) {
    .login-form{
        margin-top: 10%;
    }

    .register-form{
        margin-top: 10%;
    }

    .mobilecontent { display: block !important; max-height: inherit !important; height: auto !important; }
    .desktopcontent { display: none !important; max-height: 0px !important; }
    .custom-side-page{
        margin: 0px;
        padding: 0px;
    }
    .custom-login-page{
        margin-top: 0px;
        padding-top: 0px;
    }
}

@media screen and (min-width: 1024px) {
    .custom-login-page{
        background: linear-gradient(to right, #ddd  0%, #fff 2%);
        padding-left: 0px;
    }
}

@media screen and (min-width: 768px){
    .main{
        /* margin-left: 50%;  */
    }

    .sidenav{
        width: 50%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
    }

    .login-form{
        /* margin-top: 30px; */
    }

    .register-form{
        /* margin-top: 20%; */
    }

    .custom-side-page{
        /* margin-top: 0px; */
    }
    .custom-login-page{
        /* margin-top: 0px; */
        /* padding-top: 30px; */
        height: 100%;
    }
    .form-control{
        height: auto !important;
    }
    .icon-login{
        font-size: 2vw;
        line-height: 2vw;
    }
    .icon-group .fa-lock{
        font-size: 2.5vw;
        line-height: 2.5vw;
    }
    .custom-input{
        background: #F8F8F8;
        border: 0px;
        border-left: 0.6vw solid #115C98;
        font-size: 1.5vw;
        line-height: 1.5vw;
        padding: 1vw 1.5vw;
    }
    .custom-btn-rounded{
        border-radius: 4vw;
        font-weight: bold;
        background-image: linear-gradient(to right, #115C98 , #1E9AD6);
        /* font-size: 24px; */
        font-size: 1.5vw;
        line-height: 1.5vw;
        padding: 1.5vw 2vw;
        display: inline;
        vertical-align: middle;
    }
    .custom-bottom-text p{
        font-size: 1.5vw;
        line-height: 1.5vw;
    }
}

.login-main-text{
    /* margin-top: 20%; */
    /* padding: 60px; */
    color: #115C98;
}

.login-main-text h2{
    font-weight: 300;
}

.btn-black{
    background-color: #000 !important;
    color: #fff;
}

.custom-pullover{
    background-image: linear-gradient(to right, #115C98 , #1E9AD6);
    width: 20vw;
    padding: 1.5vw 0vw 1.5vw 2vw;
    color:#fff;
    margin-bottom: 2vw;
    margin-top: 5vw;
    border-radius: 0vw 2.5vw 2.5vw 0vw;
    /* font-size: 32px; */
    font-size: 1.5vw;
    line-height: 1.5vw;
}

.icon-group{
    padding: 0;
    padding: 0 1vw;
    background: #F8F8F8 !important;
    border: 0;
    text-align: center;
}

.custom-mobile-header{
    background-image: url('../../Images/mobile-header.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100px;
}

.custom-mobile-title{
    color: #fff;
    padding: 10px 0px;
}

.custom-bottom-text{
    padding: 1vw 0vw 2vw 0vw;
}



a{
    color: #1E9AD6;
}

.img-logo-web{
    width: 30%;
    height: auto;
    margin-top: 10%;
}

.img-logo-mobile{
    margin-top: 20%;
    width: 120px;
    height: auto;
}

.img-login-web{
    margin-top: 20px;
    width: 90%;
    height: auto;
}

.full-height{
    height: 100%;
}

.login-form .form-group{
    margin: 2vw 0vw;
    /* width: 2vw; */
    position: relative !important;
    width: 100% !;
}

.custom-login-page b{
    font-size: 1.5vw;
    line-height: 1.5vw;
}
.custom-app-title{
    margin-bottom: 2vw;
}
.custom-app-title b{
    color: #1E9AD6;
    font-weight: bold;
    font-size: 2vw;
    line-height: 2vw;
}

@media screen and (min-width: 1600px) {
    
}