.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;
    }
}

select.form-control {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
}
.input-group .btn {
    z-index: 0 !important;
}

.react-time-picker__wrapper {
    border-width: 0 !important;
}

.react-time-picker__inputGroup__input:focus{
    outline: none;
}

.react-datepicker-wrapper {
    display: block !important;
}

/** DataTable */
.rdt_TableHead {
    z-index: unset !important;
}
.clickable .rdt_TableRow {
    cursor: pointer;
}
.table-search {
    display: inline !important;
    width: auto !important;
    margin-right: 15px;
}

/* Date Picker */
.date-dropdown {
    padding: 5px;
}
.react-datepicker__navigation {
    top: 9px !important;
}
.react-datepicker__navigation-icon {
    top: 4px !important;
}

/* Timepicker */

.rc-time-picker-input {
    border:unset !important;
}

/* Dark Theme */
[data-theme-mode=dark] .css-cei3uz-control {
    background-color: #232628  !important;
    color: #fff !important;
}
.css-cei3uz-control,
.css-1fsahx-control {
    min-height: 36px !important;
    /* height: 36px !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;
}
}
[data-theme-mode=dark] input {
    color: #fff !important;
}
[data-theme-mode=dark] input:hover {
    border: 1px solid #ccc;
}
[data-theme-mode=dark] input:focus {
    border: 1px solid #3491f5;
}
[data-theme-mode=dark] .css-1nmdiq5-menu {
    background-color: #232628  !important;
}
input[type="file"] {
    height: 36px !important;
}
[data-theme-mode=dark] .css-1dimb5e-singleValue{
    color: #fff !important;
}
[data-theme-mode=dark] .react-time-picker__inputGroup__amPm option {
    color:#000;
}
[data-theme-mode=dark] .css-tj5bde-Svg {
    fill: #000;
}

/* Target the fixed header container that RDT creates */
.rdt_TableHead {
  position: relative !important;
  /* top: 0 !important; */
  background: #f5f5f5 !important; /* match your header background */
  /* z-index: 2 !important; /* stay above body rows */
}
.rdt_Table {
  min-width: 80vw; /* ensure wider table */
}
.badge-wrap {
  white-space: normal !important;
  word-break: break-word !important;
}
.cwjuei {
position: relative !important;
}