.navItem {
  border-left: 3px solid transparent;
}
.navItem.active, .dark .navItem.active {
  color: #121212;
  --tw-border-opacity: 1;
  background-color: rgb(254 208 0 / var(--tw-border-opacity));
  border-left-color: #FED000;
}
.app-header, .logo-segment {
    height: 48px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.stickySetting_menu {
    height: 48px;
}
.sidebar-menu > li.active > a {
    color: #121212;
    background-color: rgba(254, 208, 0, 0.35);
    border-left-color: #FED000;
}
.sidebar-menu > li.active > a {
    --tw-border-opacity: 1;
    background-color: rgb(254 208 0 / var(--tw-border-opacity));
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(254 208 0 / var(--tw-bg-opacity));
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(254 208 0 / var(--tw-text-opacity));
}

.border-primary {
    border-color: #FED000;
}

.btn-primary {
    --tw-ring-color: rgb(254 208 0 / var(--tw-ring-opacity));
    background-color: #FED000;
    color: #121212;
}

.form-control-lg {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1rem;
}

.grid-view-btn.active, .list-view-btn.active {
    background-color: #FED000;
    border-color: #FED000;
    color: #121212;
}

.site-pagination .pagination .page-item:hover .page-link, .site-pagination .pagination .page-item.active .page-link {
  --tw-bg-opacity: 1;
  background-color: rgb(17 17 18 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.outline-buttons .btn.active {
  background-color: rgb(15, 23, 42);
}

.app-header .form-control {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity));
}

.custom-tabs .btn {
    border-radius: 0;
}

.custom-tabs li:first-child .btn {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.custom-tabs li:last-child .btn {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}

.custom-tabs .btn-outline-primary {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(63, 63, 61, 0.7);
}

.dark .custom-tabs .btn-outline-primary {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity));
}

.custom-tabs .btn.active {
    background: #FED000;
    border-color: #FED000;
    color: #121212;
}

.custom-tabs .btn-outline-primary:hover {
    background-color: rgba(254, 208, 0, 0.35);
}

.progress-steps .single-step {
    flex-direction: column;
}

.progress-steps .single-step, .progress-steps .single-step.current {
    background-color: transparent;
    margin: 0;
}

.progress-steps .single-step .progress_bar {
    width: 100%;
    height: 8px;
    background-color: rgba(63, 63, 61, 0.15);
    border-radius: 30px;
}

.dark .progress-steps .single-step .progress_bar  {
    background-color: rgb(98 106 118);
}

.progress-steps .single-step.current .progress_bar {
    background-color: #FED000;
}

.select2-container .select2-selection--multiple {
    min-height: 38px;
}

.dark .select2-container--default .select2-selection--single {
    --tw-border-opacity: 1;
    border-color: rgb(51 65 85 / var(--tw-border-opacity));
}

.dark .select2-selection {
    /*--tw-bg-opacity: 1;*/
    /*background-color: rgb(15 23 42 / var(--tw-bg-opacity));*/
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity));
}
.dashcode-data-table .dataTables_empty {
    text-align: center;
}
.dark .dataTables_empty{
    color: #cbd5e1;
}

.dataTables_wrapper, .basicTable_wrapper {
    display: flex;
    flex-direction: column;
}
.dataTable td {
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249 / var(--tw-border-opacity));
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 400;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity));
}
.dataTables_info {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
#processingIndicator {
    position: absolute;
    top: calc(50% - 54px);
    left: calc(50% - 54px);
}
