@import "../layouts/footer";
@import "../components/input-field";
@import "../components/input-checkbox";
@import "../components/blue-button";
@import "../components/components";
@import "../global";

.login-form {
    overflow-x: hidden;
    overflow-y: auto;
    &::-webkit-scrollbar {

        width: 10px;
    }

    /* Track */
    &::-webkit-scrollbar-track {
        background: #f1f1f1;
        height: calc(100% - 36px);
    }

    /* Handle */
    &::-webkit-scrollbar-thumb {
        background: #888;
    }

    /* Handle on hover */
    &::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    max-height:calc(100vh - #{$footer-height});
    height:calc(100vh - #{$footer-height});
    .container-fluid{
        padding:min(197px,10vw) min(152px, 14vw) 0 min(192px, 14vw);
        .img-container{
            img{
                width: 100%;
            }
        }
        .logo-container{
            a{
                img{
                    max-width: 215px;
                    height: 100%;
                }
            }
            margin-bottom: 130px;
        }
        .login-title{
            font-weight: 100 ;
            color: #1A73E8 ;
            font-size: $text-size-xxl;
            letter-spacing: 0.6px;
            line-height: 35px;
            margin-bottom: 50px;
        }
        #login-form{
            input{
                background-color:#f8fafc !important;
            }
            .remember-login{
                margin-top: 60px;
            }
            .pass-reveal{
                display: flex;
                justify-content: center;
                align-items: center;
                width: 48px;
            }
        }
    }
}
#footer{
  width: 100vw!important;
}