.elementor-2323 .elementor-element.elementor-element-a472c7c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2323 .elementor-element.elementor-element-3850ca4{--display:flex;}.elementor-2323 .elementor-element.elementor-element-3850ca4:not(.elementor-motion-effects-element-type-background), .elementor-2323 .elementor-element.elementor-element-3850ca4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-2323 .elementor-element.elementor-element-3850ca4{--content-width:1600px;}}/* Start custom CSS for html, class: .elementor-element-c562912 */.status {
    padding: .4rem 0;
    border-radius: 2rem;
    text-align: center;
}

.status.open {
    background-color: #86e49d;
    color: #006b21;
}

.status.cancelled {
    background-color: #d893a3;
    color: #b30021;
}

.status.pending {
    background-color: #ebc474;
}

.status.godam {
    background-color: #ff6666;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
}
thead th span.icon-arrow {
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    border: 1.4px solid transparent;
    
    text-align: center;
    font-size: 1rem;
    
    margin-left: .5rem;
    transition: .2s ease-in-out;
}

thead th:hover span.icon-arrow{
    border: 1.4px solid #6c00bd;
}

thead th:hover {
    color: #6c00bd;
}

thead th.active span.icon-arrow{
    background-color: #6c00bd;
    color: #fff;
}

thead th.asc span.icon-arrow{
    transform: rotate(180deg);
}

thead th.active,tbody td.active {
    color: #6c00bd;
}/* End custom CSS */