.ajax_loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../images/ajax-loaders/ajax-loader.gif') center no-repeat transparent;
    background-size: 200px 200px;
}

.user-avatar {
    width: 30px;
    height: 30px;
    background-color: #c5cc33;
    color: #007cff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold;
}

.profile-pic-remove {
    position: absolute;
    left: 58px;
    bottom: 51px;
    font-size: 11px;
}

.crEPFC {
    z-index: 0 !important;
}

.loader-new {
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
}

.loader-new:before,
.loader-new:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
}

.loader-new:before {
    animation: ball1 1s infinite;
    background-color: #fff;
    box-shadow: 30px 0 0 #ff3d00;
    margin-bottom: 10px;
}

.loader-new:after {
    animation: ball2 1s infinite;
    background-color: #ff3d00;
    box-shadow: 30px 0 0 #fff;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) scale(0.8)
    }
    50% {
        transform: rotate(360deg) scale(1.2)
    }
    100% {
        transform: rotate(720deg) scale(0.8)
    }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #ff3d00;
    }
    50% {
        box-shadow: 0 0 0 #ff3d00;
        margin-bottom: 0;
        transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 #ff3d00;
        margin-bottom: 10px;
    }
}

@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #fff;
    }
    50% {
        box-shadow: 0 0 0 #fff;
        margin-top: -20px;
        transform: translate(15px, 15px);
    }
    100% {
        box-shadow: 30px 0 0 #fff;
        margin-top: 0;
    }
}

.react-datepicker-wrapper {
    width: 100%;
}

.custom-select {
    border: none !important;
    padding: 0 !important;
}

.custom-select:focus {
    outline: 0 !important;
}

[data-theme-mode=dark] .css-1dimb5e-singleValue {
    color:#fff !important;
}
[data-theme-mode=dark] .css-lkh0o5-menu {
    background-color: #444444;;
}
.react-select__option {
    background-color: #232628;
}
[data-theme-mode=dark] .react-datepicker {
    color: #fff !important;
    background-color: #333;
}
[data-theme-mode=dark] .react-datepicker__header {
    color: #fff !important;
    background-color: #333;
}
[data-theme-mode=dark] .react-datepicker__day-name,
[data-theme-mode=dark] .react-datepicker__day,
[data-theme-mode=dark] .react-datepicker__time-name {
    color: #fff !important;
}
[data-theme-mode=dark] .react-datepicker__current-month, 
[data-theme-mode=dark] .react-datepicker-time__header,
[data-theme-mode=dark] .react-datepicker-year-header {
    color: #fff !important;
}
[data-theme-mode=dark] .react-datepicker__day--disabled,
[data-theme-mode=dark] .react-datepicker__month-text--disabled,
[data-theme-mode=dark] .react-datepicker__quarter-text--disabled,
[data-theme-mode=dark] .react-datepicker__year-text--disabled {
    color: #999 !important;
}
[data-theme-mode=dark] {
    .jodit-container:not(.jodit_inline),
    .jodit-container:not(.jodit_inline) .jodit-workplace {
        background-color: #232628  !important;
    }
    .jodit-toolbar__box:not(:empty):not(:empty) {
        background-color: #232628 !important;
    }
    .jodit-toolbar-button__button {
        color: #fff !important;
    }
    .jodit-icon {
        fill: #f5f5f5;
        opacity: .5;
    }
    .jodit-toolbar-button__trigger svg {
        fill: #fff;
    }
    .jodit-toolbar-button__button:hover:not([disabled]) {
        background-color: aliceblue;
    }
    .jodit-toolbar-button__button:hover:not([disabled]) .jodit-icon{
        fill: #333;
    }
}