html {
    font-family: system-ui
}

body {
    font-family: system-ui
}
/* --- $ 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');
}
/* --- $ 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 --- */

.badge.state0 {
    background-color: #C0392B;
}

.badge.state1 {
    background-color: #FF5733;
}

.badge.state2 {
    background-color: #238734;
}

.badge.state3 {
    background-color: #3f8571;
}

.badge.state4 {
    background-color: #8E44AD;
}

.badge.state5 {
    background-color: #ad8d0e;
}

.badge.state6 {
    background-color: #E67E22;
}

.badge.state7 {
    background-color: #3357FF;
}

.badge.state8 {
    background-color: #3498DB;
}

.badge.state9 {
    background-color: #9B59B6;
}

.badge.state10 {
    background-color: #1ABC9C;
}

.badge.state11 {
    background-color: #7c7c7c;
}

.badge.state12 {
    background-color: #d52000;
}

.text-url {
    max-width: 300px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}