/* Loader */

.loading-section {
    text-align: center;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

    .loading-section h2 {
        color: #000;
    }

.loader-dot {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #e16500;
    display: inline-block;
    -webkit-animation: grow 2.1s infinite ease-in-out both;
    animation: grow 2.1s infinite ease-in-out both;
}

    .loader-dot.dot1 {
        -webkit-animation-delay: -0.96s;
        animation-delay: -0.96s;
    }

    .loader-dot.dot2 {
        -webkit-animation-delay: -0.48s;
        animation-delay: -0.48s;
    }

@-webkit-keyframes grow {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}



.quickgrid[theme=order] {
    font-family: Montserrat-Arabic-Light;
}

.quickgrid[theme=order] .col-title {
    /* gap: 0.4rem; Separate the sort indicator from title text */
    text-align: center;
}

/* .quickgrid[theme=order] .sort-indicator {
    color: blue;
} */

/* .quickgrid[theme=order] button.col-title:hover, .quickgrid[theme=order] .col-options-button:hover {
    background-color: hotpink;
}

.quickgrid[theme=order] button.col-title:active, .quickgrid[theme=order] .col-options-button:active {
    background-color: yellow;
} */



/* Table Header */
th {
    padding: 10px;
    border-bottom: 2px solid #e16500;
    font-weight: bold;
    text-align: center;
    background-color: white;
}



/* Table Row */
td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
}

/* td:hover{
    color:#e16500;
} */

/* tr{
    background-color: aquamarine;
} */

tr:hover {
    background-color: #e16500;
    color: white;
    font-weight: bold;
}

tr:nth-child(even) 
{
    background-color: white;
}

tr:hover:nth-child(even) 
{
    background-color: #e16500;
    color: white;
    font-weight: bold;
}