.loginBox {
    width: 393px;
    position: absolute;
    left: 48.5%;
    top: 42%;
    margin-top: -133px;
    margin-left: -150px;
    background: #FFFFFF;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 6px rgba(67, 101, 139, 0.35);
    -moz-box-shadow: 0px 1px 6px rgba(67, 101, 139, 0.35);
    box-shadow: 0px 1px 6px rgba(67, 101, 139, 0.35);
    border-radius: 12px;
    border: none;
    padding:24px 24px 12px 24px;
}

.loginBoxWrapper {
    background-image: url("../img/login/Login.png") !important;
    background-size: cover;
    width: 100%;
    position: fixed;
    height: 100%;
}

.loginBox .loginHead {
    background: url("../img/backgrounds/header.jpg") left top repeat-x;
    padding: 9px 10px 10px;
    margin-bottom: 10px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    border: none;
}

.loginBox .control-group {
    /*padding: 0px 20px 0px;*/
    margin-bottom: 15px;
    /*height: 75px;*/
}

loginBox .control-failure {
    padding: 0px 20px 0px;
    margin-bottom: 5px;
    height: 10px;
}

.loginBox .control-group2 {
    /*padding: 0px 20px 0px;*/
    margin-bottom: 15px;
    margin-top: 25px;
    /*height: 75px;*/
}

.loginBox .control-group label {
    font-size: 12px;
}

.loginBox .form-actions {
    /*padding: 0px 20px;*/
    /* margin: 0px; */
    margin-top: 12px;
    /* justify-content: end; */
    background-color: white;
    border: none;
    border-radius: 8px;
}

.loginBox label.checkbox {
    margin-left: 0px;
    padding: 0px;
    cursor: pointer;
}

    .loginBox label.checkbox .checker {
        margin-top: -2px;
    }

.loginBox input[type="text"],
.loginBox input[type="password"] {
    width: 286px;
    /*margin-left: 6.5% !important;*/
    -webkit-margin-left: 6.5% !important;
}

.title-login-header {
    text-align: center;
    margin-bottom: 24px;
}

.title-text {
    font-weight: 700;
    font-size: 28px;
    line-height: 36px;
}

.h4 {
    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 36px !important;
}

.btn-fat {
    border-radius: 8px;
    background-color: #3559E0;
    padding: 2px, 16px, 12px, 16px;
    /*width: 300px;*/
    height: 48px;
    /*margin-left: 24px !important;*/
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none;
    border: none;
    background: #348fe2;
    border-color: #348fe2;
}

.loginBoxWrapper .txtlogin {
    border-radius: 8px;
    height: 40px;
    /*margin-left: 24px;*/
    background-color: #F6F8F9 !important;
}

p {
    margin: 0 0 10px;
    /*margin-left: 26px;*/
    font-size: 15px;
    font-weight: 600;
}

.img-header {
    display: flex;
    justify-content: center;
    padding-top: 60px;
    margin-left: 29px;
}

.loginBox input[type="text"], .loginBox input[type="password"] {
    width: 379px;
    /*margin-left: 6.5% !important;*/
    -webkit-margin-left: 6.5% !important;
}


@media( max-width: 1490px) {
    .img-header {
        display: none;
    }
}

@media( max-width: 1590px) {
    .img-header {
        padding-top: 3px;
    }
}