/* START login css */
.bgpositionshorthand body {
    color: #333;
}

.parsley-error {
    border-color: var(--primary-color);
}

.parsley-required,
.parsley-type,
.parsley-equalto {
    color: var(--primary-color);
}

.parsley-errors-list > li {
    color: var(--primary-color);
}

.parsley-success {
    border: 1px solid green;
}

.parsley-error {
    border: 1px solid red;
}

.text-muted {
    color: #585858 !important;
}

.user-login-wrapper {
    background: rgba(11, 11, 11, 0.56);
}

.form-control.is-valid {
    border-color: #27c24c !important;
}

.user-login-wrapper .form-control.is-valid:focus,
.user-login-wrapper .form-control.is-invalid:focus,
.user-login-wrapper .custom-control-input:focus ~ .custom-control-label::before,
.user-login-wrapper .btn:focus,
.user-login-wrapper .btn.focus {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

.bg-red {
    /* background: linear-gradient(var(--primary-color), #f0514c, #ef504c, #ef514b); */
    background: var(--primary-color) !important;
}

.btn-red {
    /* background: linear-gradient(var(--primary-color), #f0514c, #ef504c, #ef514b); */
    background: var(--primary-color);
}

.icon-inside i {
    color: var(--login-page-icon-color);
}

/* START SKELETON LOADER CSS */
.page-loader {
    /* background: rgba(0, 0, 0, .7); */
    background: rgb(231 231 231);
}

.page-loader .loader-text {
    color: var(--page-loader-text-color);
}

.bg-danger,
.badge-danger {
    background-color: var(--primary-color) !important;
}

.text-danger {
    color: var(--primary-color) !important;
}

.forgot-password-link,
.forgot-password-link:hover,
.forgot-password-link:focus {
    color: var(--primary-color) !important;
    text-decoration: none !important;
}

.user-login-wrapper .form-control,
.user-login-wrapper .form-control.login-form-control,
.user-login-wrapper .otp-input,
.user-login-wrapper .input-group.with-focus .form-control {
    background-color: transparent !important;
}

/* END PRELOADER CSS */
/* END login css */

/* Chrome scrollbar custom start */
::-webkit-scrollbar-track {
    /* background-color: #d6d6d6; */
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background: grey;
}

::-webkit-scrollbar-thumb:hover {
    background: #5f5f5f;
}

/* Chrome scrollbar custom end */
/* Firefox scrollbar custom start */
.wrapper,
.overflow-auto,
html {
    scrollbar-color: grey transparent;
}

/* Firefox scrollbar custom end */
/* LOGIN page css end */

/* added */
/* .text-color {
    color: var(--form-element-text-color) !important;
} */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    -webkit-text-fill-color: #000 !important;
}

.btn-outline-red {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-red:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-red.disabled,
.btn-outline-red:disabled {
    color: var(--primary-color);
    background-color: transparent;
}

.btn-outline-red:not(:disabled):not(.disabled):active,
.btn-outline-red:not(:disabled):not(.disabled).active,
.show > .btn-outline-red.dropdown-toggle {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}