body, html {
    font-family: Montserrat, Arial;
    box-sizing: border-box;
    background-color: #ffffff;
}

.center-wrapper {
    min-height: 100vh;
    display: grid; grid-template-columns: 4fr 3fr;
}


.btn-primary {
    background-image: linear-gradient( 135deg, #91B3FA 10%, #91B3FA 100%);
    border-radius: 40px!important;
    padding: 1em 5em!important;
    font-weight: bold;
    color: #1A0F91;
}

.btn-primary:hover {
     background-color: #2f77ce;
}


.form-label {
    color: #3d516b;
    margin-bottom: 0.3rem;
    display: block;
}

.btn {
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

    .left-side {
        background-image: url("/img/bg-blue-01.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 100%;
        width: 100%;
        background-color: #DCE4F7;
    }
    


    .form-control {
        border-bottom: 4px solid #97ABFF;
        outline: none;
    }


.caption {
    font-size: 26px; font-weight: 900; color: #1A0F91
}

    .right-side {
        padding: 10vw;
    }

@media screen and (max-width: 667px){
    .right-side {
        padding: 10vw;
    }
    .center-wrapper {
        display: grid; grid-template-columns: 35px 1fr;
    }

    .caption {
        font-size: 22px; font-weight: 900; color: #1A0F91
    }

    .organization {
        font-size: 12px;
    }

    .left-side {
        background-size: 1%;
    }

    .login-left {
        display:  none;
    }
}

.alert {
    display:  block;
    border:  1px solid #f0f0f0;
    margin-bottom: 1em;
    width:  100%;
    border-radius: 10px;
    padding:  15px;
}

.alert ul {
    list-style: none;
    padding: 0px;
    margin:  0px;
}

.alert-danger {
    background-color: #fc9f9f;
}