.login-dark {
    height:100vh !important;
    background:url(../../../images/backgrounds/agile.png) #e8e8e8 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position:relative !important;
}

.login-dark form {
    max-width:400px !important;
    width:100% !important;
    padding:30px 40px 40px 40px !important;
    transform:translate(-50%, -50%) !important;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    color:#223a66 !important;
    border-radius:5px !important;
}

.login-dark .illustration {
    text-align:center !important;
    padding:10px 0 !important;
    font-size:100px !important;
}

.login-dark .illustration  img{
    width:80%;
    margin-bottom:20px;
    padding:10px;
}

.login-dark form .form-control {
    background:none !important;
    outline:none !important;
    color:#223a66 !important;
    border:1px solid #b2b4b7;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
input[type="password"]:-webkit-autofill,
input[type="password"]:-webkit-autofill:hover, 
input[type="password"]:-webkit-autofill:focus, 
input[type="password"]:-webkit-autofill:active {

    -webkit-box-shadow: 0 0 0 30px #e8e8e8 inset !important;
    /* -webkit-text-fill-color: #223a66 !important; */
}


.login-dark form .btn-login {
    background:#223a66 !important;
    border:1px solid #223a66 !important;
    padding:7px !important;
    box-shadow:none !important;
    margin-top:0px !important;
    text-shadow:none !important;
    outline:none !important;
    margin-left:auto;
    color:#fff;
    display:block;
}

.login-dark form .btn-login:hover, .login-dark form .btn-login:active {
    background:#e10054 !important;
    border:1px solid #e10054 !important;
    outline:none !important;
    color:#fff;
}

.login-dark form .btn-back {
    background:#223a66 !important;
    border:1px solid #223a66 !important;
    border-radius:4px !important;
    padding:11px !important;
    box-shadow:none !important;
    text-shadow:none !important;
    outline:none !important;
    color:#fff;
}

.login-dark form .btn-back:hover, .login-dark form .btn-back:active {
    background:#fff !important;
    outline:none !important;
    color:#223a66;
}

.login-dark form .forgot {
    display:block !important;
    text-align:center !important;
    font-size:13px !important;
    color:#2f3030 !important;
    text-decoration:none !important;
}

.login-dark form .forgot a{
    color:#2f3030 !important;
}

.login-dark form .forgot:hover, .login-dark form .forgot:active {
    opacity:1 !important;
    text-decoration:none !important;
    color:#e10054 !important;
}

.login-dark form .btn-login:active {
    transform:translateY(1px) !important;
}

input{
    color:black !important;
}

[class*=icheck-]>input:first-child+input[type=hidden]+label::before, [class*=icheck-]>input:first-child+label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #e10054;
    border-radius: 0;
    margin-left: -29px;
    margin-top:2px;
}

.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before, .icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before {
    border-color: #e10054;
}

.icheck-primary>input:first-child:checked+input[type=hidden]+label::before, .icheck-primary>input:first-child:checked+label::before {
    background-color: #e10054;
    border-color: #e10054;
}

[class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, [class*=icheck-]>input:first-child:checked+label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: translate(6px, 4px) rotate(45deg);
    -ms-transform: translate(6px, 4px) rotate(45deg);
}

.alert-danger-lltc{
    color: #fff;
    background-color: #223a66;
    border-color: #223a66;
}

.btn-checkout {
    background:#223a66 !important;
    border:1px solid #223a66 !important;
    padding:7px !important;
    box-shadow:none !important;
    margin-top:0px !important;
    text-shadow:none !important;
    outline:none !important;
    margin-left:auto;
    color:#fff;
    display:block;
}

.btn-checkout:hover, .btn-checkout:active {
    background:#fff !important;
    border:1px solid #fff !important;
    outline:none !important;
    color:#223a66;
}