html, body {
    font-family: 'Dana'
}
/* --- $ validation --- */
.validation-summary-errors {
    margin-bottom: 0;
    position: relative;
    padding: 1rem 1rem;
    border-radius: .25rem;
    color: var(--bs-danger-text);
    border: 1px solid transparent;
    background-color: var(--bs-danger-bg-subtle);
    border-color: var(--bs-danger-border-subtle);
}

    .validation-summary-errors ul {
        margin-bottom: 0;
        list-style: none;
    }

    .validation-summary-errors.info {
        color: #055160;
        border-color: #b6effb;
        background-color: #cff4fc;
    }

.form-check-input.form-check-percent:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14px' height='14px' viewBox='0 0 14 14' version='1.1'><g id='surface1'><path style=' stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;' d='M 13.855469 1.195312 L 1.191406 13.839844 C 1.003906 14.027344 0.695312 14.027344 0.507812 13.839844 L 0.144531 13.480469 C -0.0429688 13.289062 -0.0429688 12.984375 0.144531 12.792969 L 12.808594 0.148438 C 12.996094 -0.0390625 13.304688 -0.0390625 13.492188 0.148438 L 13.855469 0.511719 C 14.042969 0.699219 14.042969 1.007812 13.855469 1.195312 Z M 4.992188 4.992188 C 6.035156 3.953125 6.035156 2.261719 4.992188 1.226562 C 3.953125 0.1875 2.261719 0.1875 1.222656 1.226562 C 0.183594 2.261719 0.183594 3.953125 1.222656 4.992188 C 1.742188 5.511719 2.425781 5.769531 3.109375 5.769531 C 3.789062 5.769531 4.472656 5.511719 4.992188 4.992188 Z M 1.929688 4.285156 C 1.28125 3.636719 1.28125 2.582031 1.929688 1.933594 C 2.578125 1.285156 3.636719 1.285156 4.285156 1.933594 C 4.933594 2.582031 4.933594 3.636719 4.285156 4.285156 C 3.636719 4.933594 2.578125 4.933594 1.929688 4.285156 Z M 12.433594 12.421875 C 13.472656 11.382812 13.472656 9.691406 12.433594 8.65625 C 11.394531 7.617188 9.703125 7.617188 8.660156 8.65625 C 7.621094 9.691406 7.621094 11.382812 8.660156 12.421875 C 9.183594 12.941406 9.863281 13.199219 10.546875 13.199219 C 11.230469 13.199219 11.914062 12.941406 12.433594 12.421875 Z M 11.726562 9.363281 C 12.375 10.011719 12.375 11.066406 11.726562 11.714844 C 11.074219 12.363281 10.019531 12.363281 9.371094 11.714844 C 8.722656 11.066406 8.722656 10.011719 9.371094 9.363281 C 9.695312 9.039062 10.121094 8.875 10.546875 8.875 C 10.972656 8.875 11.402344 9.039062 11.726562 9.363281 Z M 11.726562 9.363281 '/></g></svg>");
    width: 46px !important;
    height: 46px !important;
}

.form-check-input.form-check-percent[type=checkbox] {
    width: 46px !important;
    height: 46px !important;
}

/* --- $ image input placeholder --- */
.image-input-placeholder {
    background-image: url('/assets/media/svg/files/blank-image.svg');
}

[data-bs-theme="dark"] .image-input-placeholder {
    background-image: url('/assets/media/svg/files/blank-image-dark.svg');
}

/* --- $ image handling --- */
.image-local.grayscale {
    filter: grayscale(100%);
    opacity: 0.7;
}

.image-not-found {
    padding: 0px 6px 4px 6px;
    filter: none !important;
}
/* --- $ input arrow --- */

input.arrow-none::-webkit-outer-spin-button,
input.arrow-none::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.arrow-none[type=number] {
    -moz-appearance: textfield;
}
/* --- $ alert --- */
#alert {
    content: '  ';
    right: 40px;
    bottom: 30px;
    z-index: 2000;
    position: fixed;
}

    #alert > .alert {
        min-height: 50px;
    }

/* --- $ badge --- */
/* State 1 تا 12 - رنگ‌های جدید و زیبا */

.badge.state1 {
    background-color: #6B4E9EAA; /* بنفش عمیق نرم */
    color: #F8F4FF;
}

.badge.state2 {
    background-color: #9C5B9EAA; /* بنفش صورتی */
    color: #FFF0FA;
}

.badge.state3 {
    background-color: #D05A8BAA; /* صورتی-قرمز نرم */
    color: #FFF4F8;
}

.badge.state4 {
    background-color: #E36A5CAA; /* مرجانی گرم */
    color: #FFF8F5;
}

.badge.state5 {
    background-color: #E38F3BAA; /* نارنجی-هلویی */
    color: #FFF9F0;
}

.badge.state6 {
    background-color: #E8B23BAA; /* زرد کهربایی نرم */
    color: #2C2C2C;
}

.badge.state7 {
    background-color: #9E7E3BAA; /* قهوه‌ای طلایی */
    color: #FFF9EB;
}

.badge.state8 {
    background-color: #4A8BB3AA; /* آبی آسمانی */
    color: #F0F8FF;
}

.badge.state9 {
    background-color: #3A7EB8AA; /* آبی متوسط */
    color: #F0F8FF;
}

