@import url('controls-css/variables.css');
@import url('controls-css/inputs.css');
@import url('controls-css/swal.css');
@import url('controls-css/tables.css');
@import url('controls-css/date-picker.css');
@import url('controls-css/select.css');
@import url('controls-css/template-overrides.css');

@import url('controls-css/sizes.css');

.cursor-crosshair {
    cursor: crosshair;
}

.user-profile-header-banner img{
    height : 80px !important;
}
}

.row-gap-0 {
    row-gap: 0 !important;
}

.row-gap-1 {
    row-gap: 0.25rem !important;
}

.row-gap-2 {
    row-gap: 0.5rem !important;
}

.row-gap-3 {
    row-gap: 1rem !important;
}

.row-gap-4 {
    row-gap: 1.5rem !important;
}

.row-gap-5 {
    row-gap: 3rem !important;
}

.column-gap-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
}

.column-gap-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
}

.column-gap-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
}

.column-gap-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
}

.column-gap-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
}

.column-gap-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
}
.table-controls-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.5rem;
    margin-top: 0.5rem;
    max-width: 100%;
    overflow: hidden;
}

@media (min-width: 768px) {
    .table-controls-wrapper {
        flex-direction: row;
        align-items: center;
    }
}

.table-controls-wrapper > .left-section,
.table-controls-wrapper > .right-section {
    min-width: 0;
}

.right-section {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
.right-section-small {
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}
.menu-vertical,
.menu-vertical .menu-block,
.menu-vertical .menu-inner > .menu-item {
    width: 17.25rem !important;
}
.badge-inverted {
    background-color: white !important;
    color: #8fbd56 !important;
    border: 1px solid #8fbd56;
}

select.selectpicker[disabled] {
    background-color: #f5f5f5 !important; /* Match disabled input background */
    color: #495057 !important; /* Match disabled input text color */
    opacity: 1 !important; /* Prevent it from looking greyed out */
    cursor: not-allowed;
}

.bootstrap-select.disabled .dropdown-toggle {
    background-color: #f5f5f5 !important;
    color: #495057 !important;
    opacity: 1 !important;
    border-color: #ced4da; /* Optional: match border */
}
.sharp-right {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.sharp-left {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.bootstrap-select.sharp-right > .dropdown-toggle {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.pill-name {
    background-color: white !important;
    color: #6d788d !important;
}

.user-avatar-pill {
    width: 120px;
    height: 120px;
    font-size: 2.5rem;
}