/* outer spacing */
.-margin-right-11, .-mt-11 {
    margin-right: -11px;
}

.no-margin, .margin-0, .m-0 {
    margin: 0;
}
.margin-top-auto, .mt-auto {
    margin-top: auto;
}
.mt-0 {
    margin-top: 0;
}
.\!mt-0 {
    margin-top: 0 !important;
}
.margin-top-1, .mt-1 {
    margin-top: 1px;
}
.margin-top-5, .mt-5 {
    margin-top: 5px;
}
.margin-top-8, .mt-8 {
    margin-top: 8px;
}
.margin-top-10, .mt-10 {
    margin-top: 10px;
}
.margin-top-15, .mt-15 {
    margin-top: 15px;
}
.margin-top-20, .mt-20 {
    margin-top: 20px;
}
.margin-top-50, .mt-50 {
    margin-top: 50px;
}
.-margin-top-20, .-mt-20 {
    margin-top: -20px;
}
.\!-margin-top-20, .\!-mt-20 {
    margin-top: -20px !important;
}
.margin-top-25, .mt-25 {
    margin-top: 25px;
}
.margin-top-30, .mt-30 {
    margin-top: 30px;
}
.-margin-top-30, .-mt-30 {
    margin-top: -30px;
}
.-margin-top-50, .-mt-50 {
    margin-top: -50px;
}
.-margin-top-250, .-mt-250 {
    margin-top: -250px;
}
.margin-top-40, .mt-40 {
    margin-top: 40px;
}
.margin-top-50, .mt-50 {
    margin-top: 50px;
}
.margin-top-60, .mt-60 {
    margin-top: 60px;
}
.margin-top-70, .mt-70 {
    margin-top: 60px;
}
.margin-right-0, .mr-0 {
    margin-right: 0;
}
.margin-right-1, .mr-1 {
    margin-right: 1px;
}
.margin-right-5, .mr-5 {
    margin-right: 5px;
}
.margin-right-10, .mr-10 {
    margin-right: 10px;
}
.margin-right-15, .mr-15 {
    margin-right: 15px;
}
.-margin-right-25, .-mr-25 {
    margin-right: -25px;
}
.margin-right-35, .mr-35 {
    margin-right: 35px;
}
.margin-right-45, .mr-45 {
     margin-right: 45px;
 }
.margin-bottom-8, .mb-8 {
    margin-bottom: 8px;
}
.margin-bottom-25, .mb-25 {
    margin-bottom: 25px;
}
.margin-bottom-30, .mb-30 {
    margin-bottom: 30px;
}
.margin-bottom-40, .mb-40 {
    margin-bottom: 40px;
}
.margin-bottom-45, .mb-45 {
    margin-bottom: 45px;
}
.margin-bottom-15, .mb-15 {
    margin-bottom: 15px;
}
.margin-bottom-12, .mb-12 {
    margin-bottom: 12px;
}
.margin-bottom-10, .mb-10 {
    margin-bottom: 10px;
}
.margin-bottom-20, .mb-20 {
    margin-bottom: 20px;
}
.margin-bottom-5, .mb-5 {
    margin-bottom: 5px;
}
.margin-bottom-2, .mb-2 {
    margin-bottom: 2px;
}
.margin-bottom-3, .mb-3 {
    margin-bottom: 3px;
}
.margin-bottom-0, .mb-0 {
    margin-bottom: 0;
}
.-ml-10 {
    margin-left: -10px;
}
.-ml-20 {
    margin-left: -20px;
}
.margin-left-0, .ml-0 {
    margin-left: 0;
}
.margin-left-4, .ml-4 {
    margin-left: 4px;
}
.margin-left-5, .ml-5 {
    margin-left: 5px;
}
.margin-left-6, .ml-6 {
    margin-left: 6px;
}
.margin-left-10, .ml-10 {
    margin-left: 10px;
}
.margin-left-15, .ml-15 {
    margin-left: 15px;
}
.margin-left-20, .ml-20 {
    margin-left: 20px;
}
.margin-left-25, .ml-25 {
    margin-left: 25px;
}
.margin-left-30, .ml-30 {
    margin-left: 30px;
}
.margin-left-35, .ml-35 {
    margin-left: 35px;
}
.margin-left-auto, .ml-auto {
    margin-left: auto;
}
.margin-x-auto, .mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.margin-x-10, .mx-10 {
    margin-left: 10px;
    margin-right: 10px;
}
.margin-x-15, .mx-15 {
    margin-left: 15px;
    margin-right: 15px;
}
.-margin-x-15, .-mx-15 {
    margin-left: -15px;
    margin-right: -15px;
}
.margin-y-0, .my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.margin-y-5, .my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}
.margin-y-10, .my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.margin-x-30, .mx-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.gap-3 {
    gap: 3px;
}
.gap-5 {
    gap: 5px;
}
.gap-10 {
    gap: 10px;
}
.gap-15 {
    gap: 15px;
}
.gap-20 {
    gap: 20px;
}
.gap-30 {
    gap: 30px;
}
.gap-40 {
    gap: 40px;
}
.gap-x-25 {
    column-gap: 25px;
}
.gap-y-10 {
    row-gap: 10px;
}

