.text-danger-label-size {
    color: var(--tw-danger);
    font-size: 0.8125rem;
}

.text-success {
    font-size: 0.8125rem;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.hidden-after-5s {
    animation: fadeOut 0.5s ease-in-out 5s forwards;
}


.success-message, .danger-message {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    padding: 10px;
    border-radius: 5px;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
    animation: fadeOut 5s forwards;
}

.success-message {
    background-color: var(--tw-success);
}

.danger-message {
    background-color: var(--tw-danger);
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@media screen and (max-width: 600px) {
    .success-message, .danger-message {
        padding: 10px;
    }
}

td > a.link {
    color: var(--tw-primary) !important;
    text-decoration: underline !important;
}

#calendar {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.badge-dark {
    color: #fff;
    background-color: var(--tw-dark);
}

.btn-info {
    color: #fff;
    background-color: var(--tw-info);
}

.btn-warning {
    color: #fff;
    background-color: var(--tw-warning);
}

.text-white {
    color: white !important;
}

    .text-white:hover {
        color: black !important;
    }

.text-male {
    color: deepskyblue;
    font-size: 20px !important;
    vertical-align: middle !important;
}

.text-female {
    color: hotpink;
    font-size: 20px !important;
    vertical-align: middle !important;
}

.bg-dark {
    background-color: var(--tw-dark);
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.hero-bg {
    background-image: url('/theme/media/images/2600x1200/bg-3.png');
}

.dark .hero-bg {
    background-image: url('/theme/media/images/2600x1200/bg-3-dark.png');
}

.w-\[80px\] {
    width: 80px;
}

.h-\[80px\] {
    height: 80px;
}

.w-\[90px\] {
    width: 90px;
}

.h-\[90px\] {
    height: 90px;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.print-mode {
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.fc-event-title {
    white-space: normal !important;
    line-height: 15px !important;
    padding: 5px !important;
}

.fc-daygrid-event-dot {
    display: none !important;
}

.fc-event-time {
    display: none !important;
}

.card-body-calendar {
    height: auto;
    overflow: visible;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

#document-list > ul {
    color: var(--tw-gray-900);
    font-weight: 400;
    font-size: 0.8125rem;
    list-style: circle;
    padding-left: 20px;
}

.ml-5 {
    margin-left: 5px;
}

.menu-default .menu-item > .btn-primary:hover {
    background-color: var(--tw-primary-active);
    box-shadow: var(--tw-primary-box-shadow);
}

.menu-default .menu-item > .btn-light:hover {
    border-color: var(--tw-gray-300);
    background-color: var(--tw-light-active);
    box-shadow: var(--tw-default-box-shadow);
    color: var(--tw-gray-800);
}

.table .thead-dark th {
    background-color: var(--tw-dark-light);
    font-size: 0.875rem;
    text-transform: uppercase;
}

.table td,
.table th {
    padding: 5px 10px 5px 10px !important;
    vertical-align: top;
    font-size: 13px;
    max-width: 180px;
}

.table th {
    position: relative;
}

    .table th > span.sort {
        position: relative;
        width: 100%;
        vertical-align: middle;
    }

        .table th > span.sort > .sort-icon {
            
        }

    .table th:not(:has(span.sort>span.sort-label)) .sort-icon {
        text-align: center;
        width: 14px;
        margin-left: auto;
        margin-right: auto;
    }

    .table td:has(a.btn-icon) {
        padding: 3px !important;
    }

    .table td:has(span.badge) {
        white-space: nowrap !important;
    }

.badge {
    padding: 5px !important;
}

.w-\[0px\] {
    width: 0px;
}

table th {
    font-weight: 600 !important;
}

.sort {
    gap: 0 !important;
}

.w-\[350px\] {
    max-width: 350px !important;
    width: 350px;
}

.w-\[180px\] {
    max-width: 180px !important;
    width: 180px;
}

.font-size\[14px\] {
    font-size: 14px;
}

.w-\[300px\] {
    max-width: 300px !important;
    width: 300px;
}

.w-\[400px\] {
    max-width: 400px !important;
    width: 400px;
}

.w-\[420px\] {
    max-width: 420px !important;
    width: 420px;
}

.w-\[550px\] {
    max-width: 550px !important;
    width: 550px;
}

table.table tbody tr {
    transition: background-color 0.3s ease;
}

    table.table tbody tr:hover {
        background-color: var(--tw-primary-light);
    }

.ki-text-bold {
    font-weight: bold;
}

.font-size\[20px\] {
    font-size: 20px !important;
}

td.nowrap {
    white-space: nowrap !important;
    width: 1px;
}

th.nowrap {
    white-space: nowrap !important;
    width: 1px;
}

.w-\[370px\] {
    width: 370px;
    max-width: 370px;
}

embed.preview-pdf {
    width: 100%;
    height: 1200px;
}

.tabs {
    gap: 0.75rem;
}

.tab {
    gap: 0.25rem;
}

ul.sortable {
    list-style: none;
    padding-left: 0;
}

ul.sortable li {
    padding: 8px;
    margin: 8px 0;
    background-color: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    cursor: grab;
    min-height: 50px;
    vertical-align: middle;
}

    ul.sortable li.menu-not-visible {
        background-color: var(--tw-gray-200);
        color: var(--tw-gray-400);
        border: 1px solid var(--tw-gray-300);
    }

    ul.sortable li.menu-not-visible a {
        color: var(--tw-gray-400);
    }

        ul.sortable li.menu-not-visible li {
            background-color: var(--tw-gray-200);
        }

    ul.sortable li ul {
        margin-top: 8px;
        margin-left: 20px;
        padding-left: 0;
    }

.m-2 {
    margin: 0.5rem;
}

.p-2 {
    padding: 0.5rem;
}

.input-xs {
    font-weight: 500;
    font-size: 13px;
    height: 1.25rem;
    min-width: 80px;
}

.\!input:not(input).input-xs i {
    font-size: 1.25rem !important;
}

.input:not(input).input-xs i {
    font-size: 1.25rem;
}

input[readonly] {
    background-color: #f0f0f0;
    color: grey;
    cursor: not-allowed;
}

.btn-tabs > .btn-primary {
    color: #fff !important;
}

    .btn-tabs > .btn-primary:hover {
        color: var(--tw-gray-700) !important;
    }

.card-header-with-btn {
    padding-right: 10px !important;
}

    .card-header-with-btn .menu-item {
        margin-left: 5px !important;
    }