@import 'tailwindcss';

.fi-sidebar-nav {
    background: #121212 !important;
}

.text-gray-700 {
    color: #a1a1aa !important;
}

.fi-sidebar-header {
    background: #121212 !important;
}

.fi-logo {
    color: #a1a1aa !important;
    height: 3.5rem !important;
}

.fi-sidebar-header {
    place-content: center;
    background-color: #fff !important;
}

.fi-ta-header-cell-label {
    color: #d97707;
}

.fc-event-title {
    white-space: normal;
    word-wrap: break-word;
}

.ev_form_cours .w-full.flex.min-h-36 {
    height: 250px !important;
}

.ev_form_cours .w-full.flex.min-h-36 ul li {
    border-bottom: 1px solid #c4c4c4;
}

.ev_form_cours .w-full.flex.min-h-36 ul li a {
    padding: 5px 10px;
}

.max-w-7xl {
    max-width: 100% !important;
}

.fi-tabs {
    border: none;
    margin: 0;
    background-color: transparent;
    box-shadow: none;
    column-gap: 15px;
}

.fi-tabs-item {
    background-color: #e4e4e7;
    padding: 11px 12px;
    border-radius: 10px;
}

.fi-tabs-item-label {
    color: #a1a1aa;
    font-size: 15px;
}

.fi-tabs-item-label:hover {
    color: #a1a1aa;
}

.fi-tabs-item:hover {
    background-color: #e4e4e7;
}

.fi-tabs-item .text-primary-600 {
    color: rgb(255 255 255);
}

.fi-tabs .fi-tabs-item-active {
    background-color: rgb(217 119 7);
}

.customlabel .fi-in-entry-wrp .gap-y-2 {
    display: flex;
    gap: 20px;
}

.customlabel .fi-in-entry-wrp .gap-y-2>div:nth-child(1) {
    width: 30%;
}

.customlabel .fi-in-entry-wrp .gap-y-2>div:nth-child(2) {
    width: 70%;
}

.customlabel2 .fi-in-entry-wrp .gap-y-2>div:nth-child(1) {
    width: 50%;
}

.customlabel2 .fi-in-entry-wrp .gap-y-2>div:nth-child(2) {
    width: 50%;
}

.customlabel2 .fi-fo-component-ctn .fi-fo-rich-editor {
    overflow: scroll;
    max-height: 400px;
}

.fi-fo-rich-editor::-webkit-scrollbar {
    display: none;
}

.fi-fo-rich-editor::-webkit-scrollbar-track {
    background: transparent;
}

.fi-fo-rich-editor::-webkit-scrollbar-thumb {
    background: transparent;
}

.filament-fullcalendar .fc-header-toolbar button {
    text-transform: capitalize;
}

input[type="text"]:focus {
    --tw-ring-color: #d97707;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) #d97707;
    border-color: #d97707;
}

input[type="text"] {
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
    border-color: #dfdfdf;
}

select {
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
    border-color: #dfdfdf;
}

select:focus {
    --tw-ring-color: #d97707;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) #d97707;
    border-color: #d97707;
}

textarea:focus {
    --tw-ring-color: #d97707;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) #d97707;
    border-color: #d97707;
}

textarea {
    border-color: #dfdfdf;
}

.border-hr {
    border-color: #dfdfdf;
}

label.required::after {
    content: " *";
    color: red;
}

input[type="number"]:focus {
    --tw-ring-color: #d97707;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) #d97707;
    border-color: #d97707;
}

input[type="number"] {
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
    border-color: #dfdfdf;
}

.candidate_header header .fi-section-header-icon {
    position: relative;
    background-color: rgba(var(--primary-600), var(--tw-bg-opacity, 1));
    color: white;
    padding: 0.5rem;
    border-radius: 0.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
}

.space-y-2_nvqpdf .grid {
    gap: 5px !important;
}

.nvqpdfline {
    border-bottom: 2px solid gray;
    padding-bottom: 20px;
}

.nvqpdfline .grid {
    border-bottom: none;
    /* This ensures the grid doesn't inherit the border */
}

.loader {
    position: fixed !important;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    flex-direction: column;
    gap: 20px;
}

.loader svg {
    width: 100px;
    color: #fff;
}

.loader p {
    color: #fff;
    font-size: 16px;
}

.floating_create_btn {
    position: fixed;
    bottom: 2rem;
    transform: translateX(40px);
}

.assessment-summary-grid-align .gap-y-2 {
    row-gap: 0 !important;
}

.candidate_basic_info_grid .grid {
    gap: 20px;
}

.candidate_basic_info_grid .text-sm {
    margin-right: 25px;
}

.ev_top_1>dl>.fi-fo-component-ctn>div:nth-child(2)>section {
    height: 100%;
}

.customlabel.ev_col_1 .grid>div:nth-child(1) .fi-in-entry-wrp .grid.gap-y-2>div:nth-child(1) {
    width: 14%;
}