/* /Components/IFile/Actions/ShipmentStatusUpdateAction.razor.rz.scp.css */
.boi-drop[b-m22dr6c5c1] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-m22dr6c5c1] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-m22dr6c5c1] {
        width: 100%;
    }
}
/* /Components/IFile/Detail.razor.rz.scp.css */
.lab[b-ildwkkfmfo] {
    font-size: 14px;
    font-weight: 500;
}

.in[b-ildwkkfmfo] {
    font-size: 14px;
    font-weight: 700;
}

.in-d[b-ildwkkfmfo] {
    font-size: 14px;
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.mr[b-ildwkkfmfo] {
    margin-right: 15px;
}

.fl[b-ildwkkfmfo] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.tl[b-ildwkkfmfo] {
    display: flex;
    justify-content: end;
}

.search-input[b-ildwkkfmfo] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-ildwkkfmfo] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-ildwkkfmfo] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-ildwkkfmfo] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-ildwkkfmfo] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-ildwkkfmfo] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-ildwkkfmfo] {
    display: block;
}

.autocom-box li:hover[b-ildwkkfmfo] {
    background: #efefef;
}

.search-input .icon[b-ildwkkfmfo] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

textarea[b-ildwkkfmfo] {
    width: 100% !important;
    min-height: 100px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #E8E8E8 !important;
    padding: 20px;
    border: none !important;
    border-radius: 4px !important;
    font-size: 14px;
}

.container-fluid[b-ildwkkfmfo] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-ildwkkfmfo] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-ildwkkfmfo] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-ildwkkfmfo] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.pdf[b-ildwkkfmfo]{
    display:flex;
    align-content:center;
    justify-content:center;
    padding-bottom:20px;
}

.link[b-ildwkkfmfo] {
    color: #395AFF;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    margin-left:20px;
}

.fas[b-ildwkkfmfo] {
    color: black;
    font-size: 22px;
}

.C-I[b-ildwkkfmfo]{
    margin-top: 40px !important;
}

@media screen and (max-width:400px) {
    .fl[b-ildwkkfmfo] {
        justify-content: space-around;
    }

    .box[b-ildwkkfmfo] {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr[b-ildwkkfmfo] {
        margin-right: 0px;
    }
}

@media screen and (max-width:400px) {
    .container-fluid[b-ildwkkfmfo] {
        justify-content: space-around;
    }

    box[b-ildwkkfmfo] {
        width: 40px;
    }

    box-3[b-ildwkkfmfo] {
        width: 60px;
    }

    box-2[b-ildwkkfmfo] {
        justify-content: space-around;
    }
}


.mud-tabs-toolbar-wrapper[b-ildwkkfmfo] {
    transform:none !important;
}


/* /Components/IFile/Filters/BoiCustomerFilter.razor.rz.scp.css */

.boi-drop[b-hyzaj77orr] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-hyzaj77orr] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-hyzaj77orr] {
        width: 100%;
    }
}
/* /Components/IFile/Filters/CustomFilter.razor.rz.scp.css */
.boi-drop[b-3a7rcz5lg8] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-3a7rcz5lg8] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-3a7rcz5lg8] {
        width: 100%;
    }
}
/* /Components/IFile/Filters/DutyTypeFilter.razor.rz.scp.css */
.boi-drop[b-rtgrdsvw62] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px !important;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-rtgrdsvw62] {
        width: 100% !important;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-rtgrdsvw62] {
        width: 100% !important;
    }
}
/* /Components/IFile/Filters/EmailStatusFilter.razor.rz.scp.css */
.boi-drop[b-txsikbu926] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-txsikbu926] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-txsikbu926] {
        width: 100%;
    }
}
/* /Components/IFile/Filters/ShipmentStatusFilter.razor.rz.scp.css */
.boi-drop[b-pjqi9zly5k] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-pjqi9zly5k] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-pjqi9zly5k] {
        width: 100%;
    }
}
/* /Components/IFile/View.razor.rz.scp.css */
*[b-cz7qn1pfmq] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-cz7qn1pfmq]{
    width:135px;
}

body[b-cz7qn1pfmq] {
    background-color: #ecd8b0;
}

.btn-t[b-cz7qn1pfmq] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-cz7qn1pfmq] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-cz7qn1pfmq] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-cz7qn1pfmq] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-cz7qn1pfmq] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-cz7qn1pfmq] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-cz7qn1pfmq] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-cz7qn1pfmq] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-cz7qn1pfmq] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-cz7qn1pfmq] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-cz7qn1pfmq] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-cz7qn1pfmq] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-cz7qn1pfmq] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-cz7qn1pfmq] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-cz7qn1pfmq] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-cz7qn1pfmq] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-cz7qn1pfmq] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-cz7qn1pfmq] {
    width: 100%;
}

table[b-cz7qn1pfmq] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-cz7qn1pfmq] {
        position: relative;
    }

    table thead tr[b-cz7qn1pfmq] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-cz7qn1pfmq] {
        height: 50px;
    }


    table td[b-cz7qn1pfmq], table th[b-cz7qn1pfmq] {
        text-align: left;
    }

    table td[b-cz7qn1pfmq] {
        line-height: 1;
    }

        table td.l[b-cz7qn1pfmq], table th.l[b-cz7qn1pfmq] {
            text-align: right;
        }

        table td.c[b-cz7qn1pfmq], table th.c[b-cz7qn1pfmq] {
            text-align: center;
        }

        table td.r[b-cz7qn1pfmq], table th.r[b-cz7qn1pfmq] {
            text-align: center;
        }

.table100-head th[b-cz7qn1pfmq] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-cz7qn1pfmq] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-cz7qn1pfmq] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-cz7qn1pfmq]{
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-cz7qn1pfmq] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-cz7qn1pfmq] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-cz7qn1pfmq] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-cz7qn1pfmq] {
    background-color: #E0F7EE;
}

.blue[b-cz7qn1pfmq] {
    background-color: #DEECFC;
}

.ml[b-cz7qn1pfmq] {
    margin-left: 15px;
}

.mr[b-cz7qn1pfmq] {
    margin-right: 15px;
}

.checkdiv[b-cz7qn1pfmq] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-cz7qn1pfmq] {
    width: 19px;
    height: 19px;
}

.date[b-cz7qn1pfmq] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-cz7qn1pfmq] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-cz7qn1pfmq] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-cz7qn1pfmq] {
    padding: 10px 20px;
}

.fl[b-cz7qn1pfmq] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-cz7qn1pfmq] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-cz7qn1pfmq] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-cz7qn1pfmq] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-cz7qn1pfmq] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-cz7qn1pfmq] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-cz7qn1pfmq] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-cz7qn1pfmq] {
    display: block;
}

.autocom-box li:hover[b-cz7qn1pfmq] {
    background: #efefef;
}

.search-input .icon[b-cz7qn1pfmq] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-cz7qn1pfmq] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-cz7qn1pfmq] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-cz7qn1pfmq] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-cz7qn1pfmq] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-cz7qn1pfmq] {
    background-color: #e7e7e7;
}

.detained[b-cz7qn1pfmq] {
    background-color: #f1baba;
}

.input-wrapper1[b-cz7qn1pfmq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-cz7qn1pfmq] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-cz7qn1pfmq] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-cz7qn1pfmq] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-cz7qn1pfmq] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-cz7qn1pfmq] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-cz7qn1pfmq] {
    width: 80px !important;
}

.status[b-cz7qn1pfmq] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-cz7qn1pfmq] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-cz7qn1pfmq] {
    position: relative;
}

.ml[b-cz7qn1pfmq] {
    margin-left: 15px;
}

.mr[b-cz7qn1pfmq] {
    margin-right: 15px;
}

.date[b-cz7qn1pfmq] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-cz7qn1pfmq] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-cz7qn1pfmq] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-cz7qn1pfmq] {
    padding: 10px 20px;
}

.search-input[b-cz7qn1pfmq] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-cz7qn1pfmq] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-cz7qn1pfmq] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-cz7qn1pfmq] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-cz7qn1pfmq] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-cz7qn1pfmq] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-cz7qn1pfmq] {
    display: block;
}

.autocom-box li:hover[b-cz7qn1pfmq] {
    background: #efefef;
}

.search-input .icon[b-cz7qn1pfmq] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-cz7qn1pfmq] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-cz7qn1pfmq] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-cz7qn1pfmq] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-cz7qn1pfmq] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-cz7qn1pfmq] {
    background-color: #e7e7e7;
}

.detained[b-cz7qn1pfmq] {
    background-color: #f1baba;
}

.input-wrapper[b-cz7qn1pfmq] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-cz7qn1pfmq] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-cz7qn1pfmq] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-cz7qn1pfmq] {
    width: 80px !important;
}

img[b-cz7qn1pfmq] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top:10%;
}

h4[b-cz7qn1pfmq]{
    text-align:center;
    margin-top: 35px;
}

.small[b-cz7qn1pfmq] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-cz7qn1pfmq] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-cz7qn1pfmq] {
    color: #6B6B6B !important;
}

.mud-drawer[b-cz7qn1pfmq] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-cz7qn1pfmq] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-cz7qn1pfmq] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-cz7qn1pfmq] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-cz7qn1pfmq] {
    background-color: #dbebcf;
}

.il[b-cz7qn1pfmq] {
    text-align: right;
}

th[class^='column'][b-cz7qn1pfmq] {
    text-transform: capitalize;
}

a[b-cz7qn1pfmq] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-cz7qn1pfmq] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-cz7qn1pfmq] {
    overflow-x: scroll;
}

.space[b-cz7qn1pfmq]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-cz7qn1pfmq] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-cz7qn1pfmq] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }
   
    .item1[b-cz7qn1pfmq] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-cz7qn1pfmq] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-cz7qn1pfmq] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-cz7qn1pfmq] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-cz7qn1pfmq] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-cz7qn1pfmq] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-cz7qn1pfmq]{
        width:220px;
    }

}

    

    @media screen and (max-width:420px) {
        .bw-2[b-cz7qn1pfmq] {
            display: grid;
            grid-template-columns: 1fr;
            grid-gap: 15px;
        }

        .bw-2-1[b-cz7qn1pfmq] {
            display: grid;
            grid-template-columns: 1fr;
            grid-gap: 15px;
        }

        .bw-2-2[b-cz7qn1pfmq] {
            display: grid;
            grid-template-columns: 1fr;
            grid-gap: 15px;
        }

        .btn-primary[b-cz7qn1pfmq] {
            width: 100%;
        }

        .item1[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 1;
        }

        .item2[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 2;
        }

        .item3[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 3;
        }

        /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

        .item5[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 4;
        }

        .item6[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 5;
        }

        .item7[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 6;
        }

        .item8[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 6;
        }

        .item9[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 7;
        }
    }

    @media screen and (max-width:390px) {
        .bw-2[b-cz7qn1pfmq] {
            display: grid;
            grid-template-columns: 1fr;
            grid-gap: 15px;
        }

        .bw-2-1[b-cz7qn1pfmq] {
            display: grid;
            grid-template-columns: 1fr;
            grid-gap: 15px;
        }

        .bw-2-2[b-cz7qn1pfmq] {
            display: grid;
            grid-template-columns: 1fr;
            grid-gap: 15px;
        }

        .item1[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 1;
        }

        .item2[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 2;
        }

        .item3[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 3;
        }
        /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
        .item5[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 4;
        }

        .item6[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 5;
        }

        .item7[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 6;
        }

        .item8[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 7;
        }

        .item9[b-cz7qn1pfmq] {
            grid-column: 1;
            grid-row: 8;
        }
    }
/* /Components/Pager.razor.rz.scp.css */
.pager[b-6szheac8ol] {
    text-align: center !important;
}

    .pager button[b-6szheac8ol], .pager span[b-6szheac8ol] {
        padding: 3px 10px !important;
    }

.pager-btn[b-6szheac8ol] {
    width: 40px !important;
    height: 20px !important;
    background: #ffd500 !important;
    color: #0e0e0e !important;
    border-radius: 4px !important;
}

.pager span[b-6szheac8ol] {
    background: #fff !important;
    width: 40px !important;
    border-radius: 4px !important;
}

.pager-btn-disabled[b-6szheac8ol]{
    width: 40px !important;
    height: 20px !important;
    background: #ffd968 !important;
    color: #0e0e0e !important;
    border-radius: 4px !important;
}

.sort-link[b-6szheac8ol] {
    cursor: pointer;
    color: #007bff !important;
}

.noselect[b-6szheac8ol] {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
/* /Components/Report/Filters/CourierFilter.razor.rz.scp.css */
.boi-drop[b-9ie0mwd6pt] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-9ie0mwd6pt] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-9ie0mwd6pt] {
        width: 100%;
    }
}
/* /Components/Report/Filters/PaymentTypeFilter.razor.rz.scp.css */
.boi-drop[b-cw9qz4hkeq] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-cw9qz4hkeq] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-cw9qz4hkeq] {
        width: 100%;
    }
}
/* /Components/Report/View.razor.rz.scp.css */
*[b-hhaip1layc] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-hhaip1layc] {
    width: 135px;
}

body[b-hhaip1layc] {
    background-color: #ecd8b0;
}

.btn-t[b-hhaip1layc] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-hhaip1layc] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-hhaip1layc] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-hhaip1layc] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-hhaip1layc] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-hhaip1layc] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-hhaip1layc] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-hhaip1layc] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-hhaip1layc] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-hhaip1layc] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-hhaip1layc] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-hhaip1layc] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-hhaip1layc] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-hhaip1layc] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-hhaip1layc] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-hhaip1layc] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-hhaip1layc] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-hhaip1layc] {
    width: 100%;
}

table[b-hhaip1layc] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-hhaip1layc] {
        position: relative;
    }

    table thead tr[b-hhaip1layc] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-hhaip1layc] {
        height: 50px;
    }


    table td[b-hhaip1layc], table th[b-hhaip1layc] {
        text-align: left;
    }

    table td[b-hhaip1layc] {
        line-height: 1;
    }

        table td.l[b-hhaip1layc], table th.l[b-hhaip1layc] {
            text-align: right;
        }

        table td.c[b-hhaip1layc], table th.c[b-hhaip1layc] {
            text-align: center;
        }

        table td.r[b-hhaip1layc], table th.r[b-hhaip1layc] {
            text-align: center;
        }

.table100-head th[b-hhaip1layc] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-hhaip1layc] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-hhaip1layc] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-hhaip1layc] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-hhaip1layc] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-hhaip1layc] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-hhaip1layc] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-hhaip1layc] {
    background-color: #E0F7EE;
}

.blue[b-hhaip1layc] {
    background-color: #DEECFC;
}

.ml[b-hhaip1layc] {
    margin-left: 15px;
}

.mr[b-hhaip1layc] {
    margin-right: 15px;
}

.checkdiv[b-hhaip1layc] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-hhaip1layc] {
    width: 19px;
    height: 19px;
}

.date[b-hhaip1layc] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-hhaip1layc] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-hhaip1layc] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-hhaip1layc] {
    padding: 10px 20px;
}

.fl[b-hhaip1layc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-hhaip1layc] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-hhaip1layc] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-hhaip1layc] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-hhaip1layc] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-hhaip1layc] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-hhaip1layc] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-hhaip1layc] {
    display: block;
}

.autocom-box li:hover[b-hhaip1layc] {
    background: #efefef;
}

.search-input .icon[b-hhaip1layc] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-hhaip1layc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-hhaip1layc] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-hhaip1layc] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-hhaip1layc] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-hhaip1layc] {
    background-color: #e7e7e7;
}

.detained[b-hhaip1layc] {
    background-color: #f1baba;
}

.input-wrapper1[b-hhaip1layc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-hhaip1layc] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-hhaip1layc] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-hhaip1layc] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-hhaip1layc] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-hhaip1layc] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-hhaip1layc] {
    width: 80px !important;
}

.status[b-hhaip1layc] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-hhaip1layc] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-hhaip1layc] {
    position: relative;
}

.ml[b-hhaip1layc] {
    margin-left: 15px;
}

.mr[b-hhaip1layc] {
    margin-right: 15px;
}

.date[b-hhaip1layc] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-hhaip1layc] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-hhaip1layc] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-hhaip1layc] {
    padding: 10px 20px;
}

.search-input[b-hhaip1layc] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-hhaip1layc] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-hhaip1layc] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-hhaip1layc] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-hhaip1layc] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-hhaip1layc] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-hhaip1layc] {
    display: block;
}

.autocom-box li:hover[b-hhaip1layc] {
    background: #efefef;
}

.search-input .icon[b-hhaip1layc] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-hhaip1layc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-hhaip1layc] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-hhaip1layc] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-hhaip1layc] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-hhaip1layc] {
    background-color: #e7e7e7;
}

.detained[b-hhaip1layc] {
    background-color: #f1baba;
}

.input-wrapper[b-hhaip1layc] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-hhaip1layc] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-hhaip1layc] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-hhaip1layc] {
    width: 80px !important;
}

img[b-hhaip1layc] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-hhaip1layc] {
    text-align: center;
    margin-top: 35px;
}

.small[b-hhaip1layc] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-hhaip1layc] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-hhaip1layc] {
    color: #6B6B6B !important;
}

.mud-drawer[b-hhaip1layc] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-hhaip1layc] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-hhaip1layc] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-hhaip1layc] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-hhaip1layc] {
    background-color: #dbebcf;
}

.il[b-hhaip1layc] {
    text-align: right;
}

th[class^='column'][b-hhaip1layc] {
    text-transform: capitalize;
}

a[b-hhaip1layc] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-hhaip1layc] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-hhaip1layc] {
    overflow-x: scroll;
}

.space[b-hhaip1layc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-hhaip1layc] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-hhaip1layc] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-hhaip1layc] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-hhaip1layc] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-hhaip1layc] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-hhaip1layc] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-hhaip1layc] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-hhaip1layc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-hhaip1layc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-hhaip1layc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-hhaip1layc] {
        width: 100%;
    }

    .item1[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-hhaip1layc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-hhaip1layc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-hhaip1layc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-hhaip1layc] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Auth/Login.razor.rz.scp.css */
.center[b-nrf7yqt7sq] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 500px;
    padding: 30px;
    background: white;
    border-radius: 10px;
    box-shadow: 10px 10px 15px rgba(0,0,0,0.05);
}

    .center h1[b-nrf7yqt7sq] {
        text-align: center;
        padding: 0px 0px 10px 0px;
        font-size: 28px;
    }

    .center p[b-nrf7yqt7sq] {
        text-align: center;
        color: #BCBCBC;
        font-weight:400;
    }

button[b-nrf7yqt7sq] {
    width: 100%;
    margin: 20px 0px 0px 0px;
    height:45px;
}

img[b-nrf7yqt7sq] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

h1[b-nrf7yqt7sq]{
    margin-top:20px;
}

    @media (max-width:500px) {
        .center[b-nrf7yqt7sq] {
            max-width: 100%;
        }
    }
/* /Pages/CourierAuth/CreateAccount.razor.rz.scp.css */

body[b-n4a8t0qmgf] {
}
/* /Pages/CourierAuth/View.razor.rz.scp.css */
*[b-cm28htfa5h] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-cm28htfa5h] {
    width: 135px;
}

body[b-cm28htfa5h] {
    background-color: #ecd8b0;
}

.btn-t[b-cm28htfa5h] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-cm28htfa5h] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-cm28htfa5h] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-cm28htfa5h] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-cm28htfa5h] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-cm28htfa5h] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-cm28htfa5h] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-cm28htfa5h] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-cm28htfa5h] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-cm28htfa5h] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-cm28htfa5h] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-cm28htfa5h] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-cm28htfa5h] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-cm28htfa5h] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-cm28htfa5h] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-cm28htfa5h] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-cm28htfa5h] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-cm28htfa5h] {
    width: 100%;
}

table[b-cm28htfa5h] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-cm28htfa5h] {
        position: relative;
    }

    table thead tr[b-cm28htfa5h] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-cm28htfa5h] {
        height: 50px;
    }


    table td[b-cm28htfa5h], table th[b-cm28htfa5h] {
        text-align: left;
    }

    table td[b-cm28htfa5h] {
        line-height: 1;
    }

        table td.l[b-cm28htfa5h], table th.l[b-cm28htfa5h] {
            text-align: right;
        }

        table td.c[b-cm28htfa5h], table th.c[b-cm28htfa5h] {
            text-align: center;
        }

        table td.r[b-cm28htfa5h], table th.r[b-cm28htfa5h] {
            text-align: center;
        }

.table100-head th[b-cm28htfa5h] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-cm28htfa5h] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-cm28htfa5h] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-cm28htfa5h] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-cm28htfa5h] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-cm28htfa5h] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-cm28htfa5h] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-cm28htfa5h] {
    background-color: #E0F7EE;
}

.blue[b-cm28htfa5h] {
    background-color: #DEECFC;
}

.ml[b-cm28htfa5h] {
    margin-left: 15px;
}

.mr[b-cm28htfa5h] {
    margin-right: 15px;
}

.checkdiv[b-cm28htfa5h] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-cm28htfa5h] {
    width: 19px;
    height: 19px;
}

.date[b-cm28htfa5h] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-cm28htfa5h] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-cm28htfa5h] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-cm28htfa5h] {
    padding: 10px 20px;
}

.fl[b-cm28htfa5h] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-cm28htfa5h] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-cm28htfa5h] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-cm28htfa5h] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-cm28htfa5h] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-cm28htfa5h] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-cm28htfa5h] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-cm28htfa5h] {
    display: block;
}

.autocom-box li:hover[b-cm28htfa5h] {
    background: #efefef;
}

.search-input .icon[b-cm28htfa5h] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-cm28htfa5h] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-cm28htfa5h] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-cm28htfa5h] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-cm28htfa5h] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-cm28htfa5h] {
    background-color: #e7e7e7;
}

.detained[b-cm28htfa5h] {
    background-color: #f1baba;
}

.input-wrapper1[b-cm28htfa5h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-cm28htfa5h] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-cm28htfa5h] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-cm28htfa5h] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-cm28htfa5h] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-cm28htfa5h] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-cm28htfa5h] {
    width: 80px !important;
}

.status[b-cm28htfa5h] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-cm28htfa5h] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-cm28htfa5h] {
    position: relative;
}

.ml[b-cm28htfa5h] {
    margin-left: 15px;
}

.mr[b-cm28htfa5h] {
    margin-right: 15px;
}

.date[b-cm28htfa5h] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-cm28htfa5h] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-cm28htfa5h] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-cm28htfa5h] {
    padding: 10px 20px;
}

.search-input[b-cm28htfa5h] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-cm28htfa5h] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-cm28htfa5h] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-cm28htfa5h] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-cm28htfa5h] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-cm28htfa5h] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-cm28htfa5h] {
    display: block;
}

.autocom-box li:hover[b-cm28htfa5h] {
    background: #efefef;
}

.search-input .icon[b-cm28htfa5h] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-cm28htfa5h] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-cm28htfa5h] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-cm28htfa5h] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-cm28htfa5h] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-cm28htfa5h] {
    background-color: #e7e7e7;
}

.detained[b-cm28htfa5h] {
    background-color: #f1baba;
}

.input-wrapper[b-cm28htfa5h] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-cm28htfa5h] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-cm28htfa5h] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-cm28htfa5h] {
    width: 80px !important;
}

img[b-cm28htfa5h] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-cm28htfa5h] {
    text-align: center;
    margin-top: 35px;
}

.small[b-cm28htfa5h] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-cm28htfa5h] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-cm28htfa5h] {
    color: #6B6B6B !important;
}

.mud-drawer[b-cm28htfa5h] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-cm28htfa5h] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-cm28htfa5h] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-cm28htfa5h] {
    background-color: #dbebcf;
}

.il[b-cm28htfa5h] {
    text-align: right;
}

th[class^='column'][b-cm28htfa5h] {
    text-transform: capitalize;
}

a[b-cm28htfa5h] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-cm28htfa5h] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-cm28htfa5h] {
    overflow-x: scroll;
}

.space[b-cm28htfa5h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-cm28htfa5h] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-cm28htfa5h] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-cm28htfa5h] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-cm28htfa5h] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-cm28htfa5h] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-cm28htfa5h] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-cm28htfa5h] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-cm28htfa5h] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-cm28htfa5h] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-cm28htfa5h] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-cm28htfa5h] {
        width: 100%;
    }

    .item1[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-cm28htfa5h] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-cm28htfa5h] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-cm28htfa5h] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-cm28htfa5h] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Courier/Filters/TrackingNoTypeFilter.razor.rz.scp.css */

.boi-drop[b-jcjshc52o9] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-jcjshc52o9] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-jcjshc52o9] {
        width: 100%;
    }
}
/* /Pages/Courier/NicView.razor.rz.scp.css */
/* styles.css */
.popup[b-c4q8b50qm2] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    background: rgba(0, 0, 0, 0.5);
}

.popup-content[b-c4q8b50qm2] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 8px;
}

.visible[b-c4q8b50qm2] {
    display: block;
}

.hidden[b-c4q8b50qm2] {
    display: none;
}


.myImage[b-c4q8b50qm2] {
    width: 400px;
    height: 400px
}

/* /Pages/Courier/ShipmentAssign.razor.rz.scp.css */
*[b-gaw0zs3xum] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-gaw0zs3xum] {
    width: 135px;
}

body[b-gaw0zs3xum] {
    background-color: #ecd8b0;
}

.btn-t[b-gaw0zs3xum] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-gaw0zs3xum] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-gaw0zs3xum] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-gaw0zs3xum] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-gaw0zs3xum] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-gaw0zs3xum] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-gaw0zs3xum] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-gaw0zs3xum] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-gaw0zs3xum] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-gaw0zs3xum] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-gaw0zs3xum] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-gaw0zs3xum] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-gaw0zs3xum] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-gaw0zs3xum] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-gaw0zs3xum] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-gaw0zs3xum] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-gaw0zs3xum] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-gaw0zs3xum] {
    width: 100%;
}

table[b-gaw0zs3xum] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-gaw0zs3xum] {
        position: relative;
    }

    table thead tr[b-gaw0zs3xum] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-gaw0zs3xum] {
        height: 50px;
    }


    table td[b-gaw0zs3xum], table th[b-gaw0zs3xum] {
        text-align: left;
    }

    table td[b-gaw0zs3xum] {
        line-height: 1;
    }

        table td.l[b-gaw0zs3xum], table th.l[b-gaw0zs3xum] {
            text-align: right;
        }

        table td.c[b-gaw0zs3xum], table th.c[b-gaw0zs3xum] {
            text-align: center;
        }

        table td.r[b-gaw0zs3xum], table th.r[b-gaw0zs3xum] {
            text-align: center;
        }

.table100-head th[b-gaw0zs3xum] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-gaw0zs3xum] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-gaw0zs3xum] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-gaw0zs3xum] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-gaw0zs3xum] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-gaw0zs3xum] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-gaw0zs3xum] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-gaw0zs3xum] {
    background-color: #E0F7EE;
}

.blue[b-gaw0zs3xum] {
    background-color: #DEECFC;
}

.ml[b-gaw0zs3xum] {
    margin-left: 15px;
}

.mr[b-gaw0zs3xum] {
    margin-right: 15px;
}

.checkdiv[b-gaw0zs3xum] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-gaw0zs3xum] {
    width: 19px;
    height: 19px;
}

.date[b-gaw0zs3xum] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-gaw0zs3xum] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-gaw0zs3xum] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-gaw0zs3xum] {
    padding: 10px 20px;
}

.fl[b-gaw0zs3xum] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-gaw0zs3xum] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-gaw0zs3xum] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-gaw0zs3xum] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-gaw0zs3xum] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-gaw0zs3xum] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-gaw0zs3xum] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-gaw0zs3xum] {
    display: block;
}

.autocom-box li:hover[b-gaw0zs3xum] {
    background: #efefef;
}

.search-input .icon[b-gaw0zs3xum] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-gaw0zs3xum] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-gaw0zs3xum] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-gaw0zs3xum] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-gaw0zs3xum] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-gaw0zs3xum] {
    background-color: #e7e7e7;
}

.detained[b-gaw0zs3xum] {
    background-color: #f1baba;
}

.input-wrapper1[b-gaw0zs3xum] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-gaw0zs3xum] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-gaw0zs3xum] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-gaw0zs3xum] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-gaw0zs3xum] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-gaw0zs3xum] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-gaw0zs3xum] {
    width: 80px !important;
}

.status[b-gaw0zs3xum] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-gaw0zs3xum] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-gaw0zs3xum] {
    position: relative;
}

.ml[b-gaw0zs3xum] {
    margin-left: 15px;
}

.mr[b-gaw0zs3xum] {
    margin-right: 15px;
}

.date[b-gaw0zs3xum] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-gaw0zs3xum] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-gaw0zs3xum] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-gaw0zs3xum] {
    padding: 10px 20px;
}