/* inner spacing */
.padding-0, .p-0 {
    padding: 0;
}
.\!padding-0, .\!p-0 {
    padding: 0 !important;
}
.padding-5, .p-5 {
    padding: 5px;
}
.padding-8, .p-8 {
    padding: 8px;
}
.padding-10, .p-10 {
    padding: 10px;
}
.padding-15, .p-15 {
    padding: 15px;
}
.padding-20, .p-20 {
    padding: 20px;
}
.padding-28, .p-28 {
    padding: 28px;
}
.padding-30, .p-30 {
    padding: 30px;
}
.\!padding-30, .\!p-30 {
    padding: 30px !important;
}
.padding-y-0, .py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.\!padding-y-0, .\!py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.padding-y-2, .py-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}
.padding-y-3, .py-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}
.padding-y-5, .py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.padding-y-6, .py-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}
.padding-y-8, .py-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}
.padding-y-10, .py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.padding-y-12, .py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
}
.padding-y-15, .py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.padding-y-20, .py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.padding-y-30, .py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.padding-y-10, .py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}
.padding-x-0, .px-0 {
    padding-left: 0;
    padding-right: 0;
}
.\!padding-x-0, .\!px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.padding-x-5, .px-5 {
    padding-left: 5px;
    padding-right: 5px;
}
.padding-x-8, .px-8 {
    padding-left: 8px;
    padding-right: 8px;
}
.padding-x-10, .px-10 {
    padding-left: 10px;
    padding-right: 10px;
}
.padding-x-15, .px-15 {
    padding-left: 15px;
    padding-right: 15px;
}
.padding-x-20, .px-20 {
    padding-left: 20px;
    padding-right: 20px;
}
.padding-x-30, .px-30 {
    padding-left: 30px;
    padding-right: 30px;
}
.\!padding-30, .\!px-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.padding-left-0, .pl-0 {
    padding-left: 0;
}
.padding-left-2, .pl-2 {
     padding-left: 2px;
 }