.badge.state10 {
    background-color: #5E7AC3AA; /* نیلی-آبی */
    color: #F5F8FF;
}

.badge.state11 {
    background-color: #6E5AC3AA; /* بنفش-آبی */
    color: #F8F4FF;
}

.badge.state12 {
    background-color: #9B5BC3AA; /* بنفش روشن */
    color: #FAF0FF;
}
/* ادامه از state12 — رنگ‌های 13 تا 50 */

.badge.state13 {
    background-color: #7C4DFFAA; /* بنفش روشن */
    color: #F8F5FF;
}

.badge.state14 {
    background-color: #5E35B1AA; /* بنفش عمیق */
    color: #F0EBFF;
}

.badge.state15 {
    background-color: #3949ABAA; /* آبی نیلی */
    color: #EEF1FF;
}

.badge.state16 {
    background-color: #1976D2AA; /* آبی روشن */
    color: #F0F8FF;
}

.badge.state17 {
    background-color: #0288D1AA; /* آبی آسمانی */
    color: #E6F7FF;
}

.badge.state18 {
    background-color: #00ACC1AA; /* فیروزه‌ای */
    color: #E0F8F9;
}

.badge.state19 {
    background-color: #00897BAA; /* teal نرم */
    color: #E0F2F1;
}

.badge.state20 {
    background-color: #2E7D32AA; /* سبز جنگلی ملایم */
    color: #EDF8EE;
}

.badge.state21 {
    background-color: #689F38AA; /* سبز لیمویی */
    color: #F4F9EF;
}

.badge.state22 {
    background-color: #F57C00AA; /* نارنجی گرم */
    color: #FFF8E6;
}

.badge.state23 {
    background-color: #FB8C00AA; /* پرتقالی روشن */
    color: #FFF4E6;
}

.badge.state24 {
    background-color: #FF9800AA; /* نارنجی کلاسیک نرم */
    color: #FFF9EB;
}

.badge.state25 {
    background-color: #FFAB40AA; /* زرد-نارنجی */
    color: #2C2C2C;
}

.badge.state26 {
    background-color: #FFCA28AA; /* زرد طلایی نرم */
    color: #2C2C2C;
}

.badge.state27 {
    background-color: #FF7043AA; /* مرجانی گرم */
    color: #FFF4F0;
}

.badge.state28 {
    background-color: #F06292AA; /* صورتی روشن */
    color: #FFF0F5;
}

.badge.state29 {
    background-color: #EC407AAA; /* صورتی-قرمز */
    color: #FFEEF4;
}

.badge.state30 {
    background-color: #AB47BCAA; /* بنفش صورتی */
    color: #FAF0FF;
}

.badge.state31 {
    background-color: #8E24AAAA; /* بنفش تیره‌تر */
    color: #F8F0FF;
}

.badge.state32 {
    background-color: #5C6BC0AA; /* آبی-بنفش */
    color: #F0F2FF;
}

.badge.state33 {
    background-color: #42A5F5AA; /* آبی روشن‌تر */
    color: #E6F4FF;
}

.badge.state34 {
    background-color: #29B6F6AA; /* آبی آسمانی روشن */
    color: #E0F7FF;
}

.badge.state35 {
    background-color: #26C6DAAA; /* فیروزه‌ای قوی */
    color: #E0F8F9;
}

.badge.state36 {
    background-color: #26A69AAA; /* teal متوسط */
    color: #E0F2F1;
}

.badge.state37 {
    background-color: #66BB6AAA; /* سبز نرم */
    color: #F0FAF0;
}

.badge.state38 {
    background-color: #9CCC65AA; /* سبز روشن */
    color: #F4FAEF;
}

.badge.state39 {
    background-color: #D4E157AA; /* لیمویی-زرد */
    color: #2C2C2C;
}

.badge.state40 {
    background-color: #FFEE58AA; /* زرد روشن */
    color: #2C2C2C;
}

.badge.state41 {
    background-color: #FFCC80AA; /* هلویی روشن */
    color: #2C2C2C;
}

.badge.state42 {
    background-color: #FFAB91AA; /* مرجانی ملایم */
    color: #FFF4F0;
}

.badge.state43 {
    background-color: #BCAAA4AA; /* قهوه‌ای صورتی نرم */
    color: #F8F4F2;
}

.badge.state44 {
    background-color: #A1887FAA; /* قهوه‌ای گرم */
    color: #F8F4F0;
}

.badge.state45 {
    background-color: #8D6E63AA; /* قهوه‌ای شکلاتی */
    color: #FFF8F0;
}

.badge.state46 {
    background-color: #78909CAA; /* آبی خاکستری */
    color: #F0F4F8;
}

.badge.state47 {
    background-color: #546E7AAA; /* slate آبی */
    color: #F0F4F8;
}

.badge.state48 {
    background-color: #455A64AA; /* خاکستری-آبی تیره‌تر */
    color: #F5F8FA;
}

.badge.state49 {
    background-color: #607D8BAA; /* آبی خاکستری متوسط */
    color: #F0F5F9;
}

.badge.state50 {
    background-color: #90A4AEAA; /* خاکستری نقره‌ای نرم */
    color: #2C2C2C;
}
.text-url {
    max-width: 300px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}