body {
    background-color: #3ca2db;
    background: radial-gradient(circle, #3ea3db, #142849);
    height: 100%;
}

.login-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;
    z-index: 100;
    position: relative;
}

.login-container-inside {
    max-width: 460px;
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 20px;
}

.login-container-inside img.logo {
    width: 290px;
    margin: 20px 0 30px 0;
}

.login-container-inside input.field {
    background-color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
    border: none;
    border-radius: 2px;
    padding-left: 60px;
}

    .login-container-inside .email-field,
    .login-container-inside .password-field{
        position: relative;
    }

.login-container-inside .password-field::before {
    display: block;
    content: '';
    background-image: url(../images/password.png);
    background-size: 45px;
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 50px;
    height: 50px;
}

.login-container-inside .email-field::before {
    background-image: url(../images/email.png);
    display: block;
    content: '';
    background-size: 45px;
    background-repeat: no-repeat;
    position: absolute;
    top: 4px;
    left: 8px;
    width: 50px;
    height: 50px;
}

.login-container-inside input.field:focus {
    outline: 1px solid #3ca2db;
    box-shadow: 0 0 5px #3ca2db;
}

.login-container-inside input.login-btn {
    background-color: hsl(43, 100%, 50%);
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border: none;
    color: #1C436F;
    font-size: 18px;
    font-weight: 600;
    border-radius: 2px;
    cursor: pointer;
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.16);
    padding: 10px 30px;
}

.login-container-inside input.login-btn:hover {
    color: #1C436F;
    background: rgb(255, 212, 0);
    box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.36);
}

.login-watermark {
    position: fixed;
    bottom: 0;
    left: 0;
    max-width: 680px;
}

@media only screen and (max-width: 1366px) {
    .login-watermark {
        max-width: 500px;
    }
}

.login-languages {
    position: fixed;
    top: 20px;
    right: 20px;
}

.login-container-inside a.forgot {
    color: white;
    text-decoration: none;
    width: 100%;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    display: block;
    margin-top: 15px;
}

.login-container-inside a.forgot:hover {
    color: rgba(255, 255, 255, 0.9);
}

.login-error {
    background-color: #fcd2d2;
    border: 1px solid #bb3333;
    border-radius: 3px;
    color: #bb3333;
    margin-top: 15px;
    padding: 10px;
}
.login-success {
    background-color: #d2fcda;
    border: 1px solid #33bb39;
    border-radius: 3px;
    color: #33bb39;
    margin-top: 15px;
    padding: 10px;
}

.forgot-password {
    width: 440px;
    text-align: left;
    position: relative;
    padding: 20px;
    background-color: white;
    box-sizing: border-box;
    margin-top: 20px;
}

.forgot-password input {
    width: 100%;
    box-sizing: border-box;
    margin-top: 10px;
    border: 1px solid lightgray;
    padding: 10px;
    border-radius: 3px;
}

#close-password {
    cursor: pointer;
    position: absolute;
    right: 14px;
    top: 14px;
}

.forgot-password h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 2px;
    margin-bottom: 20px;
    border-bottom: 1px solid lightgray;
}

.forgot-password h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    /*border-bottom: 1px solid lightgray;*/
}

ul.bullet {
    list-style: disc;
    padding-left: 1rem;
    margin-bottom: 0;
}


.inv-div-bottom {
    position: absolute;
    width: 599px;
    height: 70px;
    bottom: 7px;
    right: 25%;
    left: 50%;
    margin-left: -293px;
    z-index: -1;
}

.inv-div-heading {
    font-family: 'Noto Sans', sans-serif;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    line-height: 2.0;
    color: rgb(255 183 0);
}

.inv-div-text {
    font-family: 'Noto Sans', sans-serif;
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    color: rgb(255 255 255);
}
.inv-div-heading a {
    text-decoration:none;
}
.login-container-inside input.login-btn:disabled {
    background-color: #fcfdfd;
    color: rgba(28, 67, 111, .4);
    cursor: auto;
}

.login-container-inside input.login-btn:disabled:hover {
    box-shadow: 0px 5px 8px rgba(0, 0, 0, .16);
}

.morning-btn {
    margin-top: 25px !important;
    width: auto !important;
}