.padding-left-5, .pl-5 {
    padding-left: 5px;
}
.padding-left-7, .pl-7 {
    padding-left: 7px;
}
.padding-left-10, .pl-10 {
    padding-left: 10px;
}
.padding-left-15, .pl-15 {
    padding-left: 15px;
}
.padding-left-20, .pl-20 {
    padding-left: 20px;
}
.\!padding-left-20, .\!pl-20 {
    padding-left: 20px !important;
}
.padding-left-25, .pl-25 {
    padding-left: 25px;
}
.\!padding-left-25, .\!pl-25 {
    padding-left: 25px !important;
}
.padding-left-28, .pl-28 {
    padding-left: 28px;
}
.padding-left-30, .pl-30 {
    padding-left: 30px;
}
.\!padding-left-30, .\!pl-30 {
    padding-left: 30px !important;
}
.padding-left-40, .pl-40 {
    padding-left: 40px;
}
.padding-left-45, .pl-45 {
    padding-left: 45px;
}
.padding-right-0, .pr-0 {
    padding-right: 0;
}
.padding-right-2, .pr-2 {
    padding-right: 2px;
}
.padding-right-5, .pr-5 {
    padding-right: 5px;
}
.padding-right-5, .pr-5 {
    padding-right: 5px;
}
.padding-right-10, .pr-10 {
    padding-right: 10px;
}
.padding-right-15, .pr-15 {
    padding-right: 15px;
}
.padding-right-20, .pr-20 {
    padding-right: 20px;
}
.padding-right-25, .pr-25 {
    padding-right: 25px;
}
.padding-right-30, .pr-30 {
    padding-right: 30px;
}
.padding-right-50, .pr-50 {
    padding-right: 50px;
}
.\!padding-bottom-0, .\!pb-0 {
    padding-bottom: 0 !important;
}
.padding-bottom-0, .pb-0 {
    padding-bottom: 0;
}
.padding-bottom-2, .pb-2 {
    padding-bottom: 2px;
}
.padding-bottom-5, .pb-5 {
    padding-bottom: 5px;
}
.padding-bottom-10, .pb-10 {
    padding-bottom: 10px;
}
.padding-bottom-15, .pb-15 {
    padding-bottom: 15px;
}
.padding-bottom-20, .pb-20 {
    padding-bottom: 20px;
}
.\!padding-bottom-20, .\!pb-20 {
    padding-bottom: 20px !important;
}
.padding-bottom-25, .pb-25 {
    padding-bottom: 25px;
}
.padding-bottom-40, .pb-40 {
    padding-bottom: 40px;
}
.\!padding-bottom-40, .\!pb-40 {
    padding-bottom: 40px !important;
}
.\!padding-top-0, .\!pt-0 {
    padding-top: 0 !important;
}
.padding-top-0, .pt-0 {
    padding-top: 0;
}
.padding-top-2, .pt-2 {
    padding-top: 2px;
}
.padding-top-3, .pt-3 {
    padding-top: 3px;
}
.padding-top-4, .pt-4 {
    padding-top: 4px;
}
.padding-top-5, .pt-5 {
    padding-top: 5px;
}
.\!padding-top-5, .\!pt-5 {
    padding-top: 5px !important;
}
.padding-top-8, .pt-8 {
    padding-top: 8px;
}
.padding-top-10, .pt-10 {
    padding-top: 10px;
}
.\!padding-top-10, .\!pt-10 {
    padding-top: 10px !important;
}
.padding-top-15, .pt-15 {
    padding-top: 15px;
}
.\!padding-top-15, .\!pt-15 {
    padding-top: 15px !important;
}
.padding-top-20, .pt-20 {
    padding-top: 20px;
}
.\!padding-top-20, .\!pt-20 {
    padding-top: 20px !important;
}
.padding-top-25, .pt-25 {
    padding-top: 25px;
}
.padding-top-40, .pt-40 {
    padding-top: 40px;
}

/* colors */
.black {
    color: black;
}
.white,
.focus\:white:focus,
.active\:white:active,
.hover\:white:hover,
.placeholder\:white::placeholder{
    color: white;
}
.transparent,
.placeholder\:transparent:focus::placeholder{
    color: transparent;
}