.search-input[b-gaw0zs3xum] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-gaw0zs3xum] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-gaw0zs3xum] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-gaw0zs3xum] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-gaw0zs3xum] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-gaw0zs3xum] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-gaw0zs3xum] {
    display: block;
}

.autocom-box li:hover[b-gaw0zs3xum] {
    background: #efefef;
}

.search-input .icon[b-gaw0zs3xum] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-gaw0zs3xum] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-gaw0zs3xum] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-gaw0zs3xum] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-gaw0zs3xum] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-gaw0zs3xum] {
    background-color: #e7e7e7;
}

.detained[b-gaw0zs3xum] {
    background-color: #f1baba;
}

.input-wrapper[b-gaw0zs3xum] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-gaw0zs3xum] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-gaw0zs3xum] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-gaw0zs3xum] {
    width: 80px !important;
}

img[b-gaw0zs3xum] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-gaw0zs3xum] {
    text-align: center;
    margin-top: 35px;
}

.small[b-gaw0zs3xum] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-gaw0zs3xum] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-gaw0zs3xum] {
    color: #6B6B6B !important;
}

.mud-drawer[b-gaw0zs3xum] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-gaw0zs3xum] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-gaw0zs3xum] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-gaw0zs3xum] {
    background-color: #dbebcf;
}

.il[b-gaw0zs3xum] {
    text-align: right;
}

th[class^='column'][b-gaw0zs3xum] {
    text-transform: capitalize;
}

a[b-gaw0zs3xum] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-gaw0zs3xum] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-gaw0zs3xum] {
    overflow-x: scroll;
}

.space[b-gaw0zs3xum] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-gaw0zs3xum] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-gaw0zs3xum] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-gaw0zs3xum] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-gaw0zs3xum] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-gaw0zs3xum] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-gaw0zs3xum] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-gaw0zs3xum] {
        width: 220px;
    }

    .btn-danger[b-gaw0zs3xum] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-gaw0zs3xum] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-gaw0zs3xum] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-gaw0zs3xum] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-gaw0zs3xum] {
        width: 100%;
    }

    .btn-danger[b-gaw0zs3xum] {
        width: 100%;
    }

    .item1[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-gaw0zs3xum] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-gaw0zs3xum] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-gaw0zs3xum] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-gaw0zs3xum] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Courier/ShipmentDelivery.razor.rz.scp.css */
*[b-j2278ed0mh] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-j2278ed0mh] {
    width: 135px;
}

body[b-j2278ed0mh] {
    background-color: #ecd8b0;
}

.btn-t[b-j2278ed0mh] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-j2278ed0mh] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-j2278ed0mh] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-j2278ed0mh] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-j2278ed0mh] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-j2278ed0mh] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-j2278ed0mh] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-j2278ed0mh] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-j2278ed0mh] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-j2278ed0mh] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-j2278ed0mh] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-j2278ed0mh] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-j2278ed0mh] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-j2278ed0mh] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-j2278ed0mh] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-j2278ed0mh] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-j2278ed0mh] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-j2278ed0mh] {
    width: 100%;
}

table[b-j2278ed0mh] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-j2278ed0mh] {
        position: relative;
    }

    table thead tr[b-j2278ed0mh] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-j2278ed0mh] {
        height: 50px;
    }


    table td[b-j2278ed0mh], table th[b-j2278ed0mh] {
        text-align: left;
    }

    table td[b-j2278ed0mh] {
        line-height: 1;
    }

        table td.l[b-j2278ed0mh], table th.l[b-j2278ed0mh] {
            text-align: right;
        }

        table td.c[b-j2278ed0mh], table th.c[b-j2278ed0mh] {
            text-align: center;
        }

        table td.r[b-j2278ed0mh], table th.r[b-j2278ed0mh] {
            text-align: center;
        }

.table100-head th[b-j2278ed0mh] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-j2278ed0mh] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-j2278ed0mh] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-j2278ed0mh] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-j2278ed0mh] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-j2278ed0mh] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-j2278ed0mh] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-j2278ed0mh] {
    background-color: #E0F7EE;
}

.blue[b-j2278ed0mh] {
    background-color: #DEECFC;
}

.ml[b-j2278ed0mh] {
    margin-left: 15px;
}

.mr[b-j2278ed0mh] {
    margin-right: 15px;
}

.checkdiv[b-j2278ed0mh] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-j2278ed0mh] {
    width: 19px;
    height: 19px;
}

.date[b-j2278ed0mh] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-j2278ed0mh] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-j2278ed0mh] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-j2278ed0mh] {
    padding: 10px 20px;
}

.fl[b-j2278ed0mh] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-j2278ed0mh] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-j2278ed0mh] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-j2278ed0mh] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-j2278ed0mh] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-j2278ed0mh] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-j2278ed0mh] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-j2278ed0mh] {
    display: block;
}

.autocom-box li:hover[b-j2278ed0mh] {
    background: #efefef;
}

.search-input .icon[b-j2278ed0mh] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-j2278ed0mh] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-j2278ed0mh] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-j2278ed0mh] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-j2278ed0mh] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-j2278ed0mh] {
    background-color: #e7e7e7;
}

.detained[b-j2278ed0mh] {
    background-color: #f1baba;
}

.input-wrapper1[b-j2278ed0mh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-j2278ed0mh] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-j2278ed0mh] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-j2278ed0mh] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-j2278ed0mh] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-j2278ed0mh] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-j2278ed0mh] {
    width: 80px !important;
}

.status[b-j2278ed0mh] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-j2278ed0mh] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-j2278ed0mh] {
    position: relative;
}

.ml[b-j2278ed0mh] {
    margin-left: 15px;
}

.mr[b-j2278ed0mh] {
    margin-right: 15px;
}

.date[b-j2278ed0mh] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-j2278ed0mh] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-j2278ed0mh] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-j2278ed0mh] {
    padding: 10px 20px;
}

.search-input[b-j2278ed0mh] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-j2278ed0mh] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-j2278ed0mh] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-j2278ed0mh] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-j2278ed0mh] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-j2278ed0mh] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-j2278ed0mh] {
    display: block;
}

.autocom-box li:hover[b-j2278ed0mh] {
    background: #efefef;
}

.search-input .icon[b-j2278ed0mh] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-j2278ed0mh] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-j2278ed0mh] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-j2278ed0mh] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-j2278ed0mh] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-j2278ed0mh] {
    background-color: #e7e7e7;
}

.detained[b-j2278ed0mh] {
    background-color: #f1baba;
}

.input-wrapper[b-j2278ed0mh] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-j2278ed0mh] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-j2278ed0mh] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-j2278ed0mh] {
    width: 80px !important;
}

img[b-j2278ed0mh] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-j2278ed0mh] {
    text-align: center;
    margin-top: 35px;
}

.small[b-j2278ed0mh] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-j2278ed0mh] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-j2278ed0mh] {
    color: #6B6B6B !important;
}

.mud-drawer[b-j2278ed0mh] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-j2278ed0mh] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-j2278ed0mh] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-j2278ed0mh] {
    background-color: #dbebcf;
}

.il[b-j2278ed0mh] {
    text-align: right;
}

th[class^='column'][b-j2278ed0mh] {
    text-transform: capitalize;
}

a[b-j2278ed0mh] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-j2278ed0mh] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-j2278ed0mh] {
    overflow-x: scroll;
}

.space[b-j2278ed0mh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-j2278ed0mh] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-j2278ed0mh] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-j2278ed0mh] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-j2278ed0mh] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-j2278ed0mh] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-j2278ed0mh] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-j2278ed0mh] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-j2278ed0mh] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-j2278ed0mh] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-j2278ed0mh] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-j2278ed0mh] {
        width: 100%;
    }

    .item1[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-j2278ed0mh] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-j2278ed0mh] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-j2278ed0mh] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-j2278ed0mh] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Courier/ShipmentDeliveryDetail.razor.rz.scp.css */
body[b-pu0r1woang] {
}
/* /Pages/Courier/SignatureView.razor.rz.scp.css */
/* styles.css */
.popup[b-do91p3yr3e] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.popup-content[b-do91p3yr3e] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 8px;
}

.visible[b-do91p3yr3e] {
    display: block;
}

.hidden[b-do91p3yr3e] {
    display: none;
}
/* /Pages/Courier/TimeLine.razor.rz.scp.css */
/* styles.css */
.popup[b-p6qvuuykiz] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 150%;
    height: 150%;
    background: rgba(0, 0, 0, 0.5);
}

.popup-content[b-p6qvuuykiz] {
    position: absolute;
    top: 100%;
    left: 100%;
    right:100%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 8px;
}

.visible[b-p6qvuuykiz] {
    display: block;
}

.hidden[b-p6qvuuykiz] {
    display: none;
}
/* /Pages/CreditNote/CreateCreditNote.razor.rz.scp.css */
body[b-ueq7en1hh5] {
}
/* /Pages/CustomerSAP/CreateSAPCustomer.razor.rz.scp.css */
/*.lab {
    font-size: 14px;
    font-weight: 500;
}

.in {
    font-size: 14px;
    font-weight: 700;
}

.in-d {
    font-size: 14px;
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.mr {
    margin-right: 15px;
}

.fl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.tl {
    display: flex;
    justify-content: end;
}

.search-input {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li {
    display: block;
}

.autocom-box li:hover {
    background: #efefef;
}

.search-input .icon {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

textarea {
    width: 100% !important;
    min-height: 100px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #E8E8E8 !important;
    padding: 20px;
    border: none !important;
    border-radius: 4px !important;
    font-size: 14px;
}

.container-fluid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.pdf {
    display: flex;
    align-content: center;
    justify-content: center;
    padding-bottom: 20px;
}

.link {
    color: #395AFF;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    margin-left: 20px;
}

.fas {
    color: black;
    font-size: 22px;
}

.C-I {
    margin-top: 40px !important;
}

@media screen and (max-width:400px) {
    .fl {
        justify-content: space-around;
    }

    .box {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr {
        margin-right: 0px;
    }
}

@media screen and (max-width:400px) {
    .container-fluid {
        justify-content: space-around;
    }

    box {
        width: 40px;
    }

    box-3 {
        width: 60px;
    }

    box-2 {
        justify-content: space-around;
    }
}


.mud-tabs-toolbar-wrapper {
    transform: none !important;
}
*/
/* /Pages/CustomerSAP/View.razor.rz.scp.css */
*[b-at1d72qofy] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-at1d72qofy] {
    width: 135px;
}

body[b-at1d72qofy] {
    background-color: #ecd8b0;
}

.btn-t[b-at1d72qofy] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-at1d72qofy] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-at1d72qofy] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-at1d72qofy] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-at1d72qofy] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-at1d72qofy] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-at1d72qofy] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-at1d72qofy] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-at1d72qofy] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-at1d72qofy] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-at1d72qofy] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-at1d72qofy] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-at1d72qofy] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-at1d72qofy] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-at1d72qofy] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-at1d72qofy] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-at1d72qofy] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-at1d72qofy] {
    width: 100%;
}

table[b-at1d72qofy] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-at1d72qofy] {
        position: relative;
    }

    table thead tr[b-at1d72qofy] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-at1d72qofy] {
        height: 50px;
    }


    table td[b-at1d72qofy], table th[b-at1d72qofy] {
        text-align: left;
    }

    table td[b-at1d72qofy] {
        line-height: 1;
    }

        table td.l[b-at1d72qofy], table th.l[b-at1d72qofy] {
            text-align: right;
        }

        table td.c[b-at1d72qofy], table th.c[b-at1d72qofy] {
            text-align: center;
        }

        table td.r[b-at1d72qofy], table th.r[b-at1d72qofy] {
            text-align: center;
        }

.table100-head th[b-at1d72qofy] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-at1d72qofy] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-at1d72qofy] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-at1d72qofy] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-at1d72qofy] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-at1d72qofy] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-at1d72qofy] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-at1d72qofy] {
    background-color: #E0F7EE;
}

.blue[b-at1d72qofy] {
    background-color: #DEECFC;
}

.ml[b-at1d72qofy] {
    margin-left: 15px;
}

.mr[b-at1d72qofy] {
    margin-right: 15px;
}

.checkdiv[b-at1d72qofy] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-at1d72qofy] {
    width: 19px;
    height: 19px;
}

.date[b-at1d72qofy] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-at1d72qofy] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-at1d72qofy] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-at1d72qofy] {
    padding: 10px 20px;
}

.fl[b-at1d72qofy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-at1d72qofy] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-at1d72qofy] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-at1d72qofy] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-at1d72qofy] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-at1d72qofy] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-at1d72qofy] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-at1d72qofy] {
    display: block;
}

.autocom-box li:hover[b-at1d72qofy] {
    background: #efefef;
}

.search-input .icon[b-at1d72qofy] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-at1d72qofy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-at1d72qofy] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-at1d72qofy] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-at1d72qofy] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-at1d72qofy] {
    background-color: #e7e7e7;
}

.detained[b-at1d72qofy] {
    background-color: #f1baba;
}

.input-wrapper1[b-at1d72qofy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-at1d72qofy] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-at1d72qofy] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-at1d72qofy] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-at1d72qofy] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-at1d72qofy] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-at1d72qofy] {
    width: 80px !important;
}

.status[b-at1d72qofy] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-at1d72qofy] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-at1d72qofy] {
    position: relative;
}

.ml[b-at1d72qofy] {
    margin-left: 15px;
}

.mr[b-at1d72qofy] {
    margin-right: 15px;
}

.date[b-at1d72qofy] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-at1d72qofy] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-at1d72qofy] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-at1d72qofy] {
    padding: 10px 20px;
}

.search-input[b-at1d72qofy] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-at1d72qofy] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-at1d72qofy] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-at1d72qofy] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-at1d72qofy] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-at1d72qofy] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-at1d72qofy] {
    display: block;
}

.autocom-box li:hover[b-at1d72qofy] {
    background: #efefef;
}

.search-input .icon[b-at1d72qofy] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-at1d72qofy] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-at1d72qofy] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-at1d72qofy] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-at1d72qofy] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-at1d72qofy] {
    background-color: #e7e7e7;
}

.detained[b-at1d72qofy] {
    background-color: #f1baba;
}

.input-wrapper[b-at1d72qofy] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-at1d72qofy] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-at1d72qofy] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-at1d72qofy] {
    width: 80px !important;
}

img[b-at1d72qofy] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-at1d72qofy] {
    text-align: center;
    margin-top: 35px;
}

.small[b-at1d72qofy] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-at1d72qofy] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-at1d72qofy] {
    color: #6B6B6B !important;
}

.mud-drawer[b-at1d72qofy] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-at1d72qofy] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-at1d72qofy] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-at1d72qofy] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-at1d72qofy] {
    background-color: #dbebcf;
}

.il[b-at1d72qofy] {
    text-align: right;
}

th[class^='column'][b-at1d72qofy] {
    text-transform: capitalize;
}

a[b-at1d72qofy] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-at1d72qofy] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-at1d72qofy] {
    overflow-x: scroll;
}

.space[b-at1d72qofy] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-at1d72qofy] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-at1d72qofy] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-at1d72qofy] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-at1d72qofy] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-at1d72qofy] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-at1d72qofy] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-at1d72qofy] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-at1d72qofy] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-at1d72qofy] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-at1d72qofy] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-at1d72qofy] {
        width: 100%;
    }

    .item1[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-at1d72qofy] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-at1d72qofy] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-at1d72qofy] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-at1d72qofy] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/DetainPackageHAWB/UploadDetainedPackage.razor.rz.scp.css */
button[b-05l8puapwb] {
    width: 100%;
    margin: 10px 0px;
}
/* /Pages/DetainPackage/UploadDetainedPackage.razor.rz.scp.css */
button[b-0680ilgcev] {
    width: 100%;
    margin: 10px 0px;
}
/* /Pages/DetainSap/View.razor.rz.scp.css */
*[b-qnb1jvp562] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-qnb1jvp562] {
    width: 135px;
}

body[b-qnb1jvp562] {
    background-color: #ecd8b0;
}

.btn-t[b-qnb1jvp562] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-qnb1jvp562] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-qnb1jvp562] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-qnb1jvp562] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-qnb1jvp562] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-qnb1jvp562] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-qnb1jvp562] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-qnb1jvp562] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-qnb1jvp562] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-qnb1jvp562] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-qnb1jvp562] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-qnb1jvp562] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-qnb1jvp562] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-qnb1jvp562] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-qnb1jvp562] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-qnb1jvp562] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-qnb1jvp562] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-qnb1jvp562] {
    width: 100%;
}

table[b-qnb1jvp562] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-qnb1jvp562] {
        position: relative;
    }

    table thead tr[b-qnb1jvp562] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-qnb1jvp562] {
        height: 50px;
    }


    table td[b-qnb1jvp562], table th[b-qnb1jvp562] {
        text-align: left;
    }

    table td[b-qnb1jvp562] {
        line-height: 1;
    }

        table td.l[b-qnb1jvp562], table th.l[b-qnb1jvp562] {
            text-align: right;
        }

        table td.c[b-qnb1jvp562], table th.c[b-qnb1jvp562] {
            text-align: center;
        }

        table td.r[b-qnb1jvp562], table th.r[b-qnb1jvp562] {
            text-align: center;
        }

.table100-head th[b-qnb1jvp562] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-qnb1jvp562] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-qnb1jvp562] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-qnb1jvp562] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-qnb1jvp562] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-qnb1jvp562] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-qnb1jvp562] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-qnb1jvp562] {
    background-color: #E0F7EE;
}

.blue[b-qnb1jvp562] {
    background-color: #DEECFC;
}

.ml[b-qnb1jvp562] {
    margin-left: 15px;
}

.mr[b-qnb1jvp562] {
    margin-right: 15px;
}

.checkdiv[b-qnb1jvp562] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-qnb1jvp562] {
    width: 19px;
    height: 19px;
}

.date[b-qnb1jvp562] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-qnb1jvp562] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-qnb1jvp562] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-qnb1jvp562] {
    padding: 10px 20px;
}

.fl[b-qnb1jvp562] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-qnb1jvp562] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-qnb1jvp562] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-qnb1jvp562] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-qnb1jvp562] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-qnb1jvp562] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-qnb1jvp562] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-qnb1jvp562] {
    display: block;
}

.autocom-box li:hover[b-qnb1jvp562] {
    background: #efefef;
}

.search-input .icon[b-qnb1jvp562] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-qnb1jvp562] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-qnb1jvp562] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-qnb1jvp562] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-qnb1jvp562] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-qnb1jvp562] {
    background-color: #e7e7e7;
}

.detained[b-qnb1jvp562] {
    background-color: #f1baba;
}

.input-wrapper1[b-qnb1jvp562] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-qnb1jvp562] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-qnb1jvp562] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-qnb1jvp562] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-qnb1jvp562] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-qnb1jvp562] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-qnb1jvp562] {
    width: 80px !important;
}

.status[b-qnb1jvp562] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-qnb1jvp562] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-qnb1jvp562] {
    position: relative;
}

.ml[b-qnb1jvp562] {
    margin-left: 15px;
}

.mr[b-qnb1jvp562] {
    margin-right: 15px;
}

.date[b-qnb1jvp562] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-qnb1jvp562] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-qnb1jvp562] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-qnb1jvp562] {
    padding: 10px 20px;
}

.search-input[b-qnb1jvp562] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-qnb1jvp562] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-qnb1jvp562] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-qnb1jvp562] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-qnb1jvp562] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-qnb1jvp562] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-qnb1jvp562] {
    display: block;
}

.autocom-box li:hover[b-qnb1jvp562] {
    background: #efefef;
}

.search-input .icon[b-qnb1jvp562] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-qnb1jvp562] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-qnb1jvp562] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-qnb1jvp562] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-qnb1jvp562] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-qnb1jvp562] {
    background-color: #e7e7e7;
}

.detained[b-qnb1jvp562] {
    background-color: #f1baba;
}

.input-wrapper[b-qnb1jvp562] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-qnb1jvp562] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-qnb1jvp562] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-qnb1jvp562] {
    width: 80px !important;
}

img[b-qnb1jvp562] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-qnb1jvp562] {
    text-align: center;
    margin-top: 35px;
}

.small[b-qnb1jvp562] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-qnb1jvp562] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-qnb1jvp562] {
    color: #6B6B6B !important;
}

.mud-drawer[b-qnb1jvp562] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-qnb1jvp562] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-qnb1jvp562] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-qnb1jvp562] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-qnb1jvp562] {
    background-color: #dbebcf;
}

.il[b-qnb1jvp562] {
    text-align: right;
}

th[class^='column'][b-qnb1jvp562] {
    text-transform: capitalize;
}

a[b-qnb1jvp562] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-qnb1jvp562] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-qnb1jvp562] {
    overflow-x: scroll;
}

.space[b-qnb1jvp562] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-qnb1jvp562] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-qnb1jvp562] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-qnb1jvp562] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-qnb1jvp562] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-qnb1jvp562] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-qnb1jvp562] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-qnb1jvp562] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-qnb1jvp562] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-qnb1jvp562] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-qnb1jvp562] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-qnb1jvp562] {
        width: 100%;
    }

    .item1[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-qnb1jvp562] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-qnb1jvp562] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-qnb1jvp562] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-qnb1jvp562] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/EParcelSap/View.razor.rz.scp.css */
*[b-6ulhhmzfhl] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-6ulhhmzfhl] {
    width: 135px;
}

body[b-6ulhhmzfhl] {
    background-color: #ecd8b0;
}

.btn-t[b-6ulhhmzfhl] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-6ulhhmzfhl] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-6ulhhmzfhl] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-6ulhhmzfhl] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-6ulhhmzfhl] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-6ulhhmzfhl] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-6ulhhmzfhl] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-6ulhhmzfhl] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-6ulhhmzfhl] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-6ulhhmzfhl] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-6ulhhmzfhl] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-6ulhhmzfhl] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-6ulhhmzfhl] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-6ulhhmzfhl] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-6ulhhmzfhl] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-6ulhhmzfhl] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-6ulhhmzfhl] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-6ulhhmzfhl] {
    width: 100%;
}

table[b-6ulhhmzfhl] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-6ulhhmzfhl] {
        position: relative;
    }

    table thead tr[b-6ulhhmzfhl] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-6ulhhmzfhl] {
        height: 50px;
    }


    table td[b-6ulhhmzfhl], table th[b-6ulhhmzfhl] {
        text-align: left;
    }

    table td[b-6ulhhmzfhl] {
        line-height: 1;
    }

        table td.l[b-6ulhhmzfhl], table th.l[b-6ulhhmzfhl] {
            text-align: right;
        }

        table td.c[b-6ulhhmzfhl], table th.c[b-6ulhhmzfhl] {
            text-align: center;
        }

        table td.r[b-6ulhhmzfhl], table th.r[b-6ulhhmzfhl] {
            text-align: center;
        }

.table100-head th[b-6ulhhmzfhl] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-6ulhhmzfhl] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-6ulhhmzfhl] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-6ulhhmzfhl] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-6ulhhmzfhl] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-6ulhhmzfhl] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-6ulhhmzfhl] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-6ulhhmzfhl] {
    background-color: #E0F7EE;
}

.blue[b-6ulhhmzfhl] {
    background-color: #DEECFC;
}

.ml[b-6ulhhmzfhl] {
    margin-left: 15px;
}

.mr[b-6ulhhmzfhl] {
    margin-right: 15px;
}

.checkdiv[b-6ulhhmzfhl] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-6ulhhmzfhl] {
    width: 19px;
    height: 19px;
}

.date[b-6ulhhmzfhl] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-6ulhhmzfhl] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-6ulhhmzfhl] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-6ulhhmzfhl] {
    padding: 10px 20px;
}

.fl[b-6ulhhmzfhl] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-6ulhhmzfhl] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-6ulhhmzfhl] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-6ulhhmzfhl] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-6ulhhmzfhl] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-6ulhhmzfhl] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-6ulhhmzfhl] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-6ulhhmzfhl] {
    display: block;
}

.autocom-box li:hover[b-6ulhhmzfhl] {
    background: #efefef;
}

.search-input .icon[b-6ulhhmzfhl] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-6ulhhmzfhl] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-6ulhhmzfhl] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-6ulhhmzfhl] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-6ulhhmzfhl] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-6ulhhmzfhl] {
    background-color: #e7e7e7;
}

.detained[b-6ulhhmzfhl] {
    background-color: #f1baba;
}

.input-wrapper1[b-6ulhhmzfhl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-6ulhhmzfhl] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-6ulhhmzfhl] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-6ulhhmzfhl] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-6ulhhmzfhl] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-6ulhhmzfhl] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-6ulhhmzfhl] {
    width: 80px !important;
}

.status[b-6ulhhmzfhl] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-6ulhhmzfhl] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-6ulhhmzfhl] {
    position: relative;
}

.ml[b-6ulhhmzfhl] {
    margin-left: 15px;
}

.mr[b-6ulhhmzfhl] {
    margin-right: 15px;
}

.date[b-6ulhhmzfhl] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-6ulhhmzfhl] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-6ulhhmzfhl] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-6ulhhmzfhl] {
    padding: 10px 20px;
}

.search-input[b-6ulhhmzfhl] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-6ulhhmzfhl] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-6ulhhmzfhl] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-6ulhhmzfhl] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-6ulhhmzfhl] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-6ulhhmzfhl] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-6ulhhmzfhl] {
    display: block;
}

.autocom-box li:hover[b-6ulhhmzfhl] {
    background: #efefef;
}

.search-input .icon[b-6ulhhmzfhl] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-6ulhhmzfhl] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-6ulhhmzfhl] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-6ulhhmzfhl] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-6ulhhmzfhl] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-6ulhhmzfhl] {
    background-color: #e7e7e7;
}

.detained[b-6ulhhmzfhl] {
    background-color: #f1baba;
}

.input-wrapper[b-6ulhhmzfhl] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-6ulhhmzfhl] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-6ulhhmzfhl] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-6ulhhmzfhl] {
    width: 80px !important;
}

img[b-6ulhhmzfhl] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-6ulhhmzfhl] {
    text-align: center;
    margin-top: 35px;
}

.small[b-6ulhhmzfhl] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-6ulhhmzfhl] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-6ulhhmzfhl] {
    color: #6B6B6B !important;
}

.mud-drawer[b-6ulhhmzfhl] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-6ulhhmzfhl] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-6ulhhmzfhl] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-6ulhhmzfhl] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-6ulhhmzfhl] {
    background-color: #dbebcf;
}

.il[b-6ulhhmzfhl] {
    text-align: right;
}

th[class^='column'][b-6ulhhmzfhl] {
    text-transform: capitalize;
}

a[b-6ulhhmzfhl] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-6ulhhmzfhl] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-6ulhhmzfhl] {
    overflow-x: scroll;
}

.space[b-6ulhhmzfhl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-6ulhhmzfhl] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-6ulhhmzfhl] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-6ulhhmzfhl] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-6ulhhmzfhl] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-6ulhhmzfhl] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-6ulhhmzfhl] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-6ulhhmzfhl] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-6ulhhmzfhl] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-6ulhhmzfhl] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-6ulhhmzfhl] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-6ulhhmzfhl] {
        width: 100%;
    }

    .item1[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-6ulhhmzfhl] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-6ulhhmzfhl] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-6ulhhmzfhl] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-6ulhhmzfhl] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/ExchangeRate/View.razor.rz.scp.css */
*[b-boxfxi25n5] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-boxfxi25n5] {
    background-color: #ecd8b0;
}

.bw-1[b-boxfxi25n5] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
    position: sticky;
    top: 0;
    z-index: 10;
}

.view[b-boxfxi25n5] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-boxfxi25n5] {
    width: 100%;
}

table[b-boxfxi25n5] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-boxfxi25n5] {
        position: relative;
    }

    table thead tr[b-boxfxi25n5] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-boxfxi25n5] {
        height: 50px;
    }


    table td[b-boxfxi25n5], table th[b-boxfxi25n5] {
        text-align: left;
    }

    table td[b-boxfxi25n5] {
        line-height: 1;
    }

        table td.l[b-boxfxi25n5], table th.l[b-boxfxi25n5] {
            text-align: right;
        }

        table td.c[b-boxfxi25n5], table th.c[b-boxfxi25n5] {
            text-align: center;
        }

        table td.r[b-boxfxi25n5], table th.r[b-boxfxi25n5] {
            text-align: center;
        }

.table100-head th[b-boxfxi25n5] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-boxfxi25n5] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-boxfxi25n5] {
    width: auto;
    padding-left: 20px;
    font-weight: 500 !important;
}

.column2[b-boxfxi25n5] {
    width: auto;
    padding-left: 60px;
    padding-right: 10px;
}

.column3[b-boxfxi25n5] {
    width: 100px;
    text-align: center;
}

.column4[b-boxfxi25n5] {
    width: auto;
    padding-right: 20px;
}

.green[b-boxfxi25n5] {
    background-color: #E0F7EE;
}

.blue[b-boxfxi25n5] {
    background-color: #DEECFC;
}

.ml[b-boxfxi25n5] {
    margin-left: 15px;
}

