@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');


#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.footer-layout {
    width: 100%
}

    .footer-layout button {
        margin: 0 .25rem 0 .25rem;
    }
   
/*Class definition for freezing columns by table id and td index*/
#tblDeliveriesListView th:first-child,
#tblDeliveriesListView td:first-child {
    position: sticky;
    left: 0;
    background-color: white;
    color: #373737;
}

#tblDeliveriesListView th:nth-child(2),
#tblDeliveriesListView td:nth-child(2) {
    position: sticky;
    left: 0;
    background-color: white;
    left: 22px;
}

#tblDeliveriesListView #checkboxCopy,
#tblDeliveriesListView #checkboxCopy {
    position: sticky;
    right: 0;
    background-color: white;
}

#returnsList th:first-child,
#returnsList td:first-child {
    position: sticky;
    left: 0;
    background-color: white;
    color: #373737;
}
#predeliveryservice th:first-child,
#predeliveryservice td:first-child {
    position: sticky;
    left: 0;
    background-color: white;
    color: #373737;
}
#predeliveryservice th:nth-child(2),
#predeliveryservice td:nth-child(2) {
    position: sticky;
    left: 0;
    background-color: white;
    left: 22px;
}
#predeliveryque th:first-child,
#predeliveryque td:first-child {
    position: sticky;
    left: 0;
    background-color: white;
    color: #373737;
}

#predeliveryque th:nth-child(2),
#predeliveryque td:nth-child(2) {
    position: sticky;
    left: 0;
    background-color: white;
    left: 22px;
}


/*End*/
tr, td, th {
    white-space: nowrap !important;
}

.table > :not(:first-child) {
    border-top: none;
}


.skeleton {
    position: relative;
    overflow: hidden;
    background-color: #e5e7eb;
    border-radius: 4px;
}

    .skeleton::after {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
        animation: shimmer 1.5s infinite;
    }

@keyframes shimmer {
    100% {
        left: 100%;
    }
}