.morning-btn:disabled {
    background: #cfcfcf;
    box-shadow: none;
    border: none !important;
    outline: none;
    cursor: auto !important;
    width: auto;
    margin-top: 25px;
}


.loginCaptchContainer {
    height: 90px;
    width: 100%;
    transform: scale(1.225);
    -webkit-transform: scale(1.225);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    margin-bottom: 30px;
}

.forgot-passwordCaptchaContainer {
    width: 100%;
    transform: scale(1.32);
    -webkit-transform: scale(1.32);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    margin-bottom: 10px;
    margin-top: 10px;
}
.mfa-email-text {
    color:white;
    font-weight:bold;
}
.mfa-text {
    color: #D8D8D8;
}
.mfa-email-text,
.mfa-text {
    padding:5px;
}
.mfa-resend-a {
    color: rgb(255 183 0);
    text-decoration: none;
    font-weight: bold;
}
.mfa-text,
.mfa-resend-a {
    font-size: 14px;
    padding-bottom:10px;
}
.login-container-inside .pin-div::before {
    background-image: url(../images/pin.png);
    display: block;
    content: '';
    background-size: 45px;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 50px;
    height: 50px;
}
.password-container .fa-info-circle {
    position: absolute;
    color: #3CA2DB;
    top: 18px;
    right: 10px;
}
.tooltip .tooltip-inner {
    background-color: #fff;
    color: black;
    max-width:350px !important;
}
    .tooltip .arrow::before {
        border-color: #fff !important;
        border-style: solid;
    }