.mr[b-boxfxi25n5] {
    margin-right: 15px;
}

.checkdiv[b-boxfxi25n5] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-boxfxi25n5] {
    width: 19px;
    height: 19px;
}

.date[b-boxfxi25n5] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-boxfxi25n5] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-boxfxi25n5] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-boxfxi25n5] {
    padding: 10px 20px;
}

.fl[b-boxfxi25n5] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.boi-drop[b-boxfxi25n5] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    min-width: 200px;
    border: 1px solid #BDBDBD !important;
}

.search-input[b-boxfxi25n5] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-boxfxi25n5] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-boxfxi25n5] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-boxfxi25n5] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-boxfxi25n5] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-boxfxi25n5] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-boxfxi25n5] {
    display: block;
}

.autocom-box li:hover[b-boxfxi25n5] {
    background: #efefef;
}

.search-input .icon[b-boxfxi25n5] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

label[b-boxfxi25n5] {
      font-size: 14px;
    font-weight: 500;
}

span[b-boxfxi25n5] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-boxfxi25n5] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-boxfxi25n5] {
    background-color: #e7e7e7;
}

.detained[b-boxfxi25n5] {
    background-color: #f1baba;
}

.input-wrapper[b-boxfxi25n5] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-boxfxi25n5] {
    margin: 0px 10px -6px 10px;
    width: 150px;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-boxfxi25n5] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-boxfxi25n5] {
    width: 80px !important;
}

.status[b-boxfxi25n5] {
    background-color: #F6F4F1;
    height: 30px;
    width: 150px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-boxfxi25n5] {
    text-align: center;
    padding-bottom: 20px;
}

.col-lg-2[b-boxfxi25n5] {
    width: 220px !important;
    text-align:right;
}

.flex-gap[b-boxfxi25n5] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: end;
}


@media (max-width: 1018px) {
    .overflow-x[b-boxfxi25n5] {
        overflow-x: scroll;
    }
}

.clear-on-arrival[b-boxfxi25n5] {
    background-color: #dbebcf;
}

.il[b-boxfxi25n5] {
    text-align: right;
}

th[class^='column'][b-boxfxi25n5] {
    text-transform: capitalize;
}


@media screen and (max-width:400px) {
    .fl[b-boxfxi25n5] {
        justify-content: space-around;
    }

    .box[b-boxfxi25n5] {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr[b-boxfxi25n5] {
        marin-right: 0px;
    }
}

@media screen and (max-width:400px) {
    .container-fluid[b-boxfxi25n5] {
        justify-content: space-around;
    }

    box[b-boxfxi25n5] {
        width: 40px;
    }

    box-3[b-boxfxi25n5] {
        width: 60px;
    }

    box-2[b-boxfxi25n5] {
        justify-content: space-around;
    }
}

@media screen and (max-width:420px) {

    .col-lg-2[b-boxfxi25n5] {
        width: 100% !important;
    }

    .btn-primary[b-boxfxi25n5] {
        width: 100% !important;
    }
}

@media screen and (max-width:390px) {

    .col-lg-2[b-boxfxi25n5] {
        width: 100% !important;
    }

    .btn-primary[b-boxfxi25n5] {
        width: 100% !important;
    }
}
/* /Pages/HsCode/View.razor.rz.scp.css */
*[b-cloh4ylr9o] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-cloh4ylr9o] {
    background-color: #ecd8b0;
}

.bw[b-cloh4ylr9o] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-cloh4ylr9o] {
    display: grid;
    grid-template-columns: 220px 200px auto;
    grid-gap: 15px;
}

.item1[b-cloh4ylr9o] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-cloh4ylr9o] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-cloh4ylr9o] {
    grid-column: 3;
    grid-row: 1;
    float: right;
}

.btn-m[b-cloh4ylr9o] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-cloh4ylr9o] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.bw-1[b-cloh4ylr9o] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.view[b-cloh4ylr9o] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-cloh4ylr9o] {
    width: 100%;
}

table[b-cloh4ylr9o] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-cloh4ylr9o] {
        position: relative;
    }

    table thead tr[b-cloh4ylr9o] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-cloh4ylr9o] {
        height: 50px;
    }


    table td[b-cloh4ylr9o], table th[b-cloh4ylr9o] {
        text-align: left;
    }

    table td[b-cloh4ylr9o] {
        line-height: 1;
    }

        table td.l[b-cloh4ylr9o], table th.l[b-cloh4ylr9o] {
            text-align: right;
        }

        table td.c[b-cloh4ylr9o], table th.c[b-cloh4ylr9o] {
            text-align: center;
        }

        table td.r[b-cloh4ylr9o], table th.r[b-cloh4ylr9o] {
            text-align: center;
        }

.table100-head th[b-cloh4ylr9o] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-cloh4ylr9o] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-cloh4ylr9o] {
    width: 180px;
    padding-left: 20px;
    font-weight: 500 !important;
}

.column2[b-cloh4ylr9o] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-cloh4ylr9o] {
    width: 100px;
    text-align: center;
}

.column4[b-cloh4ylr9o] {
    width: auto;
    padding-right: 20px;
}

.green[b-cloh4ylr9o] {
    background-color: #E0F7EE;
}

.blue[b-cloh4ylr9o] {
    background-color: #DEECFC;
}

.ml[b-cloh4ylr9o] {
    margin-left: 15px;
}

.mr[b-cloh4ylr9o] {
    margin-right: 15px;
}

.checkdiv[b-cloh4ylr9o] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-cloh4ylr9o] {
    width: 19px;
    height: 19px;
}

.date[b-cloh4ylr9o] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-cloh4ylr9o] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-cloh4ylr9o] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-cloh4ylr9o] {
    padding: 10px 20px;
}

.fl[b-cloh4ylr9o] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.boi-drop[b-cloh4ylr9o] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    min-width: 200px;
    border: 1px solid #BDBDBD !important;
}

.search-input[b-cloh4ylr9o] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-cloh4ylr9o] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-cloh4ylr9o] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-cloh4ylr9o] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-cloh4ylr9o] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-cloh4ylr9o] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-cloh4ylr9o] {
    display: block;
}

.autocom-box li:hover[b-cloh4ylr9o] {
    background: #efefef;
}

.search-input .icon[b-cloh4ylr9o] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

label[b-cloh4ylr9o] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-cloh4ylr9o] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-cloh4ylr9o] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-cloh4ylr9o] {
    background-color: #e7e7e7;
}

.detained[b-cloh4ylr9o] {
    background-color: #f1baba;
}

.input-wrapper[b-cloh4ylr9o] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 100%;
    border: 1px solid #BDBDBD;
}

.search[b-cloh4ylr9o] {
    margin: 0px 10px -2px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.search1[b-cloh4ylr9o] {
    margin: 0px 10px -2px 20px;
    width: 100%;
    border: none;
    outline: none;
    background: #bdbdbd;
    font-size: 16px;
}

.fa-times .fa-search[b-cloh4ylr9o] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-cloh4ylr9o] {
    width: 80px !important;
}

.status[b-cloh4ylr9o] {
    background-color: #F6F4F1;
    height: 30px;
    width: 150px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-cloh4ylr9o] {
    text-align: center;
    padding-bottom: 20px;
}

.col-lg-2[b-cloh4ylr9o] {
    width: 200px !important;
}

.flex-gap[b-cloh4ylr9o] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: end;
}

.input-wrapper1[b-cloh4ylr9o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.btn-clear1[b-cloh4ylr9o] {
    font-size: 18px;
    width: 60px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-cloh4ylr9o] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }

@media (max-width: 1018px) {
    .overflow-x[b-cloh4ylr9o] {
        overflow-x: scroll;
    }
}

.clear-on-arrival[b-cloh4ylr9o] {
    background-color: #dbebcf;
}

.il[b-cloh4ylr9o] {
    text-align: right;
}

th[class^='column'][b-cloh4ylr9o] {
    text-transform: capitalize;
}


@media screen and (max-width:420px) {

    .col-lg-2[b-cloh4ylr9o] {
        width: 100% !important;
    }

    .btn-primary[b-cloh4ylr9o] {
        width: 100%;
    }

    .mr-t[b-cloh4ylr9o]{
        margin-top:15px;
    }
}

@media screen and (max-width:390px) {

    .col-lg-2[b-cloh4ylr9o] {
        width: 100% !important;
    }

    .btn-primary[b-cloh4ylr9o] {
        width: 100%;
    }

    .mr-t[b-cloh4ylr9o] {
        margin-top: 15px;
    }
}
/* /Pages/Icris/UploadICris.razor.rz.scp.css */
button[b-r8jpl5910t] {
    width: 100%;
    margin: 10px 0px;
}
/* /Pages/Icris/View.razor.rz.scp.css */
*[b-fht0di8hf6] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-fht0di8hf6] {
    width: 135px;
}

body[b-fht0di8hf6] {
    background-color: #ecd8b0;
}

.btn-t[b-fht0di8hf6] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-fht0di8hf6] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-fht0di8hf6] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-fht0di8hf6] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-fht0di8hf6] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-fht0di8hf6] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-fht0di8hf6] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-fht0di8hf6] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-fht0di8hf6] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-fht0di8hf6] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-fht0di8hf6] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-fht0di8hf6] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-fht0di8hf6] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-fht0di8hf6] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-fht0di8hf6] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-fht0di8hf6] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-fht0di8hf6] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-fht0di8hf6] {
    width: 100%;
}

table[b-fht0di8hf6] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-fht0di8hf6] {
        position: relative;
    }

    table thead tr[b-fht0di8hf6] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-fht0di8hf6] {
        height: 50px;
    }


    table td[b-fht0di8hf6], table th[b-fht0di8hf6] {
        text-align: left;
    }

    table td[b-fht0di8hf6] {
        line-height: 1;
    }

        table td.l[b-fht0di8hf6], table th.l[b-fht0di8hf6] {
            text-align: right;
        }

        table td.c[b-fht0di8hf6], table th.c[b-fht0di8hf6] {
            text-align: center;
        }

        table td.r[b-fht0di8hf6], table th.r[b-fht0di8hf6] {
            text-align: center;
        }

.table100-head th[b-fht0di8hf6] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-fht0di8hf6] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-fht0di8hf6] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-fht0di8hf6] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-fht0di8hf6] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-fht0di8hf6] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-fht0di8hf6] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-fht0di8hf6] {
    background-color: #E0F7EE;
}

.blue[b-fht0di8hf6] {
    background-color: #DEECFC;
}

.ml[b-fht0di8hf6] {
    margin-left: 15px;
}

.mr[b-fht0di8hf6] {
    margin-right: 15px;
}

.checkdiv[b-fht0di8hf6] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-fht0di8hf6] {
    width: 19px;
    height: 19px;
}

.date[b-fht0di8hf6] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-fht0di8hf6] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-fht0di8hf6] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-fht0di8hf6] {
    padding: 10px 20px;
}

.fl[b-fht0di8hf6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-fht0di8hf6] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-fht0di8hf6] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-fht0di8hf6] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-fht0di8hf6] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-fht0di8hf6] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-fht0di8hf6] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-fht0di8hf6] {
    display: block;
}

.autocom-box li:hover[b-fht0di8hf6] {
    background: #efefef;
}

.search-input .icon[b-fht0di8hf6] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-fht0di8hf6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-fht0di8hf6] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-fht0di8hf6] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-fht0di8hf6] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-fht0di8hf6] {
    background-color: #e7e7e7;
}

.detained[b-fht0di8hf6] {
    background-color: #f1baba;
}

.input-wrapper1[b-fht0di8hf6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-fht0di8hf6] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-fht0di8hf6] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-fht0di8hf6] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-fht0di8hf6] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-fht0di8hf6] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-fht0di8hf6] {
    width: 80px !important;
}

.status[b-fht0di8hf6] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-fht0di8hf6] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-fht0di8hf6] {
    position: relative;
}

.ml[b-fht0di8hf6] {
    margin-left: 15px;
}

.mr[b-fht0di8hf6] {
    margin-right: 15px;
}

.date[b-fht0di8hf6] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-fht0di8hf6] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-fht0di8hf6] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-fht0di8hf6] {
    padding: 10px 20px;
}

.search-input[b-fht0di8hf6] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-fht0di8hf6] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-fht0di8hf6] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-fht0di8hf6] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-fht0di8hf6] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-fht0di8hf6] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-fht0di8hf6] {
    display: block;
}

.autocom-box li:hover[b-fht0di8hf6] {
    background: #efefef;
}

.search-input .icon[b-fht0di8hf6] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-fht0di8hf6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-fht0di8hf6] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-fht0di8hf6] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-fht0di8hf6] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-fht0di8hf6] {
    background-color: #e7e7e7;
}

.detained[b-fht0di8hf6] {
    background-color: #f1baba;
}

.input-wrapper[b-fht0di8hf6] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-fht0di8hf6] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-fht0di8hf6] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-fht0di8hf6] {
    width: 80px !important;
}

img[b-fht0di8hf6] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-fht0di8hf6] {
    text-align: center;
    margin-top: 35px;
}

.small[b-fht0di8hf6] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-fht0di8hf6] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-fht0di8hf6] {
    color: #6B6B6B !important;
}

.mud-drawer[b-fht0di8hf6] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-fht0di8hf6] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-fht0di8hf6] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-fht0di8hf6] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-fht0di8hf6] {
    background-color: #dbebcf;
}

.il[b-fht0di8hf6] {
    text-align: right;
}

th[class^='column'][b-fht0di8hf6] {
    text-transform: capitalize;
}

a[b-fht0di8hf6] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-fht0di8hf6] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-fht0di8hf6] {
    overflow-x: scroll;
}

.space[b-fht0di8hf6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-fht0di8hf6] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-fht0di8hf6] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-fht0di8hf6] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-fht0di8hf6] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-fht0di8hf6] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-fht0di8hf6] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-fht0di8hf6] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-fht0di8hf6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-fht0di8hf6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-fht0di8hf6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-fht0di8hf6] {
        width: 100%;
    }

    .item1[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-fht0di8hf6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-fht0di8hf6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-fht0di8hf6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-fht0di8hf6] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/IFileDeactivate/DeactivateBabyPackage.razor.rz.scp.css */
body[b-kb9h7z119g] {
}
/* /Pages/IFileTemp/DetailView.razor.rz.scp.css */
body[b-1bxf5kw0ca] {
}
/* /Pages/IFileTemp/DetailViewBoth.razor.rz.scp.css */
body[b-vkak97qt3k] {
}
/* /Pages/IFileTemp/UploadTemp.razor.rz.scp.css */
body[b-ufvczjl1te] {
}
/* /Pages/IFileTemp/View.razor.rz.scp.css */
*[b-sayo81f4ey] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-sayo81f4ey] {
    width: 135px;
}

body[b-sayo81f4ey] {
    background-color: #ecd8b0;
}

.btn-t[b-sayo81f4ey] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-sayo81f4ey] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-sayo81f4ey] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-sayo81f4ey] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-sayo81f4ey] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-sayo81f4ey] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-sayo81f4ey] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-sayo81f4ey] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-sayo81f4ey] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-sayo81f4ey] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-sayo81f4ey] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-sayo81f4ey] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-sayo81f4ey] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-sayo81f4ey] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-sayo81f4ey] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-sayo81f4ey] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-sayo81f4ey] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-sayo81f4ey] {
    width: 100%;
}

table[b-sayo81f4ey] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-sayo81f4ey] {
        position: relative;
    }

    table thead tr[b-sayo81f4ey] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-sayo81f4ey] {
        height: 50px;
    }


    table td[b-sayo81f4ey], table th[b-sayo81f4ey] {
        text-align: left;
    }

    table td[b-sayo81f4ey] {
        line-height: 1;
    }

        table td.l[b-sayo81f4ey], table th.l[b-sayo81f4ey] {
            text-align: right;
        }

        table td.c[b-sayo81f4ey], table th.c[b-sayo81f4ey] {
            text-align: center;
        }

        table td.r[b-sayo81f4ey], table th.r[b-sayo81f4ey] {
            text-align: center;
        }

.table100-head th[b-sayo81f4ey] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-sayo81f4ey] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-sayo81f4ey] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-sayo81f4ey] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-sayo81f4ey] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-sayo81f4ey] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-sayo81f4ey] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-sayo81f4ey] {
    background-color: #E0F7EE;
}

.blue[b-sayo81f4ey] {
    background-color: #DEECFC;
}

.ml[b-sayo81f4ey] {
    margin-left: 15px;
}

.mr[b-sayo81f4ey] {
    margin-right: 15px;
}

.checkdiv[b-sayo81f4ey] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-sayo81f4ey] {
    width: 19px;
    height: 19px;
}

.date[b-sayo81f4ey] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-sayo81f4ey] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-sayo81f4ey] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-sayo81f4ey] {
    padding: 10px 20px;
}

.fl[b-sayo81f4ey] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-sayo81f4ey] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-sayo81f4ey] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-sayo81f4ey] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-sayo81f4ey] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-sayo81f4ey] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-sayo81f4ey] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-sayo81f4ey] {
    display: block;
}

.autocom-box li:hover[b-sayo81f4ey] {
    background: #efefef;
}

.search-input .icon[b-sayo81f4ey] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-sayo81f4ey] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-sayo81f4ey] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-sayo81f4ey] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-sayo81f4ey] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-sayo81f4ey] {
    background-color: #e7e7e7;
}

.detained[b-sayo81f4ey] {
    background-color: #f1baba;
}

.input-wrapper1[b-sayo81f4ey] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-sayo81f4ey] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-sayo81f4ey] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-sayo81f4ey] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-sayo81f4ey] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-sayo81f4ey] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-sayo81f4ey] {
    width: 80px !important;
}

.status[b-sayo81f4ey] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-sayo81f4ey] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-sayo81f4ey] {
    position: relative;
}

.ml[b-sayo81f4ey] {
    margin-left: 15px;
}

.mr[b-sayo81f4ey] {
    margin-right: 15px;
}

.date[b-sayo81f4ey] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-sayo81f4ey] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-sayo81f4ey] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-sayo81f4ey] {
    padding: 10px 20px;
}

.search-input[b-sayo81f4ey] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-sayo81f4ey] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-sayo81f4ey] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-sayo81f4ey] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-sayo81f4ey] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-sayo81f4ey] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-sayo81f4ey] {
    display: block;
}

.autocom-box li:hover[b-sayo81f4ey] {
    background: #efefef;
}

.search-input .icon[b-sayo81f4ey] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-sayo81f4ey] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-sayo81f4ey] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-sayo81f4ey] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-sayo81f4ey] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-sayo81f4ey] {
    background-color: #e7e7e7;
}

.detained[b-sayo81f4ey] {
    background-color: #f1baba;
}

.input-wrapper[b-sayo81f4ey] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-sayo81f4ey] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-sayo81f4ey] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-sayo81f4ey] {
    width: 80px !important;
}

img[b-sayo81f4ey] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-sayo81f4ey] {
    text-align: center;
    margin-top: 35px;
}

.small[b-sayo81f4ey] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-sayo81f4ey] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-sayo81f4ey] {
    color: #6B6B6B !important;
}

.mud-drawer[b-sayo81f4ey] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-sayo81f4ey] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-sayo81f4ey] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-sayo81f4ey] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-sayo81f4ey] {
    background-color: #dbebcf;
}

.il[b-sayo81f4ey] {
    text-align: right;
}

th[class^='column'][b-sayo81f4ey] {
    text-transform: capitalize;
}

a[b-sayo81f4ey] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-sayo81f4ey] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-sayo81f4ey] {
    overflow-x: scroll;
}

.space[b-sayo81f4ey] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-sayo81f4ey] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-sayo81f4ey] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-sayo81f4ey] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-sayo81f4ey] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-sayo81f4ey] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-sayo81f4ey] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-sayo81f4ey] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-sayo81f4ey] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-sayo81f4ey] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-sayo81f4ey] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-sayo81f4ey] {
        width: 100%;
    }

    .item1[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-sayo81f4ey] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-sayo81f4ey] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-sayo81f4ey] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-sayo81f4ey] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/IFile/DetainedReason.razor.rz.scp.css */
.dropdown[b-0wju8l5snr] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-0wju8l5snr] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-0wju8l5snr] {
    padding: 10px 20px;
}


.boi-drop[b-0wju8l5snr] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/IFile/DetainedSelfReason.razor.rz.scp.css */
.dropdown[b-p23vmcv7mx] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-p23vmcv7mx] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-p23vmcv7mx] {
    padding: 10px 20px;
}


.boi-drop[b-p23vmcv7mx] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/IFile/DetainedUpsReason.razor.rz.scp.css */
.dropdown[b-7gmkdujrnh] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-7gmkdujrnh] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-7gmkdujrnh] {
    padding: 10px 20px;
}


.boi-drop[b-7gmkdujrnh] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/IFile/GeneralInformation.razor.rz.scp.css */
.mud-input > input.mud-input-root.mud-input-root-filled[b-erdmvz5x01], div.mud-input-slot.mud-input-root.mud-input-root-filled[b-erdmvz5x01] {
    padding: 37px 12px 5px !important;
}
/* /Pages/IFile/IFileUploadErrorDialog.razor.rz.scp.css */
/* /Pages/IFile/Layout.razor.rz.scp.css */
.search-input[b-984khh3lh5] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-984khh3lh5] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-984khh3lh5] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-984khh3lh5] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-984khh3lh5] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-984khh3lh5] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-984khh3lh5] {
    display: block;
}

.autocom-box li:hover[b-984khh3lh5] {
    background: #efefef;
}

.search-input .icon[b-984khh3lh5] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-984khh3lh5] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-984khh3lh5] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-984khh3lh5] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-984khh3lh5] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}


@media screen and (max-width:400px) {
    .container-fluid[b-984khh3lh5] {
        justify-content: space-around;
    }

    box[b-984khh3lh5] {
        width: 40px;
    }

    box-3[b-984khh3lh5] {
        width: 60px;
    }

    box-2[b-984khh3lh5] {
        justify-content: space-around;
    }
}
/* /Pages/IFile/Preclearance.razor.rz.scp.css */
.dropdown[b-ckgfgxx9p1] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-ckgfgxx9p1] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-ckgfgxx9p1] {
    padding: 10px 20px;
}


.boi-drop[b-ckgfgxx9p1] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/IFile/UpdateAsycuda.razor.rz.scp.css */
.mt[b-sbvw9q5ann] {
    margin-top: 20px;
}

.bt-bm[b-sbvw9q5ann] {
    display: flex;
    justify-content: start;
}

.floating-container[b-sbvw9q5ann] {
    position: fixed;
    width: 100px;
    height: 100px;
    bottom: 0;
    right: 0;
    margin: 35px 25px;
}

.floating-container:hover[b-sbvw9q5ann] {
    height: 300px;
}

    .floating-container:hover .floating-button[b-sbvw9q5ann] {
        box-shadow: 0 10px 25px #FFE561;
        -webkit-transform: translatey(5px);
        transform: translatey(5px);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }



    .floating-container .floating-button[b-sbvw9q5ann] {
        position: absolute;
        width: 65px;
        height: 65px;
        background: #FFD500;
        bottom: 0;
        border-radius: 50%;
        left: 0;
        right: 0;
        margin: auto;
        color: black;
        line-height: 65px;
        text-align: center;
        font-size: 23px;
        z-index: 99999;
        cursor: pointer;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
/* /Pages/IFile/UpdateIFile.razor.rz.scp.css */
button[b-haoi7rajil]{
    width:100%;
    margin:10px 0px;
}

.in[b-haoi7rajil] {
    font-size: 14px;
    font-weight: 700;
}
/*
.lab {
    font-size: 14px;
    font-weight: 500;
}


.in-d {
    font-size: 14px;
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.mr {
    margin-right: 15px;
}

.fl {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.tl {
    display: flex;
    justify-content: end;
}

.search-input {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li {
    display: block;
}

.autocom-box li:hover {
    background: #efefef;
}

.search-input .icon {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

textarea {
    width: 100% !important;
    min-height: 100px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #E8E8E8 !important;
    padding: 20px;
    border: none !important;
    border-radius: 4px !important;
    font-size: 14px;
}

.container-fluid {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.pdf {
    display: flex;
    align-content: center;
    justify-content: center;
    padding-bottom: 20px;
}

.link {
    color: #395AFF;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    margin-left: 20px;
}

.fas {
    color: black;
    font-size: 22px;
}

.C-I {
    margin-top: 40px !important;
}

@media screen and (max-width:400px) {
    .fl {
        justify-content: space-around;
    }

    .box {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr {
        margin-right: 0px;
    }
}

@media screen and (max-width:400px) {
    .container-fluid {
        justify-content: space-around;
    }

    box {
        width: 40px;
    }

    box-3 {
        width: 60px;
    }

    box-2 {
        justify-content: space-around;
    }
}


.mud-tabs-toolbar-wrapper {
    transform: none !important;
}*/


/* /Pages/IFile/Upload.razor.rz.scp.css */
button[b-pqa21zrbsb]{
    width:100%;
    margin:10px 0px;
}
/* /Pages/IFile/UploadAwbFile.razor.rz.scp.css */
button[b-bxy92wh6ow]{
    width:100%;
    margin:10px 0px;
}
/* /Pages/IFile/UploadDetainedWarehouseCH.razor.rz.scp.css */
button[b-4rti9vwmou] {
    width: 100%;
    margin: 10px 0px;
}
/* /Pages/IFile/UploadDetainedWarehouseCHErrorDialog.razor.rz.scp.css */
/* /Pages/InternationalDeliverySheet/View.razor.rz.scp.css */
*[b-3sp7w4kiwi] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-3sp7w4kiwi] {
    width: 135px;
}

body[b-3sp7w4kiwi] {
    background-color: #ecd8b0;
}

.btn-t[b-3sp7w4kiwi] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-3sp7w4kiwi] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-3sp7w4kiwi] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-3sp7w4kiwi] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-3sp7w4kiwi] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-3sp7w4kiwi] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-3sp7w4kiwi] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-3sp7w4kiwi] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-3sp7w4kiwi] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-3sp7w4kiwi] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-3sp7w4kiwi] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-3sp7w4kiwi] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-3sp7w4kiwi] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-3sp7w4kiwi] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-3sp7w4kiwi] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-3sp7w4kiwi] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-3sp7w4kiwi] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-3sp7w4kiwi] {
    width: 100%;
}

table[b-3sp7w4kiwi] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-3sp7w4kiwi] {
        position: relative;
    }

    table thead tr[b-3sp7w4kiwi] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-3sp7w4kiwi] {
        height: 50px;
    }


    table td[b-3sp7w4kiwi], table th[b-3sp7w4kiwi] {
        text-align: left;
    }

    table td[b-3sp7w4kiwi] {
        line-height: 1;
    }

        table td.l[b-3sp7w4kiwi], table th.l[b-3sp7w4kiwi] {
            text-align: right;
        }

        table td.c[b-3sp7w4kiwi], table th.c[b-3sp7w4kiwi] {
            text-align: center;
        }

        table td.r[b-3sp7w4kiwi], table th.r[b-3sp7w4kiwi] {
            text-align: center;
        }

.table100-head th[b-3sp7w4kiwi] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-3sp7w4kiwi] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-3sp7w4kiwi] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-3sp7w4kiwi] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-3sp7w4kiwi] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-3sp7w4kiwi] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-3sp7w4kiwi] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-3sp7w4kiwi] {
    background-color: #E0F7EE;
}

.blue[b-3sp7w4kiwi] {
    background-color: #DEECFC;
}

.ml[b-3sp7w4kiwi] {
    margin-left: 15px;
}

.mr[b-3sp7w4kiwi] {
    margin-right: 15px;
}

.checkdiv[b-3sp7w4kiwi] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-3sp7w4kiwi] {
    width: 19px;
    height: 19px;
}

.date[b-3sp7w4kiwi] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-3sp7w4kiwi] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-3sp7w4kiwi] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-3sp7w4kiwi] {
    padding: 10px 20px;
}

.fl[b-3sp7w4kiwi] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-3sp7w4kiwi] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-3sp7w4kiwi] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-3sp7w4kiwi] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-3sp7w4kiwi] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-3sp7w4kiwi] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-3sp7w4kiwi] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-3sp7w4kiwi] {
    display: block;
}

.autocom-box li:hover[b-3sp7w4kiwi] {
    background: #efefef;
}

.search-input .icon[b-3sp7w4kiwi] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-3sp7w4kiwi] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-3sp7w4kiwi] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-3sp7w4kiwi] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-3sp7w4kiwi] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-3sp7w4kiwi] {
    background-color: #e7e7e7;
}

.detained[b-3sp7w4kiwi] {
    background-color: #f1baba;
}

.input-wrapper1[b-3sp7w4kiwi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-3sp7w4kiwi] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-3sp7w4kiwi] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-3sp7w4kiwi] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-3sp7w4kiwi] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-3sp7w4kiwi] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-3sp7w4kiwi] {
    width: 80px !important;
}

