@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.invalid {
    border-color: #dc3545; /* Red border */
}

.quickgrid-highlighted-row {
    background-color: #d2f3ef;
}

.valid-feedback {
    color: #28a745; /* Green text */
}

.invalid-feedback {
    color: #dc3545; /* Red text */
    display: block; 
    opacity: 0; 
    animation: fadeIn 1s ease-in-out forwards; /* Animation takes 2 seconds */
}

.feedback-box {
    color: #CC3931;
    border: 1.5px solid #CC3931;
    padding: 1rem;
    align-content: center;
    border-radius: 8px;
    animation: fadeIn 1s ease-in-out forwards;
    font-weight: 500;
}

.paginator nav {
    margin-left: 10px !important;
}

.paginator {
    margin: 0 !important;
    border-top: 0 !important;
}

.col-sort-desc .sort-indicator {
    background-image: url(../images/desc.png) !important;
    background-size: 24px !important;
    background-repeat: no-repeat;
}

.col-sort-asc .sort-indicator {
    background-image: url(../images/asc.png) !important;
    background-size: 24px !important;
    background-repeat: no-repeat;
}

[aria-sort="none"] .sort-indicator {
    background-image: url(../images/sort.png) !important;
    background-size: 24px !important;
    background-repeat: no-repeat;
}

.sort-indicator {
    width: 24px !important;
    height: 24px !important;
    opacity: 1 !important;
    transform: scaleY(1) !important;
}

/* Checkboxes */

/* Customize the label (the container) */
.filter-container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .filter-container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.quickgrid .col-header-content {
    scroll-padding: 10px;
    min-width: 100% !important;
}
.quickgrid .col-title-text {
    white-space: break-spaces !important;
}
.quickgrid[theme=default] {
    width: 100% !important;
}

.quickgrid[theme=default] > table {
    width: 100%;
    border-radius: 5px;
    margin-bottom: 1.5rem;
}

.quickgrid thead {
    background-color: #93d6ce;
    height: 50px;
    justify-content: space-between;
}

.quickgrid tr {
    height: 50px;
    overflow: hidden;
}

.quickgrid[theme=default] > tbody > tr:hover {
    color: #0E5CBA;
    background-color: #F3F4F6 !important;
}

/*
.quickgrid[theme=default] > tbody tr:nth-child(even) {
    background-color: #F3F4F6; 
}

.quickgrid[theme=default] > tbody tr:nth-child(odd) {
    background-color: #FFFFFF;
}
*/
.quickgrid tr:empty {
    border-bottom-width: 0;
    height: 0px;
}