:root {
    --bg-color: #24386B;
    --light-gray: #D5D5D5;
    --btn-primary-blue: #3D5AFE;
    --btn-primary-blue-hover: #336EFE;
}

html, body {
    height: 100%;
    color: #679CC5;
    -webkit-font-smoothing: antialiased;
    background-color: var(--bg-color) !important;
    font-family: Calibri, Arial, Verdana !important;
}

/* NEW LOGIN*/
body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
}

.swal2-title{
    color: #333 !important;
}

.row, .row .col {
    padding: 0px;
}

h1, h2, h3, h4, h5, span {
    color: var(--light-gray) !important;
}

.form-signin {
    width: 100%;
    max-width: 300px;
    padding: 15px;
    margin: 0 auto;
}

    .form-signin .checkbox {
        font-weight: 400;
    }

    .form-signin .form-control {
        position: relative;
        box-sizing: border-box;
        height: auto;
        padding: 10px;
        font-size: 16px;
    }

        .form-signin .form-control:focus {
            z-index: 2;
        }

    .form-signin input {
        border-bottom: 1px solid var(--light-gray) !important;
        border-radius: 0;
    }

        .form-signin input:focus {
            border-bottom-color: white !important;
            outline: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            color: white !important;
        }

        .form-signin a {
            color: var(--btn-primary-blue);
        }
            .form-signin a:hover {
                color: var(--btn-primary-blue-hover);
            }

        .form-signin .btn-primary {
            background-color: var(--btn-primary-blue);
            border-color: var(--btn-primary-blue) !important;
            margin-top: 5px;
            border-radius: 0px;
            color: white;
        }
        .form-signin .btn-primary:hover {
            background-color: var(--btn-primary-blue-hover);
            color: white;
        }

    .form-signin input:focus::placeholder {
        color: white;
    }

    .form-signin .input-group span,
    .form-signin .input-group input {
        height: 50px;
        border: 0px;
        background-color: transparent;
        color: var(--light-gray);
    }

    .form-signin .input-group span{
        width: 40px;
    }

    .form-signin input::placeholder {
        color: var(--light-gray);
    }

    .form-signin .forgot-password-anchor{
        line-height: 50px;
    }

    .form-signin .captcha-image{
        width: 120px !important;
        height: auto !important;
    }

    .erroreLogin {
        font-size: 13px;
        color: #ffffff;
        width: 10px;
    }

    .modal input {        
        border: 0px;
        border-bottom: 1px solid var(--light-gray) !important;
        border-radius: 0;
    }

    .modal input:focus{
        color: #333 !important;
        border-bottom: 1px solid #333 !important;
    }


.ModalLogin {
    position: fixed;
    z-index: 999999;
    top: 32%;
    left: 50%;
    width: 640px;
    height: 328px;
    margin-left: -320px;
    background-color: #FFF;
    border: 1px solid #499c65;
    border-radius: 10px;
    text-align: left;
}

.labelLogin {
    color: #2e7044;
    display: inline-block;
    margin-left: 18px;
    font-size: 14px;
}


/* ----- DIVBOX STYLE ----- */
.modal-testi
{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(/img/modal.png);
    background-repeat: repeat;
    z-index: 15;
}

.divBox
{
    position: fixed;
    top: 40%;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    z-index: 20;
}

.divBox .nostyle th
{
    background-color: #af263e;
}

.divBox .success th
{
    background-color: #94c346;
}


.divBox .warning th
{
    background-color: #d9be54;
}

.divBox .error th
{
    background-color: #c96060;
}

.divBox .expired th
{
    background-color: #d20000;
}

.divBox table
{
    border: 1px solid;
    border-radius: 7px;
    /*margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;*/  
}

.divBox .nostyle
{
    background-color: #fed8df;
    color: #105b8a;
    border: 1px solid #;  
}

.divBox .success
{
    background-color: #DFF2BF;
    color: #4F8A10;
    border: 1px solid #;    
}

.divBox .warning
{
    background-color: #FEEFB3;
    color: #9F6000;
    border: 1px solid #;    
}

.divBox .error
{
    background-color: #FFBABA;
    color: #D8000C;
    border: 1px solid #;    
}

.divBox .expired
{
    background-color: #FFBABA;
    color: #D8000C;
    border: 1px solid #;
}

.divBox .title
{
    color: #ffffff;
    font-weight: lighter;
}
/* ----- DIVBOX STYLE ----- */