.status[b-3sp7w4kiwi] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-3sp7w4kiwi] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-3sp7w4kiwi] {
    position: relative;
}

.ml[b-3sp7w4kiwi] {
    margin-left: 15px;
}

.mr[b-3sp7w4kiwi] {
    margin-right: 15px;
}

.date[b-3sp7w4kiwi] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-3sp7w4kiwi] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-3sp7w4kiwi] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-3sp7w4kiwi] {
    padding: 10px 20px;
}

.search-input[b-3sp7w4kiwi] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-3sp7w4kiwi] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-3sp7w4kiwi] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-3sp7w4kiwi] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-3sp7w4kiwi] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-3sp7w4kiwi] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-3sp7w4kiwi] {
    display: block;
}

.autocom-box li:hover[b-3sp7w4kiwi] {
    background: #efefef;
}

.search-input .icon[b-3sp7w4kiwi] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-3sp7w4kiwi] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-3sp7w4kiwi] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-3sp7w4kiwi] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-3sp7w4kiwi] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-3sp7w4kiwi] {
    background-color: #e7e7e7;
}

.detained[b-3sp7w4kiwi] {
    background-color: #f1baba;
}

.input-wrapper[b-3sp7w4kiwi] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-3sp7w4kiwi] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-3sp7w4kiwi] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-3sp7w4kiwi] {
    width: 80px !important;
}

img[b-3sp7w4kiwi] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-3sp7w4kiwi] {
    text-align: center;
    margin-top: 35px;
}

.small[b-3sp7w4kiwi] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-3sp7w4kiwi] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-3sp7w4kiwi] {
    color: #6B6B6B !important;
}

.mud-drawer[b-3sp7w4kiwi] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-3sp7w4kiwi] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-3sp7w4kiwi] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-3sp7w4kiwi] {
    background-color: #dbebcf;
}

.il[b-3sp7w4kiwi] {
    text-align: right;
}

th[class^='column'][b-3sp7w4kiwi] {
    text-transform: capitalize;
}

a[b-3sp7w4kiwi] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-3sp7w4kiwi] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-3sp7w4kiwi] {
    overflow-x: scroll;
}

.space[b-3sp7w4kiwi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-3sp7w4kiwi] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-3sp7w4kiwi] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-3sp7w4kiwi] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-3sp7w4kiwi] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-3sp7w4kiwi] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-3sp7w4kiwi] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-3sp7w4kiwi] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-3sp7w4kiwi] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-3sp7w4kiwi] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-3sp7w4kiwi] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-3sp7w4kiwi] {
        width: 100%;
    }

    .item1[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-3sp7w4kiwi] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-3sp7w4kiwi] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-3sp7w4kiwi] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-3sp7w4kiwi] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/InvoicePayment/CardPayment.razor.rz.scp.css */
.dropdown[b-ikwz41cff2] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-ikwz41cff2] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-ikwz41cff2] {
    padding: 10px 20px;
}


.boi-drop[b-ikwz41cff2] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/InvoicePayment/ChqPayment.razor.rz.scp.css */
.dropdown[b-p4gj0ky0zb] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-p4gj0ky0zb] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-p4gj0ky0zb] {
    padding: 10px 20px;
}


.boi-drop[b-p4gj0ky0zb] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/InvoicePayment/CreditPayment.razor.rz.scp.css */
.dropdown[b-r7irk63u7m] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-r7irk63u7m] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-r7irk63u7m] {
    padding: 10px 20px;
}


.boi-drop[b-r7irk63u7m] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/InvoicePayment/CreditSettellment.razor.rz.scp.css */
body[b-moo45cfa84] {
}
/* /Pages/InvoicePayment/DirectDeposit.razor.rz.scp.css */
.dropdown[b-bisq259ukn] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-bisq259ukn] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-bisq259ukn] {
    padding: 10px 20px;
}


.boi-drop[b-bisq259ukn] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/InvoicePayment/Filters/CourrierFilter.razor.rz.scp.css */

.boi-drop[b-5zlrzu28h2] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-5zlrzu28h2] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-5zlrzu28h2] {
        width: 100%;
    }
}
/* /Pages/InvoicePayment/Filters/CourrierTypeFilter.razor.rz.scp.css */

.boi-drop[b-h3tgo82gxf] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-h3tgo82gxf] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-h3tgo82gxf] {
        width: 100%;
    }
}
/* /Pages/InvoicePayment/Filters/InvoiceTypeFilter.razor.rz.scp.css */

.boi-drop[b-7fd8xnymhl] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-7fd8xnymhl] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-7fd8xnymhl] {
        width: 100%;
    }
}
/* /Pages/InvoicePayment/Filters/PackageStatus.razor.rz.scp.css */
.boi-drop[b-vb8xllss1q] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-vb8xllss1q] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-vb8xllss1q] {
        width: 100%;
    }
}
/* /Pages/InvoicePayment/PaymentOrder.razor.rz.scp.css */
.dropdown[b-4rlegx4ebo] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-4rlegx4ebo] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-4rlegx4ebo] {
    padding: 10px 20px;
}


.boi-drop[b-4rlegx4ebo] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/InvoicePayment/View.razor.rz.scp.css */
*[b-64co807yhm] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-64co807yhm] {
    width: 135px;
}

body[b-64co807yhm] {
    background-color: #ecd8b0;
}

.btn-t[b-64co807yhm] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-64co807yhm] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-64co807yhm] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-64co807yhm] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-64co807yhm] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-64co807yhm] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-64co807yhm] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-64co807yhm] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-64co807yhm] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-64co807yhm] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-64co807yhm] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-64co807yhm] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-64co807yhm] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-64co807yhm] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-64co807yhm] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-64co807yhm] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-64co807yhm] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-64co807yhm] {
    width: 100%;
}

table[b-64co807yhm] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-64co807yhm] {
        position: relative;
    }

    table thead tr[b-64co807yhm] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-64co807yhm] {
        height: 50px;
    }


    table td[b-64co807yhm], table th[b-64co807yhm] {
        text-align: left;
    }

    table td[b-64co807yhm] {
        line-height: 1;
    }

        table td.l[b-64co807yhm], table th.l[b-64co807yhm] {
            text-align: right;
        }

        table td.c[b-64co807yhm], table th.c[b-64co807yhm] {
            text-align: center;
        }

        table td.r[b-64co807yhm], table th.r[b-64co807yhm] {
            text-align: center;
        }

.table100-head th[b-64co807yhm] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-64co807yhm] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-64co807yhm] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-64co807yhm] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-64co807yhm] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-64co807yhm] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-64co807yhm] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-64co807yhm] {
    background-color: #E0F7EE;
}

.blue[b-64co807yhm] {
    background-color: #DEECFC;
}

.ml[b-64co807yhm] {
    margin-left: 15px;
}

.mr[b-64co807yhm] {
    margin-right: 15px;
}

.checkdiv[b-64co807yhm] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-64co807yhm] {
    width: 19px;
    height: 19px;
}

.date[b-64co807yhm] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-64co807yhm] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-64co807yhm] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-64co807yhm] {
    padding: 10px 20px;
}

.fl[b-64co807yhm] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-64co807yhm] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-64co807yhm] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-64co807yhm] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-64co807yhm] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-64co807yhm] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-64co807yhm] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-64co807yhm] {
    display: block;
}

.autocom-box li:hover[b-64co807yhm] {
    background: #efefef;
}

.search-input .icon[b-64co807yhm] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-64co807yhm] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-64co807yhm] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-64co807yhm] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-64co807yhm] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-64co807yhm] {
    background-color: #e7e7e7;
}

.detained[b-64co807yhm] {
    background-color: #f1baba;
}

.input-wrapper1[b-64co807yhm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-64co807yhm] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-64co807yhm] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-64co807yhm] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-64co807yhm] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-64co807yhm] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-64co807yhm] {
    width: 80px !important;
}

.status[b-64co807yhm] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-64co807yhm] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-64co807yhm] {
    position: relative;
}

.ml[b-64co807yhm] {
    margin-left: 15px;
}

.mr[b-64co807yhm] {
    margin-right: 15px;
}

.date[b-64co807yhm] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-64co807yhm] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-64co807yhm] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-64co807yhm] {
    padding: 10px 20px;
}

.search-input[b-64co807yhm] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-64co807yhm] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-64co807yhm] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-64co807yhm] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-64co807yhm] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-64co807yhm] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-64co807yhm] {
    display: block;
}

.autocom-box li:hover[b-64co807yhm] {
    background: #efefef;
}

.search-input .icon[b-64co807yhm] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-64co807yhm] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-64co807yhm] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-64co807yhm] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-64co807yhm] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-64co807yhm] {
    background-color: #e7e7e7;
}

.detained[b-64co807yhm] {
    background-color: #f1baba;
}

.input-wrapper[b-64co807yhm] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-64co807yhm] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-64co807yhm] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-64co807yhm] {
    width: 80px !important;
}

img[b-64co807yhm] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-64co807yhm] {
    text-align: center;
    margin-top: 35px;
}

.small[b-64co807yhm] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-64co807yhm] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-64co807yhm] {
    color: #6B6B6B !important;
}

.mud-drawer[b-64co807yhm] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-64co807yhm] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-64co807yhm] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-64co807yhm] {
    background-color: #dbebcf;
}

.il[b-64co807yhm] {
    text-align: right;
}

th[class^='column'][b-64co807yhm] {
    text-transform: capitalize;
}

a[b-64co807yhm] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-64co807yhm] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-64co807yhm] {
    overflow-x: scroll;
}

.space[b-64co807yhm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-64co807yhm] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-64co807yhm] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-64co807yhm] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-64co807yhm] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-64co807yhm] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-64co807yhm] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-64co807yhm] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-64co807yhm] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-64co807yhm] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-64co807yhm] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-64co807yhm] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-64co807yhm] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-64co807yhm] {
        width: 100%;
    }

    .item1[b-64co807yhm] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-64co807yhm] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-64co807yhm] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-64co807yhm] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-64co807yhm] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-64co807yhm] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-64co807yhm] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-64co807yhm] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-64co807yhm] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-64co807yhm] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-64co807yhm] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-64co807yhm] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-64co807yhm] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-64co807yhm] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-64co807yhm] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-64co807yhm] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-64co807yhm] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-64co807yhm] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-64co807yhm] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Invoice/Components/EParcelInvoiceComponent.razor.rz.scp.css */
/* /Pages/Invoice/Detail.razor.rz.scp.css */
.lab[b-a0tphycpmn] {
    font-size: 14px;
    font-weight: 500;
}

.in[b-a0tphycpmn] {
    font-size: 14px;
    font-weight: 700;
}

.in-d[b-a0tphycpmn] {
    font-size: 14px;
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.mr[b-a0tphycpmn] {
    margin-right: 15px;
}

.fl[b-a0tphycpmn] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}


@media screen and (max-width:400px) {
    .fl[b-a0tphycpmn] {
        justify-content: space-around;
    }

    .box[b-a0tphycpmn] {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr[b-a0tphycpmn] {
        marin-right: 0px;
    }
}

.search-input[b-a0tphycpmn] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-a0tphycpmn] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-a0tphycpmn] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-a0tphycpmn] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-a0tphycpmn] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-a0tphycpmn] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-a0tphycpmn] {
    display: block;
}

.autocom-box li:hover[b-a0tphycpmn] {
    background: #efefef;
}

.search-input .icon[b-a0tphycpmn] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-a0tphycpmn] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-a0tphycpmn] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-a0tphycpmn] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-a0tphycpmn] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}


@media screen and (max-width:400px) {
    .container-fluid[b-a0tphycpmn] {
        justify-content: space-around;
    }

    box[b-a0tphycpmn] {
        width: 40px;
    }

    box-3[b-a0tphycpmn] {
        width: 60px;
    }

    box-2[b-a0tphycpmn] {
        justify-content: space-around;
    }
}
/* /Pages/Invoice/DetainAdditionalDetail.razor.rz.scp.css */
*[b-pphrz4a1q1] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-pphrz4a1q1] {
    width: 135px;
}

body[b-pphrz4a1q1] {
    background-color: #ecd8b0;
}

.total-rec[b-pphrz4a1q1] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.btn-m[b-pphrz4a1q1] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-pphrz4a1q1] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.bw[b-pphrz4a1q1] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-pphrz4a1q1] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-pphrz4a1q1] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-pphrz4a1q1] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-pphrz4a1q1] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-pphrz4a1q1] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-pphrz4a1q1] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    grid-row: 1;
}*/

.item5[b-pphrz4a1q1] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}


.view[b-pphrz4a1q1] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-pphrz4a1q1] {
    width: 100%;
}

table[b-pphrz4a1q1] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-pphrz4a1q1] {
        position: relative;
    }

    table thead tr[b-pphrz4a1q1] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-pphrz4a1q1] {
        height: 50px;
    }


    table td[b-pphrz4a1q1], table th[b-pphrz4a1q1] {
        text-align: left;
    }

    table td[b-pphrz4a1q1] {
        line-height: 1;
    }

        table td.l[b-pphrz4a1q1], table th.l[b-pphrz4a1q1] {
            text-align: right;
        }

        table td.c[b-pphrz4a1q1], table th.c[b-pphrz4a1q1] {
            text-align: center;
        }

        table td.r[b-pphrz4a1q1], table th.r[b-pphrz4a1q1] {
            text-align: center;
        }

.table100-head th[b-pphrz4a1q1] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-pphrz4a1q1] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-pphrz4a1q1] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-pphrz4a1q1] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-pphrz4a1q1] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-pphrz4a1q1] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-pphrz4a1q1] {
    background-color: #E0F7EE;
}

.blue[b-pphrz4a1q1] {
    background-color: #DEECFC;
}

.ml[b-pphrz4a1q1] {
    margin-left: 15px;
}

.mr[b-pphrz4a1q1] {
    margin-right: 15px;
}

.checkdiv[b-pphrz4a1q1] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-pphrz4a1q1] {
    width: 19px;
    height: 19px;
}

.date[b-pphrz4a1q1] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-pphrz4a1q1] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-pphrz4a1q1] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-pphrz4a1q1] {
    padding: 10px 20px;
}

.fl[b-pphrz4a1q1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.search-input[b-pphrz4a1q1] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-pphrz4a1q1] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-pphrz4a1q1] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-pphrz4a1q1] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-pphrz4a1q1] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-pphrz4a1q1] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-pphrz4a1q1] {
    display: block;
}

.autocom-box li:hover[b-pphrz4a1q1] {
    background: #efefef;
}

.search-input .icon[b-pphrz4a1q1] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-pphrz4a1q1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-pphrz4a1q1] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-pphrz4a1q1] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-pphrz4a1q1] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-pphrz4a1q1] {
    background-color: #e7e7e7;
}

.detained[b-pphrz4a1q1] {
    background-color: #f1baba;
}

.input-wrapper1[b-pphrz4a1q1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-pphrz4a1q1] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-pphrz4a1q1] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-pphrz4a1q1] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-pphrz4a1q1] {
    width: 80px !important;
}

.btn-clear1[b-pphrz4a1q1] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-pphrz4a1q1] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }

.status[b-pphrz4a1q1] {
    background-color: #F6F4F1;
    height: 30px;
    width: 150px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-pphrz4a1q1] {
    text-align: center;
    padding-bottom: 20px;
}

.ml[b-pphrz4a1q1] {
    margin-left: 15px;
}

.mr[b-pphrz4a1q1] {
    margin-right: 15px;
}

.date[b-pphrz4a1q1] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-pphrz4a1q1] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-pphrz4a1q1] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-pphrz4a1q1] {
    padding: 10px 20px;
}

.mud-drawer[b-pphrz4a1q1] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-pphrz4a1q1] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-pphrz4a1q1] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-pphrz4a1q1] {
    background-color: #dbebcf;
}

.il[b-pphrz4a1q1] {
    text-align: right;
}

th[class^='column'][b-pphrz4a1q1] {
    text-transform: capitalize;
}



/*resposive*/

@media (max-width: 1018px) {
    .overflow-x[b-pphrz4a1q1] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:420px) {

    .bw-2[b-pphrz4a1q1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-pphrz4a1q1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-pphrz4a1q1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-pphrz4a1q1] {
        width: 100%;
    }

    .item1[b-pphrz4a1q1] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-pphrz4a1q1] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-pphrz4a1q1] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-pphrz4a1q1] {
        grid-column: 1;
        grid-row: 4;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-pphrz4a1q1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-pphrz4a1q1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-pphrz4a1q1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-pphrz4a1q1] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-pphrz4a1q1] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-pphrz4a1q1] {
        grid-column: 1;
        grid-row: 3;
    }

    /*   .item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-pphrz4a1q1] {
        grid-column: 1;
        grid-row: 4;
    }
}
/* /Pages/Invoice/DetainAdvanceConfirmation.razor.rz.scp.css */
*[b-o6p9tc8819] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-o6p9tc8819] {
    width: 135px;
}

body[b-o6p9tc8819] {
    background-color: #ecd8b0;
}

.total-rec[b-o6p9tc8819] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.btn-m[b-o6p9tc8819] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-o6p9tc8819] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.bw[b-o6p9tc8819] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-o6p9tc8819] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-o6p9tc8819] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-o6p9tc8819] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-o6p9tc8819] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-o6p9tc8819] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-o6p9tc8819] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    grid-row: 1;
}*/

.item5[b-o6p9tc8819] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}


.view[b-o6p9tc8819] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-o6p9tc8819] {
    width: 100%;
}

table[b-o6p9tc8819] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-o6p9tc8819] {
        position: relative;
    }

    table thead tr[b-o6p9tc8819] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-o6p9tc8819] {
        height: 50px;
    }


    table td[b-o6p9tc8819], table th[b-o6p9tc8819] {
        text-align: left;
    }

    table td[b-o6p9tc8819] {
        line-height: 1;
    }

        table td.l[b-o6p9tc8819], table th.l[b-o6p9tc8819] {
            text-align: right;
        }

        table td.c[b-o6p9tc8819], table th.c[b-o6p9tc8819] {
            text-align: center;
        }

        table td.r[b-o6p9tc8819], table th.r[b-o6p9tc8819] {
            text-align: center;
        }

.table100-head th[b-o6p9tc8819] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-o6p9tc8819] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-o6p9tc8819] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-o6p9tc8819] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-o6p9tc8819] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-o6p9tc8819] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-o6p9tc8819] {
    background-color: #E0F7EE;
}

.blue[b-o6p9tc8819] {
    background-color: #DEECFC;
}

.ml[b-o6p9tc8819] {
    margin-left: 15px;
}

.mr[b-o6p9tc8819] {
    margin-right: 15px;
}

.checkdiv[b-o6p9tc8819] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-o6p9tc8819] {
    width: 19px;
    height: 19px;
}

.date[b-o6p9tc8819] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-o6p9tc8819] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-o6p9tc8819] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-o6p9tc8819] {
    padding: 10px 20px;
}

.fl[b-o6p9tc8819] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.search-input[b-o6p9tc8819] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-o6p9tc8819] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-o6p9tc8819] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-o6p9tc8819] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-o6p9tc8819] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-o6p9tc8819] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-o6p9tc8819] {
    display: block;
}

.autocom-box li:hover[b-o6p9tc8819] {
    background: #efefef;
}

.search-input .icon[b-o6p9tc8819] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-o6p9tc8819] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-o6p9tc8819] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-o6p9tc8819] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-o6p9tc8819] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-o6p9tc8819] {
    background-color: #e7e7e7;
}

.detained[b-o6p9tc8819] {
    background-color: #f1baba;
}

.input-wrapper1[b-o6p9tc8819] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-o6p9tc8819] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-o6p9tc8819] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-o6p9tc8819] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-o6p9tc8819] {
    width: 80px !important;
}

.btn-clear1[b-o6p9tc8819] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-o6p9tc8819] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }

.status[b-o6p9tc8819] {
    background-color: #F6F4F1;
    height: 30px;
    width: 150px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-o6p9tc8819] {
    text-align: center;
    padding-bottom: 20px;
}

.ml[b-o6p9tc8819] {
    margin-left: 15px;
}

.mr[b-o6p9tc8819] {
    margin-right: 15px;
}

.date[b-o6p9tc8819] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-o6p9tc8819] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-o6p9tc8819] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-o6p9tc8819] {
    padding: 10px 20px;
}

.mud-drawer[b-o6p9tc8819] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-o6p9tc8819] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-o6p9tc8819] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-o6p9tc8819] {
    background-color: #dbebcf;
}

.il[b-o6p9tc8819] {
    text-align: right;
}

th[class^='column'][b-o6p9tc8819] {
    text-transform: capitalize;
}



/*resposive*/

@media (max-width: 1018px) {
    .overflow-x[b-o6p9tc8819] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:420px) {

    .bw-2[b-o6p9tc8819] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-o6p9tc8819] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-o6p9tc8819] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-o6p9tc8819] {
        width: 100%;
    }

    .item1[b-o6p9tc8819] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-o6p9tc8819] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-o6p9tc8819] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-o6p9tc8819] {
        grid-column: 1;
        grid-row: 4;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-o6p9tc8819] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-o6p9tc8819] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-o6p9tc8819] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-o6p9tc8819] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-o6p9tc8819] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-o6p9tc8819] {
        grid-column: 1;
        grid-row: 3;
    }

    /*   .item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-o6p9tc8819] {
        grid-column: 1;
        grid-row: 4;
    }
}
/* /Pages/Invoice/InvoiceFilter.razor.rz.scp.css */
*[b-a24nruap96] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-a24nruap96] {
    background-color: #ecd8b0;
}

.bw-2-1[b-a24nruap96] {
    background-color: white !important;
    padding: 10px 30px 15px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 0.1fr 0.1fr 0.1fr 0.1fr;
    grid-gap: 15px;
}

.box[b-a24nruap96] {
    position: relative;
}


.btn-m[b-a24nruap96] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-a24nruap96] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.bw-2[b-a24nruap96] {
    background-color: white !important;
    padding: 10px 30px 15px !important;
}

.view[b-a24nruap96] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-a24nruap96] {
    width: 100%;
}

table[b-a24nruap96] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-a24nruap96] {
        position: relative;
    }

    table thead tr[b-a24nruap96] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-a24nruap96] {
        height: 50px;
    }


    table td[b-a24nruap96], table th[b-a24nruap96] {
        text-align: left;
    }

    table td[b-a24nruap96] {
        line-height: 1;
    }

        table td.l[b-a24nruap96], table th.l[b-a24nruap96] {
            text-align: right;
        }

        table td.c[b-a24nruap96], table th.c[b-a24nruap96] {
            text-align: center;
        }

        table td.r[b-a24nruap96], table th.r[b-a24nruap96] {
            text-align: center;
        }

.table100-head th[b-a24nruap96] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-a24nruap96] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-a24nruap96] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-a24nruap96] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-a24nruap96] {
    width: 100px;
    text-align: center;
}

.column4[b-a24nruap96] {
    width: auto;
    padding-right: 20px;
}

.green[b-a24nruap96] {
    background-color: #E0F7EE;
}

.blue[b-a24nruap96] {
    background-color: #DEECFC;
}

.ml[b-a24nruap96] {
    margin-left: 15px;
}

.mr[b-a24nruap96] {
    margin-right: 15px;
}

.checkdiv[b-a24nruap96] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-a24nruap96] {
    width: 19px;
    height: 19px;
}

.date[b-a24nruap96] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-a24nruap96] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-a24nruap96] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-a24nruap96] {
    padding: 10px 20px;
}

.fl[b-a24nruap96] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.boi-drop[b-a24nruap96] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    min-width: 200px;
    border: 1px solid #BDBDBD !important;
}

.search-input[b-a24nruap96] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-a24nruap96] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-a24nruap96] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-a24nruap96] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-a24nruap96] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-a24nruap96] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-a24nruap96] {
    display: block;
}

.autocom-box li:hover[b-a24nruap96] {
    background: #efefef;
}

.search-input .icon[b-a24nruap96] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-a24nruap96] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-a24nruap96] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-a24nruap96] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-a24nruap96] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-a24nruap96] {
    background-color: #e7e7e7;
}

.detained[b-a24nruap96] {
    background-color: #f1baba;
}

.input-wrapper[b-a24nruap96] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-a24nruap96] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-a24nruap96] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-a24nruap96] {
    width: 80px !important;
}

.status[b-a24nruap96] {
    background-color: #F6F4F1;
    height: 30px;
    width: 150px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}



@media (max-width: 1018px) {
    .overflow-x[b-a24nruap96] {
        overflow-x: scroll;
    }
}

.clear-on-arrival[b-a24nruap96] {
    background-color: #dbebcf;
}

.il[b-a24nruap96] {
    text-align: right;
}

@media screen and (max-width:400px) {
    .fl[b-a24nruap96] {
        justify-content: space-around;
    }

    .box[b-a24nruap96] {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr[b-a24nruap96] {
        marin-right: 0px;
    }
}

@media screen and (max-width:400px) {
    .container-fluid[b-a24nruap96] {
        justify-content: space-around;
    }

    box[b-a24nruap96] {
        width: 40px;
    }

    box-3[b-a24nruap96] {
        width: 60px;
    }

    box-2[b-a24nruap96] {
        justify-content: space-around;
    }
}
/* /Pages/Invoice/View.razor.rz.scp.css */
/* /Pages/OnArrivalSap/View.razor.rz.scp.css */
*[b-eu3iarz1to] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-eu3iarz1to] {
    width: 135px;
}

body[b-eu3iarz1to] {
    background-color: #ecd8b0;
}

.btn-t[b-eu3iarz1to] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-eu3iarz1to] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-eu3iarz1to] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-eu3iarz1to] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-eu3iarz1to] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-eu3iarz1to] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-eu3iarz1to] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-eu3iarz1to] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-eu3iarz1to] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-eu3iarz1to] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-eu3iarz1to] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-eu3iarz1to] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-eu3iarz1to] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-eu3iarz1to] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-eu3iarz1to] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-eu3iarz1to] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-eu3iarz1to] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-eu3iarz1to] {
    width: 100%;
}

table[b-eu3iarz1to] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-eu3iarz1to] {
        position: relative;
    }

    table thead tr[b-eu3iarz1to] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-eu3iarz1to] {
        height: 50px;
    }


    table td[b-eu3iarz1to], table th[b-eu3iarz1to] {
        text-align: left;
    }

    table td[b-eu3iarz1to] {
        line-height: 1;
    }

        table td.l[b-eu3iarz1to], table th.l[b-eu3iarz1to] {
            text-align: right;
        }

        table td.c[b-eu3iarz1to], table th.c[b-eu3iarz1to] {
            text-align: center;
        }

        table td.r[b-eu3iarz1to], table th.r[b-eu3iarz1to] {
            text-align: center;
        }

.table100-head th[b-eu3iarz1to] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-eu3iarz1to] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-eu3iarz1to] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-eu3iarz1to] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-eu3iarz1to] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-eu3iarz1to] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-eu3iarz1to] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-eu3iarz1to] {
    background-color: #E0F7EE;
}

.blue[b-eu3iarz1to] {
    background-color: #DEECFC;
}

.ml[b-eu3iarz1to] {
    margin-left: 15px;
}

.mr[b-eu3iarz1to] {
    margin-right: 15px;
}

.checkdiv[b-eu3iarz1to] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-eu3iarz1to] {
    width: 19px;
    height: 19px;
}

.date[b-eu3iarz1to] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-eu3iarz1to] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-eu3iarz1to] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-eu3iarz1to] {
    padding: 10px 20px;
}

.fl[b-eu3iarz1to] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-eu3iarz1to] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-eu3iarz1to] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-eu3iarz1to] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-eu3iarz1to] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-eu3iarz1to] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-eu3iarz1to] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-eu3iarz1to] {
    display: block;
}

.autocom-box li:hover[b-eu3iarz1to] {
    background: #efefef;
}

.search-input .icon[b-eu3iarz1to] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-eu3iarz1to] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-eu3iarz1to] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-eu3iarz1to] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-eu3iarz1to] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-eu3iarz1to] {
    background-color: #e7e7e7;
}

.detained[b-eu3iarz1to] {
    background-color: #f1baba;
}

.input-wrapper1[b-eu3iarz1to] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-eu3iarz1to] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-eu3iarz1to] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-eu3iarz1to] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-eu3iarz1to] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-eu3iarz1to] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-eu3iarz1to] {
    width: 80px !important;
}

.status[b-eu3iarz1to] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-eu3iarz1to] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-eu3iarz1to] {
    position: relative;
}

.ml[b-eu3iarz1to] {
    margin-left: 15px;
}

.mr[b-eu3iarz1to] {
    margin-right: 15px;
}

.date[b-eu3iarz1to] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-eu3iarz1to] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-eu3iarz1to] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-eu3iarz1to] {
    padding: 10px 20px;
}

.search-input[b-eu3iarz1to] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-eu3iarz1to] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-eu3iarz1to] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-eu3iarz1to] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-eu3iarz1to] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-eu3iarz1to] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-eu3iarz1to] {
    display: block;
}