.bg-transparent {
    background: transparent;
}
.bg-db-cyan-custom {
    background-color: #97c2d4;
}
.bg-gradient-y-db-gray {
    background: linear-gradient(180deg, transparent 0%, #F0F3F5 100%);
}
.bg-none {
    background: none;
}
.\!bg-none {
    background: none !important;
}
.text-db-black {
    color: #333333;
}
.\!text-db-black {
    color: #333333 !important;
}
.text-db-red-100 {
    color: #F75056;
}
.hover\:text-db-red-100:hover {
    color: #F75056;
}
.\!text-db-red-100 {
    color: #F75056 !important;
}

.text-db-black,
.focus\:text-db-black:focus,
.active\:text-db-black:active,
.hover\:text-db-black:hover {
    color: #333333;
}

.\!text-db-black,
.\!focus\:text-db-black:focus,
.\!active\:text-db-black:active,
.\!hover\:text-db-black:hover {
    color: #333333 !important;
}

.text-db-black-light,
.focus\:text-db-black-light:focus,
.active\:text-db-black-light:active,
.hover\:text-db-black-light:hover {
    color: #565656;
}

.text-db-red-100,
.hover\:text-db-red-100:hover {
    color: #F75056;
}

.text-db-red-200,
.hover\:text-db-red-200:hover {
    color: #EC0016;
}

.text-db-error {
    color: #C50014;
}

.text-gray-100 {
    color: #F0F3F5;
}

.text-gray-400,
.viewed\:text-gray-400,
.viewed\:text-gray-400 td a:not(:hover),
.placeholder\:text-gray-400::placeholder {
    color: #8D919B;
}
.text-burgundy-new {
    color: #D7A1AD;
}
.text-tacao-300 {
    color: #E9B57E;
}
.bg-white {
    background-color: #ffffff;
}

.bg-transparent {
    background-color: transparent;
}

.bg-db-gray-100,
.hover\:bg-db-gray-100:hover {
    background-color: #F0F3F5;
}

.\!bg-db-gray-100 {
    background-color: #F0F3F5 !important;
}
.bg-db-gray-200,
.selected\:bg-db-gray-200:has(input:checked),
.hover\:bg-db-gray-200:hover,
.hover\:bg-db-gray-200.hover\:next-row:hover + tr,
tr:has(+ .hover\:bg-db-gray-200.hover\:previous-row:hover),
body:has(.root\:bg-db-gray-200) {
    background-color: #D7DCE1;
}
.bg-db-gray-200\/60 {
    background-color: #D7DCE199;
}
.bg-db-gray-400,
.hover\:bg-db-gray-400:hover,
.disabled\:bg-db-gray-400:disabled {
    background-color: #8D919B;
}
.\!bg-db-gray-400,
.\!disabled\:bg-db-gray-400:disabled {
    background-color: #8D919B !important;
}
.bg-db-cyan-100 {
    background-color: #E0EDF3;
}
.bg-db-cyan-300 {
    background-color: #97C2D4;
}
.bg-db-burgundy-100\/60 {
    background-color: rgba(215, 161, 173, 0.6);
}
.bg-db-burgundy-300 {
    background-color: #D7A1AD;
}
.bg-db-lighter-red {
    background-color: #F75056;
}
.bg-db-burgundy-new {
    background-color: #D7A1AD;
}
.bg-db-burgundy-new\/60 {
    background-color: #D7A1AD99;
}
.bg-db-burgundy-new\/30 {
    background-color: #D7A1AD4D;
}
.bg-db-black {
    background-color: #333333;
}
.bg-db-black-light,
.hover\:bg-db-black-light:hover,
.disabled\:bg-db-black-light:disabled,
.focus\:bg-db-black-light:focus
{
    background-color: #565656;
}
.bg-db-tacao-300 {
    background-color: #E9B57E;
}
.bg-db-tacao-200 {
    background-color: #EFD4AA;
}
.bg-db-tacao-100 {
    background-color: #FAEBD2;
}

/* use border-width to allow resetting all border but still allow to override it for another side */
.border-0 {
    border-width: 0;
}
.border-y-db-gray-200 {
    border-top: 1px solid #D7DCE1;
    border-bottom: 1px solid #D7DCE1;
}
.border-t-db-gray-200 {
    border-top: 1px solid #D7DCE1;
}
.border-l-db-gray-200 {
    border-left: 1px solid #D7DCE1;
}
.border-r-db-gray-200 {
    border-right: 1px solid #D7DCE1;
}
.border-db-gray-400 {
    border: 1px solid #8D919B;
}
.border-l-db-cyan-300 {
    border-left: 3px solid #C9DFE9;
    padding-left: 10px;
}
.border-b-db-gray-100 {
    border-bottom: 1px solid #F0F3F5;
}
.border-b-db-gray-200 {
    border-bottom: 1px solid #D7DCE1;
}
.border-b-db-gray-400 {
    border-bottom: 1px solid #8D919B;
}
.border-b-3-white {
    border-bottom: 3px solid #ffffff;
}
.border-db-black {
    border: 1px solid #333333;
}
.\!border-db-black {
    border: 1px solid #333333 !important;
}
.hover\:border-db-black:hover {
    border: 1px solid #333333;
}
.hover\:border-b-db-black:hover {
    border-bottom: 1px solid #333333;
}
.focus\:border-b-db-black:focus {
    border-bottom: 1px solid #333333;
}
.border-db-black-light,
.hover\:border-db-black-light:hover {
    border: 1px solid #565656;
}
.border-b-white {
    border-bottom: 1px solid #ffffff;
}
.border-b-black {
    border-bottom: 1px solid #000;
}
.border-b-db-black,
.focus\:border-b-db-black:focus {
    border-bottom: 1px solid #333333
}
.border-r-10-white {
    border-right: 10px solid #ffffff;
}
.border-t-none, tr.border-t-none > td {
    border-top: none !important;
}
.border-r-3-white {
    border-right: 3px solid #ffffff;
}
.border-l-2-white {
    border-left: 2px solid #ffffff;
}
.border-transparent {
    border: 1px solid transparent;
}
.rounded-0 {
    border-radius: 0;
}
.\!rounded-0 {
    border-radius: 0 !important;
}
.rounded-2 {
    border-radius: 2px;
}
.rounded-3 {
    border-radius: 3px;
}
.rounded-4 {
    border-radius: 4px;
}
.rounded-full {
    border-radius: 9999px;
}
.border-none {
    border-style: none;
}
.border-t-10 {
    border-top: 10px solid;
}
.border-db-cyan-300 {
    border-color: #97C2D4;
}
.fill-db-black {
    fill: #333333;
}
.fill-db-white {
    fill: #F0F3F5;
}
.hover\:fill-db-gray-400:hover {
    fill: #8D919B;
}

/*outline styling*/
.outline-none,
.focus\:outline-none:focus,
.focus-visible\:outline-none:focus-visible {
    outline: none;
}

/* font styling */
.text-xxs {
    font-size: 9px;
}
.text-xs {
    font-size: 10px;
}
.text-sm,
.table-th-text-sm th {
    font-size: 11px;
}
.\!text-sm {
    font-size: 11px !important;
}
.text-md {
    font-size: 14px;
}
.text-8 {
    font-size: 8px;
}
.text-9 {
    font-size: 9px;
}
.text-10 {
    font-size: 10px;
}
.text-11{
    font-size: 11px;
}
.text-12 {
    font-size: 12px;
}
.text-13 {
    font-size: 13px;
}
.text-14 {
    font-size: 14px;
}
.text-24 {
    font-size: 24px;
}
.text-16 {
    font-size: 16px;
}
.text-35 {
    font-size: 35px;
}
.text-lg {
    font-size: 18px !important;
}
.italic {
    font-style: italic;
}
.font-weight-300 {
    font-weight: 300;
}
.font-weight-400 {
    font-weight: 400;
}
.font-weight-700, .bold {
    font-weight: 700;
}
.\!font-weight-700 {
    font-weight: 700 !important;
}
.font-weight-400, .font-normal {
    font-weight: 400;
}
.font-db-sans {
    font-family: "DB Sans", "Open Sans", sans-serif;
}
.font-db-head {
    font-family: "DB Head", "Open Sans", sans-serif;
}
.font-normal {
    font-style: normal;
}
.underline,
.hover\:underline:hover {
    text-decoration: underline;
}
.\!underline,
.\!underline:hover {
    text-decoration: underline !important;
}
.line-through {
    text-decoration-line: line-through;
}
.no-decoration,
.hover\:no-decoration:hover {
    text-decoration: none !important;
}
.select-none {
    user-select: none;
}
.hyphens-auto {
    hyphens: auto;
}
.leading-none {
    line-height: 1;
}
.leading-22 {
    line-height: 22px;
}

.no-border-radius {
    border-radius: 0;
}

/* element display */
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.flex {
    display: flex;
    flex-direction: row;
}
.flex-col {
    display: flex;
    flex-direction: column;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.inline-flex {
    display: inline-flex;
}
.u-grid {
    display: grid;
}
.table-cell {
    display: table-cell;
}
.auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
}
.hidden {
    display: none;
}
.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.break-words {
    overflow-wrap: anywhere;
}
.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
}
.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-y-auto {
    overflow-y: auto;
}
.table-fixed {
    table-layout: fixed;
}
.border-separate {
    border-collapse: separate;
}
.float-right {
    float: right;
}

