:root {
    --brand-primary: #e97620;
    --brand-primary-light: #ffe9d9;
    --brand-primary-dark: #d36b1e;
    --brand-secondary: #fff;
}

[x-cloak] {
    display: none !important;
}

.shadow-inner {
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
}

.btn.btn-custom {
    color: var(--brand-secondary, #fff);
    border-color: var(--brand-primary, #e97620);
    background-color: var(--brand-primary, #e97620);
}

.btn.btn-light-custom {
    color: var(--brand-primary, #e97620);
    border-color: var(--brand-primary-light, #ffe9d9);
    background-color: var(--brand-primary-light, #ffe9d9);
}

.btn.btn-custom:hover:not(.btn-active) {
    color: var(--brand-secondary, #fff);
    border-color: var(--brand-primary-dark, #d36b1e);
    background-color: var(--brand-primary-dark, #d36b1e);
}

.btn.btn-light-custom:hover:not(.btn-active) {
    color: var(--brand-secondary, #fff);
    border-color: var(--brand-primary, #e97620);
    background-color: var(--brand-primary, #e97620);
}

.border-custom {
    border-color: var(--brand-primary, #e97620) !important;
}

.border-left-danger {
    border-left-color: #f1416c !important;
    border-left-width: 2px;
}

.filepond--item {
    width: calc(25% - 0.5em);
}

.filepond-col-4 .filepond--item {
    width: calc(25% - 0.5em);
}

.filepond-col-3 .filepond--item {
    width: calc(33.33% - 0.5em);
}

.filepond-col-2 .filepond--item {
    width: calc(50% - 0.5em);
}

.filepond-col-1 .filepond--item {
    width: calc(100% - 0.5em);
}

.spinner-grow-xs {
    width: 0.5rem;
    height: 0.5rem;
}

.min-space-cell {
    white-space: nowrap;
    width: 1px;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.widget-title-importance-1 {
    background-color: #FE8A8A !important;
    color: #8C191E !important;
}

.widget-title-importance-2 {
    background-color: #FECB70 !important;
    color: #A37327 !important;
}

.widget-title-importance-3 {
    background-color: #67D967 !important;
    color: #0E7D20 !important;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .header-fixed.toolbar-fixed .wrapper {
        padding-top: calc(42px + var(--kt-toolbar-height));
    }
    .content {
        padding: 0 0 30px;
    }
}