.autocom-box li:hover[b-eu3iarz1to] {
    background: #efefef;
}

.search-input .icon[b-eu3iarz1to] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-eu3iarz1to] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-eu3iarz1to] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-eu3iarz1to] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-eu3iarz1to] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-eu3iarz1to] {
    background-color: #e7e7e7;
}

.detained[b-eu3iarz1to] {
    background-color: #f1baba;
}

.input-wrapper[b-eu3iarz1to] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-eu3iarz1to] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-eu3iarz1to] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-eu3iarz1to] {
    width: 80px !important;
}

img[b-eu3iarz1to] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-eu3iarz1to] {
    text-align: center;
    margin-top: 35px;
}

.small[b-eu3iarz1to] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-eu3iarz1to] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-eu3iarz1to] {
    color: #6B6B6B !important;
}

.mud-drawer[b-eu3iarz1to] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-eu3iarz1to] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-eu3iarz1to] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-eu3iarz1to] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-eu3iarz1to] {
    background-color: #dbebcf;
}

.il[b-eu3iarz1to] {
    text-align: right;
}

th[class^='column'][b-eu3iarz1to] {
    text-transform: capitalize;
}

a[b-eu3iarz1to] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-eu3iarz1to] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-eu3iarz1to] {
    overflow-x: scroll;
}

.space[b-eu3iarz1to] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-eu3iarz1to] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-eu3iarz1to] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-eu3iarz1to] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-eu3iarz1to] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-eu3iarz1to] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-eu3iarz1to] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-eu3iarz1to] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-eu3iarz1to] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-eu3iarz1to] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-eu3iarz1to] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-eu3iarz1to] {
        width: 100%;
    }

    .item1[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-eu3iarz1to] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-eu3iarz1to] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-eu3iarz1to] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-eu3iarz1to] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/PackageQueue/ClearedReason.razor.rz.scp.css */
.dropdown[b-ecvfpqgwpw] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-ecvfpqgwpw] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-ecvfpqgwpw] {
    padding: 10px 20px;
}


.boi-drop[b-ecvfpqgwpw] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/PackageQueue/QueueFilters.razor.rz.scp.css */
*[b-iimt0sles1] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-iimt0sles1] {
    background-color: #ecd8b0;
}

.bw-2-1[b-iimt0sles1] {
    border-bottom: 1px solid #E8E8E8;
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 65px 220px 220px auto 225px 300px 200px;
    grid-gap: 15px;
}

.item1[b-iimt0sles1] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-iimt0sles1] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-iimt0sles1] {
    grid-column: 3;
    grid-row: 1;
}

.item4[b-iimt0sles1] {
    grid-column: 2;
    grid-row: 2;
}

.item5[b-iimt0sles1] {
    grid-column: 3;
    grid-row: 2;
}

.item6[b-iimt0sles1] {
    grid-column: 4;
    grid-row: 2;
}

.ml[b-iimt0sles1] {
    margin-left: 15px;
}

.mr[b-iimt0sles1] {
    margin-right: 15px;
}

.date[b-iimt0sles1] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-iimt0sles1] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-iimt0sles1] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-iimt0sles1] {
    padding: 10px 20px;
}


.boi-drop[b-iimt0sles1] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width:220px;
    border: 1px solid #BDBDBD !important;
}

.search-input[b-iimt0sles1] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-iimt0sles1] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-iimt0sles1] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-iimt0sles1] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-iimt0sles1] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-iimt0sles1] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-iimt0sles1] {
    display: block;
}

.autocom-box li:hover[b-iimt0sles1] {
    background: #efefef;
}

.search-input .icon[b-iimt0sles1] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-iimt0sles1] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-iimt0sles1] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-iimt0sles1] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-iimt0sles1] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-iimt0sles1] {
    background-color: #e7e7e7;
}

.detained[b-iimt0sles1] {
    background-color: #f1baba;
}

.input-wrapper[b-iimt0sles1] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-iimt0sles1] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-iimt0sles1] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-iimt0sles1] {
    width: 80px !important;
}

.status[b-iimt0sles1] {
    background-color: #F6F4F1;
    height: 30px;
    width: 150px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.small[b-iimt0sles1] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-iimt0sles1] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-iimt0sles1] {
    color: #6B6B6B !important;
}

.clear-on-arrival[b-iimt0sles1] {
    background-color: #dbebcf;
}

.il[b-iimt0sles1] {
    text-align: right;
}

/*@media screen and (max-width:400px) {
    .fl {
        justify-content: space-around;
    }

    .box {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr {
        marin-right: 0px;
    }
}

@media screen and (max-width:500px) {
    .container-fluid {
        justify-content: space-around;
    }

    box {
        width: 40px;
    }

    box-3 {
        width: 60px;
    }

    box-2 {
        justify-content: space-around;
    }

    .bw-2-1 {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
}*/

@media (max-width: 1018px) {
    .overflow-x[b-iimt0sles1] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:420px) {
    .boi-drop[b-iimt0sles1] {
        width: 100%;
    }

    .bw-2[b-iimt0sles1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-iimt0sles1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-iimt0sles1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-iimt0sles1] {
        width: 100%;
    }

    .item1[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 3;
    }

    .item4[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 4;
    }

    .item5[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 5;
    }

    .item6[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 6;
    }

    .item7[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 7;
    }

    .item8[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 8;
    }

    .item9[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 9;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-iimt0sles1] {
        width: 100%;
    }
    
    .btn-primary[b-iimt0sles1] {
        width: 100%;
    }

    .bw-2[b-iimt0sles1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-iimt0sles1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-iimt0sles1] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 3;
    }

    .item4[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 4;
    }

    .item5[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 5;
    }

    .item6[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 6;
    }

    .item7[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 7;
    }

    .item8[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 8;
    }

    .item9[b-iimt0sles1] {
        grid-column: 1;
        grid-row: 9;
    }
}
/* /Pages/PackageQueue/View.razor.rz.scp.css */
*[b-71mlkveob0] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

box-2[b-71mlkveob0] {
    justify-content: space-around;
    display: flex;
    justify-items: start;
}

.item9[b-71mlkveob0] {
    grid-column: 7;
    grid-row: 1;
}

.item7[b-71mlkveob0] {
    grid-column: 6;
    grid-row: 1;
}

.item8[b-71mlkveob0] {
    grid-column: 5;
    grid-row: 1;
}

body[b-71mlkveob0] {
    background-color: #ecd8b0;
}

.total-rec[b-71mlkveob0] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}


.btn-m[b-71mlkveob0] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-71mlkveob0] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.bw-2[b-71mlkveob0] {
    background-color: white !important;
    padding: 10px 30px 15px !important;
}

.bw-2-1[b-71mlkveob0] {
    background-color: white !important;
    padding: 10px 30px 15px !important;
    border-top: 1px solid #E8E8E8;
}

.view[b-71mlkveob0] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-71mlkveob0] {
    width: 100%;
}

table[b-71mlkveob0] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-71mlkveob0] {
        position: relative;
    }

    table thead tr[b-71mlkveob0] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-71mlkveob0] {
        height: 50px;
    }


    table td[b-71mlkveob0], table th[b-71mlkveob0] {
        text-align: left;
    }

    table td[b-71mlkveob0] {
        line-height: 1;
    }

        table td.l[b-71mlkveob0], table th.l[b-71mlkveob0] {
            text-align: right;
        }

        table td.c[b-71mlkveob0], table th.c[b-71mlkveob0] {
            text-align: center;
        }

        table td.r[b-71mlkveob0], table th.r[b-71mlkveob0] {
            text-align: center;
        }

.table100-head th[b-71mlkveob0] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-71mlkveob0] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-71mlkveob0] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-71mlkveob0] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-71mlkveob0] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-71mlkveob0] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-71mlkveob0] {
    background-color: #E0F7EE;
}

.blue[b-71mlkveob0] {
    background-color: #DEECFC;
}

.ml[b-71mlkveob0] {
    margin-left: 15px;
}

.mr[b-71mlkveob0] {
    margin-right: 15px;
}

.checkdiv[b-71mlkveob0] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-71mlkveob0] {
    width: 19px;
    height: 19px;
}

.date[b-71mlkveob0] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-71mlkveob0] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-71mlkveob0] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-71mlkveob0] {
    padding: 10px 20px;
}

.fl[b-71mlkveob0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.boi-drop[b-71mlkveob0] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    min-width: 200px;
    border: 1px solid #BDBDBD !important;
}

.search-input[b-71mlkveob0] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-71mlkveob0] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-71mlkveob0] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-71mlkveob0] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-71mlkveob0] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-71mlkveob0] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-71mlkveob0] {
    display: block;
}

.autocom-box li:hover[b-71mlkveob0] {
    background: #efefef;
}

.search-input .icon[b-71mlkveob0] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-71mlkveob0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-71mlkveob0] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-71mlkveob0] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-71mlkveob0] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-71mlkveob0] {
    background-color: #e7e7e7;
}

.detained[b-71mlkveob0] {
    background-color: #f1baba;
}

.input-wrapper[b-71mlkveob0] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.input-wrapper1[b-71mlkveob0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.btn-clear1[b-71mlkveob0] {
    font-size: 18px;
    width: 50px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-71mlkveob0] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }

.search[b-71mlkveob0] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #bdbdbd;
    font-size: 16px;
    margin-bottom: 0px;
}

.fa-times .fa-search[b-71mlkveob0] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-71mlkveob0] {
    width: 80px !important;
}

.status[b-71mlkveob0] {
    background-color: #F6F4F1;
    height: 30px;
    width: 150px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-71mlkveob0] {
    text-align: center;
    padding-bottom: 20px;
}

.small[b-71mlkveob0] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-71mlkveob0] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-71mlkveob0] {
    color: #6B6B6B !important;
}

.clear-on-arrival[b-71mlkveob0] {
    background-color: #dbebcf;
}

.il[b-71mlkveob0] {
    text-align: right;
}

th[class^='column'][b-71mlkveob0] {
    text-transform: capitalize;
}


/*@media screen and (max-width:400px) {
    .fl {
        justify-content: space-around;
    }

    .box {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr {
        marin-right: 0px;
    }
}

@media screen and (max-width:400px) {
    .container-fluid {
        justify-content: space-around;
    }

    box {
        width: 40px;
    }

    box-3 {
        width: 60px;
    }

    box-2 {
        justify-content: space-around;
        display: flex;
        justify-items: start;
    }
}*/

@media (max-width: 1018px) {
    .overflow-x[b-71mlkveob0] {
        overflow-x: scroll;
    }
}

@media (max-width: 1290px) {
    .item9[b-71mlkveob0] {
        grid-column: 2;
        grid-row: 2;
    }
}

@media screen and (max-width:420px) {
    .boi-drop[b-71mlkveob0] {
        width: 100%;
    }

    .bw-2[b-71mlkveob0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-71mlkveob0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-71mlkveob0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-71mlkveob0] {
        width: 100%;
    }

    .item1[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 3;
    }

    .item4[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 4;
    }

    .item5[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 5;
    }

    .item6[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 6;
    }

    .item7[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 7;
    }

    .item8[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 8;
    }

    .item9[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 9;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-71mlkveob0] {
        width: 100%;
    }

    .bw-2[b-71mlkveob0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-71mlkveob0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-71mlkveob0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 3;
    }

    .item4[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 4;
    }

    .item5[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 5;
    }

    .item6[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 6;
    }

    .item7[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 7;
    }

    .item8[b-71mlkveob0] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/PickupScheduler/CourierAssign.razor.rz.scp.css */
.dropdown[b-4mqgkedkuh] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-4mqgkedkuh] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-4mqgkedkuh] {
    padding: 10px 20px;
}


.boi-drop[b-4mqgkedkuh] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/PickupScheduler/PickupCustomer.razor.rz.scp.css */
body[b-syjdkri81m] {
}
/* /Pages/PickupScheduler/PickupCustomerAddress.razor.rz.scp.css */
.dropdown[b-sf7j8z20gy] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-sf7j8z20gy] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-sf7j8z20gy] {
    padding: 10px 20px;
}


.boi-drop[b-sf7j8z20gy] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/PickupScheduler/PickupCustomerContact.razor.rz.scp.css */
.dropdown[b-rvtq9dagcp] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-rvtq9dagcp] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-rvtq9dagcp] {
    padding: 10px 20px;
}


.boi-drop[b-rvtq9dagcp] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100%;
    border: 1px solid #BDBDBD !important;
}
/* /Pages/PickupScheduler/PickupCustomerList.razor.rz.scp.css */
*[b-cyeytujhfw] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-cyeytujhfw] {
    width: 135px;
}

body[b-cyeytujhfw] {
    background-color: #ecd8b0;
}

.btn-t[b-cyeytujhfw] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-cyeytujhfw] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-cyeytujhfw] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-cyeytujhfw] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-cyeytujhfw] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-cyeytujhfw] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-cyeytujhfw] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-cyeytujhfw] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-cyeytujhfw] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-cyeytujhfw] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-cyeytujhfw] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-cyeytujhfw] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-cyeytujhfw] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-cyeytujhfw] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-cyeytujhfw] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-cyeytujhfw] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-cyeytujhfw] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-cyeytujhfw] {
    width: 100%;
}

table[b-cyeytujhfw] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-cyeytujhfw] {
        position: relative;
    }

    table thead tr[b-cyeytujhfw] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-cyeytujhfw] {
        height: 50px;
    }


    table td[b-cyeytujhfw], table th[b-cyeytujhfw] {
        text-align: left;
    }

    table td[b-cyeytujhfw] {
        line-height: 1;
    }

        table td.l[b-cyeytujhfw], table th.l[b-cyeytujhfw] {
            text-align: right;
        }

        table td.c[b-cyeytujhfw], table th.c[b-cyeytujhfw] {
            text-align: center;
        }

        table td.r[b-cyeytujhfw], table th.r[b-cyeytujhfw] {
            text-align: center;
        }

.table100-head th[b-cyeytujhfw] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-cyeytujhfw] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-cyeytujhfw] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-cyeytujhfw] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-cyeytujhfw] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-cyeytujhfw] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-cyeytujhfw] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-cyeytujhfw] {
    background-color: #E0F7EE;
}

.blue[b-cyeytujhfw] {
    background-color: #DEECFC;
}

.ml[b-cyeytujhfw] {
    margin-left: 15px;
}

.mr[b-cyeytujhfw] {
    margin-right: 15px;
}

.checkdiv[b-cyeytujhfw] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-cyeytujhfw] {
    width: 19px;
    height: 19px;
}

.date[b-cyeytujhfw] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-cyeytujhfw] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-cyeytujhfw] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-cyeytujhfw] {
    padding: 10px 20px;
}

.fl[b-cyeytujhfw] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-cyeytujhfw] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-cyeytujhfw] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-cyeytujhfw] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-cyeytujhfw] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-cyeytujhfw] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-cyeytujhfw] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-cyeytujhfw] {
    display: block;
}

.autocom-box li:hover[b-cyeytujhfw] {
    background: #efefef;
}

.search-input .icon[b-cyeytujhfw] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-cyeytujhfw] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-cyeytujhfw] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-cyeytujhfw] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-cyeytujhfw] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-cyeytujhfw] {
    background-color: #e7e7e7;
}

.detained[b-cyeytujhfw] {
    background-color: #f1baba;
}

.input-wrapper1[b-cyeytujhfw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-cyeytujhfw] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-cyeytujhfw] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-cyeytujhfw] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-cyeytujhfw] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-cyeytujhfw] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-cyeytujhfw] {
    width: 80px !important;
}

.status[b-cyeytujhfw] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-cyeytujhfw] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-cyeytujhfw] {
    position: relative;
}

.ml[b-cyeytujhfw] {
    margin-left: 15px;
}

.mr[b-cyeytujhfw] {
    margin-right: 15px;
}

.date[b-cyeytujhfw] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-cyeytujhfw] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-cyeytujhfw] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-cyeytujhfw] {
    padding: 10px 20px;
}

.search-input[b-cyeytujhfw] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-cyeytujhfw] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-cyeytujhfw] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-cyeytujhfw] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-cyeytujhfw] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-cyeytujhfw] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-cyeytujhfw] {
    display: block;
}

.autocom-box li:hover[b-cyeytujhfw] {
    background: #efefef;
}

.search-input .icon[b-cyeytujhfw] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-cyeytujhfw] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-cyeytujhfw] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-cyeytujhfw] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-cyeytujhfw] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-cyeytujhfw] {
    background-color: #e7e7e7;
}

.detained[b-cyeytujhfw] {
    background-color: #f1baba;
}

.input-wrapper[b-cyeytujhfw] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-cyeytujhfw] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-cyeytujhfw] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-cyeytujhfw] {
    width: 80px !important;
}

img[b-cyeytujhfw] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-cyeytujhfw] {
    text-align: center;
    margin-top: 35px;
}

.small[b-cyeytujhfw] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-cyeytujhfw] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-cyeytujhfw] {
    color: #6B6B6B !important;
}

.mud-drawer[b-cyeytujhfw] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-cyeytujhfw] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-cyeytujhfw] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-cyeytujhfw] {
    background-color: #dbebcf;
}

.il[b-cyeytujhfw] {
    text-align: right;
}

th[class^='column'][b-cyeytujhfw] {
    text-transform: capitalize;
}

a[b-cyeytujhfw] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-cyeytujhfw] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-cyeytujhfw] {
    overflow-x: scroll;
}

.space[b-cyeytujhfw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-cyeytujhfw] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-cyeytujhfw] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-cyeytujhfw] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-cyeytujhfw] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-cyeytujhfw] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-cyeytujhfw] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-cyeytujhfw] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-cyeytujhfw] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-cyeytujhfw] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-cyeytujhfw] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-cyeytujhfw] {
        width: 100%;
    }

    .item1[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-cyeytujhfw] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-cyeytujhfw] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-cyeytujhfw] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-cyeytujhfw] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/PickupScheduler/ReSchedulePickup.razor.rz.scp.css */
body[b-dxqo43m8tl] {
}
/* /Pages/PickupScheduler/Scheduled.razor.rz.scp.css */
*[b-rt7wx1wyfk] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-rt7wx1wyfk] {
    width: 135px;
}

body[b-rt7wx1wyfk] {
    background-color: #ecd8b0;
}

.btn-t[b-rt7wx1wyfk] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-rt7wx1wyfk] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-rt7wx1wyfk] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-rt7wx1wyfk] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-rt7wx1wyfk] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-rt7wx1wyfk] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-rt7wx1wyfk] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-rt7wx1wyfk] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-rt7wx1wyfk] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-rt7wx1wyfk] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-rt7wx1wyfk] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-rt7wx1wyfk] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-rt7wx1wyfk] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-rt7wx1wyfk] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-rt7wx1wyfk] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-rt7wx1wyfk] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-rt7wx1wyfk] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-rt7wx1wyfk] {
    width: 100%;
}

table[b-rt7wx1wyfk] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-rt7wx1wyfk] {
        position: relative;
    }

    table thead tr[b-rt7wx1wyfk] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-rt7wx1wyfk] {
        height: 50px;
    }


    table td[b-rt7wx1wyfk], table th[b-rt7wx1wyfk] {
        text-align: left;
    }

    table td[b-rt7wx1wyfk] {
        line-height: 1;
    }

        table td.l[b-rt7wx1wyfk], table th.l[b-rt7wx1wyfk] {
            text-align: right;
        }

        table td.c[b-rt7wx1wyfk], table th.c[b-rt7wx1wyfk] {
            text-align: center;
        }

        table td.r[b-rt7wx1wyfk], table th.r[b-rt7wx1wyfk] {
            text-align: center;
        }

.table100-head th[b-rt7wx1wyfk] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-rt7wx1wyfk] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-rt7wx1wyfk] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-rt7wx1wyfk] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-rt7wx1wyfk] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-rt7wx1wyfk] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-rt7wx1wyfk] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-rt7wx1wyfk] {
    background-color: #E0F7EE;
}

.blue[b-rt7wx1wyfk] {
    background-color: #DEECFC;
}

.ml[b-rt7wx1wyfk] {
    margin-left: 15px;
}

.mr[b-rt7wx1wyfk] {
    margin-right: 15px;
}

.checkdiv[b-rt7wx1wyfk] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-rt7wx1wyfk] {
    width: 19px;
    height: 19px;
}

.date[b-rt7wx1wyfk] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-rt7wx1wyfk] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-rt7wx1wyfk] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-rt7wx1wyfk] {
    padding: 10px 20px;
}

.fl[b-rt7wx1wyfk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-rt7wx1wyfk] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-rt7wx1wyfk] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-rt7wx1wyfk] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-rt7wx1wyfk] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-rt7wx1wyfk] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-rt7wx1wyfk] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-rt7wx1wyfk] {
    display: block;
}

.autocom-box li:hover[b-rt7wx1wyfk] {
    background: #efefef;
}

.search-input .icon[b-rt7wx1wyfk] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-rt7wx1wyfk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-rt7wx1wyfk] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-rt7wx1wyfk] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-rt7wx1wyfk] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-rt7wx1wyfk] {
    background-color: #e7e7e7;
}

.detained[b-rt7wx1wyfk] {
    background-color: #f1baba;
}

.input-wrapper1[b-rt7wx1wyfk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-rt7wx1wyfk] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-rt7wx1wyfk] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-rt7wx1wyfk] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-rt7wx1wyfk] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-rt7wx1wyfk] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-rt7wx1wyfk] {
    width: 80px !important;
}

.status[b-rt7wx1wyfk] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-rt7wx1wyfk] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-rt7wx1wyfk] {
    position: relative;
}

.ml[b-rt7wx1wyfk] {
    margin-left: 15px;
}

.mr[b-rt7wx1wyfk] {
    margin-right: 15px;
}

.date[b-rt7wx1wyfk] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-rt7wx1wyfk] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-rt7wx1wyfk] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-rt7wx1wyfk] {
    padding: 10px 20px;
}

.search-input[b-rt7wx1wyfk] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-rt7wx1wyfk] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-rt7wx1wyfk] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-rt7wx1wyfk] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-rt7wx1wyfk] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-rt7wx1wyfk] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-rt7wx1wyfk] {
    display: block;
}

.autocom-box li:hover[b-rt7wx1wyfk] {
    background: #efefef;
}

.search-input .icon[b-rt7wx1wyfk] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-rt7wx1wyfk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-rt7wx1wyfk] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-rt7wx1wyfk] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-rt7wx1wyfk] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-rt7wx1wyfk] {
    background-color: #e7e7e7;
}

.detained[b-rt7wx1wyfk] {
    background-color: #f1baba;
}

.input-wrapper[b-rt7wx1wyfk] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-rt7wx1wyfk] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-rt7wx1wyfk] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-rt7wx1wyfk] {
    width: 80px !important;
}

img[b-rt7wx1wyfk] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-rt7wx1wyfk] {
    text-align: center;
    margin-top: 35px;
}

.small[b-rt7wx1wyfk] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-rt7wx1wyfk] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-rt7wx1wyfk] {
    color: #6B6B6B !important;
}

.mud-drawer[b-rt7wx1wyfk] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-rt7wx1wyfk] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-rt7wx1wyfk] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-rt7wx1wyfk] {
    background-color: #dbebcf;
}

.il[b-rt7wx1wyfk] {
    text-align: right;
}

th[class^='column'][b-rt7wx1wyfk] {
    text-transform: capitalize;
}

a[b-rt7wx1wyfk] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-rt7wx1wyfk] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-rt7wx1wyfk] {
    overflow-x: scroll;
}

.space[b-rt7wx1wyfk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-rt7wx1wyfk] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-rt7wx1wyfk] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-rt7wx1wyfk] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-rt7wx1wyfk] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-rt7wx1wyfk] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-rt7wx1wyfk] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-rt7wx1wyfk] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-rt7wx1wyfk] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-rt7wx1wyfk] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-rt7wx1wyfk] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-rt7wx1wyfk] {
        width: 100%;
    }

    .item1[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-rt7wx1wyfk] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-rt7wx1wyfk] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-rt7wx1wyfk] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-rt7wx1wyfk] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/PickupScheduler/SchedulePickup.razor.rz.scp.css */
body[b-71afjpzwr1] {
}
/* /Pages/PickupScheduler/ThundraPickup.razor.rz.scp.css */
*[b-fjdch12o29] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-fjdch12o29] {
    width: 135px;
}

body[b-fjdch12o29] {
    background-color: #ecd8b0;
}

.btn-t[b-fjdch12o29] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-fjdch12o29] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-fjdch12o29] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-fjdch12o29] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-fjdch12o29] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-fjdch12o29] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-fjdch12o29] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-fjdch12o29] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-fjdch12o29] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-fjdch12o29] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-fjdch12o29] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-fjdch12o29] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-fjdch12o29] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-fjdch12o29] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-fjdch12o29] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-fjdch12o29] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-fjdch12o29] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-fjdch12o29] {
    width: 100%;
}

table[b-fjdch12o29] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-fjdch12o29] {
        position: relative;
    }

    table thead tr[b-fjdch12o29] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-fjdch12o29] {
        height: 50px;
    }


    table td[b-fjdch12o29], table th[b-fjdch12o29] {
        text-align: left;
    }

    table td[b-fjdch12o29] {
        line-height: 1;
    }

        table td.l[b-fjdch12o29], table th.l[b-fjdch12o29] {
            text-align: right;
        }

        table td.c[b-fjdch12o29], table th.c[b-fjdch12o29] {
            text-align: center;
        }

        table td.r[b-fjdch12o29], table th.r[b-fjdch12o29] {
            text-align: center;
        }

.table100-head th[b-fjdch12o29] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-fjdch12o29] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-fjdch12o29] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-fjdch12o29] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-fjdch12o29] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-fjdch12o29] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-fjdch12o29] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-fjdch12o29] {
    background-color: #E0F7EE;
}

.blue[b-fjdch12o29] {
    background-color: #DEECFC;
}

.ml[b-fjdch12o29] {
    margin-left: 15px;
}

.mr[b-fjdch12o29] {
    margin-right: 15px;
}

.checkdiv[b-fjdch12o29] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-fjdch12o29] {
    width: 19px;
    height: 19px;
}

.date[b-fjdch12o29] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-fjdch12o29] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-fjdch12o29] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-fjdch12o29] {
    padding: 10px 20px;
}

.fl[b-fjdch12o29] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-fjdch12o29] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-fjdch12o29] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-fjdch12o29] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-fjdch12o29] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-fjdch12o29] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-fjdch12o29] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-fjdch12o29] {
    display: block;
}

.autocom-box li:hover[b-fjdch12o29] {
    background: #efefef;
}

.search-input .icon[b-fjdch12o29] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-fjdch12o29] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-fjdch12o29] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-fjdch12o29] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-fjdch12o29] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-fjdch12o29] {
    background-color: #e7e7e7;
}

.detained[b-fjdch12o29] {
    background-color: #f1baba;
}

.input-wrapper1[b-fjdch12o29] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-fjdch12o29] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-fjdch12o29] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-fjdch12o29] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-fjdch12o29] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-fjdch12o29] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-fjdch12o29] {
    width: 80px !important;
}

.status[b-fjdch12o29] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-fjdch12o29] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-fjdch12o29] {
    position: relative;
}

.ml[b-fjdch12o29] {
    margin-left: 15px;
}

.mr[b-fjdch12o29] {
    margin-right: 15px;
}

.date[b-fjdch12o29] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-fjdch12o29] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-fjdch12o29] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-fjdch12o29] {
    padding: 10px 20px;
}

.search-input[b-fjdch12o29] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-fjdch12o29] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-fjdch12o29] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-fjdch12o29] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-fjdch12o29] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-fjdch12o29] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-fjdch12o29] {
    display: block;
}

.autocom-box li:hover[b-fjdch12o29] {
    background: #efefef;
}

.search-input .icon[b-fjdch12o29] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-fjdch12o29] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-fjdch12o29] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-fjdch12o29] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-fjdch12o29] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-fjdch12o29] {
    background-color: #e7e7e7;
}

.detained[b-fjdch12o29] {
    background-color: #f1baba;
}

.input-wrapper[b-fjdch12o29] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-fjdch12o29] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-fjdch12o29] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-fjdch12o29] {
    width: 80px !important;
}

img[b-fjdch12o29] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-fjdch12o29] {
    text-align: center;
    margin-top: 35px;
}

.small[b-fjdch12o29] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-fjdch12o29] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-fjdch12o29] {
    color: #6B6B6B !important;
}

.mud-drawer[b-fjdch12o29] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-fjdch12o29] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-fjdch12o29] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-fjdch12o29] {
    background-color: #dbebcf;
}

.il[b-fjdch12o29] {
    text-align: right;
}

th[class^='column'][b-fjdch12o29] {
    text-transform: capitalize;
}

a[b-fjdch12o29] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-fjdch12o29] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-fjdch12o29] {
    overflow-x: scroll;
}

