.btn-primary:hover {background-color: #224abe;}
.brand-color{color: #1b2c58;}
.color-black{color: #5a5c69;}
.form-control{border: 1px solid #909092;}
form.user .btn-user {font-size: 1rem;}
.bg-login-page {background-image: url('../img/login_bg.jpg');background-position: center center; background-repeat: no-repeat;background-size: cover;}
.login-page {height: 100%;
    body,.container,.row {
        height: 100%;
    }
}
.navbar-nav { padding: 1rem 0.8rem;
    .logo{margin: 1rem 0 1rem 1rem;
        img{max-width: 150px;}
    }
}
.border-radius {border-radius: 0.5rem;}
form.custom-form{
    .custom-control-label{font-size: 1rem;}
    .form-control-user{border-radius: 0.35rem;}
    .form-group {position: relative;margin-bottom: 1.25rem;
        .error-msg {position: absolute;left: 15px;bottom: -6px;font-size: 0.9rem;}
    }
}
.spinner{display: none;}
.alert-success {display: none;}
.limit-text {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;}
.login-form .error-msg,.spinner{position: absolute;left: 50%;transform: translateX(-50%);bottom: 15px;}
.error-msg{color: red;}
.table {
    .data-row {cursor: pointer;}
}
#clientSelectAccount{display: none;}
.table.data-table {
    color: #2c2c2c;
}
.table.data-table .thead-dark th {
    border-color: #a8a8a8;
}
.table-bordered.data-table td, .table-bordered.data-table th {border: 1px solid #a8a8a8;}
.table .thead-dark th {
    color: #fff;
    background-color: #5a5c69;
}
.dynamic-form-wrapper{border: 1px solid #5a5c69;padding: 1.5rem;position: relative;margin-bottom: 1.5rem;
    .close-btn{position: absolute; top: -15px;right: -5px;width: 25px;color: #fff;height: 25px;padding: 6px;z-index: 1;cursor: pointer;
        &:after{content:'';position: absolute;background-color: red;width: 100%;height: 100%;border-radius: 50%;z-index: -1;left: -1px;top: 5px;}
    }
}
.delete-row{cursor: pointer;color: red;}
.icon-large .fas{font-size: 3rem;}