@charset "UTF-8";

/* breadcrumb */
#nav-links ul li ul {
    display: none;
}
#nav-links ul li:hover ul {
    display: block;
}
.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    content: ">";
}


/* table header */
.sticky-head {
    position: sticky;
    top: 0;
}
th.sticky-head::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0px;
    width: 100%;
    height: 104%;
    border: 1px;
    border-color: rgb(209 213 219);
    border-style: solid;
    border-bottom-width: 2px;
}


/* input date custom */
.custom-date {
    width: 130px;
    position: relative;
}

.custom-date::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.custom-date::-webkit-clear-button {
    -webkit-appearance: none;
}

.custom-date::-webkit-reset-button {
    -webkit-appearance: none;
}

.custom-date::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}


/* Dashboard alert arrow */
.alert-arrow {
    position: relative;
    padding: 0 0 0 16px;
}
.alert-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left: 8px solid #F85050;
}




/*
.modal {
    transition: opacity 0.25s ease;
}

body.modal-active {
    overflow-x: hidden;
    overflow-y: visible !important;
}

input[readonly],
input[disabled] {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}

select.readonly,
select.disabled {
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
*/

/* input date custom */
/*
.custom-date {
    width: 130px;
    position: relative;
}

.custom-date::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.custom-date::-webkit-clear-button {
    -webkit-appearance: none;
}

.custom-date::-webkit-reset-button {
    -webkit-appearance: none;
}

.custom-date::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}
*/

/* custom Min-Height */
/*
.min-h-42 {
    min-height: 42px;
}
*/