.space[b-fjdch12o29] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-fjdch12o29] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-fjdch12o29] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-fjdch12o29] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-fjdch12o29] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-fjdch12o29] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-fjdch12o29] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-fjdch12o29] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-fjdch12o29] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-fjdch12o29] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-fjdch12o29] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-fjdch12o29] {
        width: 100%;
    }

    .item1[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-fjdch12o29] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-fjdch12o29] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-fjdch12o29] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-fjdch12o29] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/PickupScheduler/TimeLine.razor.rz.scp.css */
/* styles.css */
.popup[b-dfjyxznban] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 150%;
    height: 150%;
    background: rgba(0, 0, 0, 0.5);
}

.popup-content[b-dfjyxznban] {
    position: absolute;
    top: 100%;
    left: 100%;
    right: 100%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 8px;
}

.visible[b-dfjyxznban] {
    display: block;
}

.hidden[b-dfjyxznban] {
    display: none;
}
/* /Pages/Pod/Filters/CourrierFilter.razor.rz.scp.css */

.boi-drop[b-j8t8h0n8j9] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-j8t8h0n8j9] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-j8t8h0n8j9] {
        width: 100%;
    }
}
/* /Pages/Pod/View.razor.rz.scp.css */
*[b-r5yzcu0es0] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-r5yzcu0es0] {
    width: 135px;
}

body[b-r5yzcu0es0] {
    background-color: #ecd8b0;
}

.btn-t[b-r5yzcu0es0] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-r5yzcu0es0] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-r5yzcu0es0] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-r5yzcu0es0] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-r5yzcu0es0] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-r5yzcu0es0] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-r5yzcu0es0] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-r5yzcu0es0] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-r5yzcu0es0] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-r5yzcu0es0] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-r5yzcu0es0] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-r5yzcu0es0] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-r5yzcu0es0] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-r5yzcu0es0] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-r5yzcu0es0] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-r5yzcu0es0] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-r5yzcu0es0] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-r5yzcu0es0] {
    width: 100%;
}

table[b-r5yzcu0es0] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-r5yzcu0es0] {
        position: relative;
    }

    table thead tr[b-r5yzcu0es0] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-r5yzcu0es0] {
        height: 50px;
    }


    table td[b-r5yzcu0es0], table th[b-r5yzcu0es0] {
        text-align: left;
    }

    table td[b-r5yzcu0es0] {
        line-height: 1;
    }

        table td.l[b-r5yzcu0es0], table th.l[b-r5yzcu0es0] {
            text-align: right;
        }

        table td.c[b-r5yzcu0es0], table th.c[b-r5yzcu0es0] {
            text-align: center;
        }

        table td.r[b-r5yzcu0es0], table th.r[b-r5yzcu0es0] {
            text-align: center;
        }

.table100-head th[b-r5yzcu0es0] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-r5yzcu0es0] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-r5yzcu0es0] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-r5yzcu0es0] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-r5yzcu0es0] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-r5yzcu0es0] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-r5yzcu0es0] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-r5yzcu0es0] {
    background-color: #E0F7EE;
}

.blue[b-r5yzcu0es0] {
    background-color: #DEECFC;
}

.ml[b-r5yzcu0es0] {
    margin-left: 15px;
}

.mr[b-r5yzcu0es0] {
    margin-right: 15px;
}

.checkdiv[b-r5yzcu0es0] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-r5yzcu0es0] {
    width: 19px;
    height: 19px;
}

.date[b-r5yzcu0es0] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-r5yzcu0es0] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-r5yzcu0es0] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-r5yzcu0es0] {
    padding: 10px 20px;
}

.fl[b-r5yzcu0es0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-r5yzcu0es0] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-r5yzcu0es0] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-r5yzcu0es0] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-r5yzcu0es0] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-r5yzcu0es0] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-r5yzcu0es0] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-r5yzcu0es0] {
    display: block;
}

.autocom-box li:hover[b-r5yzcu0es0] {
    background: #efefef;
}

.search-input .icon[b-r5yzcu0es0] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-r5yzcu0es0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-r5yzcu0es0] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-r5yzcu0es0] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-r5yzcu0es0] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-r5yzcu0es0] {
    background-color: #e7e7e7;
}

.detained[b-r5yzcu0es0] {
    background-color: #f1baba;
}

.input-wrapper1[b-r5yzcu0es0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-r5yzcu0es0] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-r5yzcu0es0] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-r5yzcu0es0] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-r5yzcu0es0] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-r5yzcu0es0] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-r5yzcu0es0] {
    width: 80px !important;
}

.status[b-r5yzcu0es0] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-r5yzcu0es0] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-r5yzcu0es0] {
    position: relative;
}

.ml[b-r5yzcu0es0] {
    margin-left: 15px;
}

.mr[b-r5yzcu0es0] {
    margin-right: 15px;
}

.date[b-r5yzcu0es0] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-r5yzcu0es0] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-r5yzcu0es0] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-r5yzcu0es0] {
    padding: 10px 20px;
}

.search-input[b-r5yzcu0es0] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-r5yzcu0es0] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-r5yzcu0es0] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-r5yzcu0es0] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-r5yzcu0es0] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-r5yzcu0es0] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-r5yzcu0es0] {
    display: block;
}

.autocom-box li:hover[b-r5yzcu0es0] {
    background: #efefef;
}

.search-input .icon[b-r5yzcu0es0] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-r5yzcu0es0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-r5yzcu0es0] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-r5yzcu0es0] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-r5yzcu0es0] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-r5yzcu0es0] {
    background-color: #e7e7e7;
}

.detained[b-r5yzcu0es0] {
    background-color: #f1baba;
}

.input-wrapper[b-r5yzcu0es0] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-r5yzcu0es0] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-r5yzcu0es0] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-r5yzcu0es0] {
    width: 80px !important;
}

img[b-r5yzcu0es0] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-r5yzcu0es0] {
    text-align: center;
    margin-top: 35px;
}

.small[b-r5yzcu0es0] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-r5yzcu0es0] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-r5yzcu0es0] {
    color: #6B6B6B !important;
}

.mud-drawer[b-r5yzcu0es0] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-r5yzcu0es0] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-r5yzcu0es0] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-r5yzcu0es0] {
    background-color: #dbebcf;
}

.il[b-r5yzcu0es0] {
    text-align: right;
}

th[class^='column'][b-r5yzcu0es0] {
    text-transform: capitalize;
}

a[b-r5yzcu0es0] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-r5yzcu0es0] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-r5yzcu0es0] {
    overflow-x: scroll;
}

.space[b-r5yzcu0es0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-r5yzcu0es0] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-r5yzcu0es0] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-r5yzcu0es0] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-r5yzcu0es0] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-r5yzcu0es0] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-r5yzcu0es0] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-r5yzcu0es0] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-r5yzcu0es0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-r5yzcu0es0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-r5yzcu0es0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-r5yzcu0es0] {
        width: 100%;
    }

    .item1[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-r5yzcu0es0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-r5yzcu0es0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-r5yzcu0es0] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-r5yzcu0es0] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/RateCard/Component/UploadRateCard.razor.rz.scp.css */
button[b-56xhsqilxw]{
    width:100%;
    margin:10px 0px;
}
/* /Pages/RateCard/View.razor.rz.scp.css */
*[b-na4lh11di9] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

box-2[b-na4lh11di9] {
    justify-content: space-around;
    display: flex;
    justify-items: start;
}

body[b-na4lh11di9] {
    background-color: #ecd8b0;
}

.btn-m[b-na4lh11di9] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-na4lh11di9] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.bw-2[b-na4lh11di9] {
    background-color: white !important;
    padding: 10px 30px 15px !important;
}

.bw-2-1[b-na4lh11di9] {
    background-color: white !important;
    padding: 10px 30px 15px !important;
    border-top: 1px solid #E8E8E8;
}

.view[b-na4lh11di9] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-na4lh11di9] {
    width: 100%;
}

table[b-na4lh11di9] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
   /* overflow: hidden;*/
    margin: 0 auto;
    /*position: relative;*/
    min-width: max-content;
}

    table thead tr[b-na4lh11di9] {
        background-color: #F6F4F1;
        height: 60px;
        position:sticky;
        top:0;
        z-index:17;
    }

    table tbody tr[b-na4lh11di9] {
        height: 50px;
    }


    table td[b-na4lh11di9], table th[b-na4lh11di9] {
        text-align: left;
    }

    table td[b-na4lh11di9] {
        line-height: 1;
    }

        table td.l[b-na4lh11di9], table th.l[b-na4lh11di9] {
            text-align: right;
        }

        table td.c[b-na4lh11di9], table th.c[b-na4lh11di9] {
            text-align: center;
        }

        table td.r[b-na4lh11di9], table th.r[b-na4lh11di9] {
            text-align: center;
        }

.table100-head th[b-na4lh11di9] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
    z-index:10;
    position:sticky;
    top:0;
}

tbody tr[b-na4lh11di9] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column0[b-na4lh11di9] {
    width: 100px;
    padding-left: 15px;
    font-weight: 600 !important;
    text-align: center;
    background-color: #F6F4F1;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 11 !important;
}

.column1[b-na4lh11di9] {
    width: 100px;
    padding-left: 15px;
    font-weight: 600 !important;
    text-align: center;
    background-color: #F6F4F1;
    position:sticky;
    left:0;
    top:0;
    z-index:16;
}

.column2[b-na4lh11di9] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
    text-align: right;
}

.column3[b-na4lh11di9] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-na4lh11di9] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.container-fluid[b-na4lh11di9] {
    
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-na4lh11di9] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-na4lh11di9] {
    font-size: 14px;
    font-weight: 700;
}

.bw-2-1[b-na4lh11di9] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr;
    grid-gap: 15px;
}

.box[b-na4lh11di9] {
    position: relative;
}

.wrapper[b-na4lh11di9] {
    /*position: relative !important;*/
    overflow: auto;
    white-space: nowrap;
    max-height: 500px !important;
}

h1[b-na4lh11di9]{
    margin-top:5px;
}

th[b-na4lh11di9] {
    position: sticky;
    top: 0px;
    z-index:15;
}

@media (max-width: 1018px) {
    .overflow-x[b-na4lh11di9] {
        overflow-x: scroll;
        overflow-y: scroll;
    }
}

.clear-on-arrival[b-na4lh11di9] {
    background-color: #dbebcf;
}

.il[b-na4lh11di9] {
    text-align: right;
}

th[class^='column'][b-na4lh11di9] {
    text-transform: capitalize;
}

.clear-on-arrival[b-na4lh11di9] {
    background-color: #dbebcf;
}

.il[b-na4lh11di9] {
    text-align: right;
}

@media screen and (max-width:400px) {
    .fl[b-na4lh11di9] {
        justify-content: space-around;
    }

    .box[b-na4lh11di9] {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr[b-na4lh11di9] {
        marin-right: 0px;
    }
}

@media screen and (max-width:500px) {
    .container-fluid[b-na4lh11di9] {
        justify-content: space-around;
    }

    box[b-na4lh11di9] {
        width: 40px;
    }

    box-3[b-na4lh11di9] {
        width: 60px;
    }

    box-2[b-na4lh11di9] {
        justify-content: space-around;
    }

    .bw-2-1[b-na4lh11di9] {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }
}

@media screen and (max-width:400px) {
    .container-fluid[b-na4lh11di9] {
        justify-content: space-around;
    }

    box[b-na4lh11di9] {
        width: 40px;
    }

    box-3[b-na4lh11di9] {
        width: 60px;
    }

    box-2[b-na4lh11di9] {
        justify-content: space-around;
        display: flex;
        justify-items: start;
    }
}

@media screen and (max-width:400px) {
    .fl[b-na4lh11di9] {
        justify-content: space-around;
    }

    .box[b-na4lh11di9] {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr[b-na4lh11di9] {
        marin-right: 0px;
    }
}

@media screen and (max-width:1920px) {
    .wrapper[b-na4lh11di9] {
        max-height: 800px;
    }
}






/* /Pages/Reports/CreditNote/View.razor.rz.scp.css */
*[b-2dzo07i3ll] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-2dzo07i3ll] {
    width: 135px;
}

body[b-2dzo07i3ll] {
    background-color: #ecd8b0;
}

.btn-t[b-2dzo07i3ll] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-2dzo07i3ll] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-2dzo07i3ll] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-2dzo07i3ll] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-2dzo07i3ll] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-2dzo07i3ll] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-2dzo07i3ll] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-2dzo07i3ll] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-2dzo07i3ll] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-2dzo07i3ll] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-2dzo07i3ll] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-2dzo07i3ll] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-2dzo07i3ll] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-2dzo07i3ll] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-2dzo07i3ll] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-2dzo07i3ll] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-2dzo07i3ll] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-2dzo07i3ll] {
    width: 100%;
}

table[b-2dzo07i3ll] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-2dzo07i3ll] {
        position: relative;
    }

    table thead tr[b-2dzo07i3ll] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-2dzo07i3ll] {
        height: 50px;
    }


    table td[b-2dzo07i3ll], table th[b-2dzo07i3ll] {
        text-align: left;
    }

    table td[b-2dzo07i3ll] {
        line-height: 1;
    }

        table td.l[b-2dzo07i3ll], table th.l[b-2dzo07i3ll] {
            text-align: right;
        }

        table td.c[b-2dzo07i3ll], table th.c[b-2dzo07i3ll] {
            text-align: center;
        }

        table td.r[b-2dzo07i3ll], table th.r[b-2dzo07i3ll] {
            text-align: center;
        }

.table100-head th[b-2dzo07i3ll] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-2dzo07i3ll] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-2dzo07i3ll] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-2dzo07i3ll] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-2dzo07i3ll] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-2dzo07i3ll] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-2dzo07i3ll] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-2dzo07i3ll] {
    background-color: #E0F7EE;
}

.blue[b-2dzo07i3ll] {
    background-color: #DEECFC;
}

.ml[b-2dzo07i3ll] {
    margin-left: 15px;
}

.mr[b-2dzo07i3ll] {
    margin-right: 15px;
}

.checkdiv[b-2dzo07i3ll] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-2dzo07i3ll] {
    width: 19px;
    height: 19px;
}

.date[b-2dzo07i3ll] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-2dzo07i3ll] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-2dzo07i3ll] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-2dzo07i3ll] {
    padding: 10px 20px;
}

.fl[b-2dzo07i3ll] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-2dzo07i3ll] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-2dzo07i3ll] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-2dzo07i3ll] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-2dzo07i3ll] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-2dzo07i3ll] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-2dzo07i3ll] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-2dzo07i3ll] {
    display: block;
}

.autocom-box li:hover[b-2dzo07i3ll] {
    background: #efefef;
}

.search-input .icon[b-2dzo07i3ll] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-2dzo07i3ll] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-2dzo07i3ll] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-2dzo07i3ll] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-2dzo07i3ll] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-2dzo07i3ll] {
    background-color: #e7e7e7;
}

.detained[b-2dzo07i3ll] {
    background-color: #f1baba;
}

.input-wrapper1[b-2dzo07i3ll] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-2dzo07i3ll] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-2dzo07i3ll] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-2dzo07i3ll] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-2dzo07i3ll] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-2dzo07i3ll] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-2dzo07i3ll] {
    width: 80px !important;
}

.status[b-2dzo07i3ll] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-2dzo07i3ll] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-2dzo07i3ll] {
    position: relative;
}

.ml[b-2dzo07i3ll] {
    margin-left: 15px;
}

.mr[b-2dzo07i3ll] {
    margin-right: 15px;
}

.date[b-2dzo07i3ll] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-2dzo07i3ll] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-2dzo07i3ll] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-2dzo07i3ll] {
    padding: 10px 20px;
}

.search-input[b-2dzo07i3ll] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-2dzo07i3ll] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-2dzo07i3ll] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-2dzo07i3ll] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-2dzo07i3ll] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-2dzo07i3ll] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-2dzo07i3ll] {
    display: block;
}

.autocom-box li:hover[b-2dzo07i3ll] {
    background: #efefef;
}

.search-input .icon[b-2dzo07i3ll] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-2dzo07i3ll] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-2dzo07i3ll] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-2dzo07i3ll] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-2dzo07i3ll] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-2dzo07i3ll] {
    background-color: #e7e7e7;
}

.detained[b-2dzo07i3ll] {
    background-color: #f1baba;
}

.input-wrapper[b-2dzo07i3ll] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-2dzo07i3ll] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-2dzo07i3ll] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-2dzo07i3ll] {
    width: 80px !important;
}

img[b-2dzo07i3ll] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-2dzo07i3ll] {
    text-align: center;
    margin-top: 35px;
}

.small[b-2dzo07i3ll] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-2dzo07i3ll] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-2dzo07i3ll] {
    color: #6B6B6B !important;
}

.mud-drawer[b-2dzo07i3ll] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-2dzo07i3ll] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-2dzo07i3ll] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-2dzo07i3ll] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-2dzo07i3ll] {
    background-color: #dbebcf;
}

.il[b-2dzo07i3ll] {
    text-align: right;
}

th[class^='column'][b-2dzo07i3ll] {
    text-transform: capitalize;
}

a[b-2dzo07i3ll] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-2dzo07i3ll] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-2dzo07i3ll] {
    overflow-x: scroll;
}

.space[b-2dzo07i3ll] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-2dzo07i3ll] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-2dzo07i3ll] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-2dzo07i3ll] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-2dzo07i3ll] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-2dzo07i3ll] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-2dzo07i3ll] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-2dzo07i3ll] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-2dzo07i3ll] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-2dzo07i3ll] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-2dzo07i3ll] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-2dzo07i3ll] {
        width: 100%;
    }

    .item1[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-2dzo07i3ll] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-2dzo07i3ll] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-2dzo07i3ll] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-2dzo07i3ll] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Reports/DeliveryEndOfTheDay/View.razor.rz.scp.css */
*[b-jzxhlvchrc] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-jzxhlvchrc] {
    width: 135px;
}

body[b-jzxhlvchrc] {
    background-color: #ecd8b0;
}

.btn-t[b-jzxhlvchrc] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-jzxhlvchrc] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-jzxhlvchrc] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-jzxhlvchrc] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-jzxhlvchrc] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-jzxhlvchrc] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-jzxhlvchrc] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-jzxhlvchrc] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-jzxhlvchrc] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-jzxhlvchrc] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-jzxhlvchrc] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-jzxhlvchrc] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-jzxhlvchrc] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-jzxhlvchrc] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-jzxhlvchrc] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-jzxhlvchrc] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-jzxhlvchrc] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-jzxhlvchrc] {
    width: 100%;
}

table[b-jzxhlvchrc] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-jzxhlvchrc] {
        position: relative;
    }

    table thead tr[b-jzxhlvchrc] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-jzxhlvchrc] {
        height: 50px;
    }


    table td[b-jzxhlvchrc], table th[b-jzxhlvchrc] {
        text-align: left;
    }

    table td[b-jzxhlvchrc] {
        line-height: 1;
    }

        table td.l[b-jzxhlvchrc], table th.l[b-jzxhlvchrc] {
            text-align: right;
        }

        table td.c[b-jzxhlvchrc], table th.c[b-jzxhlvchrc] {
            text-align: center;
        }

        table td.r[b-jzxhlvchrc], table th.r[b-jzxhlvchrc] {
            text-align: center;
        }

.table100-head th[b-jzxhlvchrc] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-jzxhlvchrc] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-jzxhlvchrc] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-jzxhlvchrc] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-jzxhlvchrc] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-jzxhlvchrc] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-jzxhlvchrc] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-jzxhlvchrc] {
    background-color: #E0F7EE;
}

.blue[b-jzxhlvchrc] {
    background-color: #DEECFC;
}

.ml[b-jzxhlvchrc] {
    margin-left: 15px;
}

.mr[b-jzxhlvchrc] {
    margin-right: 15px;
}

.checkdiv[b-jzxhlvchrc] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-jzxhlvchrc] {
    width: 19px;
    height: 19px;
}

.date[b-jzxhlvchrc] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-jzxhlvchrc] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-jzxhlvchrc] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-jzxhlvchrc] {
    padding: 10px 20px;
}

.fl[b-jzxhlvchrc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-jzxhlvchrc] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-jzxhlvchrc] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-jzxhlvchrc] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-jzxhlvchrc] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-jzxhlvchrc] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-jzxhlvchrc] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-jzxhlvchrc] {
    display: block;
}

.autocom-box li:hover[b-jzxhlvchrc] {
    background: #efefef;
}

.search-input .icon[b-jzxhlvchrc] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-jzxhlvchrc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-jzxhlvchrc] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-jzxhlvchrc] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-jzxhlvchrc] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-jzxhlvchrc] {
    background-color: #e7e7e7;
}

.detained[b-jzxhlvchrc] {
    background-color: #f1baba;
}

.input-wrapper1[b-jzxhlvchrc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-jzxhlvchrc] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-jzxhlvchrc] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-jzxhlvchrc] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-jzxhlvchrc] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-jzxhlvchrc] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-jzxhlvchrc] {
    width: 80px !important;
}

.status[b-jzxhlvchrc] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-jzxhlvchrc] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-jzxhlvchrc] {
    position: relative;
}

.ml[b-jzxhlvchrc] {
    margin-left: 15px;
}

.mr[b-jzxhlvchrc] {
    margin-right: 15px;
}

.date[b-jzxhlvchrc] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-jzxhlvchrc] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-jzxhlvchrc] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-jzxhlvchrc] {
    padding: 10px 20px;
}

.search-input[b-jzxhlvchrc] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-jzxhlvchrc] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-jzxhlvchrc] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-jzxhlvchrc] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-jzxhlvchrc] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-jzxhlvchrc] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-jzxhlvchrc] {
    display: block;
}

.autocom-box li:hover[b-jzxhlvchrc] {
    background: #efefef;
}

.search-input .icon[b-jzxhlvchrc] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-jzxhlvchrc] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-jzxhlvchrc] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-jzxhlvchrc] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-jzxhlvchrc] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-jzxhlvchrc] {
    background-color: #e7e7e7;
}

.detained[b-jzxhlvchrc] {
    background-color: #f1baba;
}

.input-wrapper[b-jzxhlvchrc] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-jzxhlvchrc] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-jzxhlvchrc] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-jzxhlvchrc] {
    width: 80px !important;
}

img[b-jzxhlvchrc] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-jzxhlvchrc] {
    text-align: center;
    margin-top: 35px;
}

.small[b-jzxhlvchrc] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-jzxhlvchrc] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-jzxhlvchrc] {
    color: #6B6B6B !important;
}

.mud-drawer[b-jzxhlvchrc] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-jzxhlvchrc] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-jzxhlvchrc] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-jzxhlvchrc] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-jzxhlvchrc] {
    background-color: #dbebcf;
}

.il[b-jzxhlvchrc] {
    text-align: right;
}

th[class^='column'][b-jzxhlvchrc] {
    text-transform: capitalize;
}

a[b-jzxhlvchrc] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-jzxhlvchrc] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-jzxhlvchrc] {
    overflow-x: scroll;
}

.space[b-jzxhlvchrc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-jzxhlvchrc] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-jzxhlvchrc] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-jzxhlvchrc] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-jzxhlvchrc] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-jzxhlvchrc] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-jzxhlvchrc] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-jzxhlvchrc] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-jzxhlvchrc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-jzxhlvchrc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-jzxhlvchrc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-jzxhlvchrc] {
        width: 100%;
    }

    .item1[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-jzxhlvchrc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-jzxhlvchrc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-jzxhlvchrc] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-jzxhlvchrc] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Reports/DeliveryPerformance/View.razor.rz.scp.css */
*[b-za9p1laxww] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-za9p1laxww] {
    width: 135px;
}

body[b-za9p1laxww] {
    background-color: #ecd8b0;
}

.btn-t[b-za9p1laxww] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-za9p1laxww] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-za9p1laxww] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-za9p1laxww] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-za9p1laxww] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-za9p1laxww] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-za9p1laxww] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-za9p1laxww] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-za9p1laxww] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-za9p1laxww] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-za9p1laxww] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-za9p1laxww] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-za9p1laxww] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-za9p1laxww] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-za9p1laxww] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-za9p1laxww] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-za9p1laxww] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-za9p1laxww] {
    width: 100%;
}

table[b-za9p1laxww] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-za9p1laxww] {
        position: relative;
    }

    table thead tr[b-za9p1laxww] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-za9p1laxww] {
        height: 50px;
    }


    table td[b-za9p1laxww], table th[b-za9p1laxww] {
        text-align: left;
    }

    table td[b-za9p1laxww] {
        line-height: 1;
    }

        table td.l[b-za9p1laxww], table th.l[b-za9p1laxww] {
            text-align: right;
        }

        table td.c[b-za9p1laxww], table th.c[b-za9p1laxww] {
            text-align: center;
        }

        table td.r[b-za9p1laxww], table th.r[b-za9p1laxww] {
            text-align: center;
        }

.table100-head th[b-za9p1laxww] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-za9p1laxww] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-za9p1laxww] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-za9p1laxww] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-za9p1laxww] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-za9p1laxww] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-za9p1laxww] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-za9p1laxww] {
    background-color: #E0F7EE;
}

.blue[b-za9p1laxww] {
    background-color: #DEECFC;
}

.ml[b-za9p1laxww] {
    margin-left: 15px;
}

.mr[b-za9p1laxww] {
    margin-right: 15px;
}

.checkdiv[b-za9p1laxww] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-za9p1laxww] {
    width: 19px;
    height: 19px;
}

.date[b-za9p1laxww] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-za9p1laxww] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-za9p1laxww] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-za9p1laxww] {
    padding: 10px 20px;
}

.fl[b-za9p1laxww] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-za9p1laxww] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-za9p1laxww] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-za9p1laxww] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-za9p1laxww] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-za9p1laxww] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-za9p1laxww] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-za9p1laxww] {
    display: block;
}

.autocom-box li:hover[b-za9p1laxww] {
    background: #efefef;
}

.search-input .icon[b-za9p1laxww] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-za9p1laxww] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-za9p1laxww] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-za9p1laxww] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-za9p1laxww] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-za9p1laxww] {
    background-color: #e7e7e7;
}

.detained[b-za9p1laxww] {
    background-color: #f1baba;
}

.input-wrapper1[b-za9p1laxww] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-za9p1laxww] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-za9p1laxww] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-za9p1laxww] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-za9p1laxww] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-za9p1laxww] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-za9p1laxww] {
    width: 80px !important;
}

.status[b-za9p1laxww] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-za9p1laxww] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-za9p1laxww] {
    position: relative;
}

.ml[b-za9p1laxww] {
    margin-left: 15px;
}

.mr[b-za9p1laxww] {
    margin-right: 15px;
}

.date[b-za9p1laxww] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-za9p1laxww] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-za9p1laxww] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-za9p1laxww] {
    padding: 10px 20px;
}

.search-input[b-za9p1laxww] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-za9p1laxww] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-za9p1laxww] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-za9p1laxww] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-za9p1laxww] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-za9p1laxww] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-za9p1laxww] {
    display: block;
}

.autocom-box li:hover[b-za9p1laxww] {
    background: #efefef;
}

.search-input .icon[b-za9p1laxww] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-za9p1laxww] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-za9p1laxww] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-za9p1laxww] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-za9p1laxww] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-za9p1laxww] {
    background-color: #e7e7e7;
}

.detained[b-za9p1laxww] {
    background-color: #f1baba;
}

.input-wrapper[b-za9p1laxww] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-za9p1laxww] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-za9p1laxww] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-za9p1laxww] {
    width: 80px !important;
}

img[b-za9p1laxww] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-za9p1laxww] {
    text-align: center;
    margin-top: 35px;
}

.small[b-za9p1laxww] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-za9p1laxww] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-za9p1laxww] {
    color: #6B6B6B !important;
}

.mud-drawer[b-za9p1laxww] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-za9p1laxww] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-za9p1laxww] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-za9p1laxww] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-za9p1laxww] {
    background-color: #dbebcf;
}

.il[b-za9p1laxww] {
    text-align: right;
}

th[class^='column'][b-za9p1laxww] {
    text-transform: capitalize;
}

a[b-za9p1laxww] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-za9p1laxww] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-za9p1laxww] {
    overflow-x: scroll;
}

.space[b-za9p1laxww] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-za9p1laxww] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-za9p1laxww] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-za9p1laxww] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-za9p1laxww] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-za9p1laxww] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-za9p1laxww] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-za9p1laxww] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-za9p1laxww] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-za9p1laxww] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-za9p1laxww] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-za9p1laxww] {
        width: 100%;
    }

    .item1[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-za9p1laxww] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-za9p1laxww] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-za9p1laxww] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-za9p1laxww] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Reports/DeliverySummary/View.razor.rz.scp.css */
*[b-97e8bcmbbt] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-97e8bcmbbt] {
    width: 135px;
}

body[b-97e8bcmbbt] {
    background-color: #ecd8b0;
}