.arrow-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-76%);
    cursor: pointer;
    font-size: 22px;
    font-weight:600;
}
    .arrow-icon .fas {
        margin-left:4px;
    }
    .register-container-inside {
        max-width: 732px;
    }

    .register-container-inside .link {
        text-decoration: underline;
    }

    .register-container-inside .btn-warning {
        border-radius: 2px;
        padding: 8px 24px;
        font-weight: 600;
        color: #27456A;
    }

    .register-container-inside input[type="text"],
    .register-container-inside input[type="email"],
    .register-container-inside input[type="number"],
    .register-container-inside textarea,
    .register-container-inside select {
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
        border: 0;
        padding: 15px;
        background-color: white;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 500;
        border: none;
        border-radius: 2px;
        padding-left: 60px;
        height: auto;
    }

    .register-container-inside .fieldicon {
        position: relative;
    }

        .register-container-inside .fieldicon:after {
            content: "";
            position: absolute;
            left: 45px;
            top: 10px;
            bottom: 0;
            background-color: rgba(113, 128, 150, .5);
            height: 28px;
            width: 2px;
        }

        .register-container-inside .fieldicon:before {
            content: "";
            position: absolute;
            left: 15px;
            top: 15px;
            bottom: 0;
            width: 20px;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Path_22' data-name='Path 22' d='M5,18.235a10.086,10.086,0,0,1,3.138-2.088A9.724,9.724,0,0,1,12,15.385a9.777,9.777,0,0,1,3.863.762A10.012,10.012,0,0,1,19,18.235V5H5Zm7-5.158a2.974,2.974,0,0,0,3-3,2.974,2.974,0,0,0-3-3,2.974,2.974,0,0,0-3,3,2.974,2.974,0,0,0,3,3M4,20V4H20V20Zm8-7.923a1.993,1.993,0,0,1-1.409-3.409,1.993,1.993,0,1,1,2.818,2.818A1.926,1.926,0,0,1,12,12.077M5.629,19H18.37a9.5,9.5,0,0,0-3.064-1.988A9.05,9.05,0,0,0,12,16.385a9.164,9.164,0,0,0-3.293.628A9.314,9.314,0,0,0,5.629,19' transform='translate(-3.75 -3.75)' fill='%23b7bfca' stroke='%23b7bfca' stroke-width='0.5'/%3E%3C/svg%3E%0A");
        }

        .register-container-inside .fieldicon.name:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath id='Path_22' data-name='Path 22' d='M5,18.235a10.086,10.086,0,0,1,3.138-2.088A9.724,9.724,0,0,1,12,15.385a9.777,9.777,0,0,1,3.863.762A10.012,10.012,0,0,1,19,18.235V5H5Zm7-5.158a2.974,2.974,0,0,0,3-3,2.974,2.974,0,0,0-3-3,2.974,2.974,0,0,0-3,3,2.974,2.974,0,0,0,3,3M4,20V4H20V20Zm8-7.923a1.993,1.993,0,0,1-1.409-3.409,1.993,1.993,0,1,1,2.818,2.818A1.926,1.926,0,0,1,12,12.077M5.629,19H18.37a9.5,9.5,0,0,0-3.064-1.988A9.05,9.05,0,0,0,12,16.385a9.164,9.164,0,0,0-3.293.628A9.314,9.314,0,0,0,5.629,19' transform='translate(-3.75 -3.75)' fill='%23b7bfca' stroke='%23b7bfca' stroke-width='0.5'/%3E%3C/svg%3E%0A");
        }

        .register-container-inside .fieldicon.email:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.5' height='14.5' viewBox='0 0 18.5 14.5'%3E%3Cpath id='Path_23' data-name='Path 23' d='M4.616,19A1.58,1.58,0,0,1,3,17.384V6.616A1.582,1.582,0,0,1,4.615,5h14.77A1.582,1.582,0,0,1,21,6.616V17.385A1.58,1.58,0,0,1,19.385,19ZM12,12.116,4,6.885v10.5A.592.592,0,0,0,4.616,18H19.385A.592.592,0,0,0,20,17.384V6.884ZM12,11l7.692-5H4.308ZM4,6.885v10.5A.592.592,0,0,0,4.616,18H4Z' transform='translate(-2.75 -4.75)' fill='%23ced4da' stroke='%23ced4da' stroke-width='0.5'/%3E%3C/svg%3E%0A");
        }

        .register-container-inside .fieldicon.cname:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.5' height='16.5' viewBox='0 0 20.5 16.5'%3E%3Cpath id='Path_25' data-name='Path 25' d='M35.333,46.667H34V37.333A.667.667,0,0,0,34,36H30V33.333A.667.667,0,0,0,30,32H18a.667.667,0,0,0,0,1.333V46.667H16.667a.667.667,0,1,0,0,1.333H35.333a.667.667,0,0,0,0-1.333m-2.667-9.333v9.333H30V37.333Zm-13.333-4h9.333V46.667h-2v-4A.667.667,0,0,0,26,42H22a.667.667,0,0,0-.667.667v4h-2Zm6,13.333H22.667V43.333h2.667ZM20.667,36a.667.667,0,0,1,.667-.667h1.333a.667.667,0,0,1,0,1.333H21.333A.667.667,0,0,1,20.667,36m4,0a.667.667,0,0,1,.667-.667h1.333a.667.667,0,1,1,0,1.333H25.333A.667.667,0,0,1,24.667,36m-4,3.333a.667.667,0,0,1,.667-.667h1.333a.667.667,0,1,1,0,1.333H21.333a.667.667,0,0,1-.667-.667m4,0a.667.667,0,0,1,.667-.667h1.333a.667.667,0,1,1,0,1.333H25.333a.667.667,0,0,1-.667-.667' transform='translate(-15.75 -31.75)' fill='%23ced4da' stroke='%23ced4da' stroke-width='0.5'/%3E%3C/svg%3E%0A");
        }

        .register-container-inside .fieldicon.phone:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Path_26' data-name='Path 26' d='M18.067,19a13.347,13.347,0,0,1-5.489-1.211,16.406,16.406,0,0,1-4.933-3.434A16.428,16.428,0,0,1,4.212,9.422,13.354,13.354,0,0,1,3,3.933.911.911,0,0,1,3.933,3h3.6a.826.826,0,0,1,.556.212.813.813,0,0,1,.289.5l.578,3.111a1.568,1.568,0,0,1-.022.6.935.935,0,0,1-.244.422L6.533,10.022a10.75,10.75,0,0,0,1.055,1.588,15.63,15.63,0,0,0,1.345,1.478,15.681,15.681,0,0,0,1.444,1.278,13.93,13.93,0,0,0,1.6,1.077l2.089-2.089a1.241,1.241,0,0,1,.523-.3A1.444,1.444,0,0,1,15.222,13l3.067.622a1.027,1.027,0,0,1,.511.323.783.783,0,0,1,.2.522v3.6a.911.911,0,0,1-.933.933M5.689,8.333,7.156,6.867,6.778,4.778H4.8q.111.911.311,1.8a9.735,9.735,0,0,0,.578,1.756m7.956,7.956a11.03,11.03,0,0,0,1.767.6,10.854,10.854,0,0,0,1.811.289V15.222L15.133,14.8Zm0,0' transform='translate(-3 -3)' fill='%23ced4da'/%3E%3C/svg%3E%0A");
        }

        .register-container-inside .fieldicon.country:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.035' height='16.5' viewBox='0 0 12.035 16.5'%3E%3Cpath id='Path_27' data-name='Path 27' d='M4.808,1.25a.558.558,0,0,1,.558.558v.807l1.171-.234a7.018,7.018,0,0,1,3.981.366l.151.06a5.4,5.4,0,0,0,3.312.225,1.451,1.451,0,0,1,1.8,1.408V9.923a1.6,1.6,0,0,1-1.215,1.555l-.159.039a7.018,7.018,0,0,1-4.307-.292,5.9,5.9,0,0,0-3.347-.307l-1.39.278v5.5a.558.558,0,1,1-1.116,0V1.808a.558.558,0,0,1,.558-.558m.558,8.807,1.171-.234a7.018,7.018,0,0,1,3.981.366,5.9,5.9,0,0,0,3.621.246l.16-.04a.487.487,0,0,0,.368-.472V4.44a.335.335,0,0,0-.416-.325,6.512,6.512,0,0,1-4-.271L10.1,3.783a5.9,5.9,0,0,0-3.347-.307l-1.39.278Z' transform='translate(-4 -1)' fill='%23ced4da' stroke='%23ced4da' stroke-width='0.5' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
        }

        .register-container-inside .fieldicon.job:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.833' height='16.5' viewBox='0 0 17.833 16.5'%3E%3Cpath id='Path_28' data-name='Path 28' d='M40,26.667H36.667V26a2,2,0,0,0-2-2h-4a2,2,0,0,0-2,2v.667H25.333A1.333,1.333,0,0,0,24,28V38.667A1.333,1.333,0,0,0,25.333,40H40a1.333,1.333,0,0,0,1.333-1.333V28A1.333,1.333,0,0,0,40,26.667M30,26a.667.667,0,0,1,.667-.667h4a.667.667,0,0,1,.667.667v.667H30Zm10,2v3.468a15.347,15.347,0,0,1-14.669,0l0-3.467Zm0,10.667H25.333v-5.7a16.693,16.693,0,0,0,14.667,0Zm-9.333-7.333a.667.667,0,0,1,.667-.667H34A.667.667,0,1,1,34,32H31.333a.667.667,0,0,1-.667-.667' transform='translate(-23.75 -23.75)' fill='%23ced4da' stroke='%23ced4da' stroke-width='0.5'/%3E%3C/svg%3E%0A");
        }

        .register-container-inside .fieldicon.message:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.199' height='16' viewBox='0 0 17.199 16'%3E%3Cpath id='Path_30' data-name='Path 30' d='M5.44,15.759,3.462,17.737a.785.785,0,0,1-.936.183A.808.808,0,0,1,2,17.113V3.72a1.654,1.654,0,0,1,.506-1.214A1.66,1.66,0,0,1,3.72,2H17.479a1.657,1.657,0,0,1,1.215.506,1.653,1.653,0,0,1,.5,1.214V14.039a1.723,1.723,0,0,1-1.72,1.72Zm-.731-1.72h12.77V3.72H3.72V15.006Zm-.989,0v0Zm2.58-1.72h5.16a.86.86,0,1,0,0-1.72H6.3a.86.86,0,1,0,0,1.72m0-2.58h8.6a.86.86,0,1,0,0-1.72H6.3a.86.86,0,1,0,0,1.72m0-2.58h8.6a.86.86,0,1,0,0-1.72H6.3a.867.867,0,0,0-.612,1.473A.826.826,0,0,0,6.3,7.16' transform='translate(-2 -2)' fill='%23ced4da'/%3E%3C/svg%3E%0A");
        }