/* element positioning */
.absolute {
    position: absolute;
}
.fixed {
    position: fixed;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.top-30 {
    top: 30px;
}
.top-14 {
    top: 14px;
}
.top-0 {
    top: 0;
}
.top-2 {
    top: 2px;
}
.top-55 {
    top: 55px;
}
.top-20 {
    top: 20px;
}
.top-negative-3 {
    top: -3px;
}

.right-0 {
    right: 0;
}
.right-10 {
    right: 10px;
}
.right-12 {
    right: 12px;
}
.right-15 {
    right: 15px;
}
.left-0 {
    left: 0;
}
.inset-0 {
    inset: 0;
}

.right-85\% {
    right: 85%;
}

/* sizing */
.max-w-130 {
    max-width: 130px;
}
.max-w-190 {
    max-width: 190px;
}
.max-w-230 {
    max-width: 230px;
}
.max-w-480 {
    max-width: 480px;
}
.max-w-640 {
    width: 100%;
    max-width: 640px;
}
.max-w-670 {
    width: 100%;
    max-width: 670px;
}
.max-w-700 {
    width: 100%;
    max-width: 700px;
}
.max-w-730 {
    width: 100%;
    max-width: 730px;
}
.min-w-20 {
    min-width: 20px;
}
.min-w-130{
    min-width: 130px;
}
.min-w-full {
    min-width: 100%;
}
.size-16 {
    width: 16px;
    height: 16px;
}
.w-full {
    width: 100%;
}
.w-inherit {
    width: inherit;
}
.w-fit {
    width: fit-content;
}
.w-16 {
    width: 16px;
}
.w-20 {
    width: 20px;
}
.w-35 {
    width: 35px;
}
.w-42 {
    width: 42px;
}
.w-48 {
    width: 48px;
}
.w-40 {
    width: 40px;
}
.w-45 {
    width: 45px;
}
.w-80 {
    width: 80px;
}
.w-90 {
    width: 90px;
}
.w-100 {
    width: 100px;
}
.w-130 {
    width: 130px;
}
.w-150 {
    width: 150px;
}
.w-170 {
    width: 170px;
}
.w-180 {
    width: 180px;
}
.w-240 {
    width: 240px;
}
.w-245 {
    width: 245px;
}
.w-350 {
    width: 350px;
}
.w-400 {
    width: 400px;
}
.w-445 {
    width: 445px;
}
.w-560 {
    width: 560px;
}
.w-840 {
    width: 840px;
}
.w-1300 {
    width: 1300px;
}
.w-1\/12 {
    width: 8.333333%;
}
.w-2\/12, .w-1\/6 {
    width: 16.666667%;
}
.w-3\/12, .w-1\/4 {
    width: 25%;
}
.w-4\/12, .w-1\/3 {
    width: 33.333333%;
}
.w-5\/12 {
    width: 41.666667%;
}
.w-6\/12, .w-1\/2 {
    width: 50%;
}
.w-7\/12 {
    width: 58.333333%;
}
.w-8\/12, .w-2\/3 {
    width: 66.666667%;
}
.w-9\/12, .w-3\/4 {
    width: 75%;
}
.w-10\/12, .w-5\/6 {
    width: 83.333333%;
}
.w-11\/12 {
    width: 91.666667%;
}
.w-1\/24 {
    width: 4.166667%;
}
.w-2\/24 {
    width: 8.333333%;
}
.w-3\/24 {
    width: 12.5%;
}
.w-4\/24 {
    width: 16.666667%;
}
.w-5\/24 {
    width: 20.833333%;
}
.w-6\/24 {
    width: 25%;
}
.w-7\/24 {
    width: 29.166667%;
}
.w-8\/24 {
    width: 33.333333%;
}
.w-9\/24 {
    width: 37.5%;
}
.w-10\/24 {
    width: 41.666667%;
}
.w-11\/24 {
    width: 45.833333%;
}
.w-12\/24 {
    width: 50%;
}
.w-13\/24 {
    width: 54.166667%;
}
.w-14\/24 {
    width: 58.333333%;
}
.w-15\/24 {
    width: 62.5%;
}
.w-16\/24 {
    width: 66.666667%;
}
.w-17\/24 {
    width: 70.833333%;
}
.w-18\/24 {
    width: 75%;
}
.w-19\/24 {
    width: 79.166667%;
}
.w-20\/24 {
    width: 83.333333%;
}
.w-21\/24 {
    width: 87.5%;
}
.w-22\/24 {
    width: 91.666667%;
}
.w-23\/24 {
    width: 95.833333%;
}
.w-24\/24 {
    width: 100%;
}
.w-screen {
    width: 100vw;
}
.h-20 {
    height: 20px;
}
.h-23 {
    height: 23px;
}
.h-25 {
    height: 25px;
}
.h-30 {
    height: 30px;
}
.h-35 {
    height: 35px;
}
.h-40 {
    height: 40px;
}
.h-45 {
    height: 45px;
}
.h-50 {
    height: 50px;
}
.h-55 {
    height: 55px;
}
.h-60 {
    height: 60px;
}
.h-65 {
    height: 65px;
}
.h-90 {
    height: 90px;
}
.h-100 {
    height: 100px;
}
.h-340 {
    height: 340px;
}
.min-h-180 {
    min-height: 180px;
}
.min-h-20{
    min-height: 20px;
}
.min-h-25 {
    min-height: 25px;
}
.min-h-40 {
    min-height: 40px;
}
.min-h-45 {
    min-height: 45px;
}
.min-h-60 {
    min-height: 60px;
}
.min-h-80 {
    min-height: 80px;
}
.min-h-600 {
    min-height: 600px;
}
.min-h-screen-1\/4 {
    min-height: 25vh;
}
.min-h-screen-1\/2 {
    min-height: 50vh;
}
.min-h-full {
    min-height: 100%;
}
.max-h-180 {
    max-height: 180px;
}
.max-h-225 {
    max-height: 225px;
}
.max-h-300 {
    max-height: 300px;
}
.max-h-400 {
    max-height: 400px;
}
.max-h-450 {
    max-height: 450px;
}
.max-h-600 {
    max-height: 600px;
}
.max-h-720 {
    max-height: 720px;
}
.h-full {
    height: 100%;
}
.\!h-auto {
    height: auto !important;
}

/* miscellaneous */
.cursor-default {
    cursor: default;
}
.cursor-pointer,
.hover\:cursor-pointer:hover {
    cursor: pointer;
}
.cursor-grab {
    cursor: grab;
}
.cursor-grabbing,
.active\:cursor-grabbing:active {
    cursor: grabbing;
}

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

.whitespace-nowrap {
    white-space: nowrap;
}
.box-content {
    box-sizing: content-box;
}

/* alignment */
.align-top {
    vertical-align: top;
}
.align-middle {
    vertical-align: middle;
}
.align-bottom {
    vertical-align: bottom;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.items-baseline {
    align-items: baseline;
}
.items-center {
    align-items: center;
}
.items-end {
    align-items: end;
}
.items-flex-end {
    align-items: flex-end;
}
.items-stretch {
    align-items: stretch;
}
.items-top {
    align-items: flex-start;
}
.self-end {
    align-self: flex-end;
}
.text-center {
    text-align: center;
}
.text-align-end {
    text-align: end;
}
.grow {
    flex-grow: 1;
}
.grow-0 {
    flex-grow: 0;
}
.shrink-0 {
    flex-shrink: 0;
}
.flex-wrap {
    flex-wrap: wrap;
}

/* shadows */
.shadow-db-sm {
    box-shadow: 0 0 4px 0 rgba(141, 145, 155, 0.3);
}

.shadow-none {
    box-shadow: none;
}

/* icons */
.icon-thin {
    font-weight: 200;
}

/* special utilities */
.children-visible > .hidden {
    display: block !important;
}
.hover\:children-visible:hover > .hidden {
    display: block !important;
}
.rotate-180 {
    transform: rotate(180deg);
}
.whitespace-nowrap {
    white-space: nowrap;
}

table.th\:pb-5 > thead > tr > th {
    padding-bottom: 5px;
}
table.td\:py-5 > tbody > tr > td {
    padding-top: 5px;
    padding-bottom: 5px;
}
table.th\:px-3 > thead > tr > th,
table.td\:px-3 > tbody > tr > td {
    padding-right: 3px;
    padding-left: 3px;
}
table.sticky-header thead {
    position: sticky;
    top: 4.5rem;
    z-index: 10;
}
table.sticky-header thead tr th {
    border-bottom: 1px solid #D7DCE1;
}
/* This utility assumes, that there is a thead and a colgroup before the first tbody */
table.counter-10th tbody:nth-child(10n+3) tr:first-child td:last-child {
    position: relative;
}
table.counter-10th tbody:nth-child(10n+3) tr:first-child td:last-child::after {
    content: counter(rownumber);
    position: absolute;
    top: 1rem;
    right: -4rem;
    color: #AFB4BB;
    font-size: 10px;
    font-weight: 700;
}
table.counter-10th tbody {
    counter-increment: rownumber;
}

/* Animation */
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-height {
    transition-property: height;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.duration-200 {
    transition-duration: 200ms;
}
.duration-300 {
    transition-duration: 300ms;
}
.delay-200 {
    transition-delay: 200ms;
}
.opacity-0 {
    opacity: 0;
}
.opacity-50 {
    opacity: .5;
}
.opacity-60 {
    opacity: .6;
}
.opacity-100 {
    opacity: 1;
}
.-translate-y-full {
    transform: translateY(-100%);
}
.translate-y-0 {
    transform: translateY(0);
}
.-translate-y-40 {
    transform :translateY(-40px);
}
.scan-animation {
    background: linear-gradient(180deg, #F0F3F5 0, #FFF 50%, #F0F3F5 100%);
    background-size: 100% 200%;
    animation: scan 2s ease infinite;
}
.scan-animation-bottom {
    background: linear-gradient(180deg, #F0F3F5 0, #F0F3F5 50%, #FFF 75%, #F0F3F5 100%);
    background-size: 100% 200%;
    animation: scan 2s ease infinite;
}
.scan-animation-bottom-reverse {
    background: linear-gradient(180deg, #FFF 0, #FFF 50%, #F0F3F5 75%, #FFF 100%);
    background-size: 100% 200%;
    animation: scan 2s ease infinite;
}

@keyframes scan {
    0% {background-position:50% 0}
    50% {background-position:50% 100%}
    100% {background-position:50% 0}
}

/* Z-Index*/
.z-5 {
    z-index: 5;
}
.z-100 {
    z-index: 100;
}
.z-101 {
    z-index: 101;
}
.z-200 {
    z-index: 200;
}
.z-1000 {
    z-index: 1000;
}
.z-1020 {
    z-index: 1020;
}
.z-1040 {
    z-index: 1040;
}

/* Grid */
.u-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.u-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.dashed-line-bottom {
    background-image: url('/assets/img/db_border_dashed.svg');
    background-repeat: no-repeat;
    background-position: bottom;
}

.bottom-5 {
    bottom: 5px;
}
.-bottom-5 {
    bottom: -5px;
}

.bottom-10 {
    bottom: 10px;
}

.\!top-0 {
    top: 0 !important;
}
.top-8\% {
    top: 8%;
}

.trbl-0 {
    top :0;
    right: 0;
    bottom: 0;
    left: 0;
}

.list-none {
    list-style-type: none;
}

.resize-none {
    resize: none;
}

/* Global override for x-cloak to work properly */
[x-cloak] { display: none !important; }
/* Hide all slotted nodes */
[slot] { display: none !important; }