.btn-t[b-97e8bcmbbt] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-97e8bcmbbt] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-97e8bcmbbt] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-97e8bcmbbt] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-97e8bcmbbt] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-97e8bcmbbt] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-97e8bcmbbt] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-97e8bcmbbt] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-97e8bcmbbt] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-97e8bcmbbt] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-97e8bcmbbt] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-97e8bcmbbt] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-97e8bcmbbt] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-97e8bcmbbt] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-97e8bcmbbt] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-97e8bcmbbt] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-97e8bcmbbt] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-97e8bcmbbt] {
    width: 100%;
}

table[b-97e8bcmbbt] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-97e8bcmbbt] {
        position: relative;
    }

    table thead tr[b-97e8bcmbbt] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-97e8bcmbbt] {
        height: 50px;
    }


    table td[b-97e8bcmbbt], table th[b-97e8bcmbbt] {
        text-align: left;
    }

    table td[b-97e8bcmbbt] {
        line-height: 1;
    }

        table td.l[b-97e8bcmbbt], table th.l[b-97e8bcmbbt] {
            text-align: right;
        }

        table td.c[b-97e8bcmbbt], table th.c[b-97e8bcmbbt] {
            text-align: center;
        }

        table td.r[b-97e8bcmbbt], table th.r[b-97e8bcmbbt] {
            text-align: center;
        }

.table100-head th[b-97e8bcmbbt] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-97e8bcmbbt] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-97e8bcmbbt] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-97e8bcmbbt] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-97e8bcmbbt] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-97e8bcmbbt] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-97e8bcmbbt] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-97e8bcmbbt] {
    background-color: #E0F7EE;
}

.blue[b-97e8bcmbbt] {
    background-color: #DEECFC;
}

.ml[b-97e8bcmbbt] {
    margin-left: 15px;
}

.mr[b-97e8bcmbbt] {
    margin-right: 15px;
}

.checkdiv[b-97e8bcmbbt] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-97e8bcmbbt] {
    width: 19px;
    height: 19px;
}

.date[b-97e8bcmbbt] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-97e8bcmbbt] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-97e8bcmbbt] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-97e8bcmbbt] {
    padding: 10px 20px;
}

.fl[b-97e8bcmbbt] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-97e8bcmbbt] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-97e8bcmbbt] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-97e8bcmbbt] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-97e8bcmbbt] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-97e8bcmbbt] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-97e8bcmbbt] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-97e8bcmbbt] {
    display: block;
}

.autocom-box li:hover[b-97e8bcmbbt] {
    background: #efefef;
}

.search-input .icon[b-97e8bcmbbt] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-97e8bcmbbt] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-97e8bcmbbt] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-97e8bcmbbt] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-97e8bcmbbt] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-97e8bcmbbt] {
    background-color: #e7e7e7;
}

.detained[b-97e8bcmbbt] {
    background-color: #f1baba;
}

.input-wrapper1[b-97e8bcmbbt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-97e8bcmbbt] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-97e8bcmbbt] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-97e8bcmbbt] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-97e8bcmbbt] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-97e8bcmbbt] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-97e8bcmbbt] {
    width: 80px !important;
}

.status[b-97e8bcmbbt] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-97e8bcmbbt] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-97e8bcmbbt] {
    position: relative;
}

.ml[b-97e8bcmbbt] {
    margin-left: 15px;
}

.mr[b-97e8bcmbbt] {
    margin-right: 15px;
}

.date[b-97e8bcmbbt] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-97e8bcmbbt] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-97e8bcmbbt] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-97e8bcmbbt] {
    padding: 10px 20px;
}

.search-input[b-97e8bcmbbt] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-97e8bcmbbt] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-97e8bcmbbt] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-97e8bcmbbt] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-97e8bcmbbt] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-97e8bcmbbt] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-97e8bcmbbt] {
    display: block;
}

.autocom-box li:hover[b-97e8bcmbbt] {
    background: #efefef;
}

.search-input .icon[b-97e8bcmbbt] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-97e8bcmbbt] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-97e8bcmbbt] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-97e8bcmbbt] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-97e8bcmbbt] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-97e8bcmbbt] {
    background-color: #e7e7e7;
}

.detained[b-97e8bcmbbt] {
    background-color: #f1baba;
}

.input-wrapper[b-97e8bcmbbt] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-97e8bcmbbt] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-97e8bcmbbt] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-97e8bcmbbt] {
    width: 80px !important;
}

img[b-97e8bcmbbt] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-97e8bcmbbt] {
    text-align: center;
    margin-top: 35px;
}

.small[b-97e8bcmbbt] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-97e8bcmbbt] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-97e8bcmbbt] {
    color: #6B6B6B !important;
}

.mud-drawer[b-97e8bcmbbt] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-97e8bcmbbt] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-97e8bcmbbt] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-97e8bcmbbt] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-97e8bcmbbt] {
    background-color: #dbebcf;
}

.il[b-97e8bcmbbt] {
    text-align: right;
}

th[class^='column'][b-97e8bcmbbt] {
    text-transform: capitalize;
}

a[b-97e8bcmbbt] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-97e8bcmbbt] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-97e8bcmbbt] {
    overflow-x: scroll;
}

.space[b-97e8bcmbbt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-97e8bcmbbt] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-97e8bcmbbt] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-97e8bcmbbt] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-97e8bcmbbt] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-97e8bcmbbt] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-97e8bcmbbt] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-97e8bcmbbt] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-97e8bcmbbt] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-97e8bcmbbt] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-97e8bcmbbt] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-97e8bcmbbt] {
        width: 100%;
    }

    .item1[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-97e8bcmbbt] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-97e8bcmbbt] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-97e8bcmbbt] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-97e8bcmbbt] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Reports/Payment/View.razor.rz.scp.css */
*[b-j7j0a1e3g3] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-j7j0a1e3g3] {
    width: 135px;
}

body[b-j7j0a1e3g3] {
    background-color: #ecd8b0;
}

.btn-t[b-j7j0a1e3g3] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-j7j0a1e3g3] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-j7j0a1e3g3] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-j7j0a1e3g3] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-j7j0a1e3g3] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-j7j0a1e3g3] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-j7j0a1e3g3] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-j7j0a1e3g3] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-j7j0a1e3g3] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-j7j0a1e3g3] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-j7j0a1e3g3] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-j7j0a1e3g3] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-j7j0a1e3g3] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-j7j0a1e3g3] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-j7j0a1e3g3] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-j7j0a1e3g3] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-j7j0a1e3g3] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-j7j0a1e3g3] {
    width: 100%;
}

table[b-j7j0a1e3g3] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-j7j0a1e3g3] {
        position: relative;
    }

    table thead tr[b-j7j0a1e3g3] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-j7j0a1e3g3] {
        height: 50px;
    }


    table td[b-j7j0a1e3g3], table th[b-j7j0a1e3g3] {
        text-align: left;
    }

    table td[b-j7j0a1e3g3] {
        line-height: 1;
    }

        table td.l[b-j7j0a1e3g3], table th.l[b-j7j0a1e3g3] {
            text-align: right;
        }

        table td.c[b-j7j0a1e3g3], table th.c[b-j7j0a1e3g3] {
            text-align: center;
        }

        table td.r[b-j7j0a1e3g3], table th.r[b-j7j0a1e3g3] {
            text-align: center;
        }

.table100-head th[b-j7j0a1e3g3] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-j7j0a1e3g3] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-j7j0a1e3g3] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-j7j0a1e3g3] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-j7j0a1e3g3] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-j7j0a1e3g3] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-j7j0a1e3g3] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-j7j0a1e3g3] {
    background-color: #E0F7EE;
}

.blue[b-j7j0a1e3g3] {
    background-color: #DEECFC;
}

.ml[b-j7j0a1e3g3] {
    margin-left: 15px;
}

.mr[b-j7j0a1e3g3] {
    margin-right: 15px;
}

.checkdiv[b-j7j0a1e3g3] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-j7j0a1e3g3] {
    width: 19px;
    height: 19px;
}

.date[b-j7j0a1e3g3] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-j7j0a1e3g3] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-j7j0a1e3g3] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-j7j0a1e3g3] {
    padding: 10px 20px;
}

.fl[b-j7j0a1e3g3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-j7j0a1e3g3] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-j7j0a1e3g3] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-j7j0a1e3g3] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-j7j0a1e3g3] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-j7j0a1e3g3] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-j7j0a1e3g3] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-j7j0a1e3g3] {
    display: block;
}

.autocom-box li:hover[b-j7j0a1e3g3] {
    background: #efefef;
}

.search-input .icon[b-j7j0a1e3g3] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-j7j0a1e3g3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-j7j0a1e3g3] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-j7j0a1e3g3] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-j7j0a1e3g3] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-j7j0a1e3g3] {
    background-color: #e7e7e7;
}

.detained[b-j7j0a1e3g3] {
    background-color: #f1baba;
}

.input-wrapper1[b-j7j0a1e3g3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-j7j0a1e3g3] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-j7j0a1e3g3] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-j7j0a1e3g3] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-j7j0a1e3g3] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-j7j0a1e3g3] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-j7j0a1e3g3] {
    width: 80px !important;
}

.status[b-j7j0a1e3g3] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-j7j0a1e3g3] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-j7j0a1e3g3] {
    position: relative;
}

.ml[b-j7j0a1e3g3] {
    margin-left: 15px;
}

.mr[b-j7j0a1e3g3] {
    margin-right: 15px;
}

.date[b-j7j0a1e3g3] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-j7j0a1e3g3] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-j7j0a1e3g3] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-j7j0a1e3g3] {
    padding: 10px 20px;
}

.search-input[b-j7j0a1e3g3] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-j7j0a1e3g3] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-j7j0a1e3g3] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-j7j0a1e3g3] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-j7j0a1e3g3] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-j7j0a1e3g3] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-j7j0a1e3g3] {
    display: block;
}

.autocom-box li:hover[b-j7j0a1e3g3] {
    background: #efefef;
}

.search-input .icon[b-j7j0a1e3g3] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-j7j0a1e3g3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-j7j0a1e3g3] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-j7j0a1e3g3] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-j7j0a1e3g3] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-j7j0a1e3g3] {
    background-color: #e7e7e7;
}

.detained[b-j7j0a1e3g3] {
    background-color: #f1baba;
}

.input-wrapper[b-j7j0a1e3g3] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-j7j0a1e3g3] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-j7j0a1e3g3] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-j7j0a1e3g3] {
    width: 80px !important;
}

img[b-j7j0a1e3g3] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-j7j0a1e3g3] {
    text-align: center;
    margin-top: 35px;
}

.small[b-j7j0a1e3g3] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-j7j0a1e3g3] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-j7j0a1e3g3] {
    color: #6B6B6B !important;
}

.mud-drawer[b-j7j0a1e3g3] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-j7j0a1e3g3] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-j7j0a1e3g3] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-j7j0a1e3g3] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-j7j0a1e3g3] {
    background-color: #dbebcf;
}

.il[b-j7j0a1e3g3] {
    text-align: right;
}

th[class^='column'][b-j7j0a1e3g3] {
    text-transform: capitalize;
}

a[b-j7j0a1e3g3] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-j7j0a1e3g3] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-j7j0a1e3g3] {
    overflow-x: scroll;
}

.space[b-j7j0a1e3g3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-j7j0a1e3g3] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-j7j0a1e3g3] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-j7j0a1e3g3] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-j7j0a1e3g3] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-j7j0a1e3g3] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-j7j0a1e3g3] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-j7j0a1e3g3] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-j7j0a1e3g3] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-j7j0a1e3g3] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-j7j0a1e3g3] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-j7j0a1e3g3] {
        width: 100%;
    }

    .item1[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-j7j0a1e3g3] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-j7j0a1e3g3] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-j7j0a1e3g3] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-j7j0a1e3g3] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Reports/PickupSummary/View.razor.rz.scp.css */
*[b-qe4x4tmvds] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-qe4x4tmvds] {
    width: 135px;
}

body[b-qe4x4tmvds] {
    background-color: #ecd8b0;
}

.btn-t[b-qe4x4tmvds] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-qe4x4tmvds] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-qe4x4tmvds] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-qe4x4tmvds] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-qe4x4tmvds] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-qe4x4tmvds] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-qe4x4tmvds] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-qe4x4tmvds] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-qe4x4tmvds] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-qe4x4tmvds] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-qe4x4tmvds] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-qe4x4tmvds] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-qe4x4tmvds] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-qe4x4tmvds] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-qe4x4tmvds] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-qe4x4tmvds] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-qe4x4tmvds] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-qe4x4tmvds] {
    width: 100%;
}

table[b-qe4x4tmvds] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-qe4x4tmvds] {
        position: relative;
    }

    table thead tr[b-qe4x4tmvds] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-qe4x4tmvds] {
        height: 50px;
    }


    table td[b-qe4x4tmvds], table th[b-qe4x4tmvds] {
        text-align: left;
    }

    table td[b-qe4x4tmvds] {
        line-height: 1;
    }

        table td.l[b-qe4x4tmvds], table th.l[b-qe4x4tmvds] {
            text-align: right;
        }

        table td.c[b-qe4x4tmvds], table th.c[b-qe4x4tmvds] {
            text-align: center;
        }

        table td.r[b-qe4x4tmvds], table th.r[b-qe4x4tmvds] {
            text-align: center;
        }

.table100-head th[b-qe4x4tmvds] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-qe4x4tmvds] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-qe4x4tmvds] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-qe4x4tmvds] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-qe4x4tmvds] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-qe4x4tmvds] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-qe4x4tmvds] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-qe4x4tmvds] {
    background-color: #E0F7EE;
}

.blue[b-qe4x4tmvds] {
    background-color: #DEECFC;
}

.ml[b-qe4x4tmvds] {
    margin-left: 15px;
}

.mr[b-qe4x4tmvds] {
    margin-right: 15px;
}

.checkdiv[b-qe4x4tmvds] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-qe4x4tmvds] {
    width: 19px;
    height: 19px;
}

.date[b-qe4x4tmvds] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-qe4x4tmvds] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-qe4x4tmvds] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-qe4x4tmvds] {
    padding: 10px 20px;
}

.fl[b-qe4x4tmvds] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-qe4x4tmvds] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-qe4x4tmvds] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-qe4x4tmvds] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-qe4x4tmvds] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-qe4x4tmvds] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-qe4x4tmvds] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-qe4x4tmvds] {
    display: block;
}

.autocom-box li:hover[b-qe4x4tmvds] {
    background: #efefef;
}

.search-input .icon[b-qe4x4tmvds] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-qe4x4tmvds] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-qe4x4tmvds] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-qe4x4tmvds] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-qe4x4tmvds] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-qe4x4tmvds] {
    background-color: #e7e7e7;
}

.detained[b-qe4x4tmvds] {
    background-color: #f1baba;
}

.input-wrapper1[b-qe4x4tmvds] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-qe4x4tmvds] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-qe4x4tmvds] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-qe4x4tmvds] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-qe4x4tmvds] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-qe4x4tmvds] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-qe4x4tmvds] {
    width: 80px !important;
}

.status[b-qe4x4tmvds] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-qe4x4tmvds] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-qe4x4tmvds] {
    position: relative;
}

.ml[b-qe4x4tmvds] {
    margin-left: 15px;
}

.mr[b-qe4x4tmvds] {
    margin-right: 15px;
}

.date[b-qe4x4tmvds] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-qe4x4tmvds] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-qe4x4tmvds] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-qe4x4tmvds] {
    padding: 10px 20px;
}

.search-input[b-qe4x4tmvds] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-qe4x4tmvds] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-qe4x4tmvds] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-qe4x4tmvds] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-qe4x4tmvds] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-qe4x4tmvds] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-qe4x4tmvds] {
    display: block;
}

.autocom-box li:hover[b-qe4x4tmvds] {
    background: #efefef;
}

.search-input .icon[b-qe4x4tmvds] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-qe4x4tmvds] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-qe4x4tmvds] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-qe4x4tmvds] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-qe4x4tmvds] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-qe4x4tmvds] {
    background-color: #e7e7e7;
}

.detained[b-qe4x4tmvds] {
    background-color: #f1baba;
}

.input-wrapper[b-qe4x4tmvds] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-qe4x4tmvds] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-qe4x4tmvds] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-qe4x4tmvds] {
    width: 80px !important;
}

img[b-qe4x4tmvds] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-qe4x4tmvds] {
    text-align: center;
    margin-top: 35px;
}

.small[b-qe4x4tmvds] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-qe4x4tmvds] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-qe4x4tmvds] {
    color: #6B6B6B !important;
}

.mud-drawer[b-qe4x4tmvds] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-qe4x4tmvds] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-qe4x4tmvds] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.precleared-package[b-qe4x4tmvds] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #5066d1;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-qe4x4tmvds] {
    background-color: #dbebcf;
}

.il[b-qe4x4tmvds] {
    text-align: right;
}

th[class^='column'][b-qe4x4tmvds] {
    text-transform: capitalize;
}

a[b-qe4x4tmvds] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-qe4x4tmvds] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-qe4x4tmvds] {
    overflow-x: scroll;
}

.space[b-qe4x4tmvds] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-qe4x4tmvds] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-qe4x4tmvds] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-qe4x4tmvds] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-qe4x4tmvds] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-qe4x4tmvds] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-qe4x4tmvds] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-qe4x4tmvds] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-qe4x4tmvds] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-qe4x4tmvds] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-qe4x4tmvds] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-qe4x4tmvds] {
        width: 100%;
    }

    .item1[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-qe4x4tmvds] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-qe4x4tmvds] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-qe4x4tmvds] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-qe4x4tmvds] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Shipments/Detail.razor.rz.scp.css */
.lab[b-hchlw9r0xk] {
    font-size: 14px;
    font-weight: 500;
}

.in[b-hchlw9r0xk] {
    font-size: 14px;
    font-weight: 700;
}

.in-d[b-hchlw9r0xk] {
    font-size: 14px;
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.mr[b-hchlw9r0xk] {
    margin-right: 15px;
}

.fl[b-hchlw9r0xk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

textarea[b-hchlw9r0xk] {
    width: 100% !important;
    min-height: 100px !important;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #E8E8E8 !important;
    padding: 20px;
    border: none !important;
    border-radius:4px !important;
    font-size:14px;
}

.tl[b-hchlw9r0xk]{
    display:flex;
    justify-content:end;
}

h2[b-hchlw9r0xk]{
    margin-top: 15px;
    padding-left: 5px;
}

hr[b-hchlw9r0xk]{
    margin-top:0px !important;
}

.user[b-hchlw9r0xk]{
    font-weight:600;
    font-size:16px;
}

.d-t[b-hchlw9r0xk] {
    font-weight: 400;
    font-size: 14px;
    margin-left:15px;
}

.message[b-hchlw9r0xk] {
    margin-top: 15px;
}

.tl[b-hchlw9r0xk] {
    display: flex;
    justify-content: end;
}

.C-I[b-hchlw9r0xk]{
    margin-top: 30px !important;
}


@media screen and (max-width:400px) {
    .fl[b-hchlw9r0xk] {
        justify-content: space-around;
    }

    .box[b-hchlw9r0xk] {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr[b-hchlw9r0xk] {
        marin-right: 0px;
    }
}

.search-input[b-hchlw9r0xk] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-hchlw9r0xk] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-hchlw9r0xk] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-hchlw9r0xk] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-hchlw9r0xk] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-hchlw9r0xk] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-hchlw9r0xk] {
    display: block;
}

.autocom-box li:hover[b-hchlw9r0xk] {
    background: #efefef;
}

.search-input .icon[b-hchlw9r0xk] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-hchlw9r0xk] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-hchlw9r0xk] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-hchlw9r0xk] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-hchlw9r0xk] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.pdf[b-hchlw9r0xk] {
    display: flex;
    align-content: center;
    justify-content: center;
    padding-bottom: 20px;
}

.link[b-hchlw9r0xk] {
    color: #395AFF;
    text-align: center;
    text-decoration: underline;
    font-weight: 600;
    margin-left: 20px;
}

.fas[b-hchlw9r0xk] {
    color: black;
    font-size: 22px;
}

@media screen and (max-width:400px) {
    .container-fluid[b-hchlw9r0xk] {
        justify-content: space-around;
    }

    box[b-hchlw9r0xk] {
        width: 40px;
    }

    box-3[b-hchlw9r0xk] {
        width: 60px;
    }

    box-2[b-hchlw9r0xk] {
        justify-content: space-around;
    }
}
/* /Pages/Shipments/Filters.razor.rz.scp.css */
*[b-bphrp6qht6] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-bphrp6qht6] {
    background-color: #ecd8b0;
}

.input-wrapper1[b-bphrp6qht6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
}

.btn-clear1[b-bphrp6qht6] {
    font-size: 18px;
    width: 60px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-bphrp6qht6] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }

.bw-2-1[b-bphrp6qht6] {
    background-color: white !important;
    padding: 10px 30px 10px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px 220px 220px 220px 455px;
    grid-gap: 15px;
}

.box[b-bphrp6qht6] {
    position: relative;
}

.btn-m[b-bphrp6qht6] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-bphrp6qht6] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.bw-2[b-bphrp6qht6] {
    background-color: white !important;
    padding: 10px 30px 15px !important;
}

.view[b-bphrp6qht6] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-bphrp6qht6] {
    width: 100%;
}

table[b-bphrp6qht6] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-bphrp6qht6] {
        position: relative;
    }

    table thead tr[b-bphrp6qht6] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-bphrp6qht6] {
        height: 50px;
    }


    table td[b-bphrp6qht6], table th[b-bphrp6qht6] {
        text-align: left;
    }

    table td[b-bphrp6qht6] {
        line-height: 1;
    }

        table td.l[b-bphrp6qht6], table th.l[b-bphrp6qht6] {
            text-align: right;
        }

        table td.c[b-bphrp6qht6], table th.c[b-bphrp6qht6] {
            text-align: center;
        }

        table td.r[b-bphrp6qht6], table th.r[b-bphrp6qht6] {
            text-align: center;
        }

.table100-head th[b-bphrp6qht6] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-bphrp6qht6] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-bphrp6qht6] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-bphrp6qht6] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-bphrp6qht6] {
    width: 100px;
    text-align: center;
}

.column4[b-bphrp6qht6] {
    width: auto;
    padding-right: 20px;
}

.green[b-bphrp6qht6] {
    background-color: #E0F7EE;
}

.blue[b-bphrp6qht6] {
    background-color: #DEECFC;
}

.ml[b-bphrp6qht6] {
    margin-left: 15px;
}

.mr[b-bphrp6qht6] {
    margin-right: 15px;
}

.checkdiv[b-bphrp6qht6] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-bphrp6qht6] {
    width: 19px;
    height: 19px;
}

.date[b-bphrp6qht6] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-bphrp6qht6] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-bphrp6qht6] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-bphrp6qht6] {
    padding: 10px 20px;
}

.fl[b-bphrp6qht6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.boi-drop[b-bphrp6qht6] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 100% !important;
    border: 1px solid #BDBDBD !important;
}


.item1[b-bphrp6qht6] {
    grid-column: 2;
    grid-row: 2;
}

.search-input[b-bphrp6qht6] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-bphrp6qht6] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-bphrp6qht6] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-bphrp6qht6] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-bphrp6qht6] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-bphrp6qht6] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-bphrp6qht6] {
    display: block;
}

.autocom-box li:hover[b-bphrp6qht6] {
    background: #efefef;
}

.search-input .icon[b-bphrp6qht6] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-bphrp6qht6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-bphrp6qht6] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-bphrp6qht6] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-bphrp6qht6] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-bphrp6qht6] {
    background-color: #e7e7e7;
}

.detained[b-bphrp6qht6] {
    background-color: #f1baba;
}

.input-wrapper[b-bphrp6qht6] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-bphrp6qht6] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-bphrp6qht6] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-bphrp6qht6] {
    width: 80px !important;
}

.status[b-bphrp6qht6] {
    background-color: #F6F4F1;
    height: 30px;
    width: 150px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.small[b-bphrp6qht6] {
    width: 50px;
    height: 39px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 3px solid #CACACA;
    margin-left:104px !important;
}

    .small:hover[b-bphrp6qht6] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.clear-on-arrival[b-bphrp6qht6] {
    background-color: #dbebcf;
}

.il[b-bphrp6qht6] {
    text-align: right;
}


@media (max-width: 1018px) {
    .overflow-x[b-bphrp6qht6] {
        overflow-x: scroll;
    }
}

@media (max-width: 1290px) {
    .item1[b-bphrp6qht6] {
        grid-column: 4;
        grid-row: 2;
    }

    .item2[b-bphrp6qht6] {
        grid-column: 2/4;
        grid-row: 2;
    }
}

/*@media screen and (max-width:400px) {
    .fl {
        justify-content: space-around;
    }

    .box {
        width: 40px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mr {
        marin-right: 0px;
    }
}

@media screen and (max-width:400px) {
    .container-fluid {
        justify-content: space-around;
    }

    box {
        width: 40px;
    }

    box-3 {
        width: 60px;
    }

    box-2 {
        justify-content: space-around;
    }
}*/

@media screen and (max-width:420px) {
    .bw-2[b-bphrp6qht6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-bphrp6qht6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-bphrp6qht6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-bphrp6qht6] {
        width: 100% !important;
    }

    .item1[b-bphrp6qht6] {
        grid-column: 1;
        grid-row: 1;
    }

    
}

@media screen and (max-width:390px) {
    .bw-2[b-bphrp6qht6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-bphrp6qht6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-bphrp6qht6] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-bphrp6qht6] {
        grid-column: 1;
        grid-row: 1;
    }

    .btn-primary[b-bphrp6qht6] {
        width: 100% !important;
    }
    
}
/* /Pages/Shipments/View.razor.rz.scp.css */
*[b-ipa8xx293l] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-ipa8xx293l] {
    width: 135px;
}

body[b-ipa8xx293l] {
    background-color: #ecd8b0;
}

.total-rec[b-ipa8xx293l] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.btn-m[b-ipa8xx293l] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-ipa8xx293l] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.bw[b-ipa8xx293l] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-ipa8xx293l] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-ipa8xx293l] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-ipa8xx293l] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}
.item1[b-ipa8xx293l] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-ipa8xx293l] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-ipa8xx293l] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    grid-row: 1;
}*/

.item5[b-ipa8xx293l] {
    grid-column: 5 / span 1;
    grid-row: 1;
   text-align:right;
}


.view[b-ipa8xx293l] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-ipa8xx293l] {
    width: 100%;
}

table[b-ipa8xx293l] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-ipa8xx293l] {
        position: relative;
    }

    table thead tr[b-ipa8xx293l] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-ipa8xx293l] {
        height: 50px;
    }


    table td[b-ipa8xx293l], table th[b-ipa8xx293l] {
        text-align: left;
    }

    table td[b-ipa8xx293l] {
        line-height: 1;
    }

        table td.l[b-ipa8xx293l], table th.l[b-ipa8xx293l] {
            text-align: right;
        }

        table td.c[b-ipa8xx293l], table th.c[b-ipa8xx293l] {
            text-align: center;
        }

        table td.r[b-ipa8xx293l], table th.r[b-ipa8xx293l] {
            text-align: center;
        }

.table100-head th[b-ipa8xx293l] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-ipa8xx293l] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-ipa8xx293l] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-ipa8xx293l] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-ipa8xx293l] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-ipa8xx293l] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-ipa8xx293l] {
    background-color: #E0F7EE;
}

.blue[b-ipa8xx293l] {
    background-color: #DEECFC;
}

.ml[b-ipa8xx293l] {
    margin-left: 15px;
}

.mr[b-ipa8xx293l] {
    margin-right: 15px;
}

.checkdiv[b-ipa8xx293l] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-ipa8xx293l] {
    width: 19px;
    height: 19px;
}

.date[b-ipa8xx293l] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-ipa8xx293l] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-ipa8xx293l] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-ipa8xx293l] {
    padding: 10px 20px;
}

.fl[b-ipa8xx293l] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

.search-input[b-ipa8xx293l] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-ipa8xx293l] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-ipa8xx293l] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-ipa8xx293l] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-ipa8xx293l] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-ipa8xx293l] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-ipa8xx293l] {
    display: block;
}

.autocom-box li:hover[b-ipa8xx293l] {
    background: #efefef;
}

.search-input .icon[b-ipa8xx293l] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-ipa8xx293l] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-ipa8xx293l] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-ipa8xx293l] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-ipa8xx293l] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-ipa8xx293l] {
    background-color: #e7e7e7;
}

.detained[b-ipa8xx293l] {
    background-color: #f1baba;
}

.input-wrapper1[b-ipa8xx293l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-ipa8xx293l] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-ipa8xx293l] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-ipa8xx293l] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-ipa8xx293l] {
    width: 80px !important;
}

.btn-clear1[b-ipa8xx293l] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-ipa8xx293l] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }

.status[b-ipa8xx293l] {
    background-color: #F6F4F1;
    height: 30px;
    width: 150px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-ipa8xx293l] {
    text-align: center;
    padding-bottom: 20px;
}

.ml[b-ipa8xx293l] {
    margin-left: 15px;
}

.mr[b-ipa8xx293l] {
    margin-right: 15px;
}

.date[b-ipa8xx293l] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-ipa8xx293l] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-ipa8xx293l] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-ipa8xx293l] {
    padding: 10px 20px;
}

.mud-drawer[b-ipa8xx293l] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-ipa8xx293l] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-ipa8xx293l] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-ipa8xx293l] {
    background-color: #dbebcf;
}

.il[b-ipa8xx293l] {
    text-align: right;
}

th[class^='column'][b-ipa8xx293l] {
    text-transform: capitalize;
}



/*resposive*/

@media (max-width: 1018px) {
    .overflow-x[b-ipa8xx293l] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:420px) {

    .bw-2[b-ipa8xx293l] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-ipa8xx293l] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-ipa8xx293l] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-ipa8xx293l]{
        width:100%;
    }

    .item1[b-ipa8xx293l] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-ipa8xx293l] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-ipa8xx293l] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-ipa8xx293l] {
        grid-column: 1;
        grid-row: 4;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-ipa8xx293l] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-ipa8xx293l] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-ipa8xx293l] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-ipa8xx293l] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-ipa8xx293l] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-ipa8xx293l] {
        grid-column: 1;
        grid-row: 3;
    }

 /*   .item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-ipa8xx293l] {
        grid-column: 1;
        grid-row: 4;
    }
}
/* /Pages/SpecialInstruction/AddSpecialInstruction.razor.rz.scp.css */
body[b-ni2bpyleub] {
}
/* /Pages/SpecialInstruction/Filters/TrackingNoTypeFilter.razor.rz.scp.css */

.boi-drop[b-vdcmg1l3xy] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 0px 0px 0px 10px;
    border-radius: 4px;
    border: 0px !important;
    color: #0E0E0E;
    height: 40px;
    width: 220px;
    border: 1px solid #BDBDBD !important;
}

@media screen and (max-width:420px) {
    .boi-drop[b-vdcmg1l3xy] {
        width: 100%;
    }
}

@media screen and (max-width:390px) {
    .boi-drop[b-vdcmg1l3xy] {
        width: 100%;
    }
}
/* /Pages/SpecialInstruction/SpecialInstructions.razor.rz.scp.css */
*[b-zwfh7aufzr] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

h2[b-zwfh7aufzr] {
    width: 135px;
}

body[b-zwfh7aufzr] {
    background-color: #ecd8b0;
}

.btn-t[b-zwfh7aufzr] {
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
    padding: 6px 10px 6px 10px !important
}

.btn-m[b-zwfh7aufzr] {
    width: 100px;
    height: 40px;
    color: #0E0E0E !important;
    background-color: #FFD500 !important;
    border-color: #FFD500 !important;
    font-weight: 500 !important;
}

.btn-small[b-zwfh7aufzr] {
    background-color: #FFD500;
    color: #0E0E0E;
    width: 30px;
    height: 30px;
    outline: none !important;
}

.total-rec[b-zwfh7aufzr] {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.bw[b-zwfh7aufzr] {
    background-color: white !important;
    padding: 15px 30px 15px !important;
}

.bw-2[b-zwfh7aufzr] {
    display: grid;
    grid-template-columns: 220px 220px 135px auto 200px;
    grid-gap: 15px;
}

.bw-2-1[b-zwfh7aufzr] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.bw-2-2[b-zwfh7aufzr] {
    background-color: white !important;
    padding: 13px 30px 13px !important;
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    display: grid;
    grid-template-columns: 122px repeat(auto-fill, 220px);
    grid-gap: 15px;
}

.item1[b-zwfh7aufzr] {
    grid-column: 1;
    grid-row: 1;
}

.item2[b-zwfh7aufzr] {
    grid-column: 2;
    grid-row: 1;
}

.item3[b-zwfh7aufzr] {
    grid-column: 3;
    grid-row: 1;
}

/*.item4 {
    grid-column: 4;
    float:right;
}*/

.item5[b-zwfh7aufzr] {
    grid-column: 5 / span 1;
    grid-row: 1;
    text-align: right;
}

.item6[b-zwfh7aufzr] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
    margin-right: 215px;
}

.item7[b-zwfh7aufzr] {
    grid-column: 4;
    grid-row: 1;
    text-align: right;
}

.item8[b-zwfh7aufzr] {
    grid-column: 2/ span 2;
    grid-row: 2;
}

.item9[b-zwfh7aufzr] {
    grid-column: 4/ span 2;
    grid-row: 2;
}

.view[b-zwfh7aufzr] {
    color: #395AFF;
    font-weight: 600;
}

.tb[b-zwfh7aufzr] {
    width: 100%;
}

table[b-zwfh7aufzr] {
    border-spacing: 1;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    /*min-width:max-content;*/
}

    table *[b-zwfh7aufzr] {
        position: relative;
    }

    table thead tr[b-zwfh7aufzr] {
        background-color: #F6F4F1;
        height: 60px;
    }

    table tbody tr[b-zwfh7aufzr] {
        height: 50px;
    }


    table td[b-zwfh7aufzr], table th[b-zwfh7aufzr] {
        text-align: left;
    }

    table td[b-zwfh7aufzr] {
        line-height: 1;
    }

        table td.l[b-zwfh7aufzr], table th.l[b-zwfh7aufzr] {
            text-align: right;
        }

        table td.c[b-zwfh7aufzr], table th.c[b-zwfh7aufzr] {
            text-align: center;
        }

        table td.r[b-zwfh7aufzr], table th.r[b-zwfh7aufzr] {
            text-align: center;
        }

.table100-head th[b-zwfh7aufzr] {
    font-size: 14px;
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: unset;
    font-weight: 500;
}

tbody tr[b-zwfh7aufzr] {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-weight: unset;
}

.column1[b-zwfh7aufzr] {
    width: 180px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column0[b-zwfh7aufzr] {
    width: 7px;
    padding-left: 10px;
    font-weight: 500 !important;
}

.column2[b-zwfh7aufzr] {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.column3[b-zwfh7aufzr] {
    width: 80px;
    text-align: right;
    padding-right: 10px;
    padding-left: 10px;
}

.column4[b-zwfh7aufzr] {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
}

.green[b-zwfh7aufzr] {
    background-color: #E0F7EE;
}

.blue[b-zwfh7aufzr] {
    background-color: #DEECFC;
}

.ml[b-zwfh7aufzr] {
    margin-left: 15px;
}

.mr[b-zwfh7aufzr] {
    margin-right: 15px;
}

.checkdiv[b-zwfh7aufzr] {
    min-width: 51px !important;
    text-align: center;
    align-items: center;
    padding-left: 20px;
}

.tablecheck[b-zwfh7aufzr] {
    width: 19px;
    height: 19px;
}

.date[b-zwfh7aufzr] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-zwfh7aufzr] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-zwfh7aufzr] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-zwfh7aufzr] {
    padding: 10px 20px;
}

.fl[b-zwfh7aufzr] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}



.search-input[b-zwfh7aufzr] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-zwfh7aufzr] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-zwfh7aufzr] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-zwfh7aufzr] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-zwfh7aufzr] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-zwfh7aufzr] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-zwfh7aufzr] {
    display: block;
}

.autocom-box li:hover[b-zwfh7aufzr] {
    background: #efefef;
}

.search-input .icon[b-zwfh7aufzr] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-zwfh7aufzr] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-zwfh7aufzr] {
    float: none !important;
    font-size: 14px;
    font-weight: 500;
}

span[b-zwfh7aufzr] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-zwfh7aufzr] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-zwfh7aufzr] {
    background-color: #e7e7e7;
}

.detained[b-zwfh7aufzr] {
    background-color: #f1baba;
}

.input-wrapper1[b-zwfh7aufzr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #bdbdbd;
    padding: 20px 0px 20px 0px;
    border-radius: 4px;
    height: 35px;
    width: 100%;
    /*border: 1px solid #BDBDBD;*/
}

.input-wrapper[b-zwfh7aufzr] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.btn-clear1[b-zwfh7aufzr] {
    font-size: 18px;
    width: 80px !important;
    background-color: #e8e8e8;
    color: #575757;
    width: 30px;
    height: 40px;
    outline: none !important;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .btn-clear1:hover[b-zwfh7aufzr] {
        color: black !important;
        background-color: #FFD500 !important;
        border-color: #FFE561 !important;
    }


.search[b-zwfh7aufzr] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-zwfh7aufzr] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-zwfh7aufzr] {
    width: 80px !important;
}

.status[b-zwfh7aufzr] {
    background-color: #F6F4F1;
    height: 30px;
    width: 184px;
    border-radius: 20px;
    font-size: 14px;
    color: #6B6B6B;
    border: 0px !important;
    padding: 0px 8px;
}

.pager[b-zwfh7aufzr] {
    text-align: center;
    padding-bottom: 20px;
}

.box[b-zwfh7aufzr] {
    position: relative;
}

.ml[b-zwfh7aufzr] {
    margin-left: 15px;
}

.mr[b-zwfh7aufzr] {
    margin-right: 15px;
}

.date[b-zwfh7aufzr] {
    width: 200px;
    background: red;
    text-align: center;
    position: relative;
}

.dropdown[b-zwfh7aufzr] {
    background-color: #F6F4F1 !important;
    color: #0E0E0E !important;
    border: solid 1px #F6F4F1 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    width: 150px;
    height: 35px;
    border-radius: 20px;
    outline-color: transparent !important;
}

.dropdown-menu[b-zwfh7aufzr] {
    background-color: #FFF !important;
    border: 0px !important;
    padding: 5px 0px;
    box-shadow: 0 1px 5px #222222 !important;
}

.dropdown-item[b-zwfh7aufzr] {
    padding: 10px 20px;
}

.search-input[b-zwfh7aufzr] {
    background: #FFD500;
    width: 250px;
    border-radius: 4px;
    position: relative;
    float: left;
}

    .search-input input[b-zwfh7aufzr] {
        float: left;
        height: 40px;
        width: 100%;
        outline: none;
        border: none;
        border-radius: 5px;
        padding: 0 40px 0 10px;
        font-size: 18px;
        font-weight: 500;
        color: #0E0E0E;
        background: #FFD500;
    }

    .search-input.active input[b-zwfh7aufzr] {
        border-radius: 5px 5px 0 0;
    }

    .search-input .autocom-box[b-zwfh7aufzr] {
        padding: 0;
        opacity: 0;
        pointer-events: none;
        max-height: 280px;
        overflow-y: auto;
    }

    .search-input.active .autocom-box[b-zwfh7aufzr] {
        padding: 10px 8px;
        opacity: 1;
        pointer-events: auto;
    }

.autocom-box li[b-zwfh7aufzr] {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li[b-zwfh7aufzr] {
    display: block;
}

.autocom-box li:hover[b-zwfh7aufzr] {
    background: #efefef;
}

.search-input .icon[b-zwfh7aufzr] {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 24px;
    width: 24px;
    text-align: center;
    margin-right: 10px;
    line-height: 42px;
    font-size: 16px;
    color: #0E0E0E;
    cursor: pointer;
}

.container-fluid[b-zwfh7aufzr] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
}

label[b-zwfh7aufzr] {
    float: right;
    font-size: 14px;
    font-weight: 500;
}

span[b-zwfh7aufzr] {
    font-size: 14px;
    font-weight: 700;
}

.fa-arrow-left[b-zwfh7aufzr] {
    font-size: 30px;
    color: #0E0E0E;
    margin-right: 25px;
}

.subject-to-inspection[b-zwfh7aufzr] {
    background-color: #e7e7e7;
}

.detained[b-zwfh7aufzr] {
    background-color: #f1baba;
}

.input-wrapper[b-zwfh7aufzr] {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E8E8E8;
    padding: 18px 0px 20px 10px;
    border-radius: 4px;
    color: #6B6B6B;
    height: 35px;
    width: 240px;
    border: 1px solid #BDBDBD;
}

.search[b-zwfh7aufzr] {
    margin: 0px 10px -6px 10px;
    width: 100%;
    border: none;
    outline: none;
    background: #E8E8E8;
    font-size: 16px;
}

.fa-times .fa-search[b-zwfh7aufzr] {
    color: #BCBCBC !important;
    padding: 5px;
}

.btn-clear[b-zwfh7aufzr] {
    width: 80px !important;
}

img[b-zwfh7aufzr] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-top: 10%;
}

h4[b-zwfh7aufzr] {
    text-align: center;
    margin-top: 35px;
}

.small[b-zwfh7aufzr] {
    width: 50px;
    height: 40px;
    background: #CACACA;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border: 1px solid #CACACA;
}

    .small:hover[b-zwfh7aufzr] {
        color: #0E0E0E !important;
        background-color: #FFE561 !important;
        border-color: #FFE561 !important;
    }

.fa-search[b-zwfh7aufzr] {
    color: #6B6B6B !important;
}

.mud-drawer[b-zwfh7aufzr] {
    z-index: 100000;
    width: fit-content !important;
}

#invoice-drawer-content[b-zwfh7aufzr] {
    width: 100vw;
    height: 1000px;
}

.missing-packages[b-zwfh7aufzr] {
    font-weight: 700;
    background-color: #FFF1E2;
    color: #ED6400;
    border-radius: 4px;
    padding: 2px 5px;
}

.clear-on-arrival[b-zwfh7aufzr] {
    background-color: #dbebcf;
}

.il[b-zwfh7aufzr] {
    text-align: right;
}

th[class^='column'][b-zwfh7aufzr] {
    text-transform: capitalize;
}

a[b-zwfh7aufzr] {
    color: rgb(57, 90, 255);
    font-weight: 500;
    font-size: 15px;
}

.fa-file-download[b-zwfh7aufzr] {
    margin-right: 10px;
    font-size: 16px;
    margin-top: 10px;
    color: rgb(57, 90, 255);
}

.overflow-x[b-zwfh7aufzr] {
    overflow-x: scroll;
}

.space[b-zwfh7aufzr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
}

/*resposive*/
@media (max-width: 1018px) {
    .overflow-x[b-zwfh7aufzr] {
        overflow-x: scroll;
    }
}

@media screen and (max-width:912px) {
    .bw-2[b-zwfh7aufzr] {
        display: grid;
        grid-template-columns: 220px 220px 137px 220px;
        grid-gap: 15px;
    }

    .item1[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-zwfh7aufzr] {
        grid-column: 2;
        grid-row: 1;
    }

    .item3[b-zwfh7aufzr] {
        grid-column: 3;
        grid-row: 1;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-zwfh7aufzr] {
        grid-column: 4;
        grid-row: 1;
    }

    .item6[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 2;
    }

    .item7[b-zwfh7aufzr] {
        grid-column: 2;
        grid-row: 2;
    }

    .btn-primary[b-zwfh7aufzr] {
        width: 220px;
    }
}



@media screen and (max-width:420px) {
    .bw-2[b-zwfh7aufzr] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-zwfh7aufzr] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-zwfh7aufzr] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .btn-primary[b-zwfh7aufzr] {
        width: 100%;
    }

    .item1[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 3;
    }

    /*.item4 {
        grid-column: 1;
        grid-row: 4;
    }*/

    .item5[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 6;
    }

    .item9[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 7;
    }
}

@media screen and (max-width:390px) {
    .bw-2[b-zwfh7aufzr] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-1[b-zwfh7aufzr] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .bw-2-2[b-zwfh7aufzr] {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 15px;
    }

    .item1[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 1;
    }

    .item2[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 2;
    }

    .item3[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 3;
    }
    /*
    .item4 {
        grid-column: 1;
        grid-row: 4;
    }
*/
    .item5[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 4;
    }

    .item6[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 5;
    }

    .item7[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 6;
    }

    .item8[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 7;
    }

    .item9[b-zwfh7aufzr] {
        grid-column: 1;
        grid-row: 8;
    }
}
/* /Pages/Template/OnArrivalInvoice.razor.rz.scp.css */
body[b-0pwcwi1050] {
    /* background-image: url(../images/water.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 50%; */
}


h1[b-0pwcwi1050] {
    font-size: 32px !important;
    font-family: 'Times New Roman';
    font-weight: 900 !important;
}

.sl[b-0pwcwi1050] {
    font-weight: 500 !important;
}

.hl[b-0pwcwi1050] {
    font-family: Arial;
    font-weight: 800;
    font-size: 14px;
}

.box[b-0pwcwi1050] {
    text-transform: uppercase;
    border: solid 3px black;
    padding: 6px;
    text-align: center;
    height: 60px;
    font-size: 28px;
    font-weight: 600;
}

.table[b-0pwcwi1050] {
    border: solid 1px black !important;
}

.min[b-0pwcwi1050] {
    height: 200px;
    width: 555px !important;
    border: solid 1px black !important;
    padding: 10px;
}

.lg[b-0pwcwi1050] {
    border: solid 3px black !important;
}

.th-main[b-0pwcwi1050] {
    background-color: black;
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.th-left[b-0pwcwi1050] {
    width: 850px;
    text-align: center;
}

.th-right[b-0pwcwi1050] {
    text-align: center;
}


td[b-0pwcwi1050] {
    border-style: none !important;
}

.t-b[b-0pwcwi1050] {
    border: solid 1px black !important;
}

.t-head[b-0pwcwi1050] {
    text-transform: uppercase;
    font-family: 'Times New Roman';
    padding-left: 15px !important;
    width: 200px;
}

.column1[b-0pwcwi1050] {
    width: 120px;
    font-family: 'Times New Roman';
    font-size: 18px;
    color: #6d6d6d;
    padding-left: 15px !important;
}

.column2[b-0pwcwi1050] {
    width: 200px;
    font-family: 'Times New Roman';
    font-size: 18px;
    color: #6d6d6d;
    padding-right: 15px !important;
}

.column1-1[b-0pwcwi1050] {
    padding-left: 15px !important;
    text-align: left;
    width: 120px;
    font-family: 'Times New Roman';
    font-size: 18px;
    color: #6d6d6d;
    border: solid 1px black !important;
}

.column2-1[b-0pwcwi1050] {
    padding-right: 15px !important;
    text-align: right;
    width: 200px;
    font-family: 'Times New Roman';
    font-size: 18px;
    color: #6d6d6d;
    border: solid 1px black !important;
}

.column1-2[b-0pwcwi1050] {
    font-family: 'Times New Roman';
    font-size: 18px;
    padding-left: 15px !important;
}

.column2-2[b-0pwcwi1050] {
    font-family: 'Times New Roman';
    font-size: 18px;
    padding-right: 15px !important;
    text-align: center;
    font-weight: 600;
}

.column1-3[b-0pwcwi1050] {
    font-family: 'Times New Roman';
    font-size: 18px;
    color: #6d6d6d;
    padding-right: 15px !important;
    text-align: right;
}

.tab[b-0pwcwi1050] {
    border: solid 1px black;
    padding: 10px;
    width: 525px;
}

.tab-head[b-0pwcwi1050] {
    border-bottom: solid 1px black;
}

img[b-0pwcwi1050] {
    height: 150px;
}

.black[b-0pwcwi1050] {
    padding: 20px;
    text-align: center;
    background-color: black;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
}

.bt-sub[b-0pwcwi1050] {
    font-family: 'Times New Roman';
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}

hr[b-0pwcwi1050] {
    background-color: red !important;
    height: 5px !important;
}

.bt-sub-1[b-0pwcwi1050] {
    font-family: 'Times New Roman';
    text-align: left;
    font-weight: 600;
    font-size: 18px;
}

.bt-sub-2[b-0pwcwi1050] {
    font-family: 'Times New Roman';
    text-align: right;
    font-weight: 600;
    font-size: 18px;
}
/* /Pages/Users/Add.razor.rz.scp.css */
button[b-udpfkont41]{
    width:100%;
}
/* /Pages/Users/Layout.razor.rz.scp.css */
.container-fluid[b-z7eb5w4c09] {
    flex-direction:row;
    justify-content: space-between;
    flex-flow:wrap;
}

.main[b-z7eb5w4c09] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

h2[b-z7eb5w4c09] {
    font-size: 26px !important;
}

h3[b-z7eb5w4c09] {
    width: 220px;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #0E0E0E;
    text-transform: none !important;
}

.row[b-z7eb5w4c09] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card[b-z7eb5w4c09] {
    position: relative;
    flex: 1;
    max-width: 300px;
    min-width: 200px;
    height: auto;
    margin: 5px;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    border: 1px solid black;
    padding: 5px !important;
    padding-left: 21px !important;
}

.role[b-z7eb5w4c09]{
    background-color: #DAEFFE;
    color: #3859FF;
    border-radius: 4px;
    padding: 2px 5px;
}

.fa-pen[b-z7eb5w4c09] {
    color: #BCBCBC;
    cursor: pointer;
}

    .fa-pen:hover[b-z7eb5w4c09] {
        color: #FFD500;
    }

.fa-trash-can[b-z7eb5w4c09] {
    color: #EE5656;
    cursor: pointer;
}

.label[b-z7eb5w4c09] {
    font-size: 14px;
    font-weight: 400;
}

.inp[b-z7eb5w4c09] {
    font-size: 14px;
    font-weight: 500;
}

.role[b-z7eb5w4c09] {
    background-color: #DAEFFE;
    color: #3859FF;
    border-radius: 4px;
    padding: 2px 5px;
}

.mud-navmenu[b-z7eb5w4c09] {
    margin: 10px!important;
}

.ml[b-z7eb5w4c09] {
    margin-left: 15px;
}

.mr[b-z7eb5w4c09] {
    margin-right: 15px;
}

.col-lg-2[b-z7eb5w4c09]{
    width:200px !important;
}

.flex-gap[b-z7eb5w4c09] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: end;
}

@media screen and (max-width:420px) {

    .col-lg-2[b-z7eb5w4c09] {
        width: 100% !important;
    }

    .card[b-z7eb5w4c09] {
        flex: 100%;
        max-width: 100%;
    }

    .btn-primary[b-z7eb5w4c09] {
        width: 100%;
    }

}

@media screen and (max-width:390px) {

    .col-lg-2[b-z7eb5w4c09] {
        width: 100% !important;
    }

    .card[b-z7eb5w4c09] {
        flex: 100%;
        max-width: 100%;
    }

    .btn-primary[b-z7eb5w4c09] {
        width: 100%;
    }

 
}




/* /Pages/Users/Permission.razor.rz.scp.css */
/* /Pages/Users/UserRole.razor.rz.scp.css */
.main[b-xgjmq7ai78] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
h3[b-xgjmq7ai78]{
    width:220px;
}
.row[b-xgjmq7ai78] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card[b-xgjmq7ai78] {
    position: relative;
    flex: 1;
    max-width: 300px;
    min-width: 200px;
    height: auto;
    margin: 5px;
    padding-bottom:10px !important;
}

.fa-pen[b-xgjmq7ai78] {
    color: #BCBCBC;
    cursor: pointer;
}

    .fa-pen:hover[b-xgjmq7ai78] {
        color: #FFD500;
    }

.fa-trash-can[b-xgjmq7ai78] {
    color: #EE5656;
    cursor: pointer;
}

.label[b-xgjmq7ai78] {
    font-size: 14px;
    font-weight: 400;
}

.inp[b-xgjmq7ai78] {
    font-size: 14px;
    font-weight: 500;
}

.role[b-xgjmq7ai78] {
    background-color: #DAEFFE;
    color: #3859FF;
    border-radius: 4px;
    padding: 2px 5px;
}


.ml[b-xgjmq7ai78] {
    margin-left: 15px;
}

.mr[b-xgjmq7ai78] {
    margin-right: 15px;
}

@media (max-width:500px) {
    .card[b-xgjmq7ai78] {
        flex: 100%;
        max-width: 100%;
    }
}
/* /Pages/Users/View.razor.rz.scp.css */
.main[b-0wy6x74z5w] {
    width: 100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center;
}

.card[b-0wy6x74z5w]{
    position:relative;
    flex:1;
    /*max-width:400px;*/
   min-width:400px;
    height:auto;
    margin:5px;
}

.fa-pen[b-0wy6x74z5w] {
    color: #BCBCBC;
    cursor:pointer;
}

.fa-pen:hover[b-0wy6x74z5w] {
    color: #FFD500;
}

.fa-trash-can[b-0wy6x74z5w] {
    color: #EE5656;
    cursor: pointer;
}

.label[b-0wy6x74z5w]{
    font-size:14px;
    font-weight:400;
}

.inp[b-0wy6x74z5w] {
    font-size: 14px;
    font-weight: 500;
}

.role[b-0wy6x74z5w] {
    background-color: #DAEFFE;
    color: #3859FF;
    border-radius:4px;
    padding:2px 5px;
}


.ml[b-0wy6x74z5w] {
    margin-left: 15px;
}

.mr[b-0wy6x74z5w] {
    margin-right: 15px;
}

@media (max-width:500px){
    .card[b-0wy6x74z5w]{
        flex:100%;
        max-width:100%;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
*[b-d2srlsm53y] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.toggle[b-d2srlsm53y] {
    font-size: 30px;
    color: white;
    float: left;
    line-height: 50px;
    margin-left: 5%;
    cursor: pointer;
    display: none;
}

nav[b-d2srlsm53y] {
    background: #0E0E0E;
    height: 50px;
    width: 100%;
}

ul[b-d2srlsm53y] {
    float: left;
    margin-left: 10px !important;
    width: 1110px;
}

.socialtop[b-d2srlsm53y] {
    float: right;
    margin-right: 10px !important;
    max-width:170px;
}

ul li[b-d2srlsm53y] {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    font-size: 16px;
}

ul a[b-d2srlsm53y] {
    font-weight: 400;
    padding: 10px;
    line-height: 50px;
    color: #A7A7A7;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
}

ul li:hover[b-d2srlsm53y] {
    color: #fff;
}

ul li a:hover[b-d2srlsm53y] {
    font-weight: 500;
    color: #FFF;
}

/*.top-social a {
    padding: 13px;
    color: #A7A7A7;
}*/

.top-social[b-d2srlsm53y] {
    padding: 15px 15px 15px 15px;
    border-left: 1px solid #707070;
    height: 50px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    margin-right:5px;
}

    .top-social a:hover[b-d2srlsm53y] {
        color: #fff;
    }

.active[b-d2srlsm53y] {
    color: #fff;
    font-weight: 500;
    cursor:pointer;
}

a[b-d2srlsm53y]{
    cursor:pointer;
}

.new-if[b-d2srlsm53y] {
    color: #FFD500;
    cursor: pointer;
    font-weight: 500;
}

.drop[b-d2srlsm53y]{
    padding-left: 15px !important;
    padding-right: 15px !important;
}

hv:hover[b-d2srlsm53y]{
    color:blue !important;
}

.dropbtn[b-d2srlsm53y] {
    color: #a7a7a7;
    font-size: 16px;
}

.dropdown-content-1[b-d2srlsm53y] {
    display: none;
    position: absolute;
    background-color: #0E0E0E;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 99;
}

    .dropdown-content-1 a[b-d2srlsm53y] {
        color: white;
        padding: 0px 12px;
        text-decoration: none;
        display: block;
        font-size:14px;
    }

        .dropdown-content-1 a:hover[b-d2srlsm53y] {
            background-color: #292828;
            color: white;
        }


.dropbtnus[b-d2srlsm53y] {
    color: white !important;
    font-size: 14px;
    cursor:pointer;
}

.dropdown-content[b-d2srlsm53y] {
    display: none;
    position: fixed;
    top: 33px;
    right: -1px;
    background-color: #0E0E0E;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}

.dropdown-content a[b-d2srlsm53y] {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    
}

    .dropdown-content a:hover[b-d2srlsm53y] {
        background-color: #292828;
        color: white;
    }

.dropdown:hover .dropdown-content[b-d2srlsm53y] {
    display: block;
}

.dropdown:hover .dropdown-content-1[b-d2srlsm53y] {
    display: block;
}

.logout[b-d2srlsm53y] {
    font-weight: 600;
    font-size: 18px;
    color: #FFD500 !important;
}

@media screen and (max-width: 1254px) {
    .toggle[b-d2srlsm53y] {
        display: block;
    }


    ul[b-d2srlsm53y] {
        z-index: 9999;
        margin-top: -15px;
        position: fixed;
        top: -550px;
        right: 0;
        left: 0;
        width: 200px;
        background: #222222;
        display: inline-grid;
        transition: top .10s;
        margin-left: 0;
    }

        ul.show[b-d2srlsm53y] {
            top: 60px;
            width: 50%;
            overflow-y: auto;
            height: 300px;
        }

        ul li[b-d2srlsm53y] {
            top: 0;  
            float: left;
            text-align: center;
        }
}

@media screen and (max-width:500px) {
    ul[b-d2srlsm53y] {
        width: 100%;
    }

        ul.show[b-d2srlsm53y] {
            top: 60px;
            width: 50%;
            height: 505px;
        }
}