/* /Components/BookingList_ONLINE_PrintViewNew.razor.rz.scp.css */
.tableheader[b-1ka7w67eg3] {
    border: 1px solid #FFFFFF !important;
}

#rfswrapper[b-1ka7w67eg3] {
    display: flex;
    justify-content: space-between;
    margin: 10px 10px;
}

.flexwrapper[b-1ka7w67eg3] {
    display: flex;
    justify-content: space-between
}

#dimmcell[b-1ka7w67eg3] {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.table[b-1ka7w67eg3] {
    margin: 25px 0;
}

.btn[b-1ka7w67eg3] {
    margin-bottom: 20px;
}

.nopagebreakrow[b-1ka7w67eg3] {
    page-break-inside: avoid;
}

.nopagebreakbefore[b-1ka7w67eg3] {
    page-break-before: avoid
}


@media print {

    .nopagebreakbefore[b-1ka7w67eg3] {
        page-break-before: avoid
    }

    .nopagebreakrow[b-1ka7w67eg3] {
        page-break-inside: avoid;
    }

    .sidebar[b-1ka7w67eg3] {
        display: none !important;
    }

    .top-row[b-1ka7w67eg3] {
        display: none !important;
    }

    .hideWhenPrint[b-1ka7w67eg3] {
        display: none !important;
    }
}
/* /Components/BookingList_RFS_PrintViewNew.razor.rz.scp.css */
.tableheader[b-nuopk01hlo] {
    border: 1px solid #FFFFFF !important;
}

#rfswrapper[b-nuopk01hlo] {
    display: flex;
    justify-content: space-between;
    margin: 10px 10px;
}

.flexwrapper[b-nuopk01hlo] {
    display: flex;
    justify-content: space-between
}

#dimmcell[b-nuopk01hlo] {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.table[b-nuopk01hlo] {
    margin: 25px 0;
}

.btn[b-nuopk01hlo] {
    margin-bottom: 20px;
}

.nopagebreakrow[b-nuopk01hlo] {
    page-break-inside: avoid;
}

.nopagebreakbefore[b-nuopk01hlo] {
    page-break-before: avoid
}


@media print {

    .nopagebreakbefore[b-nuopk01hlo] {
        page-break-before: avoid
    }

    .nopagebreakrow[b-nuopk01hlo] {
        page-break-inside: avoid;
    }

    .sidebar[b-nuopk01hlo] {
        display: none !important;
    }

    .top-row[b-nuopk01hlo] {
        display: none !important;
    }

    .hideWhenPrint[b-nuopk01hlo] {
        display: none !important;
    }
}
/* /Components/CargoLabelNoHawbPrintView.razor.rz.scp.css */
@media (orientation: portrait) {
    #cargolabelgrid01[b-tw2l72jame] {
        display: grid;
        font-family: Consolas;
        grid-template-areas: 
            "airlinename       airlinename      airlinename"
            "barcode           barcode          barcode"
            "awbnumber_lbl     awbnumber_lbl    awbnumber_lbl"
            "awbnumber         awbnumber        awbnumber"
            "destination01_lbl pieces01_lbl     weight01_lbl"
            "destination01     pieces01         weight01"
            "origin_lbl        transitpoint_lbl transitpoint02"
            "origin            transitpoint01   transitpoint03"
            "hawbnumber_lbl    hawbnumber_lbl   hawbnumber_lbl"
            "hawbnumber        hawbnumber       hawbnumber"
            "destination02_lbl pieces02_lbl     weight02_lbl"
            "destination02     pieces02         weight02"
            "hawbbarcode       hawbbarcode      hawbbarcode";
        grid-template-columns: auto auto auto;
        grid-template-rows: auto auto auto;
    }
}

@media (orientation: landscape) {
    #cargolabelgrid01[b-tw2l72jame] {
        display: grid;
        width: 60%;
        font-family: Consolas;
        grid-template-areas: 
            "airlinename       airlinename      airlinename"
            "barcode           barcode          barcode"
            "awbnumber_lbl     awbnumber_lbl    awbnumber_lbl"
            "awbnumber         awbnumber        awbnumber"
            "destination01_lbl pieces01_lbl     weight01_lbl"
            "destination01     pieces01         weight01"
            "origin_lbl        transitpoint_lbl transitpoint02"
            "origin            transitpoint01   transitpoint03"
            "hawbnumber_lbl    hawbnumber_lbl   hawbnumber_lbl"
            "hawbnumber        hawbnumber       hawbnumber"
            "destination02_lbl pieces02_lbl     weight02_lbl"
            "destination02     pieces02         weight02"
            "hawbbarcode       hawbbarcode      hawbbarcode";
        grid-template-columns: auto auto auto;
        grid-template-rows: auto auto auto;
    }
}

#airlinename[b-tw2l72jame] {
    grid-area: airlinename;
    text-align: center;
    font-size: 140px;
    font-weight: bold;
    padding-bottom: 25px;
    border-color: black;
    font-family: Consolas;
}

#barcode[b-tw2l72jame] {
    grid-area: barcode;
    text-align: center;
    font-size: 50px;
    padding-bottom: 40px;
    border-color: black;
    font-family: 'CCode39', sans-serif;
    /*font-family: Consolas;
    font-weight: bold;*/
}

#awbnumber_lbl[b-tw2l72jame] {
    grid-area: awbnumber_lbl;
    text-align: center;
    font-size: 40px;
    border-color: black;
    font-family: Consolas;
}

#awbnumber[b-tw2l72jame] {
    grid-area: awbnumber;
    text-align: center;
    font-size: 85px;
    font-weight: bold;
    padding-bottom: 10px;
    border-color: black;
    font-family: Consolas;
    padding-bottom: 60px;
}

#destination01_lbl[b-tw2l72jame] {
    grid-area: destination01_lbl;
    font-size: 35px;
    text-align: center;
    border-color: black;
    font-family: Consolas;
}

#destination01[b-tw2l72jame] {
    grid-area: destination01;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    border-color: black;
    font-family: Consolas;
}

#pieces01_lbl[b-tw2l72jame] {
    grid-area: pieces01_lbl;
    font-size: 35px;
    text-align: center;
    border-color: black;
    font-family: Consolas;
}

#pieces01[b-tw2l72jame] {
    grid-area: pieces01;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    border-color: black;
    font-family: Consolas;
    padding-bottom: 15px;
}

#weight01_lbl[b-tw2l72jame] {
    grid-area: weight01_lbl;
    font-size: 35px;
    text-align: center;
    border-color: black;
    font-family: Consolas;
}

#weight01[b-tw2l72jame] {
    grid-area: weight01;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    border-color: black;
}

#origin_lbl[b-tw2l72jame] {
    grid-area: origin_lbl;
    font-size: 35px;
    padding-top: 20px;
    text-align: center;
    border-color: black;
}

#origin[b-tw2l72jame] {
    grid-area: origin;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    border-color: black;
}

#transitpoint_lbl[b-tw2l72jame] {
    grid-area: transitpoint_lbl;
    font-size: 35px;
    text-align: center;
    padding-top: 20px;
    padding-left: 100px;
    border-color: black;
}

#transitpoint01[b-tw2l72jame] {
    grid-area: transitpoint01;
    font-size: 55px;
    text-align: center;
    border-color: black;
    padding-bottom:15px;
}

#transitpoint02[b-tw2l72jame] {
    grid-area: transitpoint02;
    font-size:55px;
    text-align: left;
    border-color: black;
}

#transitpoint03[b-tw2l72jame] {
    grid-area: transitpoint03;
    font-size: 55px;
    text-align: left;
    border-color: black;
}

#hawbnumber_lbl[b-tw2l72jame] {
    grid-area: hawbnumber_lbl;
    font-size: 10px;
    text-align: center;
    padding-top: 5px;
    border-color: black;
}

#hawbnumber[b-tw2l72jame] {
    grid-area: hawbnumber;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    border-color: black;
    padding-bottom: 25px;
}

#destination02_lbl[b-tw2l72jame] {
    grid-area: destination02_lbl;
    font-size: 10px;
    text-align: center;
    border-color: black;
}

#destination02[b-tw2l72jame] {
    grid-area: destination02;
    font-size: 10px;
    text-align: center;
    border-color: black;
}

#pieces02_lbl[b-tw2l72jame] {
    grid-area: pieces02_lbl;
    font-size: 10px;
    text-align: center;
    border-color: black;
}

#pieces02[b-tw2l72jame] {
    grid-area: pieces02;
    font-size:10px;
    text-align: center;
    border-color: black;
}

#weight02_lbl[b-tw2l72jame] {
    grid-area: weight02_lbl;
    font-size:10px;
    text-align: center;
    border-color: black;
}

#weight02[b-tw2l72jame] {
    grid-area: weight02;
    font-size: 10px;
    text-align: center;
    padding-bottom:25px;
    border-color: black;
}

#hawbbarcode[b-tw2l72jame] {
    grid-area: hawbbarcode;
    font-size: 50px;
    text-align: center;
    border-color: black;
    font-family: 'CCode39', sans-serif;
}

@media print {

    .cargolabelgrid01[b-tw2l72jame] {
        height: 100%;
        width: 100%
    }

    .pagebreak[b-tw2l72jame] {
        page-break-before: always;
    }

    .sidebar[b-tw2l72jame] {
        display: none !important;
    }

    .top-row[b-tw2l72jame] {
        display: none !important;
    }

    .hideWhenPrint[b-tw2l72jame] {
        display: none !important;
    }
}
/* /Components/CargoLabelPrintView.razor.rz.scp.css */
@media (orientation: portrait) {
    #cargolabelgrid01[b-nn7lazc52l] {
        display: grid;
        font-family: Consolas;
        grid-template-areas: 
            "airlinename       airlinename      airlinename"
            "barcode           barcode          barcode"
            "awbnumber_lbl     awbnumber_lbl    awbnumber_lbl"
            "awbnumber         awbnumber        awbnumber"
            "destination01_lbl pieces01_lbl     weight01_lbl"
            "destination01     pieces01         weight01"
            "origin_lbl        transitpoint_lbl transitpoint02"
            "origin            transitpoint01   transitpoint03"
            "hawbnumber_lbl    hawbnumber_lbl   hawbnumber_lbl"
            "hawbnumber        hawbnumber       hawbnumber"
            "destination02_lbl pieces02_lbl     weight02_lbl"
            "destination02     pieces02         weight02"
            "hawbbarcode       hawbbarcode      hawbbarcode";
        grid-template-columns: auto auto auto;
        grid-template-rows: auto auto auto;
    }
}

@media (orientation: landscape) {
    #cargolabelgrid01[b-nn7lazc52l] {
        display: grid;
        width: 60%;
        font-family: Consolas;
        grid-template-areas: 
            "airlinename       airlinename      airlinename"
            "barcode           barcode          barcode"
            "awbnumber_lbl     awbnumber_lbl    awbnumber_lbl"
            "awbnumber         awbnumber        awbnumber"
            "destination01_lbl pieces01_lbl     weight01_lbl"
            "destination01     pieces01         weight01"
            "origin_lbl        transitpoint_lbl transitpoint02"
            "origin            transitpoint01   transitpoint03"
            "hawbnumber_lbl    hawbnumber_lbl   hawbnumber_lbl"
            "hawbnumber        hawbnumber       hawbnumber"
            "destination02_lbl pieces02_lbl     weight02_lbl"
            "destination02     pieces02         weight02"
            "hawbbarcode       hawbbarcode      hawbbarcode";
        grid-template-columns: auto auto auto;
        grid-template-rows: auto auto auto;
    }
}

#airlinename[b-nn7lazc52l] {
    grid-area: airlinename;
    text-align: center;
    font-size: 140px;
    font-weight: bold;
    padding-bottom: 25px;
    border-color: black;
    font-family: Consolas;
}

#barcode[b-nn7lazc52l] {
    grid-area: barcode;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    padding-bottom: 25px;
    border-color: black;
    font-family: 'CCode39', sans-serif;
}

#awbnumber_lbl[b-nn7lazc52l] {
    grid-area: awbnumber_lbl;
    text-align: center;
    font-size: 40px;
    border-color: black;
    font-family: Consolas;
}

#awbnumber[b-nn7lazc52l] {
    grid-area: awbnumber;
    text-align: center;
    font-size: 70px;
    font-weight: bold;
    padding-bottom: 10px;
    border-color: black;
    font-family: Consolas;
    padding-bottom: 35px;
}

#destination01_lbl[b-nn7lazc52l] {
    grid-area: destination01_lbl;
    font-size: 35px;
    text-align: center;
    border-color: black;
    font-family: Consolas;
}

#destination01[b-nn7lazc52l] {
    grid-area: destination01;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    border-color: black;
    font-family: Consolas;
}

#pieces01_lbl[b-nn7lazc52l] {
    grid-area: pieces01_lbl;
    font-size: 35px;
    text-align: center;
    border-color: black;
    font-family: Consolas;
}

#pieces01[b-nn7lazc52l] {
    grid-area: pieces01;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    border-color: black;
    font-family: Consolas;
    padding-bottom: 15px;
}

#weight01_lbl[b-nn7lazc52l] {
    grid-area: weight01_lbl;
    font-size: 35px;
    text-align: center;
    border-color: black;
    font-family: Consolas;
}

#weight01[b-nn7lazc52l] {
    grid-area: weight01;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    border-color: black;
}

#origin_lbl[b-nn7lazc52l] {
    grid-area: origin_lbl;
    font-size: 35px;
    padding-top: 20px;
    text-align: center;
    border-color: black;
}

#origin[b-nn7lazc52l] {
    grid-area: origin;
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    border-color: black;
}

#transitpoint_lbl[b-nn7lazc52l] {
    grid-area: transitpoint_lbl;
    font-size: 35px;
    text-align: center;
    padding-top: 20px;
    padding-left: 100px;
    border-color: black;
}

#transitpoint01[b-nn7lazc52l] {
    grid-area: transitpoint01;
    font-size: 45px;
    text-align: center;
    border-color: black;
    padding-bottom:15px;
}

#transitpoint02[b-nn7lazc52l] {
    grid-area: transitpoint02;
    font-size: 35px;
    text-align: left;
    border-color: black;
}

#transitpoint03[b-nn7lazc52l] {
    grid-area: transitpoint03;
    font-size: 35px;
    text-align: left;
    border-color: black;
}

#hawbnumber_lbl[b-nn7lazc52l] {
    grid-area: hawbnumber_lbl;
    font-size: 45px;
    text-align: center;
    padding-top: 20px;
    border-color: black;
}

#hawbnumber[b-nn7lazc52l] {
    grid-area: hawbnumber;
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    border-color: black;
    padding-bottom: 25px;
}

#destination02_lbl[b-nn7lazc52l] {
    grid-area: destination02_lbl;
    font-size: 35px;
    text-align: center;
    border-color: black;
}

#destination02[b-nn7lazc52l] {
    grid-area: destination02;
    font-size: 45px;
    text-align: center;
    border-color: black;
}

#pieces02_lbl[b-nn7lazc52l] {
    grid-area: pieces02_lbl;
    font-size: 35px;
    text-align: center;
    border-color: black;
}

#pieces02[b-nn7lazc52l] {
    grid-area: pieces02;
    font-size:45px;
    text-align: center;
    border-color: black;
}

#weight02_lbl[b-nn7lazc52l] {
    grid-area: weight02_lbl;
    font-size:35px;
    text-align: center;
    border-color: black;
}

#weight02[b-nn7lazc52l] {
    grid-area: weight02;
    font-size: 45px;
    text-align: center;
    padding-bottom:25px;
    border-color: black;
}

#hawbbarcode[b-nn7lazc52l] {
    grid-area: hawbbarcode;
    font-size: 50px;
    text-align: center;
    border-color: black;
    font-family: 'CCode39', sans-serif;
}

@media print {

    .cargolabelgrid01[b-nn7lazc52l] {
        height: 100%;
        width: 100%
    }

    .pagebreak[b-nn7lazc52l] {
        page-break-before: always;
    }

    .sidebar[b-nn7lazc52l] {
        display: none !important;
    }

    .top-row[b-nn7lazc52l] {
        display: none !important;
    }

    .hideWhenPrint[b-nn7lazc52l] {
        display: none !important;
    }
}

/* /Components/ConsolManifestPrintView.razor.rz.scp.css */
/**   {
    font-family: Arial, Verdana, sans-serif;
    color: #665544;
    text-align: left;}

body {
    width: 50%;
}

.article {
    background-color: #efefef;
    margin-top: 20px;
    padding: 10px 0px 5px 0px;
    height: 100px;

}


@media print {
        
    body {

        width: calc(210mm * 1.20);
        height: calc(297mm * 1.20);
    }
}*/


@media (orientation: portrait) {

    #mawbgrid[b-lj7mocz2j4] {
        display: grid;
        /* The rows, columns and areas of the grid are defined visually
     * using the grid-template-areas property.  Each string is a row,
     * and each word an area.  The number of words in a string
     * determines the number of columns. Note the number of words
     * in each string must be identical. */
        grid-template-areas: "docname awbno"
            "shipper consignee"
            "date flights";
        /* The way to size columns and rows can be assigned with the
     * grid-template-columns and grid-template-rows properties. */
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid[b-lj7mocz2j4] {
        display: grid;
        width: 50%;
        /* Again the template property defines areas of the same name,
     * but this time positioned differently to better suit a
     * landscape orientation. */
        grid-template-areas: "docname awbno"
            "shipper consignee"
            "date flights";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto auto;
    }
}

/*
MAWB GRID
*/

#docname[b-lj7mocz2j4] {
    grid-area: docname;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#awbno[b-lj7mocz2j4] {
    grid-area: awbno;
    text-align: right;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#shipper[b-lj7mocz2j4] {
    grid-area: shipper;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 40px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consignee[b-lj7mocz2j4] {
    grid-area: consignee;
    padding-top: 10px;
    padding-left: 10px;
    border-right: 1px solid;
    border-color: black;
}

#date[b-lj7mocz2j4] {
    grid-area: date;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 40px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#flights[b-lj7mocz2j4] {
    grid-area: flights;
    padding-top: 10px;
    padding-left: 10px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media (orientation: portrait) {

    #hawbgrid[b-lj7mocz2j4] {
        display: grid;
        /* The rows, columns and areas of the grid are defined visually
      * using the grid-template-areas property.  Each string is a row,
      * and each word an area.  The number of words in a string
      * determines the number of columns. Note the number of words
      * in each string must be identical. */
        grid-template-areas: "hawbno shipper_hawb goodsdesc"
            "dest shipper_hawb goodsdesc"
            "pcsweight consignee_hawb goodsdesc"
            "pcsweight consignee_hawb goodsdesc";
        /* The way to size columns and rows can be assigned with the
      * grid-template-columns and grid-template-rows properties. */
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #hawbgrid[b-lj7mocz2j4] {
        display: grid;
        width: 50%;
        /* Again the template property defines areas of the same name,
      * but this time positioned differently to better suit a
      * landscape orientation. */
        grid-template-areas: "hawbno shipper_hawb goodsdesc"
            "dest shipper_hawb goodsdesc"
            "pcsweight consignee_hawb goodsdesc"
            "pcsweight consignee_hawb goodsdesc";
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

/*
HAWB GRID
*/

#hawbno[b-lj7mocz2j4] {
    grid-area: hawbno;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-top: 2px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#dest[b-lj7mocz2j4] {
    grid-area: dest;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#shipper_hawb[b-lj7mocz2j4] {
    grid-area: shipper_hawb;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    border-top: 2px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consignee_hawb[b-lj7mocz2j4] {
    grid-area: consignee_hawb;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#pcsweight[b-lj7mocz2j4] {
    grid-area: pcsweight;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 40px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#goodsdesc[b-lj7mocz2j4] {
    grid-area: goodsdesc;
    padding-top: 10px;
    padding-left: 10px;
    border-top: 2px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media print {
    #mawbgrid[b-lj7mocz2j4] {
        width: 100%;
    }

    #hawbgrid[b-lj7mocz2j4] {
        width: 100%;
    }

    .pagebreak[b-lj7mocz2j4] {
        page-break-before: always;
    }

    .sidebar[b-lj7mocz2j4] {
        display: none !important;
    }

    .top-row[b-lj7mocz2j4] {
        display: none !important;
    }

    .hideWhenPrint[b-lj7mocz2j4] {
        display: none !important;
    }
}
/* /Components/Delivery_RFS_PrintView.razor.rz.scp.css */
.tableheader[b-dpx0idxxsp] {
    border: 1px solid #FFFFFF !important;
}

#rfswrapper[b-dpx0idxxsp] {
    display: flex;
    justify-content: space-between;
    margin: 10px 10px;
}

.flexwrapper[b-dpx0idxxsp] {
    display: flex;
    justify-content: space-between
}

#dimmcell[b-dpx0idxxsp] {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.table[b-dpx0idxxsp] {
    margin: 25px 0;
}

.btn[b-dpx0idxxsp] {
    margin-bottom: 20px;
}

.nopagebreakrow[b-dpx0idxxsp] {
    page-break-inside: avoid;
}

.nopagebreakbefore[b-dpx0idxxsp] {
    page-break-before: avoid
}


@media print {

    .nopagebreakbefore[b-dpx0idxxsp] {
        page-break-before: avoid
    }

    .nopagebreakrow[b-dpx0idxxsp] {
        page-break-inside: avoid;
    }

    .sidebar[b-dpx0idxxsp] {
        display: none !important;
    }

    .top-row[b-dpx0idxxsp] {
        display: none !important;
    }

    .hideWhenPrint[b-dpx0idxxsp] {
        display: none !important;
    }
}
/* /Components/HawbPrintView.razor.rz.scp.css */
.mainDiv[b-m6x6k8twrd] {
    width: 50%;
}

table[b-m6x6k8twrd] {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

th[b-m6x6k8twrd],
td[b-m6x6k8twrd] {
    vertical-align: top;
    text-align: left;
}

    td[rowspan][b-m6x6k8twrd] {
        vertical-align: top;
        text-align: left;
    }

shipperBox[b-m6x6k8twrd] {
    width: 10.5cm;
}

@media print {

    .mainDiv[b-m6x6k8twrd] {
        width: calc(210mm * 1.20);
        height: calc(297mm * 1.20);
    }
}
/* /Components/HawbPrintViewNew.razor.rz.scp.css */
@media (orientation: portrait) {
    #hawbgrid01[b-douc6g9smj] {
        display: grid;
        grid-template-areas:
            "barcode01             barcode               barcode               barcode02"
            "awbno01               barcode               barcode               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #hawbgrid01[b-douc6g9smj] {
        display: grid;
        width: 50%;
        grid-template-areas:
            "barcode01             barcode               barcode               barcode02"
            "awbno01               barcode               barcode               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

#barcode01[b-douc6g9smj] {
    grid-area: barcode01;
}

#barcode02[b-douc6g9smj] {
    grid-area: barcode02;
}

#barcode[b-douc6g9smj] {
    grid-area: barcode;
    border-bottom: 1px solid;
    border-color: black;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'CCode39', sans-serif;
    text-align: center;
    padding-bottom: 10px;
    font-size: 28px
}

#awbno01[b-douc6g9smj] {
    grid-area: awbno01;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno02[b-douc6g9smj] {
    grid-area: awbno02;
    text-align: right;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperaccountno[b-douc6g9smj] {
    grid-area: shipperaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#shipper[b-douc6g9smj] {
    grid-area: shipper;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperlabel[b-douc6g9smj] {
    grid-area: shipperlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consigneeaccountno[b-douc6g9smj] {
    grid-area: consigneeaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consignee[b-douc6g9smj] {
    grid-area: consignee;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#consigneelabel[b-douc6g9smj] {
    grid-area: consigneelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#airlinelabels[b-douc6g9smj] {
    grid-area: airlinelabels;
    font-size: 14px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    border-color: black;
}

#airline[b-douc6g9smj] {
    grid-area: airline;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    border-right: 1px solid;
    border-color: black;
}

#airlinenote[b-douc6g9smj] {
    grid-area: airlinenote;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#conditions01[b-douc6g9smj] {
    grid-area: conditions01;
    font-size: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#issuingagentlabel[b-douc6g9smj] {
    grid-area: issuingagentlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#issuingagent[b-douc6g9smj] {
    grid-area: issuingagent;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#agentiatacodelabel[b-douc6g9smj] {
    grid-area: agentiatacodelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-color: black;
}

#agentiatacode[b-douc6g9smj] {
    grid-area: agentiatacode;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#agentaccountnolabel[b-douc6g9smj] {
    grid-area: agentaccountnolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#agentaccountno[b-douc6g9smj] {
    grid-area: agentaccountno;
    font-size: 14px;
    padding-top: 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfolabel[b-douc6g9smj] {
    grid-area: accountinginfolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfo[b-douc6g9smj] {
    grid-area: accountinginfo;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media (orientation: portrait) {

    #hawbgrid02[b-douc6g9smj] {
        display: grid;
        grid-template-areas: "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01     optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #hawbgrid02[b-douc6g9smj] {
        display: grid;
        width: 50%;
        grid-template-areas: "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01  optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

#airportdeparturelabel[b-douc6g9smj] {
    grid-area: airportdeparturelabel;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#airportdeparture[b-douc6g9smj] {
    grid-area: airportdeparture;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumberlabel[b-douc6g9smj] {
    grid-area: refnumberlabel;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumber[b-douc6g9smj] {
    grid-area: refnumber;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfolabel[b-douc6g9smj] {
    grid-area: optionalshipinfolabel;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo01[b-douc6g9smj] {
    grid-area: optionalshipinfo01;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo02[b-douc6g9smj] {
    grid-area: optionalshipinfo02;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #hawbgrid03[b-douc6g9smj] {
        display: grid;
        grid-template-areas: "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #hawbgrid03[b-douc6g9smj] {
        display: grid;
        width: 50%;
        grid-template-areas: "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

#to01-lbl[b-douc6g9smj] {
    grid-area: to01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#to02-lbl[b-douc6g9smj] {
    grid-area: to02-lbl;
    font-size: 10px;
    border-left: 1px solid;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#to03-lbl[b-douc6g9smj] {
    grid-area: to03-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by01-lbl[b-douc6g9smj] {
    grid-area: by01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by02-lbl[b-douc6g9smj] {
    grid-area: by02-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#firstcarrier-lbl[b-douc6g9smj] {
    grid-area: firstcarrier-lbl;
    font-size: 10px;
    border-color: black;
}

#routingdest-lbl[b-douc6g9smj] {
    grid-area: routingdest-lbl;
    height: 12px;
    font-size: 10px;
    text-align: right;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-right: 2px;
    border-color: black;
}

#currency-lbl[b-douc6g9smj] {
    grid-area: currency-lbl;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#chgs-lbl[b-douc6g9smj] {
    grid-area: chgs-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtval-lbl[b-douc6g9smj] {
    grid-area: wtval-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#other-lbl[b-douc6g9smj] {
    grid-area: other-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#decval-lbl[b-douc6g9smj] {
    grid-area: decval-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#decvalcust-lbl[b-douc6g9smj] {
    grid-area: decvalcust-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalPP-lbl[b-douc6g9smj] {
    grid-area: wtvalPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalCOL-lbl[b-douc6g9smj] {
    grid-area: wtvalCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherPP-lbl[b-douc6g9smj] {
    grid-area: otherPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherCOL-lbl[b-douc6g9smj] {
    grid-area: otherCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#to01[b-douc6g9smj] {
    grid-area: to01;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to02[b-douc6g9smj] {
    grid-area: to02;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to03[b-douc6g9smj] {
    grid-area: to03;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by01[b-douc6g9smj] {
    grid-area: by01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by02[b-douc6g9smj] {
    grid-area: by02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#firstcarrier[b-douc6g9smj] {
    grid-area: firstcarrier;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-color: black;
}

#currency[b-douc6g9smj] {
    grid-area: currency;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#chgs[b-douc6g9smj] {
    grid-area: chgs;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalPP[b-douc6g9smj] {
    grid-area: wtvalPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalCOL[b-douc6g9smj] {
    grid-area: wtvalCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherPP[b-douc6g9smj] {
    grid-area: otherPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherCOL[b-douc6g9smj] {
    grid-area: otherCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decval[b-douc6g9smj] {
    grid-area: decval;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decvalcust[b-douc6g9smj] {
    grid-area: decvalcust;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #hawbgrid04[b-douc6g9smj] {
        display: grid;
        grid-template-areas: "airportdest_lbl airportdest_lbl fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest     fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl    handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #hawbgrid04[b-douc6g9smj] {
        display: grid;
        width: 50%;
        grid-template-areas: "airportdest_lbl airportdest_lbl fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest     fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl    handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

#airportdest_lbl[b-douc6g9smj] {
    grid-area: airportdest_lbl;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#fltdate_lbl[b-douc6g9smj] {
    grid-area: fltdate_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#insurance_lbl[b-douc6g9smj] {
    grid-area: insurance_lbl;
    text-align: center;
    font-size: 9px;
    border-color: black;
}

#handling_lbl[b-douc6g9smj] {
    grid-area: handling_lbl;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#sci_lbl[b-douc6g9smj] {
    grid-area: sci_lbl;
    text-align: left;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#insurancenote[b-douc6g9smj] {
    grid-area: insurancenote;
    font-size: 9px;
    padding: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#airportdest[b-douc6g9smj] {
    grid-area: airportdest;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#fltdate01[b-douc6g9smj] {
    grid-area: fltdate01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#fltdate02[b-douc6g9smj] {
    grid-area: fltdate02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#insurance[b-douc6g9smj] {
    grid-area: insurance;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid;
    border-color: black;
}

#handlinginfo[b-douc6g9smj] {
    grid-area: handlinginfo;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#sci[b-douc6g9smj] {
    grid-area: sci;
    font-size: 14px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #hawbgrid05[b-douc6g9smj] {
        display: grid;
        grid-template-areas: 
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #hawbgrid05[b-douc6g9smj] {
        display: grid;
        width: 50%;
        grid-template-areas: 
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

#pcs_lbl[b-douc6g9smj] {
    grid-area: pcs_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#grosswt__lbl[b-douc6g9smj] {
    grid-area: grosswt__lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#kglb_lbl[b-douc6g9smj] {
    grid-area: kglb_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#rateclass_lbl[b-douc6g9smj] {
    grid-area: rateclass_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#commitem_lbl[b-douc6g9smj] {
    grid-area: commitem_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#chweight_lbl[b-douc6g9smj] {
    grid-area: chweight_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#ratecharge_lbl[b-douc6g9smj] {
    grid-area: ratecharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#total_lbl[b-douc6g9smj] {
    grid-area: total_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#goods_lbl[b-douc6g9smj] {
    grid-area: goods_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#pcs[b-douc6g9smj] {
    grid-area: pcs;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#grosswt[b-douc6g9smj] {
    grid-area: grosswt;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#kglb[b-douc6g9smj] {
    grid-area: kglb;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#rateclass[b-douc6g9smj] {
    grid-area: rateclass;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#commitem[b-douc6g9smj] {
    grid-area: commitem;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#chweight[b-douc6g9smj] {
    grid-area: chweight;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ratecharge[b-douc6g9smj] {
    grid-area: ratecharge;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#total[b-douc6g9smj] {
    grid-area: total;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#goods[b-douc6g9smj] {
    grid-area: goods;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#pcsttl[b-douc6g9smj] {
    grid-area: pcsttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#grosswtttl[b-douc6g9smj] {
    grid-area: grosswtttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#totalttl[b-douc6g9smj] {
    grid-area: totalttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #hawbgrid06[b-douc6g9smj] {
        display: grid;
        grid-template-areas:    "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
                                "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
                                "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
                                "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
                                "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
                                "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";

        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #hawbgrid06[b-douc6g9smj] {
        display: grid;
        width: 50%;
        grid-template-areas:    "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
                                "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
                                "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
                                "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
                                "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
                                "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";

        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid_lbl[b-douc6g9smj] {
    grid-area: prepaid_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid01_lbl[b-douc6g9smj] {
    grid-area: prepaid01_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid02_lbl[b-douc6g9smj] {
    grid-area: prepaid02_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtcharge_lbl[b-douc6g9smj] {
    grid-area: wtcharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#collect_lbl[b-douc6g9smj] {
    grid-area: collect_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect01_lbl[b-douc6g9smj] {
    grid-area: collect01_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect02_lbl[b-douc6g9smj] {
    grid-area: collect02_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#valcharge_lbl[b-douc6g9smj] {
    grid-area: valcharge_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tax_lbl[b-douc6g9smj] {
    grid-area: tax_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#othcharges_lbl[b-douc6g9smj] {
    grid-area: othcharges_lbl;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtchargePP[b-douc6g9smj] {
    grid-area: wtchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtchargeCOL[b-douc6g9smj] {
    grid-area: wtchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargePP[b-douc6g9smj] {
    grid-area: valchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargeCOL[b-douc6g9smj] {
    grid-area: valchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxPP[b-douc6g9smj] {
    grid-area: taxPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxCOL[b-douc6g9smj] {
    grid-area: taxCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#othcharges[b-douc6g9smj] {
    grid-area: othcharges;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media (orientation: portrait) {

    #hawbgrid07[b-douc6g9smj] {
        display: grid;
        grid-template-areas:    "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
                                "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
                                "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
                                "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippernote     shippernote      shippernote"
                                "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
                                "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
                                "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
                                "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
                                "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
                                "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
                                "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
                                "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";

        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #hawbgrid07[b-douc6g9smj] {
        display: grid;
        width: 50%;
        grid-template-areas:    "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
                                "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
                                "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
                                "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippernote     shippernote      shippernote"
                                "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
                                "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
                                "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
                                "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
                                "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
                                "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
                                "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
                                "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";

        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid03_lbl[b-douc6g9smj] {
    grid-area: prepaid03_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid04_lbl[b-douc6g9smj] {
    grid-area: prepaid04_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#collect03_lbl[b-douc6g9smj] {
    grid-area: collect03_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect04_lbl[b-douc6g9smj] {
    grid-area: collect04_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#tocda_lbl[b-douc6g9smj] {
    grid-area: tocda_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdc_lbl[b-douc6g9smj] {
    grid-area: tocdc_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#shipper_lbl[b-douc6g9smj] {
    grid-area: shipper_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdaPP[b-douc6g9smj] {
    grid-area: tocdaPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdaCOL[b-douc6g9smj] {
    grid-area: tocdaCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcPP[b-douc6g9smj] {
    grid-area: tocdcPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcCOL[b-douc6g9smj] {
    grid-area: tocdcCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shippernote[b-douc6g9smj] {
    grid-area: shippernote;
    font-size: 10px;
    padding: 2px;
    border-right: 1px solid;
    border-color: black;
}

#ttlPP_lbl[b-douc6g9smj] {
    grid-area: ttlPP_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#ttlCOL_lbl[b-douc6g9smj] {
    grid-area: ttlCOL_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cucorates_lbl[b-douc6g9smj] {
    grid-area: cucorates_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cccharindst_lbl[b-douc6g9smj] {
    grid-area: cccharindst_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#chgsdest_lbl[b-douc6g9smj] {
    grid-area: chgsdest_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_01[b-douc6g9smj] {
    grid-area: carrier_lbl_01;
    text-align: center;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_02[b-douc6g9smj] {
    grid-area: carrier_lbl_02;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_03[b-douc6g9smj] {
    grid-area: carrier_lbl_03;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_04[b-douc6g9smj] {
    grid-area: carrier_lbl_04;
    font-size: 9px;
    text-align: left;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs_lbl[b-douc6g9smj] {
    grid-area: ttlcolchgs_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}


#emptyA[b-douc6g9smj] {
    grid-area: emptyA;
    text-align: center;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#emptyB[b-douc6g9smj] {
    grid-area: emptyB;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#empty01[b-douc6g9smj] {
    grid-area: empty01;
    font-size: 10px;
    border-color: black;
}

#empty02[b-douc6g9smj] {
    grid-area: empty02;
    font-size: 10px;
    border-color: black;
}

#ttlPP[b-douc6g9smj] {
    grid-area: ttlPP;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlCOL[b-douc6g9smj] {
    grid-area: ttlCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cucorates[b-douc6g9smj] {
    grid-area: cucorates;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cccharindst[b-douc6g9smj] {
    grid-area: cccharindst;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carrieruse[b-douc6g9smj] {
    grid-area: carrieruse;
    text-align: left;
    font-size: 10px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carriersigndate[b-douc6g9smj] {
    grid-area: carriersigndate;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignplace[b-douc6g9smj] {
    grid-area: carriersignplace;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignname[b-douc6g9smj] {
    grid-area: carriersignname;
    font-size: 14px;
    border-right: 1px solid;
    border-color: black;
}

#carriersign[b-douc6g9smj] {
    grid-area: carriersign;
    border-right: 1px solid;
    border-color: black;
}

#chgsdest[b-douc6g9smj] {
    grid-area: chgsdest;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs[b-douc6g9smj] {
    grid-area: ttlcolchgs;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno03[b-douc6g9smj] {
    grid-area: awbno03;
    text-align: right;
    font-size: 16px;
    padding-top: 3px;
    border-color: black;
}

@media print {
    #hawbgrid01[b-douc6g9smj] {
        width: 100%
    }

    #hawbgrid02[b-douc6g9smj] {
        width: 100%
    }

    #hawbgrid03[b-douc6g9smj] {
        width: 100%
    }

    #hawbgrid04[b-douc6g9smj] {
        width: 100%
    }

    #hawbgrid05[b-douc6g9smj] {
        width: 100%
    }

    #hawbgrid06[b-douc6g9smj] {
        width: 100%
    }

    #hawbgrid07[b-douc6g9smj] {
        width: 100%
    }

    .pagebreak[b-douc6g9smj] {
        page-break-before: always;
    }

    .sidebar[b-douc6g9smj] {
        display: none !important;
    }

    .top-row[b-douc6g9smj] {
        display: none !important;
    }

    .hideWhenPrint[b-douc6g9smj] {
        display: none !important;
    }
}
/* /Components/HawbPrintViewNewPortrait.razor.rz.scp.css */
@media {
    #hawbgrid01[b-2x3itzwpp9] {
        display: grid;
        grid-template-areas:
            "barcode01             barcode               barcode               barcode02"
            "awbno01               barcode               barcode               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

#barcode01[b-2x3itzwpp9] {
    grid-area: barcode01;
}

#barcode02[b-2x3itzwpp9] {
    grid-area: barcode02;
}

#barcode[b-2x3itzwpp9] {
    grid-area: barcode;
    border-bottom: 1px solid;
    border-color: black;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'CCode39', sans-serif;
    text-align: center;
    padding-bottom: 10px;
    font-size: 28px
}

#awbno01[b-2x3itzwpp9] {
    grid-area: awbno01;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno02[b-2x3itzwpp9] {
    grid-area: awbno02;
    text-align: right;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperaccountno[b-2x3itzwpp9] {
    grid-area: shipperaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#shipper[b-2x3itzwpp9] {
    grid-area: shipper;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperlabel[b-2x3itzwpp9] {
    grid-area: shipperlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consigneeaccountno[b-2x3itzwpp9] {
    grid-area: consigneeaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consignee[b-2x3itzwpp9] {
    grid-area: consignee;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#consigneelabel[b-2x3itzwpp9] {
    grid-area: consigneelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#airlinelabels[b-2x3itzwpp9] {
    grid-area: airlinelabels;
    font-size: 14px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    border-color: black;
}

#airline[b-2x3itzwpp9] {
    grid-area: airline;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    border-right: 1px solid;
    border-color: black;
}

#airlinenote[b-2x3itzwpp9] {
    grid-area: airlinenote;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#conditions01[b-2x3itzwpp9] {
    grid-area: conditions01;
    font-size: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#issuingagentlabel[b-2x3itzwpp9] {
    grid-area: issuingagentlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#issuingagent[b-2x3itzwpp9] {
    grid-area: issuingagent;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#agentiatacodelabel[b-2x3itzwpp9] {
    grid-area: agentiatacodelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-color: black;
}

#agentiatacode[b-2x3itzwpp9] {
    grid-area: agentiatacode;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#agentaccountnolabel[b-2x3itzwpp9] {
    grid-area: agentaccountnolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#agentaccountno[b-2x3itzwpp9] {
    grid-area: agentaccountno;
    font-size: 14px;
    padding-top: 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfolabel[b-2x3itzwpp9] {
    grid-area: accountinginfolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfo[b-2x3itzwpp9] {
    grid-area: accountinginfo;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media {

    #hawbgrid02[b-2x3itzwpp9] {
        display: grid;
        grid-template-areas: "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01     optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}


#airportdeparturelabel[b-2x3itzwpp9] {
    grid-area: airportdeparturelabel;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#airportdeparture[b-2x3itzwpp9] {
    grid-area: airportdeparture;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumberlabel[b-2x3itzwpp9] {
    grid-area: refnumberlabel;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumber[b-2x3itzwpp9] {
    grid-area: refnumber;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfolabel[b-2x3itzwpp9] {
    grid-area: optionalshipinfolabel;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo01[b-2x3itzwpp9] {
    grid-area: optionalshipinfo01;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo02[b-2x3itzwpp9] {
    grid-area: optionalshipinfo02;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media {

    #hawbgrid03[b-2x3itzwpp9] {
        display: grid;
        grid-template-areas: "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}


#to01-lbl[b-2x3itzwpp9] {
    grid-area: to01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#to02-lbl[b-2x3itzwpp9] {
    grid-area: to02-lbl;
    font-size: 10px;
    border-left: 1px solid;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#to03-lbl[b-2x3itzwpp9] {
    grid-area: to03-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by01-lbl[b-2x3itzwpp9] {
    grid-area: by01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by02-lbl[b-2x3itzwpp9] {
    grid-area: by02-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#firstcarrier-lbl[b-2x3itzwpp9] {
    grid-area: firstcarrier-lbl;
    font-size: 10px;
    border-color: black;
}

#routingdest-lbl[b-2x3itzwpp9] {
    grid-area: routingdest-lbl;
    height: 12px;
    font-size: 10px;
    text-align: right;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-right: 2px;
    border-color: black;
}

#currency-lbl[b-2x3itzwpp9] {
    grid-area: currency-lbl;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#chgs-lbl[b-2x3itzwpp9] {
    grid-area: chgs-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtval-lbl[b-2x3itzwpp9] {
    grid-area: wtval-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#other-lbl[b-2x3itzwpp9] {
    grid-area: other-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#decval-lbl[b-2x3itzwpp9] {
    grid-area: decval-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#decvalcust-lbl[b-2x3itzwpp9] {
    grid-area: decvalcust-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalPP-lbl[b-2x3itzwpp9] {
    grid-area: wtvalPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalCOL-lbl[b-2x3itzwpp9] {
    grid-area: wtvalCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherPP-lbl[b-2x3itzwpp9] {
    grid-area: otherPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherCOL-lbl[b-2x3itzwpp9] {
    grid-area: otherCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#to01[b-2x3itzwpp9] {
    grid-area: to01;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to02[b-2x3itzwpp9] {
    grid-area: to02;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to03[b-2x3itzwpp9] {
    grid-area: to03;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by01[b-2x3itzwpp9] {
    grid-area: by01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by02[b-2x3itzwpp9] {
    grid-area: by02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#firstcarrier[b-2x3itzwpp9] {
    grid-area: firstcarrier;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-color: black;
}

#currency[b-2x3itzwpp9] {
    grid-area: currency;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#chgs[b-2x3itzwpp9] {
    grid-area: chgs;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalPP[b-2x3itzwpp9] {
    grid-area: wtvalPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalCOL[b-2x3itzwpp9] {
    grid-area: wtvalCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherPP[b-2x3itzwpp9] {
    grid-area: otherPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherCOL[b-2x3itzwpp9] {
    grid-area: otherCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decval[b-2x3itzwpp9] {
    grid-area: decval;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decvalcust[b-2x3itzwpp9] {
    grid-area: decvalcust;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media {

    #hawbgrid04[b-2x3itzwpp9] {
        display: grid;
        grid-template-areas: "airportdest_lbl airportdest_lbl fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest     fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl    handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

#airportdest_lbl[b-2x3itzwpp9] {
    grid-area: airportdest_lbl;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#fltdate_lbl[b-2x3itzwpp9] {
    grid-area: fltdate_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#insurance_lbl[b-2x3itzwpp9] {
    grid-area: insurance_lbl;
    text-align: center;
    font-size: 9px;
    border-color: black;
}

#handling_lbl[b-2x3itzwpp9] {
    grid-area: handling_lbl;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#sci_lbl[b-2x3itzwpp9] {
    grid-area: sci_lbl;
    text-align: left;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#insurancenote[b-2x3itzwpp9] {
    grid-area: insurancenote;
    font-size: 9px;
    padding: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#airportdest[b-2x3itzwpp9] {
    grid-area: airportdest;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#fltdate01[b-2x3itzwpp9] {
    grid-area: fltdate01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#fltdate02[b-2x3itzwpp9] {
    grid-area: fltdate02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#insurance[b-2x3itzwpp9] {
    grid-area: insurance;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid;
    border-color: black;
}

#handlinginfo[b-2x3itzwpp9] {
    grid-area: handlinginfo;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#sci[b-2x3itzwpp9] {
    grid-area: sci;
    font-size: 14px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media {

    #hawbgrid05[b-2x3itzwpp9] {
        display: grid;
        grid-template-areas: 
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

#pcs_lbl[b-2x3itzwpp9] {
    grid-area: pcs_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#grosswt__lbl[b-2x3itzwpp9] {
    grid-area: grosswt__lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#kglb_lbl[b-2x3itzwpp9] {
    grid-area: kglb_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#rateclass_lbl[b-2x3itzwpp9] {
    grid-area: rateclass_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#commitem_lbl[b-2x3itzwpp9] {
    grid-area: commitem_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#chweight_lbl[b-2x3itzwpp9] {
    grid-area: chweight_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#ratecharge_lbl[b-2x3itzwpp9] {
    grid-area: ratecharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#total_lbl[b-2x3itzwpp9] {
    grid-area: total_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#goods_lbl[b-2x3itzwpp9] {
    grid-area: goods_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#pcs[b-2x3itzwpp9] {
    grid-area: pcs;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#grosswt[b-2x3itzwpp9] {
    grid-area: grosswt;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#kglb[b-2x3itzwpp9] {
    grid-area: kglb;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#rateclass[b-2x3itzwpp9] {
    grid-area: rateclass;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#commitem[b-2x3itzwpp9] {
    grid-area: commitem;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#chweight[b-2x3itzwpp9] {
    grid-area: chweight;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ratecharge[b-2x3itzwpp9] {
    grid-area: ratecharge;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#total[b-2x3itzwpp9] {
    grid-area: total;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#goods[b-2x3itzwpp9] {
    grid-area: goods;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#pcsttl[b-2x3itzwpp9] {
    grid-area: pcsttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#grosswtttl[b-2x3itzwpp9] {
    grid-area: grosswtttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#totalttl[b-2x3itzwpp9] {
    grid-area: totalttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media {

    #hawbgrid06[b-2x3itzwpp9] {
        display: grid;
        grid-template-areas:    "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
                                "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
                                "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
                                "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
                                "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
                                "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";

        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid_lbl[b-2x3itzwpp9] {
    grid-area: prepaid_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid01_lbl[b-2x3itzwpp9] {
    grid-area: prepaid01_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid02_lbl[b-2x3itzwpp9] {
    grid-area: prepaid02_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtcharge_lbl[b-2x3itzwpp9] {
    grid-area: wtcharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#collect_lbl[b-2x3itzwpp9] {
    grid-area: collect_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect01_lbl[b-2x3itzwpp9] {
    grid-area: collect01_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect02_lbl[b-2x3itzwpp9] {
    grid-area: collect02_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#valcharge_lbl[b-2x3itzwpp9] {
    grid-area: valcharge_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tax_lbl[b-2x3itzwpp9] {
    grid-area: tax_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#othcharges_lbl[b-2x3itzwpp9] {
    grid-area: othcharges_lbl;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtchargePP[b-2x3itzwpp9] {
    grid-area: wtchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtchargeCOL[b-2x3itzwpp9] {
    grid-area: wtchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargePP[b-2x3itzwpp9] {
    grid-area: valchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargeCOL[b-2x3itzwpp9] {
    grid-area: valchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxPP[b-2x3itzwpp9] {
    grid-area: taxPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxCOL[b-2x3itzwpp9] {
    grid-area: taxCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#othcharges[b-2x3itzwpp9] {
    grid-area: othcharges;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media {

    #hawbgrid07[b-2x3itzwpp9] {
        display: grid;
        grid-template-areas:    "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
                                "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
                                "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
                                "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippernote     shippernote      shippernote"
                                "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
                                "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
                                "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
                                "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
                                "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
                                "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
                                "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
                                "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";

        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid03_lbl[b-2x3itzwpp9] {
    grid-area: prepaid03_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid04_lbl[b-2x3itzwpp9] {
    grid-area: prepaid04_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#collect03_lbl[b-2x3itzwpp9] {
    grid-area: collect03_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect04_lbl[b-2x3itzwpp9] {
    grid-area: collect04_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#tocda_lbl[b-2x3itzwpp9] {
    grid-area: tocda_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdc_lbl[b-2x3itzwpp9] {
    grid-area: tocdc_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#shipper_lbl[b-2x3itzwpp9] {
    grid-area: shipper_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdaPP[b-2x3itzwpp9] {
    grid-area: tocdaPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdaCOL[b-2x3itzwpp9] {
    grid-area: tocdaCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcPP[b-2x3itzwpp9] {
    grid-area: tocdcPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcCOL[b-2x3itzwpp9] {
    grid-area: tocdcCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shippernote[b-2x3itzwpp9] {
    grid-area: shippernote;
    font-size: 10px;
    padding: 2px;
    border-right: 1px solid;
    border-color: black;
}

#ttlPP_lbl[b-2x3itzwpp9] {
    grid-area: ttlPP_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#ttlCOL_lbl[b-2x3itzwpp9] {
    grid-area: ttlCOL_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cucorates_lbl[b-2x3itzwpp9] {
    grid-area: cucorates_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cccharindst_lbl[b-2x3itzwpp9] {
    grid-area: cccharindst_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#chgsdest_lbl[b-2x3itzwpp9] {
    grid-area: chgsdest_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_01[b-2x3itzwpp9] {
    grid-area: carrier_lbl_01;
    text-align: center;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_02[b-2x3itzwpp9] {
    grid-area: carrier_lbl_02;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_03[b-2x3itzwpp9] {
    grid-area: carrier_lbl_03;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_04[b-2x3itzwpp9] {
    grid-area: carrier_lbl_04;
    font-size: 9px;
    text-align: left;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs_lbl[b-2x3itzwpp9] {
    grid-area: ttlcolchgs_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}


#emptyA[b-2x3itzwpp9] {
    grid-area: emptyA;
    text-align: center;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#emptyB[b-2x3itzwpp9] {
    grid-area: emptyB;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#empty01[b-2x3itzwpp9] {
    grid-area: empty01;
    font-size: 10px;
    border-color: black;
}

#empty02[b-2x3itzwpp9] {
    grid-area: empty02;
    font-size: 10px;
    border-color: black;
}

#ttlPP[b-2x3itzwpp9] {
    grid-area: ttlPP;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlCOL[b-2x3itzwpp9] {
    grid-area: ttlCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cucorates[b-2x3itzwpp9] {
    grid-area: cucorates;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cccharindst[b-2x3itzwpp9] {
    grid-area: cccharindst;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carrieruse[b-2x3itzwpp9] {
    grid-area: carrieruse;
    text-align: left;
    font-size: 10px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carriersigndate[b-2x3itzwpp9] {
    grid-area: carriersigndate;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignplace[b-2x3itzwpp9] {
    grid-area: carriersignplace;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignname[b-2x3itzwpp9] {
    grid-area: carriersignname;
    font-size: 14px;
    border-right: 1px solid;
    border-color: black;
}

#carriersign[b-2x3itzwpp9] {
    grid-area: carriersign;
    border-right: 1px solid;
    border-color: black;
}

#chgsdest[b-2x3itzwpp9] {
    grid-area: chgsdest;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs[b-2x3itzwpp9] {
    grid-area: ttlcolchgs;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno03[b-2x3itzwpp9] {
    grid-area: awbno03;
    text-align: right;
    font-size: 16px;
    padding-top: 3px;
    border-color: black;
}
/* /Components/InvoicePrintFace.razor.rz.scp.css */
@media print {
    
    #pagebreak[b-gldxgv1s98] {
        page-break-before: always;
    }
    /* page-break-after works, as well */

    #invoicegrid01[b-gldxgv1s98] {
        height: 100%;
        width: 100%;
    }

    .hideWhenPrint[b-gldxgv1s98] {
        display: none !important;
    }
}

@media not print {

    @media (max-width: 1750px) {
        #invoicegrid01[b-gldxgv1s98] {
            width: 100%;
        }
    }

    @media (min-width: 1750.01px) {
        #invoicegrid01[b-gldxgv1s98] {
            width: 60%;
        }
    }
}




@media (orientation: portrait) {
    #invoicegrid01[b-gldxgv1s98] {
        display: grid;
        grid-template-areas:    "logoheader             logoheader             invoicenumber01          invoicenumber01"
                                "supplier_label         supplier_label         supplier_label           supplier_label"
                                "suppliername           supplierid             supplierbankname         supplierbankname "
                                "invoiceaddress_label   invoiceaddress_label   invoiceresidency_label   invoiceresidency_label"
                                "customerinvoiceaddress customerinvoiceaddress customerresidencyaddress customerresidencyaddress"
                                "invoicedates_label     invoicedates_label     invoicedates_label       invoicedates_label"
                                "invoicedatelabels      invoicedatevalues      invoicenumber            invoicenumber"
                                "invoicerates_label     invoicerates_label     invoicerates_label       invoicerates_label"
                                "taxratelabel           taxbaselabel           taxamountlabel           taxamountlabel"
                                "taxrate0label          taxbaseamount0         taxamount0               taxamount0"
                                "taxrate15label         taxbaseamount15        taxamount15              taxamount15"
                                "taxrate21label         taxbaseamount21        taxamount21              taxamount21"
                                "invoicetotal_label     invoicetotal_label     invoicetotal_label       invoicetotal_label"
                                "totalwithouttaxlabel   totalwithouttaxlabel   totalwithouttaxamount    totalwithouttaxamount"
                                "totaltaxlabel          totaltaxlabel          totaltaxamount           totaltaxamount"
                                "totalwithtaxlabel      totalwithtaxlabel      totalwithtaxamount       totalwithtaxamount"
                                "note_label             note_label             note_label               note_label"
                                "note01                 note01                 note01                   note01"
                                "note02                 note02                 note02                   note02";

        grid-template-columns: 1.1fr 1fr 1fr 0.9fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #invoicegrid01[b-gldxgv1s98] {
        display: grid;
        grid-template-areas:    "logoheader             logoheader             invoicenumber01          invoicenumber01"
                                "supplier_label         supplier_label         supplier_label           supplier_label"
                                "suppliername           supplierid             supplierbankname         supplierbankname "
                                "invoiceaddress_label   invoiceaddress_label   invoiceresidency_label   invoiceresidency_label"
                                "customerinvoiceaddress customerinvoiceaddress customerresidencyaddress customerresidencyaddress"
                                "invoicedates_label     invoicedates_label     invoicedates_label       invoicedates_label"
                                "invoicedatelabels      invoicedatevalues      invoicenumber            invoicenumber"
                                "invoicerates_label     invoicerates_label     invoicerates_label       invoicerates_label"
                                "taxratelabel           taxbaselabel           taxamountlabel           taxamountlabel"
                                "taxrate0label          taxbaseamount0         taxamount0               taxamount0"
                                "taxrate15label         taxbaseamount15        taxamount15              taxamount15"
                                "taxrate21label         taxbaseamount21        taxamount21              taxamount21"
                                "invoicetotal_label     invoicetotal_label     invoicetotal_label       invoicetotal_label"
                                "totalwithouttaxlabel   totalwithouttaxlabel   totalwithouttaxamount    totalwithouttaxamount"
                                "totaltaxlabel          totaltaxlabel          totaltaxamount           totaltaxamount"
                                "totalwithtaxlabel      totalwithtaxlabel      totalwithtaxamount       totalwithtaxamount"
                                "note_label             note_label             note_label               note_label"
                                "note01                 note01                 note01                   note01"
                                "note02                 note02                 note02                   note02";

        grid-template-columns: 1.1fr 1fr 1fr 0.9fr;
        grid-template-rows: auto auto auto auto;
    }
}

#logoheader[b-gldxgv1s98] {
    grid-area: logoheader;
    font-size: 16px;
    padding-bottom: 10px;
    border-color: black;
}

#supplier_label[b-gldxgv1s98] {
    grid-area: supplier_label;
    font-size: 16px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-color: black;
}

#suppliername[b-gldxgv1s98] {
    grid-area: suppliername;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 10px;
    border-top: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-color: black;
}

#supplierid[b-gldxgv1s98] {
    grid-area: supplierid;
    font-size: 18px;
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#supplierbankname[b-gldxgv1s98] {
    grid-area: supplierbankname;
    font-size: 18px;
    text-align: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-color: black;
    display: flex;
    justify-content:flex-end;

}

#empty[b-gldxgv1s98] {
    grid-area: empty;
    font-size: 18px;
    border-color: black;
}

#invoiceaddress_label[b-gldxgv1s98] {
    grid-area: invoiceaddress_label;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-color: black;
}

#invoiceresidency_label[b-gldxgv1s98] {
    grid-area: invoiceresidency_label;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 20px;
    border-color: black;
}

#customerinvoiceaddress[b-gldxgv1s98] {
    grid-area: customerinvoiceaddress;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid;
    border-radius: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    border-color: black;
}

#customerresidencyaddress[b-gldxgv1s98] {
    grid-area: customerresidencyaddress;
    font-size: 18px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid;
    border-radius: 10px;
    margin-left: 10px;
    margin-bottom: 15px;
    border-color: black;
}

#invoicedates_label[b-gldxgv1s98] {
    grid-area: invoicedates_label;
    font-size: 16px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-color: black;
}

#invoicedatelabels[b-gldxgv1s98] {
    grid-area: invoicedatelabels;
    font-size: 18px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-left: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-color: black;
}

#invoicedatevalues[b-gldxgv1s98] {
    grid-area: invoicedatevalues;
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#invoicerates_label[b-gldxgv1s98] {
    grid-area: invoicerates_label;
    font-size: 16px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-color: black;
}

#invoicenumber[b-gldxgv1s98] {
    grid-area: invoicenumber;
    font-size: 18px;
    text-align: right;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-right: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-color: black;
}

#invoicenumber01[b-gldxgv1s98] {
    grid-area: invoicenumber01;
    font-size: 18px;
    text-align: right;
    padding-right: 10px;
    border-color: black;
}

#taxratelabel[b-gldxgv1s98] {
    grid-area: taxratelabel;
    font-size: 18px;
    padding-top: 10px;
    padding-left: 10px;
    border-top: 1px solid;
    border-left: 1px solid;
    border-top-left-radius: 10px;
    border-color: black;
}

#taxbaselabel[b-gldxgv1s98] {
    grid-area: taxbaselabel;
    font-size: 18px;
    padding-top: 10px;
    border-top: 1px solid;
    border-color: black;
}

#taxamountlabel[b-gldxgv1s98] {
    grid-area: taxamountlabel;
    font-size: 18px;
    padding-top: 10px;
    padding-left: 20px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-top-right-radius: 10px;
    border-color: black;
}

#taxrate0label[b-gldxgv1s98] {
    grid-area: taxrate0label;
    font-size: 18px;
    padding-top: 5px;
    padding-left: 10px;
    border-left: 1px solid;
    border-color: black;
}

#taxrate15label[b-gldxgv1s98] {
    grid-area: taxrate15label;
    font-size: 18px;
    padding-left: 10px;
    border-left: 1px solid;
    border-color: black;
}

#taxrate21label[b-gldxgv1s98] {
    grid-area: taxrate21label;
    font-size: 18px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-bottom-left-radius: 10px;
    border-color: black;
}

#taxbaseamount0[b-gldxgv1s98] {
    grid-area: taxbaseamount0;
    font-size: 18px;
    padding-top: 5px;
    border-color: black;
}

#taxbaseamount15[b-gldxgv1s98] {
    grid-area: taxbaseamount15;
    font-size: 18px;
    border-color: black;
}

#taxbaseamount21[b-gldxgv1s98] {
    grid-area: taxbaseamount21;
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid;
    border-color: black;
}

#taxamount0[b-gldxgv1s98] {
    grid-area: taxamount0;
    font-size: 18px;
    padding-top: 5px;
    padding-left: 20px;
    border-right: 1px solid;
    border-color: black;
}

#taxamount15[b-gldxgv1s98] {
    grid-area: taxamount15;
    font-size: 18px;
    padding-left: 20px;
    border-right: 1px solid;
    border-color: black;
}

#taxamount21[b-gldxgv1s98] {
    grid-area: taxamount21;
    font-size: 18px;
    padding-left: 20px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-bottom-right-radius: 10px;
    border-color: black;
}

#invoicetotal_label[b-gldxgv1s98] {
    grid-area: invoicetotal_label;
    font-size: 16px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-color: black;
}

#totalwithouttaxlabel[b-gldxgv1s98] {
    grid-area: totalwithouttaxlabel;
    font-size: 18px;
    padding-top: 10px;
    padding-left: 10px;
    border-top: 1px solid;
    border-left: 1px solid;
    border-top-left-radius: 10px;
    border-color: black;
}

#totaltaxlabel[b-gldxgv1s98] {
    grid-area: totaltaxlabel;
    font-size: 18px;
    padding-left: 10px;
    border-left: 1px solid;
    border-color: black;
}

#totalwithtaxlabel[b-gldxgv1s98] {
    grid-area: totalwithtaxlabel;
    font-size: 18px;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-bottom-left-radius: 10px;
    border-color: black;
}

#totalwithouttaxamount[b-gldxgv1s98] {
    grid-area: totalwithouttaxamount;
    font-size: 18px;
    padding-top: 10px;
    border-top: 1px solid;
    border-right: 1px solid;
    border-top-right-radius: 10px;
    border-color: black;
    text-align: end;
    padding-right: 200px;
}

#totaltaxamount[b-gldxgv1s98] {
    grid-area: totaltaxamount;
    font-size: 18px;
    border-right: 1px solid;
    border-color: black;
    text-align: end;
    padding-right: 200px;
}

#totalwithtaxamount[b-gldxgv1s98] {
    grid-area: totalwithtaxamount;
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-bottom-right-radius: 10px;
    border-color: black;
    text-align: end;
    padding-right: 200px;
}

#note_label[b-gldxgv1s98] {
    grid-area: note_label;
    font-size: 16px;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px;
    border-color: black;
}

#note01[b-gldxgv1s98] {
    grid-area: note01;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-color: black;
}

#note02[b-gldxgv1s98] {
    grid-area: note02;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-color: black;
}

p[b-gldxgv1s98] {
    margin: 0;
}

#supplierbankdiv[b-gldxgv1s98] {

    width: 55%;
}
/* /Components/MawbConditionsOfContract.razor.rz.scp.css */
#toplabelandparagraph[b-hg4bom93fv] {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 50%;
    background-color: aquamarine;
}


#maincontainer[b-hg4bom93fv] {
    display: flex;
    flex-direction: row;
    width: 50%;
    background-color: lightblue;
}


#leftcontainer[b-hg4bom93fv] {
    width: 100%;
    text-align: left;
    background-color: lightcoral;
}


#rightcontainer[b-hg4bom93fv] {
    width: 100%;
    text-align: left;
    background-color: lightcyan;
}

/*#topparagraph {
    margin-top:20px;
}*/

@media print {
    #toplabelandparagraph[b-hg4bom93fv] {
        width: 100%;
    }

    #maincontainer[b-hg4bom93fv] {
        width: 100%
    }
}
/* /Components/MawbPrintView.razor.rz.scp.css */

.mainDiv[b-v0b13og43i] {
    width: 50%;
}

table[b-v0b13og43i] {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

th[b-v0b13og43i],
td[b-v0b13og43i] {
    vertical-align: top;
    text-align: left;
}

    td[rowspan][b-v0b13og43i] {
        vertical-align: top;
        text-align: left;
    }

shipperBox[b-v0b13og43i] {
    width: 10.5cm;
}

@media print {

    .mainDiv[b-v0b13og43i] {
        width: calc(210mm * 1.20);
        height: calc(297mm * 1.20);
    }
}



/* /Components/MawbPrintViewNew.razor.rz.scp.css */
@media (orientation: portrait) {
    #mawbgrid01[b-4jvdco0c2u] {
        display: grid;
        grid-template-areas:    "barcode01             barcode               barcode               barcode02"
                                "awbno01               barcode               barcode               awbno02"
                                "shipperlabel          shipperaccountno      airlinelabels         airline"
                                "shipper               shipper               airlinelabels         airline"
                                "shipper               shipper               airlinenote           airlinenote"
                                "consigneelabel        consigneeaccountno    conditions01          conditions01"
                                "consignee             consignee             conditions01          conditions01"
                                "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
                                "issuingagent          issuingagent          accountinginfo        accountinginfo"
                                "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
                                "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid01[b-4jvdco0c2u] {
        display: grid;
        width: 75%;
        grid-template-areas:    "barcode01             barcode               barcode               barcode02"
                                "awbno01               barcode               barcode               awbno02"
                                "shipperlabel          shipperaccountno      airlinelabels         airline"
                                "shipper               shipper               airlinelabels         airline"
                                "shipper               shipper               airlinenote           airlinenote"
                                "consigneelabel        consigneeaccountno    conditions01          conditions01"
                                "consignee             consignee             conditions01          conditions01"
                                "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
                                "issuingagent          issuingagent          accountinginfo        accountinginfo"
                                "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
                                "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid01[b-4jvdco0c2u] {
        display: grid;
        width: 50%;
        grid-template-areas: "barcode01             barcode               barcode               barcode02"
            "awbno01               barcode               barcode               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

#barcode01[b-4jvdco0c2u] {
    grid-area: barcode01;
}

#barcode02[b-4jvdco0c2u] {
    grid-area: barcode02;
}

#barcode[b-4jvdco0c2u] {
    grid-area: barcode;
    border-bottom: 1px solid;
    border-color: black;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'CCode39', sans-serif;
    text-align: center;
    padding-bottom: 10px;
    font-size: 28px
}

#barcode_text[b-4jvdco0c2u] {
    grid-area: barcode_text;
    text-align: center;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno01[b-4jvdco0c2u] {
    grid-area: awbno01;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno02[b-4jvdco0c2u] {
    grid-area: awbno02;
    text-align: right;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperaccountno[b-4jvdco0c2u] {
    grid-area: shipperaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#shipper[b-4jvdco0c2u] {
    grid-area: shipper;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperlabel[b-4jvdco0c2u] {
    grid-area: shipperlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consigneeaccountno[b-4jvdco0c2u] {
    grid-area: consigneeaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consignee[b-4jvdco0c2u] {
    grid-area: consignee;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#consigneelabel[b-4jvdco0c2u] {
    grid-area: consigneelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#airlinelabels[b-4jvdco0c2u] {
    grid-area: airlinelabels;
    font-size: 14px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    border-color: black;
}

#airline[b-4jvdco0c2u] {
    grid-area: airline;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    border-right: 1px solid;
    border-color: black;
}

#airlinenote[b-4jvdco0c2u] {
    grid-area: airlinenote;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#conditions01[b-4jvdco0c2u] {
    grid-area: conditions01;
    font-size: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#issuingagentlabel[b-4jvdco0c2u] {
    grid-area: issuingagentlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#issuingagent[b-4jvdco0c2u] {
    grid-area: issuingagent;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#agentiatacodelabel[b-4jvdco0c2u] {
    grid-area: agentiatacodelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-color: black;
}

#agentiatacode[b-4jvdco0c2u] {
    grid-area: agentiatacode;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#agentaccountnolabel[b-4jvdco0c2u] {
    grid-area: agentaccountnolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#agentaccountno[b-4jvdco0c2u] {
    grid-area: agentaccountno;
    font-size: 14px;
    padding-top: 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfolabel[b-4jvdco0c2u] {
    grid-area: accountinginfolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfo[b-4jvdco0c2u] {
    grid-area: accountinginfo;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media (orientation: portrait) {

    #mawbgrid02[b-4jvdco0c2u] {
        display: grid;
        grid-template-areas: 
            "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01     optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid02[b-4jvdco0c2u] {
        display: grid;
        width: 75%;
        grid-template-areas: 
            "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01  optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid02[b-4jvdco0c2u] {
        display: grid;
        width: 50%;
        grid-template-areas:
            "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01  optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

#airportdeparturelabel[b-4jvdco0c2u] {
    grid-area: airportdeparturelabel;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#airportdeparture[b-4jvdco0c2u] {
    grid-area: airportdeparture;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumberlabel[b-4jvdco0c2u] {
    grid-area: refnumberlabel;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumber[b-4jvdco0c2u] {
    grid-area: refnumber;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfolabel[b-4jvdco0c2u] {
    grid-area: optionalshipinfolabel;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo01[b-4jvdco0c2u] {
    grid-area: optionalshipinfo01;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo02[b-4jvdco0c2u] {
    grid-area: optionalshipinfo02;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid03[b-4jvdco0c2u] {
        display: grid;
        grid-template-areas: 
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid03[b-4jvdco0c2u] {
        display: grid;
        width: 75%;
        grid-template-areas: 
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid03[b-4jvdco0c2u] {
        display: grid;
        width: 50%;
        grid-template-areas:
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

#to01-lbl[b-4jvdco0c2u] {
    grid-area: to01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#to02-lbl[b-4jvdco0c2u] {
    grid-area: to02-lbl;
    font-size: 10px;
    border-left: 1px solid;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#to03-lbl[b-4jvdco0c2u] {
    grid-area: to03-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by01-lbl[b-4jvdco0c2u] {
    grid-area: by01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by02-lbl[b-4jvdco0c2u] {
    grid-area: by02-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#firstcarrier-lbl[b-4jvdco0c2u] {
    grid-area: firstcarrier-lbl;
    font-size: 10px;
    border-color: black;
}

#routingdest-lbl[b-4jvdco0c2u] {
    grid-area: routingdest-lbl;
    height: 12px;
    font-size: 10px;
    text-align: right;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-right: 2px;
    border-color: black;
}

#currency-lbl[b-4jvdco0c2u] {
    grid-area: currency-lbl;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#chgs-lbl[b-4jvdco0c2u] {
    grid-area: chgs-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtval-lbl[b-4jvdco0c2u] {
    grid-area: wtval-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#other-lbl[b-4jvdco0c2u] {
    grid-area: other-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#decval-lbl[b-4jvdco0c2u] {
    grid-area: decval-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#decvalcust-lbl[b-4jvdco0c2u] {
    grid-area: decvalcust-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalPP-lbl[b-4jvdco0c2u] {
    grid-area: wtvalPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalCOL-lbl[b-4jvdco0c2u] {
    grid-area: wtvalCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherPP-lbl[b-4jvdco0c2u] {
    grid-area: otherPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherCOL-lbl[b-4jvdco0c2u] {
    grid-area: otherCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#to01[b-4jvdco0c2u] {
    grid-area: to01;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to02[b-4jvdco0c2u] {
    grid-area: to02;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to03[b-4jvdco0c2u] {
    grid-area: to03;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by01[b-4jvdco0c2u] {
    grid-area: by01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by02[b-4jvdco0c2u] {
    grid-area: by02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#firstcarrier[b-4jvdco0c2u] {
    grid-area: firstcarrier;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-color: black;
}

#currency[b-4jvdco0c2u] {
    grid-area: currency;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#chgs[b-4jvdco0c2u] {
    grid-area: chgs;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalPP[b-4jvdco0c2u] {
    grid-area: wtvalPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalCOL[b-4jvdco0c2u] {
    grid-area: wtvalCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherPP[b-4jvdco0c2u] {
    grid-area: otherPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherCOL[b-4jvdco0c2u] {
    grid-area: otherCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decval[b-4jvdco0c2u] {
    grid-area: decval;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decvalcust[b-4jvdco0c2u] {
    grid-area: decvalcust;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid04[b-4jvdco0c2u] {
        display: grid;
        grid-template-areas: 
            "airportdest_lbl airportdest_lbl fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest     fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl    handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid04[b-4jvdco0c2u] {
        display: grid;
        width: 75%;
        grid-template-areas: 
            "airportdest_lbl airportdest_lbl fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest     fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl    handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid04[b-4jvdco0c2u] {
        display: grid;
        width: 50%;
        grid-template-areas:
            "airportdest_lbl airportdest_lbl fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest     fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl    handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

#airportdest_lbl[b-4jvdco0c2u] {
    grid-area: airportdest_lbl;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#fltdate_lbl[b-4jvdco0c2u] {
    grid-area: fltdate_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#insurance_lbl[b-4jvdco0c2u] {
    grid-area: insurance_lbl;
    text-align: center;
    font-size: 9px;
    border-color: black;
}

#handling_lbl[b-4jvdco0c2u] {
    grid-area: handling_lbl;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#sci_lbl[b-4jvdco0c2u] {
    grid-area: sci_lbl;
    text-align: left;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#insurancenote[b-4jvdco0c2u] {
    grid-area: insurancenote;
    font-size: 9px;
    padding: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#airportdest[b-4jvdco0c2u] {
    grid-area: airportdest;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#fltdate01[b-4jvdco0c2u] {
    grid-area: fltdate01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#fltdate02[b-4jvdco0c2u] {
    grid-area: fltdate02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#insurance[b-4jvdco0c2u] {
    grid-area: insurance;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid;
    border-color: black;
}

#handlinginfo[b-4jvdco0c2u] {
    grid-area: handlinginfo;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#sci[b-4jvdco0c2u] {
    grid-area: sci;
    font-size: 14px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid05[b-4jvdco0c2u] {
        display: grid;
        grid-template-areas:
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid05[b-4jvdco0c2u] {
        display: grid;
        width: 75%;
        grid-template-areas:
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid05[b-4jvdco0c2u] {
        display: grid;
        width: 50%;
        grid-template-areas:
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

#pcs_lbl[b-4jvdco0c2u] {
    grid-area: pcs_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#grosswt__lbl[b-4jvdco0c2u] {
    grid-area: grosswt__lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#kglb_lbl[b-4jvdco0c2u] {
    grid-area: kglb_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#rateclass_lbl[b-4jvdco0c2u] {
    grid-area: rateclass_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#commitem_lbl[b-4jvdco0c2u] {
    grid-area: commitem_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#chweight_lbl[b-4jvdco0c2u] {
    grid-area: chweight_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#ratecharge_lbl[b-4jvdco0c2u] {
    grid-area: ratecharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#total_lbl[b-4jvdco0c2u] {
    grid-area: total_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#goods_lbl[b-4jvdco0c2u] {
    grid-area: goods_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#pcs[b-4jvdco0c2u] {
    grid-area: pcs;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#grosswt[b-4jvdco0c2u] {
    grid-area: grosswt;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#kglb[b-4jvdco0c2u] {
    grid-area: kglb;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#rateclass[b-4jvdco0c2u] {
    grid-area: rateclass;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#commitem[b-4jvdco0c2u] {
    grid-area: commitem;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#chweight[b-4jvdco0c2u] {
    grid-area: chweight;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ratecharge[b-4jvdco0c2u] {
    grid-area: ratecharge;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#total[b-4jvdco0c2u] {
    grid-area: total;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#goods[b-4jvdco0c2u] {
    grid-area: goods;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#pcsttl[b-4jvdco0c2u] {
    grid-area: pcsttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#grosswtttl[b-4jvdco0c2u] {
    grid-area: grosswtttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#totalttl[b-4jvdco0c2u] {
    grid-area: totalttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid06[b-4jvdco0c2u] {
        display: grid;
        grid-template-areas:"prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
                            "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
                            "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
                            "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
                            "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
                            "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";

        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid06[b-4jvdco0c2u] {
        display: grid;
        width: 75%;
        grid-template-areas:"prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
                            "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
                            "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
                            "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
                            "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
                            "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";

        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid06[b-4jvdco0c2u] {
        display: grid;
        width: 50%;
        grid-template-areas: "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
            "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
            "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
            "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
            "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
            "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid_lbl[b-4jvdco0c2u] {
    grid-area: prepaid_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid01_lbl[b-4jvdco0c2u] {
    grid-area: prepaid01_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid02_lbl[b-4jvdco0c2u] {
    grid-area: prepaid02_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtcharge_lbl[b-4jvdco0c2u] {
    grid-area: wtcharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#collect_lbl[b-4jvdco0c2u] {
    grid-area: collect_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect01_lbl[b-4jvdco0c2u] {
    grid-area: collect01_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect02_lbl[b-4jvdco0c2u] {
    grid-area: collect02_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#valcharge_lbl[b-4jvdco0c2u] {
    grid-area: valcharge_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tax_lbl[b-4jvdco0c2u] {
    grid-area: tax_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#othcharges_lbl[b-4jvdco0c2u] {
    grid-area: othcharges_lbl;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtchargePP[b-4jvdco0c2u] {
    grid-area: wtchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtchargeCOL[b-4jvdco0c2u] {
    grid-area: wtchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargePP[b-4jvdco0c2u] {
    grid-area: valchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargeCOL[b-4jvdco0c2u] {
    grid-area: valchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxPP[b-4jvdco0c2u] {
    grid-area: taxPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxCOL[b-4jvdco0c2u] {
    grid-area: taxCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#othcharges[b-4jvdco0c2u] {
    grid-area: othcharges;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media (orientation: portrait) {

    #mawbgrid07[b-4jvdco0c2u] {
        display: grid;
        grid-template-areas:
            "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
            "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
            "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
            "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippersign     shippersign      shippersign"
            "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
            "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
            "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
            "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
            "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
            "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid07[b-4jvdco0c2u] {
        display: grid;
        width: 75%;
        grid-template-areas:
            "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
            "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
            "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
            "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippersign     shippersign      shippersign"
            "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
            "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
            "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
            "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
            "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
            "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid07[b-4jvdco0c2u] {
        display: grid;
        width: 50%;
        grid-template-areas:
            "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
            "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
            "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
            "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippersign     shippersign      shippersign"
            "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
            "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
            "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
            "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
            "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
            "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid03_lbl[b-4jvdco0c2u] {
    grid-area: prepaid03_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid04_lbl[b-4jvdco0c2u] {
    grid-area: prepaid04_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#collect03_lbl[b-4jvdco0c2u] {
    grid-area: collect03_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect04_lbl[b-4jvdco0c2u] {
    grid-area: collect04_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}


#tocda_lbl[b-4jvdco0c2u] {
    grid-area: tocda_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdc_lbl[b-4jvdco0c2u] {
    grid-area: tocdc_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#shipper_lbl[b-4jvdco0c2u] {
    grid-area: shipper_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdaPP[b-4jvdco0c2u] {
    grid-area: tocdaPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdaCOL[b-4jvdco0c2u] {
    grid-area: tocdaCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcPP[b-4jvdco0c2u] {
    grid-area: tocdcPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcCOL[b-4jvdco0c2u] {
    grid-area: tocdcCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shippernote[b-4jvdco0c2u] {
    grid-area: shippernote;
    font-size: 10px;
    padding: 2px;
    border-right: 1px solid;
    border-color: black;
}

#ttlPP_lbl[b-4jvdco0c2u] {
    grid-area: ttlPP_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#ttlCOL_lbl[b-4jvdco0c2u] {
    grid-area: ttlCOL_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cucorates_lbl[b-4jvdco0c2u] {
    grid-area: cucorates_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cccharindst_lbl[b-4jvdco0c2u] {
    grid-area: cccharindst_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#chgsdest_lbl[b-4jvdco0c2u] {
    grid-area: chgsdest_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_01[b-4jvdco0c2u] {
    grid-area: carrier_lbl_01;
    text-align: center;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_02[b-4jvdco0c2u] {
    grid-area: carrier_lbl_02;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_03[b-4jvdco0c2u] {
    grid-area: carrier_lbl_03;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_04[b-4jvdco0c2u] {
    grid-area: carrier_lbl_04;
    font-size: 9px;
    text-align: left;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs_lbl[b-4jvdco0c2u] {
    grid-area: ttlcolchgs_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}


#emptyA[b-4jvdco0c2u] {
    grid-area: emptyA;
    text-align: center;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#emptyB[b-4jvdco0c2u] {
    grid-area: emptyB;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#empty01[b-4jvdco0c2u] {
    grid-area: empty01;
    font-size: 10px;
    border-color: black;
}

#empty02[b-4jvdco0c2u] {
    grid-area: empty02;
    font-size: 10px;
    border-color: black;
}

#ttlPP[b-4jvdco0c2u] {
    grid-area: ttlPP;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlCOL[b-4jvdco0c2u] {
    grid-area: ttlCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cucorates[b-4jvdco0c2u] {
    grid-area: cucorates;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cccharindst[b-4jvdco0c2u] {
    grid-area: cccharindst;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carrieruse[b-4jvdco0c2u] {
    grid-area: carrieruse;
    text-align: left;
    font-size: 10px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carriersigndate[b-4jvdco0c2u] {
    grid-area: carriersigndate;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignplace[b-4jvdco0c2u] {
    grid-area: carriersignplace;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignname[b-4jvdco0c2u] {
    grid-area: carriersignname;
    font-size: 14px;
    border-right: 1px solid;
    border-color: black;
}

#carriersign[b-4jvdco0c2u] {
    grid-area: carriersign;
    border-right: 1px solid;
    border-color: black;
}

#shippersign[b-4jvdco0c2u] {
    grid-area: shippersign;
    border-right: 1px solid;
    border-color: black;
    text-align: center;
}

#chgsdest[b-4jvdco0c2u] {
    grid-area: chgsdest;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs[b-4jvdco0c2u] {
    grid-area: ttlcolchgs;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno03[b-4jvdco0c2u] {
    grid-area: awbno03;
    text-align: right;
    font-size: 16px;
    padding-top: 3px;
    border-color: black;
}

@media print {
    #mawbgrid01[b-4jvdco0c2u] {
        width: 100%
    }
    #mawbgrid02[b-4jvdco0c2u] {
        width: 100%
    }
    #mawbgrid03[b-4jvdco0c2u] {
        width: 100%
    }
    #mawbgrid04[b-4jvdco0c2u] {
        width: 100%
    }
    #mawbgrid05[b-4jvdco0c2u] {
        width: 100%
    }
    #mawbgrid06[b-4jvdco0c2u] {
        width: 100%
    }
    #mawbgrid07[b-4jvdco0c2u] {
        width: 100%
    }
    .pagebreak[b-4jvdco0c2u] {
        page-break-before: always;
    }

    .sidebar[b-4jvdco0c2u] {
        display: none !important;
    }

    .top-row[b-4jvdco0c2u] {
        display: none !important;
    }

    .hideWhenPrint[b-4jvdco0c2u] {
        display: none !important;
    }

}



/* /Components/MawbPrintViewNewPortrait.razor.rz.scp.css */
@media {
    #mawbgrid01[b-0tmdgo29rw] {
        display: grid;
        grid-template-areas: "barcode01             barcode               barcode               barcode02"
            "awbno01               barcode               barcode               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

#barcode01[b-0tmdgo29rw] {
    grid-area: barcode01;
}

#barcode02[b-0tmdgo29rw] {
    grid-area: barcode02;
}

#barcode[b-0tmdgo29rw] {
    grid-area: barcode;
    border-bottom: 1px solid;
    border-color: black;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    font-family: 'CCode39', sans-serif;
    text-align: center;
    padding-bottom: 10px;
    font-size: 28px
}

#barcode_text[b-0tmdgo29rw] {
    grid-area: barcode_text;
    text-align: center;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno01[b-0tmdgo29rw] {
    grid-area: awbno01;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno02[b-0tmdgo29rw] {
    grid-area: awbno02;
    text-align: right;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperaccountno[b-0tmdgo29rw] {
    grid-area: shipperaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#shipper[b-0tmdgo29rw] {
    grid-area: shipper;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperlabel[b-0tmdgo29rw] {
    grid-area: shipperlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consigneeaccountno[b-0tmdgo29rw] {
    grid-area: consigneeaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consignee[b-0tmdgo29rw] {
    grid-area: consignee;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#consigneelabel[b-0tmdgo29rw] {
    grid-area: consigneelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#airlinelabels[b-0tmdgo29rw] {
    grid-area: airlinelabels;
    font-size: 14px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    border-color: black;
}

#airline[b-0tmdgo29rw] {
    grid-area: airline;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    border-right: 1px solid;
    border-color: black;
}

#airlinenote[b-0tmdgo29rw] {
    grid-area: airlinenote;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#conditions01[b-0tmdgo29rw] {
    grid-area: conditions01;
    font-size: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#issuingagentlabel[b-0tmdgo29rw] {
    grid-area: issuingagentlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#issuingagent[b-0tmdgo29rw] {
    grid-area: issuingagent;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#agentiatacodelabel[b-0tmdgo29rw] {
    grid-area: agentiatacodelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-color: black;
}

#agentiatacode[b-0tmdgo29rw] {
    grid-area: agentiatacode;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#agentaccountnolabel[b-0tmdgo29rw] {
    grid-area: agentaccountnolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#agentaccountno[b-0tmdgo29rw] {
    grid-area: agentaccountno;
    font-size: 14px;
    padding-top: 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfolabel[b-0tmdgo29rw] {
    grid-area: accountinginfolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfo[b-0tmdgo29rw] {
    grid-area: accountinginfo;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media {
    #mawbgrid02[b-0tmdgo29rw] {
        display: grid;
        grid-template-areas:
            "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01     optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

#airportdeparturelabel[b-0tmdgo29rw] {
    grid-area: airportdeparturelabel;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#airportdeparture[b-0tmdgo29rw] {
    grid-area: airportdeparture;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumberlabel[b-0tmdgo29rw] {
    grid-area: refnumberlabel;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumber[b-0tmdgo29rw] {
    grid-area: refnumber;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfolabel[b-0tmdgo29rw] {
    grid-area: optionalshipinfolabel;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo01[b-0tmdgo29rw] {
    grid-area: optionalshipinfo01;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo02[b-0tmdgo29rw] {
    grid-area: optionalshipinfo02;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media {
    #mawbgrid03[b-0tmdgo29rw] {
        display: grid;
        grid-template-areas:
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

#to01-lbl[b-0tmdgo29rw] {
    grid-area: to01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#to02-lbl[b-0tmdgo29rw] {
    grid-area: to02-lbl;
    font-size: 10px;
    border-left: 1px solid;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#to03-lbl[b-0tmdgo29rw] {
    grid-area: to03-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by01-lbl[b-0tmdgo29rw] {
    grid-area: by01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by02-lbl[b-0tmdgo29rw] {
    grid-area: by02-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#firstcarrier-lbl[b-0tmdgo29rw] {
    grid-area: firstcarrier-lbl;
    font-size: 10px;
    border-color: black;
}

#routingdest-lbl[b-0tmdgo29rw] {
    grid-area: routingdest-lbl;
    height: 12px;
    font-size: 10px;
    text-align: right;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-right: 2px;
    border-color: black;
}

#currency-lbl[b-0tmdgo29rw] {
    grid-area: currency-lbl;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#chgs-lbl[b-0tmdgo29rw] {
    grid-area: chgs-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtval-lbl[b-0tmdgo29rw] {
    grid-area: wtval-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#other-lbl[b-0tmdgo29rw] {
    grid-area: other-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#decval-lbl[b-0tmdgo29rw] {
    grid-area: decval-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#decvalcust-lbl[b-0tmdgo29rw] {
    grid-area: decvalcust-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalPP-lbl[b-0tmdgo29rw] {
    grid-area: wtvalPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalCOL-lbl[b-0tmdgo29rw] {
    grid-area: wtvalCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherPP-lbl[b-0tmdgo29rw] {
    grid-area: otherPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherCOL-lbl[b-0tmdgo29rw] {
    grid-area: otherCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#to01[b-0tmdgo29rw] {
    grid-area: to01;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to02[b-0tmdgo29rw] {
    grid-area: to02;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to03[b-0tmdgo29rw] {
    grid-area: to03;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by01[b-0tmdgo29rw] {
    grid-area: by01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by02[b-0tmdgo29rw] {
    grid-area: by02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#firstcarrier[b-0tmdgo29rw] {
    grid-area: firstcarrier;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-color: black;
}

#currency[b-0tmdgo29rw] {
    grid-area: currency;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#chgs[b-0tmdgo29rw] {
    grid-area: chgs;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalPP[b-0tmdgo29rw] {
    grid-area: wtvalPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalCOL[b-0tmdgo29rw] {
    grid-area: wtvalCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherPP[b-0tmdgo29rw] {
    grid-area: otherPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherCOL[b-0tmdgo29rw] {
    grid-area: otherCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decval[b-0tmdgo29rw] {
    grid-area: decval;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decvalcust[b-0tmdgo29rw] {
    grid-area: decvalcust;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media {
    #mawbgrid04[b-0tmdgo29rw] {
        display: grid;
        grid-template-areas:
            "airportdest_lbl airportdest_lbl fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest     fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl    handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo    handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

#airportdest_lbl[b-0tmdgo29rw] {
    grid-area: airportdest_lbl;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#fltdate_lbl[b-0tmdgo29rw] {
    grid-area: fltdate_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#insurance_lbl[b-0tmdgo29rw] {
    grid-area: insurance_lbl;
    text-align: center;
    font-size: 9px;
    border-color: black;
}

#handling_lbl[b-0tmdgo29rw] {
    grid-area: handling_lbl;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#sci_lbl[b-0tmdgo29rw] {
    grid-area: sci_lbl;
    text-align: left;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#insurancenote[b-0tmdgo29rw] {
    grid-area: insurancenote;
    font-size: 9px;
    padding: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#airportdest[b-0tmdgo29rw] {
    grid-area: airportdest;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#fltdate01[b-0tmdgo29rw] {
    grid-area: fltdate01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#fltdate02[b-0tmdgo29rw] {
    grid-area: fltdate02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#insurance[b-0tmdgo29rw] {
    grid-area: insurance;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid;
    border-color: black;
}

#handlinginfo[b-0tmdgo29rw] {
    grid-area: handlinginfo;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#sci[b-0tmdgo29rw] {
    grid-area: sci;
    font-size: 14px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media {
    #mawbgrid05[b-0tmdgo29rw] {
        display: grid;
        grid-template-areas:
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

#pcs_lbl[b-0tmdgo29rw] {
    grid-area: pcs_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#grosswt__lbl[b-0tmdgo29rw] {
    grid-area: grosswt__lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#kglb_lbl[b-0tmdgo29rw] {
    grid-area: kglb_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#rateclass_lbl[b-0tmdgo29rw] {
    grid-area: rateclass_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#commitem_lbl[b-0tmdgo29rw] {
    grid-area: commitem_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#chweight_lbl[b-0tmdgo29rw] {
    grid-area: chweight_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#ratecharge_lbl[b-0tmdgo29rw] {
    grid-area: ratecharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#total_lbl[b-0tmdgo29rw] {
    grid-area: total_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#goods_lbl[b-0tmdgo29rw] {
    grid-area: goods_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#pcs[b-0tmdgo29rw] {
    grid-area: pcs;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#grosswt[b-0tmdgo29rw] {
    grid-area: grosswt;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#kglb[b-0tmdgo29rw] {
    grid-area: kglb;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#rateclass[b-0tmdgo29rw] {
    grid-area: rateclass;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#commitem[b-0tmdgo29rw] {
    grid-area: commitem;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#chweight[b-0tmdgo29rw] {
    grid-area: chweight;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ratecharge[b-0tmdgo29rw] {
    grid-area: ratecharge;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#total[b-0tmdgo29rw] {
    grid-area: total;
    height: 340px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#goods[b-0tmdgo29rw] {
    grid-area: goods;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#pcsttl[b-0tmdgo29rw] {
    grid-area: pcsttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#grosswtttl[b-0tmdgo29rw] {
    grid-area: grosswtttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#totalttl[b-0tmdgo29rw] {
    grid-area: totalttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media {
    #mawbgrid06[b-0tmdgo29rw] {
        display: grid;
        grid-template-areas: "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
            "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
            "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
            "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
            "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
            "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid_lbl[b-0tmdgo29rw] {
    grid-area: prepaid_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid01_lbl[b-0tmdgo29rw] {
    grid-area: prepaid01_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid02_lbl[b-0tmdgo29rw] {
    grid-area: prepaid02_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtcharge_lbl[b-0tmdgo29rw] {
    grid-area: wtcharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#collect_lbl[b-0tmdgo29rw] {
    grid-area: collect_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect01_lbl[b-0tmdgo29rw] {
    grid-area: collect01_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect02_lbl[b-0tmdgo29rw] {
    grid-area: collect02_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#valcharge_lbl[b-0tmdgo29rw] {
    grid-area: valcharge_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tax_lbl[b-0tmdgo29rw] {
    grid-area: tax_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#othcharges_lbl[b-0tmdgo29rw] {
    grid-area: othcharges_lbl;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtchargePP[b-0tmdgo29rw] {
    grid-area: wtchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtchargeCOL[b-0tmdgo29rw] {
    grid-area: wtchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargePP[b-0tmdgo29rw] {
    grid-area: valchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargeCOL[b-0tmdgo29rw] {
    grid-area: valchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxPP[b-0tmdgo29rw] {
    grid-area: taxPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxCOL[b-0tmdgo29rw] {
    grid-area: taxCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#othcharges[b-0tmdgo29rw] {
    grid-area: othcharges;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media {
    #mawbgrid07[b-0tmdgo29rw] {
        display: grid;
        grid-template-areas:
            "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
            "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
            "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
            "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippersign     shippersign      shippersign"
            "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
            "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
            "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
            "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
            "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
            "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid03_lbl[b-0tmdgo29rw] {
    grid-area: prepaid03_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid04_lbl[b-0tmdgo29rw] {
    grid-area: prepaid04_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#collect03_lbl[b-0tmdgo29rw] {
    grid-area: collect03_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect04_lbl[b-0tmdgo29rw] {
    grid-area: collect04_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}


#tocda_lbl[b-0tmdgo29rw] {
    grid-area: tocda_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdc_lbl[b-0tmdgo29rw] {
    grid-area: tocdc_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#shipper_lbl[b-0tmdgo29rw] {
    grid-area: shipper_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdaPP[b-0tmdgo29rw] {
    grid-area: tocdaPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdaCOL[b-0tmdgo29rw] {
    grid-area: tocdaCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcPP[b-0tmdgo29rw] {
    grid-area: tocdcPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcCOL[b-0tmdgo29rw] {
    grid-area: tocdcCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shippernote[b-0tmdgo29rw] {
    grid-area: shippernote;
    font-size: 10px;
    padding: 2px;
    border-right: 1px solid;
    border-color: black;
}

#ttlPP_lbl[b-0tmdgo29rw] {
    grid-area: ttlPP_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#ttlCOL_lbl[b-0tmdgo29rw] {
    grid-area: ttlCOL_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cucorates_lbl[b-0tmdgo29rw] {
    grid-area: cucorates_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cccharindst_lbl[b-0tmdgo29rw] {
    grid-area: cccharindst_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#chgsdest_lbl[b-0tmdgo29rw] {
    grid-area: chgsdest_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_01[b-0tmdgo29rw] {
    grid-area: carrier_lbl_01;
    text-align: center;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_02[b-0tmdgo29rw] {
    grid-area: carrier_lbl_02;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_03[b-0tmdgo29rw] {
    grid-area: carrier_lbl_03;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_04[b-0tmdgo29rw] {
    grid-area: carrier_lbl_04;
    font-size: 9px;
    text-align: left;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs_lbl[b-0tmdgo29rw] {
    grid-area: ttlcolchgs_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}


#emptyA[b-0tmdgo29rw] {
    grid-area: emptyA;
    text-align: center;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#emptyB[b-0tmdgo29rw] {
    grid-area: emptyB;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#empty01[b-0tmdgo29rw] {
    grid-area: empty01;
    font-size: 10px;
    border-color: black;
}

#empty02[b-0tmdgo29rw] {
    grid-area: empty02;
    font-size: 10px;
    border-color: black;
}

#ttlPP[b-0tmdgo29rw] {
    grid-area: ttlPP;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlCOL[b-0tmdgo29rw] {
    grid-area: ttlCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cucorates[b-0tmdgo29rw] {
    grid-area: cucorates;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cccharindst[b-0tmdgo29rw] {
    grid-area: cccharindst;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carrieruse[b-0tmdgo29rw] {
    grid-area: carrieruse;
    text-align: left;
    font-size: 10px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carriersigndate[b-0tmdgo29rw] {
    grid-area: carriersigndate;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignplace[b-0tmdgo29rw] {
    grid-area: carriersignplace;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignname[b-0tmdgo29rw] {
    grid-area: carriersignname;
    font-size: 14px;
    border-right: 1px solid;
    border-color: black;
}

#carriersign[b-0tmdgo29rw] {
    grid-area: carriersign;
    border-right: 1px solid;
    border-color: black;
}

#shippersign[b-0tmdgo29rw] {
    grid-area: shippersign;
    border-right: 1px solid;
    border-color: black;
    text-align: center;
}

#chgsdest[b-0tmdgo29rw] {
    grid-area: chgsdest;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs[b-0tmdgo29rw] {
    grid-area: ttlcolchgs;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno03[b-0tmdgo29rw] {
    grid-area: awbno03;
    text-align: right;
    font-size: 16px;
    padding-top: 3px;
    border-color: black;
}
/* /Components/RfsDeliveryOrder_PrintView.razor.rz.scp.css */
.tableheader[b-clsfsd8sh9] {
    border: 1px solid #FFFFFF !important;
    text-align: center;
}

#rfswrapper[b-clsfsd8sh9] {
    display: flex;
    justify-content: space-between;
    margin: 10px 10px;
}

.flexwrapper[b-clsfsd8sh9] {
    display: flex;
    justify-content: space-between
}

#dimmcell[b-clsfsd8sh9] {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.table[b-clsfsd8sh9] {
    margin: 25px 0;
}

.btn[b-clsfsd8sh9] {
    margin-bottom: 20px;
}

.nopagebreakrow[b-clsfsd8sh9] {
    page-break-inside: avoid;
}

.nopagebreakbefore[b-clsfsd8sh9] {
    page-break-before: avoid
}


@media print {

    .nopagebreakbefore[b-clsfsd8sh9] {
        page-break-before: avoid
    }

    .nopagebreakrow[b-clsfsd8sh9] {
        page-break-inside: avoid;
    }

    .sidebar[b-clsfsd8sh9] {
        display: none !important;
    }

    .top-row[b-clsfsd8sh9] {
        display: none !important;
    }

    .hideWhenPrint[b-clsfsd8sh9] {
        display: none !important;
    }
}
/* /Pages/AgentOrders/Create.razor.rz.scp.css */
.e-mask.e-style .e-control.e-maskedtextbox[b-ajp2ynblby] {
    color: #00ffff;
    letter-spacing: 10px;
    font-size: xx-large;
    border: 1px;
    border-color: #ffffff;
}

.grid-container[b-ajp2ynblby] {
    width: 450px;
    display: grid;
    grid-template-columns: auto auto;

}

.grid-item-label[b-ajp2ynblby] {
    padding-left: 30%
}

.grid-item-value[b-ajp2ynblby] {
    padding-left: 15%
}

.grid-item-label-border-top[b-ajp2ynblby] {
    padding-left: 20%;
    border-top: 1px solid
}

.grid-item-value-border-top[b-ajp2ynblby] {
    padding-left: 20%;
    border-top: 1px solid
}

.grid-item-label-20[b-ajp2ynblby] {
    padding-left: 20%
}

.grid-item-value-20[b-ajp2ynblby] {
    padding-left: 20%
}


.selected[b-ajp2ynblby] {
    background-color: #1E88E5 !important;
}

    .selected > td[b-ajp2ynblby] {
        color: white !important;
    }

        .selected > td .mud-input[b-ajp2ynblby] {
            color: white !important;
        }

#InputLabel[b-ajp2ynblby] {
    font-size: 14px
}

#ShipmentDetailsMainFlex[b-ajp2ynblby] {
    display: flex;
    align-items: flex-start;
    height: 100%
}

#BackLabelDiv[b-ajp2ynblby] {
    margin-left: 50px;
    align-self: center
}

#BackLabel[b-ajp2ynblby] {
    font-size: 20px;
    font-weight: 600
}

#CentralContentMainFlex[b-ajp2ynblby] {
    display: flex;
    /*height: 100%;*/
    width: 100%;
    height: 85%;
    flex-direction: column;
    align-self: center
}

#TitleDiv[b-ajp2ynblby] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;

}

#TitleLabel[b-ajp2ynblby] {
    font-family: Arial, Helvetica, sans-serif ;
    font-weight:bold;
    font-size: 30px;
    text-decoration: underline solid red;
}

#OrderSummaryBodyDiv[b-ajp2ynblby] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

#ShipmentDetailsMainInputGroup[b-ajp2ynblby] {
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
    height: 100%;
    /*justify-content: center;*/
    align-items: center;
    /*margin-bottom: 150px;*/
}

#ShipmentDetailsSubInputGroup[b-ajp2ynblby] {
    display: flex;
    flex-direction: row;
}

#ShipmentDetailsSubInputGroup01[b-ajp2ynblby] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 15px;
}

#ShipmentDetailsInputDiv[b-ajp2ynblby]{
    width: 180px;
    margin-left: 20px;
}

#DimmBox[b-ajp2ynblby] {
    width: 120px;
    margin-right: 20px;
}


#ForwardLabelDiv[b-ajp2ynblby] {
    margin-right: 50px;
    align-self: center
}

#ForwardLabel[b-ajp2ynblby] {
    font-size: 20px;
    font-weight: 600
}

#ChooseServicesMainFlex[b-ajp2ynblby] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 100%;
    width: 100%
}

#RequestedServicesTable[b-ajp2ynblby] {
    display: flex;
    flex-direction: row;
    height: auto;
    max-height: 85%;
    width: 100%;
    justify-content: center
}

#WarningNote[b-ajp2ynblby] {
    font-weight: 600;
    color: red;
}

#SelectedServicesList[b-ajp2ynblby] {
    width: 20%;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: auto
}

#SelectedServicesLabel[b-ajp2ynblby] {
    font-size: 20px;
    font-weight: 600
}

#WidthForInput300[b-ajp2ynblby]{
    width: 300px;
    position: relative;
}

#InputTextArea[b-ajp2ynblby]{
    width: 460px;
    margin-left: 20px;
}

#DimensionsSubInputGroup[b-ajp2ynblby] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#DimmInputBox[b-ajp2ynblby] {
    align-self: center;
    width: 340px;
    height: 200px;
    overflow-y: scroll;
    margin-top: 15px
}

#DimensionsInputDiv[b-ajp2ynblby]{
    width: 100px;
    margin-right: 15px;
}

#Ordersummarywrapper[b-ajp2ynblby] {
    display: flex;
    width: 100%;
    justify-content: center
}

#Ordersummarysubwrapper[b-ajp2ynblby] {
    display: flex;
    flex-direction: column;
    width: 72%;
    justify-content: flex-start;
    padding-left: 30%;
}

#ReferenceNoLabelGrey[b-ajp2ynblby] {
    color: lightgrey;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

#ReferenceNoLabelGreen[b-ajp2ynblby] {
    color: green;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

#AwbNoLabelGrey[b-ajp2ynblby] {
    color: lightgrey;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

#AwbNoLabelGreen[b-ajp2ynblby] {
    color: green;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

@media (max-width: 639.99px) {
    #BackLabelDiv[b-ajp2ynblby] {
        display: none
    }

    #BackLabel[b-ajp2ynblby] {
        display: none
    }

    #ForwardLabelDiv[b-ajp2ynblby] {
        display: none
    }

    #ForwardLabel[b-ajp2ynblby] {
        display: none
    }

    #ShipmentDetailsMainInputGroup[b-ajp2ynblby] {
        margin-top: 20px;
    }

    #ShipmentDetailsSubInputGroup[b-ajp2ynblby] {
        flex-direction: column;
        justify-content: flex-start

    }

    #InputTextArea[b-ajp2ynblby] {
        width: 180px;
        margin-left: 0;
        margin-bottom: 10px
    }

    #ShipmentDetailsInputDiv[b-ajp2ynblby] {
        width: 140px;
        margin-left: 0px;
    }

    #DimmBox[b-ajp2ynblby] {
        width: 100px;
        margin-right: 0px;
    }

    #RequestedServicesTable[b-ajp2ynblby] {
        max-width: 65%;
        align-self:center
    }

    #DimensionsSubInputGroup[b-ajp2ynblby] {
        flex-direction: column;
        align-self: center
    }

    #DimmInputBox[b-ajp2ynblby] {
        margin-top: 10px
    }

    #DimensionsInputDiv[b-ajp2ynblby] {
        width: auto;
    }

    #WidthForInput300[b-ajp2ynblby] {
        width: 55%;
    }

    #Ordersummarysubwrapper[b-ajp2ynblby] {
        width: 80%;
        padding-left: 10%
    }

    #SelectedServicesList[b-ajp2ynblby] {
        display: none;
    }

    #TitleLabel[b-ajp2ynblby] {
        font-size: 20px;
    }

    #ReferenceNoLabelGrey[b-ajp2ynblby] {
        font-size: 16px;
        margin-left: 8px;
        margin-right: 8px;
    }

    #ReferenceNoLabelGreen[b-ajp2ynblby] {
        font-size: 16px;
        margin-left: 8px;
        margin-right: 8px;
    }

    #AwbNoLabelGrey[b-ajp2ynblby] {
        font-size: 16px;
        margin-left: 8px;
        margin-right: 8px;
    }

    #AwbNoLabelGreen[b-ajp2ynblby] {
        font-size: 16px;
        margin-left: 8px;
        margin-right: 8px;
    }

    #TitleDiv[b-ajp2ynblby] {
        margin-bottom: 5px;
    }

}

@media (max-width: 799.99px) and (min-width: 640px) {
    #BackLabelDiv[b-ajp2ynblby] {
        display: none
    }

    #BackLabel[b-ajp2ynblby] {
        display: none
    }

    #ForwardLabelDiv[b-ajp2ynblby] {
        display: none
    }

    #ForwardLabel[b-ajp2ynblby] {
        display: none
    }

    #ShipmentDetailsMainInputGroup[b-ajp2ynblby] {
        margin-top: 20px;
    }

    #ShipmentDetailsSubInputGroup[b-ajp2ynblby] {
        flex-direction: column;
        justify-content: flex-start
    }

    #InputTextArea[b-ajp2ynblby] {
        width: 220px;
        margin-left: 0;
        margin-bottom: 10px
    }

    #ShipmentDetailsInputDiv[b-ajp2ynblby] {
        width: 140px;
        margin-left: 0px;
    }


    #DimmBox[b-ajp2ynblby] {
        width: 100px;
        margin-right: 0px;
    }

    #RequestedServicesTable[b-ajp2ynblby] {
        max-width: 65%;
        align-self: center
    }

    #DimensionsSubInputGroup[b-ajp2ynblby] {
        flex-direction: column;
        align-self: center
    }

    #DimmInputBox[b-ajp2ynblby] {
        margin-top: 10px
    }

    #DimensionsInputDiv[b-ajp2ynblby] {
        width: auto;
    }

    #WidthForInput300[b-ajp2ynblby] {
        width: 55%;
    }

    #Ordersummarysubwrapper[b-ajp2ynblby] {
        width: 80%;
        padding-left: 20%
    }

    #SelectedServicesList[b-ajp2ynblby] {
        display: none;
    }


}

@media (max-width: 999.99px) and (min-width: 800px) {
    #BackLabelDiv[b-ajp2ynblby] {
        display: none
    }

    #BackLabel[b-ajp2ynblby] {
        display: none
    }

    #ForwardLabelDiv[b-ajp2ynblby] {
        display: none
    }

    #ForwardLabel[b-ajp2ynblby] {
        display: none
    }

    #ShipmentDetailsMainInputGroup[b-ajp2ynblby] {
        margin-top: 20px;
    }

    #ShipmentDetailsSubInputGroup[b-ajp2ynblby] {
        flex-direction: column;
        justify-content: flex-start
    }

    #InputTextArea[b-ajp2ynblby] {
        width: 220px;
        margin-left: 0;
        margin-bottom: 10px
    }

    #ShipmentDetailsInputDiv[b-ajp2ynblby] {
        width: 140px;
        margin-left: 0px;
    }

    #DimmBox[b-ajp2ynblby] {
        width: 100px;
        margin-right: 0px;
    }

    #RequestedServicesTable[b-ajp2ynblby] {
        max-width: 65%;
        align-self: center
    }

    #DimensionsSubInputGroup[b-ajp2ynblby] {
        flex-direction: column;
        align-self: center
    }

    #DimmInputBox[b-ajp2ynblby] {
        margin-top: 10px
    }

    #DimensionsInputDiv[b-ajp2ynblby] {
        width: auto;
    }

    #WidthForInput300[b-ajp2ynblby] {
        width: 55%;
    }

    #Ordersummarysubwrapper[b-ajp2ynblby] {
        width: 80%;
        padding-left: 25%
    }

    #SelectedServicesList[b-ajp2ynblby] {
        display: none;
    }



}

    @media (max-width: 1199.99px) and (min-width: 1000px) {
        #BackLabelDiv[b-ajp2ynblby] {
            display: none
        }

        #BackLabel[b-ajp2ynblby] {
            display: none
        }

        #ForwardLabelDiv[b-ajp2ynblby] {
            display: none
        }

        #ForwardLabel[b-ajp2ynblby] {
            display: none
        }

        #ShipmentDetailsMainInputGroup[b-ajp2ynblby] {
            margin-top: 20px;
        }

        #ShipmentDetailsSubInputGroup[b-ajp2ynblby] {
            flex-direction: column;
        }

        #InputTextArea[b-ajp2ynblby] {
            width: 220px;
            margin-left: 0;
            margin-bottom: 10px
        }

        #ShipmentDetailsInputDiv[b-ajp2ynblby] {
            width: 140px;
            margin-left: 0px;
        }

        #DimmBox[b-ajp2ynblby] {
            width: 100px;
            margin-right: 0px;
        }

        #RequestedServicesTable[b-ajp2ynblby] {
            max-width: 65%;
            align-self: center
        }

        #DimensionsSubInputGroup[b-ajp2ynblby] {
            flex-direction: column;
            align-self: center
        }

        #DimmInputBox[b-ajp2ynblby] {
            margin-top: 10px
        }

        #DimensionsInputDiv[b-ajp2ynblby] {
            width: auto;
        }

        #WidthForInput300[b-ajp2ynblby] {
            width: 55%;
        }

        #Ordersummarysubwrapper[b-ajp2ynblby] {
            width: 80%;
            padding-left: 30%
        }

        #SelectedServicesList[b-ajp2ynblby] {
            display: none;
        }


    }


    @media (max-width: 1399.99px) and (min-width: 1200px) {
        #BackLabelDiv[b-ajp2ynblby] {
            display: none
        }

        #BackLabel[b-ajp2ynblby] {
            display: none
        }

        #ForwardLabelDiv[b-ajp2ynblby] {
            display: none
        }

        #ForwardLabel[b-ajp2ynblby] {
            display: none
        }

        #Ordersummarysubwrapper[b-ajp2ynblby] {
            width: 72%;
            padding-left: 20%
        }

        #SelectedServicesList[b-ajp2ynblby] {
            display: none;
        }

    }

    @media (max-width: 1599.99px) and (min-width: 1400px) {

        #Ordersummarysubwrapper[b-ajp2ynblby] {
            width: 72%;
            padding-left: 25%
        }

    }

    @media (max-width: 2000px) and (min-width: 1600px) {

        #Ordersummarysubwrapper[b-ajp2ynblby] {
            width: 72%;
            padding-left: 25%
        }

    }

/* /Pages/AgentOrders/Edit.razor.rz.scp.css */
.e-mask.e-style .e-control.e-maskedtextbox[b-w88zwa4wcu] {
    color: #00ffff;
    letter-spacing: 10px;
    font-size: xx-large;
    border: 1px;
    border-color: #ffffff;
}

.grid-container[b-w88zwa4wcu] {
    width: 450px;
    display: grid;
    grid-template-columns: auto auto;
}

.grid-item-label[b-w88zwa4wcu] {
    padding-left: 30%
}

.grid-item-value[b-w88zwa4wcu] {
    padding-left: 15%
}

.grid-item-label-border-top[b-w88zwa4wcu] {
    padding-left: 20%;
    border-top: 1px solid
}

.grid-item-value-border-top[b-w88zwa4wcu] {
    padding-left: 20%;
    border-top: 1px solid
}

.grid-item-label-20[b-w88zwa4wcu] {
    padding-left: 20%
}

.grid-item-value-20[b-w88zwa4wcu] {
    padding-left: 20%
}


.selected[b-w88zwa4wcu] {
    background-color: #1E88E5 !important;
}

    .selected > td[b-w88zwa4wcu] {
        color: white !important;
    }

        .selected > td .mud-input[b-w88zwa4wcu] {
            color: white !important;
        }

#InputLabel[b-w88zwa4wcu] {
    font-size: 14px
}

#ShipmentDetailsMainFlex[b-w88zwa4wcu] {
    display: flex;
    align-items: flex-start;
    height: 100%
}

#BackLabelDiv[b-w88zwa4wcu] {
    margin-left: 50px;
    align-self: center
}

#BackLabel[b-w88zwa4wcu] {
    font-size: 20px;
    font-weight: 600
}

#CentralContentMainFlex[b-w88zwa4wcu] {
    display: flex;
    /*height: 100%;*/
    width: 100%;
    flex-direction: column;
    align-self: center
}

#TitleDiv[b-w88zwa4wcu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

#TitleLabel[b-w88zwa4wcu] {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 30px;
    text-decoration: underline solid red;
}

#OrderSummaryBodyDiv[b-w88zwa4wcu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

#ShipmentDetailsMainInputGroup[b-w88zwa4wcu] {
    display: flex;
    flex-direction: column;
    /*width: 100%;*/
    height: 100%;
    /*justify-content: center;*/
    align-items: center;
    /*margin-bottom: 150px;*/
}

#ShipmentDetailsSubInputGroup[b-w88zwa4wcu] {
    display: flex;
    flex-direction: row;
}

#ShipmentDetailsSubInputGroup01[b-w88zwa4wcu] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-bottom: 15px;
}

#ShipmentDetailsInputDiv[b-w88zwa4wcu] {
    width: 180px;
    margin-left: 20px;
}

#DimmBox[b-w88zwa4wcu] {
    width: 120px;
    margin-right: 20px;
}


#ForwardLabelDiv[b-w88zwa4wcu] {
    margin-right: 50px;
    align-self: center
}

#ForwardLabel[b-w88zwa4wcu] {
    font-size: 20px;
    font-weight: 600
}

#ChooseServicesMainFlex[b-w88zwa4wcu] {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: 100%;
    width: 100%
}

#RequestedServicesTable[b-w88zwa4wcu] {
    display: flex;
    flex-direction: row;
    height: auto;
    max-height: 85%;
    width: 100%;
    justify-content: center
}

#WarningNote[b-w88zwa4wcu] {
    font-weight: 600;
    color: red;
}

#SelectedServicesList[b-w88zwa4wcu] {
    width: 20%;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: auto
}

#SelectedServicesLabel[b-w88zwa4wcu] {
    font-size: 20px;
    font-weight: 600
}

#WidthForInput300[b-w88zwa4wcu] {
    width: 300px;
    position: relative;
}

#InputTextArea[b-w88zwa4wcu] {
    width: 460px;
    margin-left: 20px;
}

#DimensionsSubInputGroup[b-w88zwa4wcu] {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#DimmInputBox[b-w88zwa4wcu] {
    align-self: center;
    width: 340px;
    height: 200px;
    overflow-y: scroll;
    margin-top: 15px
}

#DimensionsInputDiv[b-w88zwa4wcu] {
    width: 100px;
    margin-right: 15px;
}

#Ordersummarywrapper[b-w88zwa4wcu] {
    display: flex;
    width: 100%;
    justify-content: center
}

#Ordersummarysubwrapper[b-w88zwa4wcu] {
    display: flex;
    flex-direction: column;
    width: 72%;
    justify-content: flex-start;
    padding-left: 30%;
}

#ReferenceNoLabelGrey[b-w88zwa4wcu] {
    color: lightgrey;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

#ReferenceNoLabelGreen[b-w88zwa4wcu] {
    color: green;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

#AwbNoLabelGrey[b-w88zwa4wcu] {
    color: lightgrey;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

#AwbNoLabelGreen[b-w88zwa4wcu] {
    color: green;
    font-size: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

@media (max-width: 639.99px) {
    #BackLabelDiv[b-w88zwa4wcu] {
        display: none
    }

    #BackLabel[b-w88zwa4wcu] {
        display: none
    }

    #ForwardLabelDiv[b-w88zwa4wcu] {
        display: none
    }

    #ForwardLabel[b-w88zwa4wcu] {
        display: none
    }

    #ShipmentDetailsMainInputGroup[b-w88zwa4wcu] {
        margin-top: 20px;
    }

    #ShipmentDetailsSubInputGroup[b-w88zwa4wcu] {
        flex-direction: column;
        justify-content: flex-start
    }

    #InputTextArea[b-w88zwa4wcu] {
        width: 180px;
        margin-left: 0;
        margin-bottom: 10px
    }

    #ShipmentDetailsInputDiv[b-w88zwa4wcu] {
        width: 140px;
        margin-left: 0px;
    }

    #DimmBox[b-w88zwa4wcu] {
        width: 100px;
        margin-right: 0px;
    }

    #RequestedServicesTable[b-w88zwa4wcu] {
        max-width: 65%;
        align-self: center
    }

    #DimensionsSubInputGroup[b-w88zwa4wcu] {
        flex-direction: column;
        align-self: center
    }

    #DimmInputBox[b-w88zwa4wcu] {
        margin-top: 10px
    }

    #DimensionsInputDiv[b-w88zwa4wcu] {
        width: auto;
    }

    #WidthForInput300[b-w88zwa4wcu] {
        width: 55%;
    }

    #Ordersummarysubwrapper[b-w88zwa4wcu] {
        width: 80%;
        padding-left: 10%
    }

    #SelectedServicesList[b-w88zwa4wcu] {
        display: none;
    }

    #TitleLabel[b-w88zwa4wcu] {
        font-size: 20px;
    }

    #ReferenceNoLabelGrey[b-w88zwa4wcu] {
        font-size: 16px;
        margin-left: 8px;
        margin-right: 8px;
    }

    #ReferenceNoLabelGreen[b-w88zwa4wcu] {
        font-size: 16px;
        margin-left: 8px;
        margin-right: 8px;
    }

    #AwbNoLabelGrey[b-w88zwa4wcu] {
        font-size: 16px;
        margin-left: 8px;
        margin-right: 8px;
    }

    #AwbNoLabelGreen[b-w88zwa4wcu] {
        font-size: 16px;
        margin-left: 8px;
        margin-right: 8px;
    }

    #TitleDiv[b-w88zwa4wcu] {
        margin-bottom: 5px;
    }
}

@media (max-width: 799.99px) and (min-width: 640px) {
    #BackLabelDiv[b-w88zwa4wcu] {
        display: none
    }

    #BackLabel[b-w88zwa4wcu] {
        display: none
    }

    #ForwardLabelDiv[b-w88zwa4wcu] {
        display: none
    }

    #ForwardLabel[b-w88zwa4wcu] {
        display: none
    }

    #ShipmentDetailsMainInputGroup[b-w88zwa4wcu] {
        margin-top: 20px;
    }

    #ShipmentDetailsSubInputGroup[b-w88zwa4wcu] {
        flex-direction: column;
        justify-content: flex-start
    }

    #InputTextArea[b-w88zwa4wcu] {
        width: 220px;
        margin-left: 0;
        margin-bottom: 10px
    }

    #ShipmentDetailsInputDiv[b-w88zwa4wcu] {
        width: 140px;
        margin-left: 0px;
    }

    #DimmBox[b-w88zwa4wcu] {
        width: 100px;
        margin-right: 0px;
    }

    #RequestedServicesTable[b-w88zwa4wcu] {
        max-width: 65%;
        align-self: center
    }

    #DimensionsSubInputGroup[b-w88zwa4wcu] {
        flex-direction: column;
        align-self: center
    }

    #DimmInputBox[b-w88zwa4wcu] {
        margin-top: 10px
    }

    #DimensionsInputDiv[b-w88zwa4wcu] {
        width: auto;
    }

    #WidthForInput300[b-w88zwa4wcu] {
        width: 55%;
    }

    #Ordersummarysubwrapper[b-w88zwa4wcu] {
        width: 80%;
        padding-left: 20%
    }

    #SelectedServicesList[b-w88zwa4wcu] {
        display: none;
    }
}

@media (max-width: 999.99px) and (min-width: 800px) {
    #BackLabelDiv[b-w88zwa4wcu] {
        display: none
    }

    #BackLabel[b-w88zwa4wcu] {
        display: none
    }

    #ForwardLabelDiv[b-w88zwa4wcu] {
        display: none
    }

    #ForwardLabel[b-w88zwa4wcu] {
        display: none
    }

    #ShipmentDetailsMainInputGroup[b-w88zwa4wcu] {
        margin-top: 20px;
    }

    #ShipmentDetailsSubInputGroup[b-w88zwa4wcu] {
        flex-direction: column;
        justify-content: flex-start
    }

    #InputTextArea[b-w88zwa4wcu] {
        width: 220px;
        margin-left: 0;
        margin-bottom: 10px
    }

    #ShipmentDetailsInputDiv[b-w88zwa4wcu] {
        width: 140px;
        margin-left: 0px;
    }

    #DimmBox[b-w88zwa4wcu] {
        width: 100px;
        margin-right: 0px;
    }

    #RequestedServicesTable[b-w88zwa4wcu] {
        max-width: 65%;
        align-self: center
    }

    #DimensionsSubInputGroup[b-w88zwa4wcu] {
        flex-direction: column;
        align-self: center
    }

    #DimmInputBox[b-w88zwa4wcu] {
        margin-top: 10px
    }

    #DimensionsInputDiv[b-w88zwa4wcu] {
        width: auto;
    }

    #WidthForInput300[b-w88zwa4wcu] {
        width: 55%;
    }

    #Ordersummarysubwrapper[b-w88zwa4wcu] {
        width: 80%;
        padding-left: 25%
    }

    #SelectedServicesList[b-w88zwa4wcu] {
        display: none;
    }
}

@media (max-width: 1199.99px) and (min-width: 1000px) {
    #BackLabelDiv[b-w88zwa4wcu] {
        display: none
    }

    #BackLabel[b-w88zwa4wcu] {
        display: none
    }

    #ForwardLabelDiv[b-w88zwa4wcu] {
        display: none
    }

    #ForwardLabel[b-w88zwa4wcu] {
        display: none
    }

    #ShipmentDetailsMainInputGroup[b-w88zwa4wcu] {
        margin-top: 20px;
    }

    #ShipmentDetailsSubInputGroup[b-w88zwa4wcu] {
        flex-direction: column;
    }

    #InputTextArea[b-w88zwa4wcu] {
        width: 220px;
        margin-left: 0;
        margin-bottom: 10px
    }

    #ShipmentDetailsInputDiv[b-w88zwa4wcu] {
        width: 140px;
        margin-left: 0px;
    }

    #DimmBox[b-w88zwa4wcu] {
        width: 100px;
        margin-right: 0px;
    }

    #RequestedServicesTable[b-w88zwa4wcu] {
        max-width: 65%;
        align-self: center
    }

    #DimensionsSubInputGroup[b-w88zwa4wcu] {
        flex-direction: column;
        align-self: center
    }

    #DimmInputBox[b-w88zwa4wcu] {
        margin-top: 10px
    }

    #DimensionsInputDiv[b-w88zwa4wcu] {
        width: auto;
    }

    #WidthForInput300[b-w88zwa4wcu] {
        width: 55%;
    }

    #Ordersummarysubwrapper[b-w88zwa4wcu] {
        width: 80%;
        padding-left: 30%
    }

    #SelectedServicesList[b-w88zwa4wcu] {
        display: none;
    }
}


@media (max-width: 1399.99px) and (min-width: 1200px) {
    #BackLabelDiv[b-w88zwa4wcu] {
        display: none
    }

    #BackLabel[b-w88zwa4wcu] {
        display: none
    }

    #ForwardLabelDiv[b-w88zwa4wcu] {
        display: none
    }

    #ForwardLabel[b-w88zwa4wcu] {
        display: none
    }

    #Ordersummarysubwrapper[b-w88zwa4wcu] {
        width: 72%;
        padding-left: 20%
    }

    #SelectedServicesList[b-w88zwa4wcu] {
        display: none;
    }
}

@media (max-width: 1599.99px) and (min-width: 1400px) {

    #Ordersummarysubwrapper[b-w88zwa4wcu] {
        width: 72%;
        padding-left: 25%
    }
}

@media (max-width: 2000px) and (min-width: 1600px) {

    #Ordersummarysubwrapper[b-w88zwa4wcu] {
        width: 72%;
        padding-left: 25%
    }
}
/* /Pages/AgentOrders/Index.razor.rz.scp.css */
#expandpanelmaindiv[b-0eof91jjdd] {
    display: flex;
    flex-direction: row;
}

#expandpaneldiv[b-0eof91jjdd] {
    margin-right: 35px
}

#identitydiv[b-0eof91jjdd] {
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: 600
}

#ordernumberdiv[b-0eof91jjdd] {
    margin-bottom: 3px;
    font-size: 14px;
}

#shipmentnumberdiv[b-0eof91jjdd] {
    margin-bottom: 15px;
    font-size: 14px;
}

#expandpaneldivtitle[b-0eof91jjdd] {
    margin-bottom: 10px;
    text-decoration: underline;
    font-weight: 600
}

#expandpanelwarningfont[b-0eof91jjdd] {
    font-weight: 600;
    color: red
}

#expandpanelgreenfont[b-0eof91jjdd] {
    font-weight: 600;
    color: green
}

@media (max-width: 799.99px) {
    
    #expandpanelmaindiv[b-0eof91jjdd] {
        flex-direction: column;
    }

    #expandpaneldivtitle[b-0eof91jjdd] {
        margin-top: 25px
    }
}
/* /Pages/AgentSubmitModels/DimensionForm.razor.rz.scp.css */
#DimmRow[b-e93mreobkb] {
    font-family: Calibri;
    max-width: fit-content;
    background-color: lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 15px;
}

#PcsRow[b-e93mreobkb] {
    font-family: Calibri;
    max-width: fit-content;
    background-color: lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 4px;
}

#DimLabel[b-e93mreobkb] {
    max-width: fit-content;
    font-family: Calibri;
    font-weight: bold;
    color: white;
    font-size: 18px;
    margin-bottom: 4px;
    padding-left: 0px
}
/* /Pages/AgentSubmitModels/Edit.razor.rz.scp.css */
#SaveButton[b-aph9rnetd4] {
    grid-area: SaveButton;
    text-align: left;
    font-size: 35px;
    font-family: Calibri;
    width: fit-content;
    height: fit-content;
    padding-bottom: 5px
}

#AwbNumber[b-aph9rnetd4] {
    grid-area: AwbNumber;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    background-color: lightgray;
    border: 1px solid;
    border-color: black;
    margin-right: 20px;
    font-weight: bolder;
    color: black;
    font-size: 25px;
    font-family: Calibri;
}

#CustomerSelect[b-aph9rnetd4] {
    grid-area: AwbNumber;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    background-color: lightgray;
    border: 1px solid;
    border-color: black;
    margin-right: 20px;
    font-weight: bolder;
    color: black;
    font-size: 25px;
    font-family: Calibri;
}

#FirstFlightRow[b-aph9rnetd4] {
    font-family: Calibri;
    max-width: max-content;
    background-color: lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 4px;
}

#SecondFlightRow[b-aph9rnetd4] {
    font-family: Calibri;
    max-width: max-content;
    background-color: lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 4px;
}

#ThirdFlightRow[b-aph9rnetd4] {
    font-family: Calibri;
    max-width: max-content;
    background-color: lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#InputLabel[b-aph9rnetd4] {
    margin: 0;
}

#InputLabelCheckBox[b-aph9rnetd4] {
    margin-bottom: 6px;
    padding-right: 10px
}


#OriginDestCommRow[b-aph9rnetd4] {
    font-family: Calibri;
    max-width: max-content;
    background-color: lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 4px;
}

#PcsGwVolRow[b-aph9rnetd4] {
    font-family: Calibri;
    max-width: max-content;
    background-color: lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 4px;
}

#WorkloadRow01[b-aph9rnetd4] {
    font-family: Calibri;
    width: 300px;
    background-color: lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 4px;
}

#PickupArrivalRow01[b-aph9rnetd4] {
    font-family: Calibri;
    width: 600px;
    background-color: lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 4px;
}

#ShcRow[b-aph9rnetd4] {
    font-family: Calibri;
    max-width: max-content;
    background-color: lightgray;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 4px;
}

#chwinput[b-aph9rnetd4] {
    font-family: Calibri;
    max-width: max-content;
    background-color: lightcoral;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 4px;
}

#DimmInputBox[b-aph9rnetd4] {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ShpmtSpecAndFlts[b-aph9rnetd4] {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ShipmentDetailsLabel[b-aph9rnetd4] {
    max-width: fit-content;
    font-family: Calibri;
    font-weight: bold;
    color: white;
    font-size: 18px;
    margin-bottom: 4px;
    padding-left: 0px
}
/* /Pages/AgentSubmitModels/Index.razor.rz.scp.css */
.InputText:invalid[b-0yy6yet8nc] {
    border: 3px solid red;
}
/* /Pages/Airlines/Index.razor.rz.scp.css */
/* Wrapper fills the content area given by Layout */
.maintablewrapper[b-qvs1jtjdfj] {
    flex: 1;
    min-height: 0; /* must be 0 to allow inner scroll */
    width: 100%; /* use full content width; avoid fixed vw that can cause overflow */
    display: flex;
    flex-direction: column;
}

/* Grid stretches fully */
.full-grid[b-qvs1jtjdfj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* NEW: make the DataGrid root a flex column that fills the wrapper */
[b-qvs1jtjdfj] .full-grid.mud-data-grid {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Make only the body scroll; keep header/pager fixed inside */
[b-qvs1jtjdfj] .full-grid .mud-table-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[b-qvs1jtjdfj] .full-grid .mud-table-head {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--mud-palette-surface);
}

[b-qvs1jtjdfj] .full-grid .mud-table-body {
    flex: 1;
    min-height: 0;
    overflow: auto; /* scrolling happens here */
}

[b-qvs1jtjdfj] .full-grid .mud-table-pager {
    margin-top: auto; /* sticks to bottom */
    background: var(--mud-palette-surface);
    z-index: 2;
    box-shadow: 0 -2px 6px rgba(0,0,0,.06);
}

/* Selection/hover */
[b-qvs1jtjdfj] .mud-table .mud-table-body .mud-table-row.selected-row {
    background-color: rgba(25,118,210,.18) !important;
}

[b-qvs1jtjdfj] .mud-table .mud-table-body .mud-table-row:hover {
    background-color: rgba(0,0,0,.04);
    cursor: pointer;
}


/* /Pages/Airlines/Index_old.razor.rz.scp.css */

#maintablewrapper[b-mc8kuvpycf] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-mc8kuvpycf] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-mc8kuvpycf] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-mc8kuvpycf] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-mc8kuvpycf] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/Airports/Index.razor.rz.scp.css */
/* Wrapper fills the content area given by Layout */
.maintablewrapper[b-t6uxsex8nc] {
    flex: 1;
    min-height: 0; /* must be 0 to allow inner scroll */
    width: 100%; /* use full content width; avoid fixed vw that can cause overflow */
    display: flex;
    flex-direction: column;
}

/* Grid stretches fully */
.full-grid[b-t6uxsex8nc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* NEW: make the DataGrid root a flex column that fills the wrapper */
[b-t6uxsex8nc] .full-grid.mud-data-grid {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Make only the body scroll; keep header/pager fixed inside */
[b-t6uxsex8nc] .full-grid .mud-table-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[b-t6uxsex8nc] .full-grid .mud-table-head {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--mud-palette-surface);
}

[b-t6uxsex8nc] .full-grid .mud-table-body {
    flex: 1;
    min-height: 0;
    overflow: auto; /* scrolling happens here */
}

[b-t6uxsex8nc] .full-grid .mud-table-pager {
    margin-top: auto; /* sticks to bottom */
    background: var(--mud-palette-surface);
    z-index: 2;
    box-shadow: 0 -2px 6px rgba(0,0,0,.06);
}

/* Selection/hover */
[b-t6uxsex8nc] .mud-table .mud-table-body .mud-table-row.selected-row {
    background-color: rgba(25,118,210,.18) !important;
}

[b-t6uxsex8nc] .mud-table .mud-table-body .mud-table-row:hover {
    background-color: rgba(0,0,0,.04);
    cursor: pointer;
}

/* your span (in case Mud doesn’t insert typography) */
/*::deep .custom-mud-table-header {
    font-weight: 700 !important;
}*/

    /* when Mud wraps header content into a typography span */
    /*::deep .custom-mud-table-header .mud-typography {
        font-weight: 700 !important;
    }*/

/* and when sorting is enabled, content sits in a button label */
/*::deep th .mud-button-label .custom-mud-table-header .mud-typography {
    font-weight: 700 !important;
}*/
/* /Pages/Arrival/Index.razor.rz.scp.css */
h4[b-6bpcnrx9t1] {
    margin-bottom: 20px; 
    text-decoration: underline solid red;
}

#maintablewrapper[b-6bpcnrx9t1] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-6bpcnrx9t1] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-6bpcnrx9t1] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-6bpcnrx9t1] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-6bpcnrx9t1] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/AuditorTemplateFields/Index.razor.rz.scp.css */
/* Wrapper fills the content area given by Layout */
.maintablewrapper[b-b5aqds47xt] {
    flex: 1;
    min-height: 0; /* must be 0 to allow inner scroll */
    width: 100%; /* use full content width; avoid fixed vw that can cause overflow */
    display: flex;
    flex-direction: column;
}

/* Grid stretches fully */
.full-grid[b-b5aqds47xt] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* NEW: make the DataGrid root a flex column that fills the wrapper */
[b-b5aqds47xt] .full-grid.mud-data-grid {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* Make only the body scroll; keep header/pager fixed inside */
[b-b5aqds47xt] .full-grid .mud-table-container {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

[b-b5aqds47xt] .full-grid .mud-table-head {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--mud-palette-surface);
}

[b-b5aqds47xt] .full-grid .mud-table-body {
    flex: 1;
    min-height: 0;
    overflow: auto; /* scrolling happens here */
}

[b-b5aqds47xt] .full-grid .mud-table-pager {
    margin-top: auto; /* sticks to bottom */
    background: var(--mud-palette-surface);
    z-index: 2;
    box-shadow: 0 -2px 6px rgba(0,0,0,.06);
}

/* Selection/hover */
[b-b5aqds47xt] .mud-table .mud-table-body .mud-table-row.selected-row {
    background-color: rgba(25,118,210,.18) !important;
}

[b-b5aqds47xt] .mud-table .mud-table-body .mud-table-row:hover {
    background-color: rgba(0,0,0,.04);
    cursor: pointer;
}

/* your span (in case Mud doesn’t insert typography) */
/*::deep .custom-mud-table-header {
    font-weight: 700 !important;
}*/

    /* when Mud wraps header content into a typography span */
    /*::deep .custom-mud-table-header .mud-typography {
        font-weight: 700 !important;
    }*/

/* and when sorting is enabled, content sits in a button label */
/*::deep th .mud-button-label .custom-mud-table-header .mud-typography {
    font-weight: 700 !important;
}*/
/* /Pages/AuditorTemplates/Index.razor.rz.scp.css */
#maintablewrapper[b-y3xfs079bl] {
    height: 75vh;
    width: 80vw;
}

@media (min-width: 3000px) {
    #maintablewrapper[b-y3xfs079bl] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-y3xfs079bl] {
        width: 75vw;
        height: 70vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-y3xfs079bl] {
        height: 68vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-y3xfs079bl] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/AwbStocks/Index.razor.rz.scp.css */
#mainrow[b-uzxesy6ui4] {
    display: flex;
    flex-direction: column;
    align-items: start;
}

#awbtablewrapper[b-uzxesy6ui4] {
    height: 78vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #awbtablewrapper[b-uzxesy6ui4] {
        width: 88vw;
        height: 84vh;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #awbtablewrapper[b-uzxesy6ui4] {
        width: 75vw;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #awbtablewrapper[b-uzxesy6ui4] {
        height: 70vh;
        width: 90vw;
    }
}

@media (max-width: 799.99px) {
    #awbtablewrapper[b-uzxesy6ui4] {
        height: 70vh;
        width: 90vw;
    }
}
/* /Pages/Charges/Index.razor.rz.scp.css */
#maintablewrapper[b-7jq7knavb4] {
    height: 78vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-7jq7knavb4] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-7jq7knavb4] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-7jq7knavb4] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-7jq7knavb4] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/Consignees/Index.razor.rz.scp.css */
#maintablewrapper[b-g51twylhwb] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-g51twylhwb] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-g51twylhwb] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-g51twylhwb] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-g51twylhwb] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/Corrections/CorrectionTool.razor.rz.scp.css */
#AwbNumber[b-jaiy61mc4i] {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

#AwbLabel[b-jaiy61mc4i] {
    font-weight: bold;
    font-size: 18px;
}

#mainwrapper[b-jaiy61mc4i] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

#chargetablewrapper[b-jaiy61mc4i] {
    margin-top: 30px;
    width: 100%;
}

.form-group[b-jaiy61mc4i] {
    width: 400px;
    padding-bottom: 15px;
}

h4[b-jaiy61mc4i] {
    margin-top: 10px;
    text-decoration: underline solid red;
}

h5[b-jaiy61mc4i] {
    text-decoration: underline solid red;
}

#deletedchargeswrapper[b-jaiy61mc4i] {
    margin-top: 30px;
    border: 1px solid;
    padding: 10px;
}

.label[b-jaiy61mc4i] {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

thead[b-jaiy61mc4i] {
    background-color: lightgray;
    font-weight: bold;
}

@media (max-width: 799px) {
    #AwbNumber[b-jaiy61mc4i] {
        flex-direction: column;
    }

    .form-group[b-jaiy61mc4i] {
        width: auto;
    }
}
/* /Pages/Corrections/DialogChargeCorrectionDTOForm.razor.rz.scp.css */
.SelectLabel[b-re0ujbu5em] {
    color: black;
    font-family: Calibri;
}

.SelectRow[b-re0ujbu5em] {
    display: flex;
    flex-direction: row;
    color: black;
    font-family: Calibri;
}

.LabelNoMargin[b-re0ujbu5em] {
    margin: 0;
}

/* /Pages/Currencies/Index.razor.rz.scp.css */
#maintablewrapper[b-cz35lk2i8q] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-cz35lk2i8q] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-cz35lk2i8q] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-cz35lk2i8q] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-cz35lk2i8q] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/Customers/Index.razor.rz.scp.css */
#maintablewrapper[b-0wecf0da3o] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-0wecf0da3o] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-0wecf0da3o] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-0wecf0da3o] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-0wecf0da3o] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/Hawbs/Index.razor.rz.scp.css */
#maintablewrapper[b-0ftt26zft7] {
    height: 78vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-0ftt26zft7] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-0ftt26zft7] {
        width: 75vw;
        height: 78vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-0ftt26zft7] {
        height: 74vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-0ftt26zft7] {
        height: 60vh;
        width: 90vw;
    }
}
/* /Pages/Hawbs/IndexForMawb.razor.rz.scp.css */
#maintablewrapper[b-812mvhb3l4] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-812mvhb3l4] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-812mvhb3l4] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-812mvhb3l4] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-812mvhb3l4] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/Hawbs/NewFormComponent.razor.rz.scp.css */
#inputsmall[b-vpauuyga2b] {
    border: 1px solid;
    margin: 2px;
    min-height: 20px;
    font-size: 12px
}


@media (orientation: portrait) {
    #mawbgrid01[b-vpauuyga2b] {
        display: grid;
        grid-template-areas:
            "awbno01               awbno01               awbno02               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid01[b-vpauuyga2b] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "awbno01               awbno01               awbno02               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid01[b-vpauuyga2b] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "awbno01               awbno01               awbno02               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

#awbno01[b-vpauuyga2b] {
    grid-area: awbno01;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno02[b-vpauuyga2b] {
    grid-area: awbno02;
    text-align: right;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperaccountno[b-vpauuyga2b] {
    grid-area: shipperaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#shipper[b-vpauuyga2b] {
    grid-area: shipper;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperlabel[b-vpauuyga2b] {
    grid-area: shipperlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consigneeaccountno[b-vpauuyga2b] {
    grid-area: consigneeaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consignee[b-vpauuyga2b] {
    grid-area: consignee;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#consigneelabel[b-vpauuyga2b] {
    grid-area: consigneelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#airlinelabels[b-vpauuyga2b] {
    grid-area: airlinelabels;
    font-size: 14px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    border-color: black;
}

#airline[b-vpauuyga2b] {
    grid-area: airline;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    border-right: 1px solid;
    border-color: black;
}

#airlinenote[b-vpauuyga2b] {
    grid-area: airlinenote;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#conditions01[b-vpauuyga2b] {
    grid-area: conditions01;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#issuingagentlabel[b-vpauuyga2b] {
    grid-area: issuingagentlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#issuingagent[b-vpauuyga2b] {
    grid-area: issuingagent;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#agentiatacodelabel[b-vpauuyga2b] {
    grid-area: agentiatacodelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-color: black;
}

#agentiatacode[b-vpauuyga2b] {
    grid-area: agentiatacode;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#agentaccountnolabel[b-vpauuyga2b] {
    grid-area: agentaccountnolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#agentaccountno[b-vpauuyga2b] {
    grid-area: agentaccountno;
    font-size: 14px;
    padding-top: 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfolabel[b-vpauuyga2b] {
    grid-area: accountinginfolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfo[b-vpauuyga2b] {
    grid-area: accountinginfo;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media (orientation: portrait) {

    #mawbgrid02[b-vpauuyga2b] {
        display: grid;
        grid-template-areas:
            "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01     optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid02[b-vpauuyga2b] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01  optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid02[b-vpauuyga2b] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01  optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

#airportdeparturelabel[b-vpauuyga2b] {
    grid-area: airportdeparturelabel;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#airportdeparture[b-vpauuyga2b] {
    grid-area: airportdeparture;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumberlabel[b-vpauuyga2b] {
    grid-area: refnumberlabel;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumber[b-vpauuyga2b] {
    grid-area: refnumber;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfolabel[b-vpauuyga2b] {
    grid-area: optionalshipinfolabel;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo01[b-vpauuyga2b] {
    grid-area: optionalshipinfo01;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo02[b-vpauuyga2b] {
    grid-area: optionalshipinfo02;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid03[b-vpauuyga2b] {
        display: grid;
        grid-template-areas:
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid03[b-vpauuyga2b] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid03[b-vpauuyga2b] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

#to01-lbl[b-vpauuyga2b] {
    grid-area: to01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#to02-lbl[b-vpauuyga2b] {
    grid-area: to02-lbl;
    font-size: 10px;
    border-left: 1px solid;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#to03-lbl[b-vpauuyga2b] {
    grid-area: to03-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by01-lbl[b-vpauuyga2b] {
    grid-area: by01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by02-lbl[b-vpauuyga2b] {
    grid-area: by02-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#firstcarrier-lbl[b-vpauuyga2b] {
    grid-area: firstcarrier-lbl;
    font-size: 10px;
    border-color: black;
}

#routingdest-lbl[b-vpauuyga2b] {
    grid-area: routingdest-lbl;
    height: 12px;
    font-size: 10px;
    text-align: right;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-right: 2px;
    border-color: black;
}

#currency-lbl[b-vpauuyga2b] {
    grid-area: currency-lbl;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#chgs-lbl[b-vpauuyga2b] {
    grid-area: chgs-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtval-lbl[b-vpauuyga2b] {
    grid-area: wtval-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#other-lbl[b-vpauuyga2b] {
    grid-area: other-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#decval-lbl[b-vpauuyga2b] {
    grid-area: decval-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#decvalcust-lbl[b-vpauuyga2b] {
    grid-area: decvalcust-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalPP-lbl[b-vpauuyga2b] {
    grid-area: wtvalPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalCOL-lbl[b-vpauuyga2b] {
    grid-area: wtvalCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherPP-lbl[b-vpauuyga2b] {
    grid-area: otherPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherCOL-lbl[b-vpauuyga2b] {
    grid-area: otherCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#to01[b-vpauuyga2b] {
    grid-area: to01;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to02[b-vpauuyga2b] {
    grid-area: to02;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to03[b-vpauuyga2b] {
    grid-area: to03;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by01[b-vpauuyga2b] {
    grid-area: by01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by02[b-vpauuyga2b] {
    grid-area: by02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#firstcarrier[b-vpauuyga2b] {
    grid-area: firstcarrier;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-color: black;
}

#currency[b-vpauuyga2b] {
    grid-area: currency;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#chgs[b-vpauuyga2b] {
    grid-area: chgs;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalPP[b-vpauuyga2b] {
    grid-area: wtvalPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalCOL[b-vpauuyga2b] {
    grid-area: wtvalCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherPP[b-vpauuyga2b] {
    grid-area: otherPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherCOL[b-vpauuyga2b] {
    grid-area: otherCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decval[b-vpauuyga2b] {
    grid-area: decval;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decvalcust[b-vpauuyga2b] {
    grid-area: decvalcust;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid04[b-vpauuyga2b] {
        display: grid;
        grid-template-areas:
            "airportdest_lbl airportdest_lbl   fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl      handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid04[b-vpauuyga2b] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "airportdest_lbl airportdest_lbl   fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl      handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid04[b-vpauuyga2b] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "airportdest_lbl airportdest_lbl   fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl      handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

#airportdest_lbl[b-vpauuyga2b] {
    grid-area: airportdest_lbl;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#fltdate_lbl[b-vpauuyga2b] {
    grid-area: fltdate_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#insurance_lbl[b-vpauuyga2b] {
    grid-area: insurance_lbl;
    text-align: center;
    font-size: 9px;
    border-color: black;
}

#handling_lbl[b-vpauuyga2b] {
    grid-area: handling_lbl;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#sci_lbl[b-vpauuyga2b] {
    grid-area: sci_lbl;
    text-align: left;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#insurancenote[b-vpauuyga2b] {
    grid-area: insurancenote;
    font-size: 9px;
    padding: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#airportdest[b-vpauuyga2b] {
    grid-area: airportdest;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#airportdestbutton[b-vpauuyga2b] {
    grid-area: airportdestbutton;
}

#fltdate01[b-vpauuyga2b] {
    grid-area: fltdate01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#fltdate02[b-vpauuyga2b] {
    grid-area: fltdate02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#insurance[b-vpauuyga2b] {
    grid-area: insurance;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid;
    border-color: black;
}

#handlinginfo[b-vpauuyga2b] {
    grid-area: handlinginfo;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#sci[b-vpauuyga2b] {
    grid-area: sci;
    font-size: 14px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid05[b-vpauuyga2b] {
        display: grid;
        grid-template-areas:
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid05[b-vpauuyga2b] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid05[b-vpauuyga2b] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

#pcs_lbl[b-vpauuyga2b] {
    grid-area: pcs_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#grosswt__lbl[b-vpauuyga2b] {
    grid-area: grosswt__lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#kglb_lbl[b-vpauuyga2b] {
    grid-area: kglb_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#rateclass_lbl[b-vpauuyga2b] {
    grid-area: rateclass_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#commitem_lbl[b-vpauuyga2b] {
    grid-area: commitem_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#chweight_lbl[b-vpauuyga2b] {
    grid-area: chweight_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#ratecharge_lbl[b-vpauuyga2b] {
    grid-area: ratecharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#total_lbl[b-vpauuyga2b] {
    grid-area: total_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#goods_lbl[b-vpauuyga2b] {
    grid-area: goods_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#pcs[b-vpauuyga2b] {
    grid-area: pcs;
    height: 460px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#grosswt[b-vpauuyga2b] {
    grid-area: grosswt;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#kglb[b-vpauuyga2b] {
    grid-area: kglb;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#rateclass[b-vpauuyga2b] {
    grid-area: rateclass;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#commitem[b-vpauuyga2b] {
    grid-area: commitem;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#chweight[b-vpauuyga2b] {
    grid-area: chweight;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#ratecharge[b-vpauuyga2b] {
    grid-area: ratecharge;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#total[b-vpauuyga2b] {
    grid-area: total;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#goods[b-vpauuyga2b] {
    grid-area: goods;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#pcsttl[b-vpauuyga2b] {
    grid-area: pcsttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#grosswtttl[b-vpauuyga2b] {
    grid-area: grosswtttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#totalttl[b-vpauuyga2b] {
    grid-area: totalttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid06[b-vpauuyga2b] {
        display: grid;
        grid-template-areas: "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
            "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
            "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
            "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
            "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
            "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid06[b-vpauuyga2b] {
        display: grid;
        width: 95%;
        grid-template-areas: "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
            "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
            "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
            "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
            "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
            "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid06[b-vpauuyga2b] {
        display: grid;
        width: 65%;
        grid-template-areas: "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
            "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
            "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
            "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
            "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
            "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid_lbl[b-vpauuyga2b] {
    grid-area: prepaid_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid01_lbl[b-vpauuyga2b] {
    grid-area: prepaid01_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid02_lbl[b-vpauuyga2b] {
    grid-area: prepaid02_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtcharge_lbl[b-vpauuyga2b] {
    grid-area: wtcharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#collect_lbl[b-vpauuyga2b] {
    grid-area: collect_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect01_lbl[b-vpauuyga2b] {
    grid-area: collect01_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect02_lbl[b-vpauuyga2b] {
    grid-area: collect02_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#valcharge_lbl[b-vpauuyga2b] {
    grid-area: valcharge_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tax_lbl[b-vpauuyga2b] {
    grid-area: tax_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#othcharges_lbl[b-vpauuyga2b] {
    grid-area: othcharges_lbl;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtchargePP[b-vpauuyga2b] {
    grid-area: wtchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtchargeCOL[b-vpauuyga2b] {
    grid-area: wtchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargePP[b-vpauuyga2b] {
    grid-area: valchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargeCOL[b-vpauuyga2b] {
    grid-area: valchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxPP[b-vpauuyga2b] {
    grid-area: taxPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxCOL[b-vpauuyga2b] {
    grid-area: taxCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#othcharges[b-vpauuyga2b] {
    grid-area: othcharges;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media (orientation: portrait) {

    #mawbgrid07[b-vpauuyga2b] {
        display: grid;
        grid-template-areas:
            "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
            "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
            "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
            "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippersign     shippersign      shippersign"
            "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
            "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
            "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
            "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
            "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
            "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid07[b-vpauuyga2b] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
            "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
            "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
            "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippersign     shippersign      shippersign"
            "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
            "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
            "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
            "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
            "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
            "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid07[b-vpauuyga2b] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
            "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
            "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
            "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippersign     shippersign      shippersign"
            "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
            "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
            "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
            "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
            "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
            "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid03_lbl[b-vpauuyga2b] {
    grid-area: prepaid03_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid04_lbl[b-vpauuyga2b] {
    grid-area: prepaid04_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#collect03_lbl[b-vpauuyga2b] {
    grid-area: collect03_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect04_lbl[b-vpauuyga2b] {
    grid-area: collect04_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}


#tocda_lbl[b-vpauuyga2b] {
    grid-area: tocda_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdc_lbl[b-vpauuyga2b] {
    grid-area: tocdc_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#shipper_lbl[b-vpauuyga2b] {
    grid-area: shipper_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdaPP[b-vpauuyga2b] {
    grid-area: tocdaPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdaCOL[b-vpauuyga2b] {
    grid-area: tocdaCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcPP[b-vpauuyga2b] {
    grid-area: tocdcPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcCOL[b-vpauuyga2b] {
    grid-area: tocdcCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shippernote[b-vpauuyga2b] {
    grid-area: shippernote;
    font-size: 10px;
    padding: 2px;
    border-right: 1px solid;
    border-color: black;
}

#ttlPP_lbl[b-vpauuyga2b] {
    grid-area: ttlPP_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#ttlCOL_lbl[b-vpauuyga2b] {
    grid-area: ttlCOL_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cucorates_lbl[b-vpauuyga2b] {
    grid-area: cucorates_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cccharindst_lbl[b-vpauuyga2b] {
    grid-area: cccharindst_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#chgsdest_lbl[b-vpauuyga2b] {
    grid-area: chgsdest_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_01[b-vpauuyga2b] {
    grid-area: carrier_lbl_01;
    text-align: center;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_02[b-vpauuyga2b] {
    grid-area: carrier_lbl_02;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_03[b-vpauuyga2b] {
    grid-area: carrier_lbl_03;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_04[b-vpauuyga2b] {
    grid-area: carrier_lbl_04;
    font-size: 9px;
    text-align: left;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs_lbl[b-vpauuyga2b] {
    grid-area: ttlcolchgs_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}


#emptyA[b-vpauuyga2b] {
    grid-area: emptyA;
    text-align: center;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#emptyB[b-vpauuyga2b] {
    grid-area: emptyB;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#empty01[b-vpauuyga2b] {
    grid-area: empty01;
    font-size: 10px;
    border-color: black;
}

#empty02[b-vpauuyga2b] {
    grid-area: empty02;
    font-size: 10px;
    border-color: black;
}

#ttlPP[b-vpauuyga2b] {
    grid-area: ttlPP;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlCOL[b-vpauuyga2b] {
    grid-area: ttlCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cucorates[b-vpauuyga2b] {
    grid-area: cucorates;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cccharindst[b-vpauuyga2b] {
    grid-area: cccharindst;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carrieruse[b-vpauuyga2b] {
    grid-area: carrieruse;
    text-align: left;
    font-size: 10px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carriersigndate[b-vpauuyga2b] {
    grid-area: carriersigndate;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignplace[b-vpauuyga2b] {
    grid-area: carriersignplace;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignname[b-vpauuyga2b] {
    grid-area: carriersignname;
    font-size: 14px;
    border-right: 1px solid;
    border-color: black;
}

#carriersign[b-vpauuyga2b] {
    grid-area: carriersign;
    border-right: 1px solid;
    border-color: black;
}

#shippersign[b-vpauuyga2b] {
    grid-area: shippersign;
    border-right: 1px solid;
    border-color: black;
    text-align: center;
}

#chgsdest[b-vpauuyga2b] {
    grid-area: chgsdest;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs[b-vpauuyga2b] {
    grid-area: ttlcolchgs;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno03[b-vpauuyga2b] {
    grid-area: awbno03;
    text-align: right;
    font-size: 16px;
    padding-top: 3px;
    border-color: black;
}

#titletext[b-vpauuyga2b] {
    margin-top: 20px;
    text-decoration: underline solid red;
}
/* /Pages/Index.razor.rz.scp.css */

#backgroundimage[b-7rbl4pez7x] {
    position: relative; 
    max-width: 75vw; 
    filter: drop-shadow(0px 10px 3px black); 
    margin: 60px
}

#webpagelink[b-7rbl4pez7x] {
    font-style: italic
}

#dashboardlayoutwrapper[b-7rbl4pez7x] {
    margin-left: 15px;
    max-width: 95%;
}

#carouselimage[b-7rbl4pez7x] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


/*@media (max-width: 641px) {
    #backgroundimage {
        display: none;
    }

    #dashboardlayoutwrapper {
        margin-left: 0px;
    }

}*/

@media print {
    @page {
        size: auto;
    }
}
/* /Pages/Invoices/CreateInvoiceCorrectionsTool.razor.rz.scp.css */
#maintablewrapper[b-j8viikmf2b] {
    height: 77vh;
    width: 80vw;
}

#topbuttonswrapper[b-j8viikmf2b] {
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
    max-width: 90vw;
}

@media (min-width: 3000px) {
    #maintablewrapper[b-j8viikmf2b] {
        width: 90vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-j8viikmf2b] {
        width: 75vw;
        height: 72vh;
    }
}

@media (max-width: 1199.99px) {
    #maintablewrapper[b-j8viikmf2b] {
        height: 70vh;
        width: 90vw;
    }

    #topbuttonswrapper[b-j8viikmf2b] {
        justify-content: flex-start;
        flex-direction: column;
    }

    #daterangebuttons[b-j8viikmf2b] {
        display: none
    }
}
/* /Pages/Invoices/CreateInvoicesTool.razor.rz.scp.css */
#maintablewrapper[b-xqkpsv2cyv] {
    height: 77vh;
    width: 80vw;
}

#topbuttonswrapper[b-xqkpsv2cyv] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    max-width: 90vw;
}

@media (min-width: 3000px) {
    #maintablewrapper[b-xqkpsv2cyv] {
        width: 90vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-xqkpsv2cyv] {
        width: 75vw;
        height: 72vh;
    }
}

@media (max-width: 1199.99px) {
    #maintablewrapper[b-xqkpsv2cyv] {
        height: 70vh;
        width: 90vw;
    }

    #topbuttonswrapper[b-xqkpsv2cyv] {
        justify-content: flex-start;
        flex-direction: column;
    }

    #daterangebuttons[b-xqkpsv2cyv] {
        display: none
    }
}
/* /Pages/Invoices/Index.razor.rz.scp.css */
#maintablewrapper[b-ys2s3eilke] {
    height: 78vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-ys2s3eilke] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-ys2s3eilke] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-ys2s3eilke] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-ys2s3eilke] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/Invoices/InvoiceSetIndex.razor.rz.scp.css */

#maintablewrapper[b-wzwqn5ew3x] {
    height: 70vh;
    width: 80vw;
    display: flex;
    justify-content: space-between;
}

#setwrapper[b-wzwqn5ew3x] {
    height: 100%;
    width: 40%;
    margin-right: 15px;
}

#invoicewrapper[b-wzwqn5ew3x] {
    height: 100%;
    width: 60%;
}

@media (min-width: 2000px) {
    #maintablewrapper[b-wzwqn5ew3x] {
        width: 85vw;
        height: 80vh;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-wzwqn5ew3x] {
        width: 70vw;
        height: 70vh;
    }
}

@media (max-width: 1199.99px) {
    #maintablewrapper[b-wzwqn5ew3x] {
        height: 65vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-wzwqn5ew3x] {
        flex-direction: column;
        width: 95vw;
    }

    #setwrapper[b-wzwqn5ew3x] {
        width: 95%;
        margin-right: 0;
        margin-bottom: 40px;
    }

    #invoicewrapper[b-wzwqn5ew3x] {
        width: 95%;
    }
}
/* /Pages/Invoices/InvoiceShipments.razor.rz.scp.css */

#maintablewrapper[b-01vvf4xhbv] {
    height: 77vh;
    width: 80vw;
}

#topbuttonswrapper[b-01vvf4xhbv] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    max-width: 90vw;
}

@media (min-width: 3000px) {
    #maintablewrapper[b-01vvf4xhbv] {
        width: 90vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-01vvf4xhbv] {
        width: 75vw;
        height: 72vh;
    }
}

@media (max-width: 1199.99px) {
    #maintablewrapper[b-01vvf4xhbv] {
        height: 70vh;
        width: 90vw;
    }

    #topbuttonswrapper[b-01vvf4xhbv] {
        justify-content: flex-start;
        flex-direction: column;
    }

    #daterangebuttons[b-01vvf4xhbv] {
        display: none
    }
}
/* /Pages/Mawbs/Index.razor.rz.scp.css */
#maintablewrapper[b-mp4irkwy0y] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-mp4irkwy0y] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-mp4irkwy0y] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-mp4irkwy0y] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-mp4irkwy0y] {
        height: 60vh;
        width: 90vw;
    }
}
/* /Pages/Mawbs/NewFormComponent.razor.rz.scp.css */
/*#inputselectwrapper {
    display:flex; 
    flex-direction: row; 
    justify-content: flex-start
}

@media(max-width: 799px) {
    #inputselectwrapper {
        flex-direction: column;
    }
}
*/

@media (orientation: portrait) {
    #mawbgrid01[b-2nwwa6csgw] {
        display: grid;
        grid-template-areas:
            "awbno01               awbno01               awbno02               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid01[b-2nwwa6csgw] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "awbno01               awbno01               awbno02               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid01[b-2nwwa6csgw] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "awbno01               awbno01               awbno02               awbno02"
            "shipperlabel          shipperaccountno      airlinelabels         airline"
            "shipper               shipper               airlinelabels         airline"
            "shipper               shipper               airlinenote           airlinenote"
            "consigneelabel        consigneeaccountno    conditions01          conditions01"
            "consignee             consignee             conditions01          conditions01"
            "issuingagentlabel     issuingagentlabel     accountinginfolabel   accountinginfolabel"
            "issuingagent          issuingagent          accountinginfo        accountinginfo"
            "agentiatacodelabel    agentaccountnolabel   accountinginfo        accountinginfo"
            "agentiatacode         agentaccountno        accountinginfo        accountinginfo";
        grid-template-columns: 1fr auto auto 1.2fr;
        grid-template-rows: auto auto auto auto;
    }
}

#awbno01[b-2nwwa6csgw] {
    grid-area: awbno01;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno02[b-2nwwa6csgw] {
    grid-area: awbno02;
    text-align: right;
    font-size: 16px;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperaccountno[b-2nwwa6csgw] {
    grid-area: shipperaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#shipper[b-2nwwa6csgw] {
    grid-area: shipper;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shipperlabel[b-2nwwa6csgw] {
    grid-area: shipperlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#consigneeaccountno[b-2nwwa6csgw] {
    grid-area: consigneeaccountno;
    font-size: 10px;
    text-align: left;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;

}

#consignee[b-2nwwa6csgw] {
    grid-area: consignee;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#consigneelabel[b-2nwwa6csgw] {
    grid-area: consigneelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#airlinelabels[b-2nwwa6csgw] {
    grid-area: airlinelabels;
    font-size: 14px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    border-color: black;
}

#airline[b-2nwwa6csgw] {
    grid-area: airline;
    font-size: 14px;
    padding-left: 20px;
    padding-top: 10px;
    border-right: 1px solid;
    border-color: black;
}

#airlinenote[b-2nwwa6csgw] {
    grid-area: airlinenote;
    font-size: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#conditions01[b-2nwwa6csgw] {
    grid-area: conditions01;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#issuingagentlabel[b-2nwwa6csgw] {
    grid-area: issuingagentlabel;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#issuingagent[b-2nwwa6csgw] {
    grid-area: issuingagent;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#agentiatacodelabel[b-2nwwa6csgw] {
    grid-area: agentiatacodelabel;
    font-size: 10px;
    border-left: 1px solid;
    border-color: black;
}

#agentiatacode[b-2nwwa6csgw] {
    grid-area: agentiatacode;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#agentaccountnolabel[b-2nwwa6csgw] {
    grid-area: agentaccountnolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#agentaccountno[b-2nwwa6csgw] {
    grid-area: agentaccountno;
    font-size: 14px;
    padding-top: 5px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfolabel[b-2nwwa6csgw] {
    grid-area: accountinginfolabel;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#accountinginfo[b-2nwwa6csgw] {
    grid-area: accountinginfo;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media (orientation: portrait) {

    #mawbgrid02[b-2nwwa6csgw] {
        display: grid;
        grid-template-areas:
            "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01     optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid02[b-2nwwa6csgw] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01  optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid02[b-2nwwa6csgw] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "airportdeparturelabel refnumberlabel optionalshipinfolabel optionalshipinfolabel"
            "airportdeparture      refnumber      optionalshipinfo01  optionalshipinfo02";
        grid-template-columns: 3fr 1fr 1fr 1fr;
        grid-template-rows: auto auto auto auto;
    }
}

#airportdeparturelabel[b-2nwwa6csgw] {
    grid-area: airportdeparturelabel;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#airportdeparture[b-2nwwa6csgw] {
    grid-area: airportdeparture;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumberlabel[b-2nwwa6csgw] {
    grid-area: refnumberlabel;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-color: black;
}

#refnumber[b-2nwwa6csgw] {
    grid-area: refnumber;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfolabel[b-2nwwa6csgw] {
    grid-area: optionalshipinfolabel;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo01[b-2nwwa6csgw] {
    grid-area: optionalshipinfo01;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#optionalshipinfo02[b-2nwwa6csgw] {
    grid-area: optionalshipinfo02;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid03[b-2nwwa6csgw] {
        display: grid;
        grid-template-areas:
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid03[b-2nwwa6csgw] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid03[b-2nwwa6csgw] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtval-lbl   wtval-lbl    other-lbl   other-lbl    decval-lbl decvalcust-lbl"
            "to01-lbl firstcarrier-lbl routingdest-lbl to02-lbl by01-lbl to03-lbl by02-lbl currency-lbl chgs-lbl wtvalPP-lbl wtvalCOL-lbl otherPP-lbl otherCOL-lbl decval-lbl decvalcust-lbl"
            "to01     firstcarrier     firstcarrier    to02     by01     to03     by02     currency     chgs     wtvalPP     wtvalCOL     otherPP     otherCOL     decval     decvalcust";
        grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    }
}

#to01-lbl[b-2nwwa6csgw] {
    grid-area: to01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#to02-lbl[b-2nwwa6csgw] {
    grid-area: to02-lbl;
    font-size: 10px;
    border-left: 1px solid;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#to03-lbl[b-2nwwa6csgw] {
    grid-area: to03-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by01-lbl[b-2nwwa6csgw] {
    grid-area: by01-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#by02-lbl[b-2nwwa6csgw] {
    grid-area: by02-lbl;
    font-size: 10px;
    padding-left: 2px;
    border-right: 1px solid;
    border-color: black;
}

#firstcarrier-lbl[b-2nwwa6csgw] {
    grid-area: firstcarrier-lbl;
    font-size: 10px;
    border-color: black;
}

#routingdest-lbl[b-2nwwa6csgw] {
    grid-area: routingdest-lbl;
    height: 12px;
    font-size: 10px;
    text-align: right;
    border-left: 1px solid;
    border-bottom: 1px solid;
    padding-right: 2px;
    border-color: black;
}

#currency-lbl[b-2nwwa6csgw] {
    grid-area: currency-lbl;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#chgs-lbl[b-2nwwa6csgw] {
    grid-area: chgs-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtval-lbl[b-2nwwa6csgw] {
    grid-area: wtval-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#other-lbl[b-2nwwa6csgw] {
    grid-area: other-lbl;
    font-size: 9px;
    text-align: center;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#decval-lbl[b-2nwwa6csgw] {
    grid-area: decval-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#decvalcust-lbl[b-2nwwa6csgw] {
    grid-area: decvalcust-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalPP-lbl[b-2nwwa6csgw] {
    grid-area: wtvalPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#wtvalCOL-lbl[b-2nwwa6csgw] {
    grid-area: wtvalCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherPP-lbl[b-2nwwa6csgw] {
    grid-area: otherPP-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#otherCOL-lbl[b-2nwwa6csgw] {
    grid-area: otherCOL-lbl;
    font-size: 9px;
    text-align: center;
    border-right: 1px solid;
    border-color: black;
}

#to01[b-2nwwa6csgw] {
    grid-area: to01;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to02[b-2nwwa6csgw] {
    grid-area: to02;
    text-align: center;
    font-size: 14px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#to03[b-2nwwa6csgw] {
    grid-area: to03;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by01[b-2nwwa6csgw] {
    grid-area: by01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#by02[b-2nwwa6csgw] {
    grid-area: by02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#firstcarrier[b-2nwwa6csgw] {
    grid-area: firstcarrier;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-color: black;
}

#currency[b-2nwwa6csgw] {
    grid-area: currency;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#chgs[b-2nwwa6csgw] {
    grid-area: chgs;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalPP[b-2nwwa6csgw] {
    grid-area: wtvalPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtvalCOL[b-2nwwa6csgw] {
    grid-area: wtvalCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherPP[b-2nwwa6csgw] {
    grid-area: otherPP;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#otherCOL[b-2nwwa6csgw] {
    grid-area: otherCOL;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decval[b-2nwwa6csgw] {
    grid-area: decval;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#decvalcust[b-2nwwa6csgw] {
    grid-area: decvalcust;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid04[b-2nwwa6csgw] {
        display: grid;
        grid-template-areas:
            "airportdest_lbl airportdest_lbl   fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl      handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid04[b-2nwwa6csgw] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "airportdest_lbl airportdest_lbl   fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl      handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid04[b-2nwwa6csgw] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "airportdest_lbl airportdest_lbl   fltdate_lbl   fltdate_lbl   fltdate_lbl    fltdate_lbl    insurance_lbl insurance_lbl insurancenote insurancenote"
            "airportdest     airportdest fltdate01     fltdate01     fltdate02      fltdate02      insurance     insurance     insurancenote insurancenote"
            "handling_lbl    handling_lbl      handling_lbl  handling_lbl  handling_lbl   handling_lbl   handling_lbl  handling_lbl  handling_lbl  handling_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci_lbl"
            "handlinginfo    handlinginfo      handlinginfo  handlinginfo  handlinginfo   handlinginfo   handlinginfo  handlinginfo  handlinginfo  sci";
        grid-template-columns: 2fr 2fr 2fr 1fr 2fr 1fr 2fr 1fr 7fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    }
}

#airportdest_lbl[b-2nwwa6csgw] {
    grid-area: airportdest_lbl;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#fltdate_lbl[b-2nwwa6csgw] {
    grid-area: fltdate_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#insurance_lbl[b-2nwwa6csgw] {
    grid-area: insurance_lbl;
    text-align: center;
    font-size: 9px;
    border-color: black;
}

#handling_lbl[b-2nwwa6csgw] {
    grid-area: handling_lbl;
    font-size: 10px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: black;
}

#sci_lbl[b-2nwwa6csgw] {
    grid-area: sci_lbl;
    text-align: left;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#insurancenote[b-2nwwa6csgw] {
    grid-area: insurancenote;
    font-size: 9px;
    padding: 2px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#airportdest[b-2nwwa6csgw] {
    grid-area: airportdest;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#airportdestbutton[b-2nwwa6csgw] {
    grid-area: airportdestbutton;
}

#fltdate01[b-2nwwa6csgw] {
    grid-area: fltdate01;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#fltdate02[b-2nwwa6csgw] {
    grid-area: fltdate02;
    text-align: center;
    font-size: 14px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#insurance[b-2nwwa6csgw] {
    grid-area: insurance;
    text-align: center;
    font-size: 14px;
    border-bottom: 1px solid;
    border-color: black;
}

#handlinginfo[b-2nwwa6csgw] {
    grid-area: handlinginfo;
    text-align: left;
    font-size: 14px;
    padding-left: 5px;
    padding-bottom: 5px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#sci[b-2nwwa6csgw] {
    grid-area: sci;
    font-size: 14px;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid05[b-2nwwa6csgw] {
        display: grid;
        grid-template-areas:
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid05[b-2nwwa6csgw] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid05[b-2nwwa6csgw] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "pcs_lbl grosswt__lbl kglb_lbl rateclass_lbl commitem_lbl chweight_lbl ratecharge_lbl total_lbl goods_lbl"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcs     grosswt      kglb     rateclass     commitem     chweight     ratecharge     total     goods"
            "pcsttl  grosswtttl   kglb     rateclass     commitem     chweight     ratecharge     totalttl  goods";
        grid-template-columns: 2fr 4fr 1fr 1fr 4fr 4fr 4fr 6fr 12fr;
        grid-template-rows: auto auto auto auto auto auto auto auto auto;
    }
}

#pcs_lbl[b-2nwwa6csgw] {
    grid-area: pcs_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#grosswt__lbl[b-2nwwa6csgw] {
    grid-area: grosswt__lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#kglb_lbl[b-2nwwa6csgw] {
    grid-area: kglb_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#rateclass_lbl[b-2nwwa6csgw] {
    grid-area: rateclass_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#commitem_lbl[b-2nwwa6csgw] {
    grid-area: commitem_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#chweight_lbl[b-2nwwa6csgw] {
    grid-area: chweight_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#ratecharge_lbl[b-2nwwa6csgw] {
    grid-area: ratecharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#total_lbl[b-2nwwa6csgw] {
    grid-area: total_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#goods_lbl[b-2nwwa6csgw] {
    grid-area: goods_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#pcs[b-2nwwa6csgw] {
    grid-area: pcs;
    height: 460px;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#grosswt[b-2nwwa6csgw] {
    grid-area: grosswt;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#kglb[b-2nwwa6csgw] {
    grid-area: kglb;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#rateclass[b-2nwwa6csgw] {
    grid-area: rateclass;
    text-align: center;
    font-size: 14px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#commitem[b-2nwwa6csgw] {
    grid-area: commitem;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#chweight[b-2nwwa6csgw] {
    grid-area: chweight;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#ratecharge[b-2nwwa6csgw] {
    grid-area: ratecharge;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#total[b-2nwwa6csgw] {
    grid-area: total;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    padding-right: 5px;
}

#goods[b-2nwwa6csgw] {
    grid-area: goods;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#pcsttl[b-2nwwa6csgw] {
    grid-area: pcsttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#grosswtttl[b-2nwwa6csgw] {
    grid-area: grosswtttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#totalttl[b-2nwwa6csgw] {
    grid-area: totalttl;
    font-size: 14px;
    padding-left: 5px;
    padding-top: 5px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

@media (orientation: portrait) {

    #mawbgrid06[b-2nwwa6csgw] {
        display: grid;
        grid-template-areas: "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
            "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
            "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
            "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
            "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
            "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid06[b-2nwwa6csgw] {
        display: grid;
        width: 95%;
        grid-template-areas: "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
            "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
            "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
            "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
            "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
            "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid06[b-2nwwa6csgw] {
        display: grid;
        width: 65%;
        grid-template-areas: "prepaid_lbl   wtcharge_lbl  wtcharge_lbl    collect_lbl     othcharges_lbl othcharges_lbl othcharges_lbl"
            "wtchargePP    wtchargePP    wtchargeCOL     wtchargeCOL     othcharges     othcharges     othcharges"
            "prepaid01_lbl valcharge_lbl valcharge_lbl   collect01_lbl   othcharges     othcharges     othcharges"
            "valchargePP   valchargePP   valchargeCOL    valchargeCOL    othcharges     othcharges     othcharges"
            "prepaid02_lbl tax_lbl       tax_lbl         collect02_lbl   othcharges     othcharges     othcharges"
            "taxPP         taxPP         taxCOL          taxCOL          othcharges     othcharges     othcharges";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid_lbl[b-2nwwa6csgw] {
    grid-area: prepaid_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid01_lbl[b-2nwwa6csgw] {
    grid-area: prepaid01_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid02_lbl[b-2nwwa6csgw] {
    grid-area: prepaid02_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtcharge_lbl[b-2nwwa6csgw] {
    grid-area: wtcharge_lbl;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: black;
}

#collect_lbl[b-2nwwa6csgw] {
    grid-area: collect_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect01_lbl[b-2nwwa6csgw] {
    grid-area: collect01_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect02_lbl[b-2nwwa6csgw] {
    grid-area: collect02_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#valcharge_lbl[b-2nwwa6csgw] {
    grid-area: valcharge_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tax_lbl[b-2nwwa6csgw] {
    grid-area: tax_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#othcharges_lbl[b-2nwwa6csgw] {
    grid-area: othcharges_lbl;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#wtchargePP[b-2nwwa6csgw] {
    grid-area: wtchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#wtchargeCOL[b-2nwwa6csgw] {
    grid-area: wtchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargePP[b-2nwwa6csgw] {
    grid-area: valchargePP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#valchargeCOL[b-2nwwa6csgw] {
    grid-area: valchargeCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxPP[b-2nwwa6csgw] {
    grid-area: taxPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#taxCOL[b-2nwwa6csgw] {
    grid-area: taxCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#othcharges[b-2nwwa6csgw] {
    grid-area: othcharges;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}


@media (orientation: portrait) {

    #mawbgrid07[b-2nwwa6csgw] {
        display: grid;
        grid-template-areas:
            "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
            "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
            "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
            "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippersign     shippersign      shippersign"
            "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
            "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
            "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
            "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
            "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
            "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) {
    #mawbgrid07[b-2nwwa6csgw] {
        display: grid;
        width: 95%;
        grid-template-areas:
            "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
            "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
            "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
            "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippersign     shippersign      shippersign"
            "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
            "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
            "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
            "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
            "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
            "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

@media (orientation: landscape) and (min-width: 2400px) {
    #mawbgrid07[b-2nwwa6csgw] {
        display: grid;
        width: 65%;
        grid-template-areas:
            "prepaid03_lbl tocda_lbl     tocda_lbl       collect03_lbl   shippernote     shippernote      shippernote"
            "tocdaPP       tocdaPP       tocdaCOL        tocdaCOL        shippernote     shippernote      shippernote"
            "prepaid04_lbl tocdc_lbl     tocdc_lbl       collect04_lbl   shippernote     shippernote      shippernote"
            "tocdcPP       tocdcPP       tocdcCOL        tocdcCOL        shippersign     shippersign      shippersign"
            "emptyA        emptyA        emptyB          emptyB          shipper_lbl     shipper_lbl      shipper_lbl"
            "ttlPP_lbl     ttlPP_lbl     ttlCOL_lbl      ttlCOL_lbl      carriersign     carriersign      carriersign"
            "ttlPP         ttlPP         ttlCOL          ttlCOL          carriersign     carriersign      carriersign"
            "cucorates_lbl cucorates_lbl cccharindst_lbl cccharindst_lbl carriersigndate carriersignplace carriersignname"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_01  carrier_lbl_01   carrier_lbl_01"
            "cucorates     cucorates     cccharindst     cccharindst     carrier_lbl_02  carrier_lbl_03   carrier_lbl_04"
            "carrieruse    carrieruse    chgsdest_lbl    chgsdest_lbl    ttlcolchgs_lbl  empty01          awbno03"
            "carrieruse    carrieruse    chgsdest        chgsdest        ttlcolchgs      empty01          empty02";
        grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr 1.95fr 2fr;
        grid-template-rows: auto auto auto auto auto auto auto;
    }
}

#prepaid03_lbl[b-2nwwa6csgw] {
    grid-area: prepaid03_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#prepaid04_lbl[b-2nwwa6csgw] {
    grid-area: prepaid04_lbl;
    text-align: center;
    border-left: 1px solid;
    font-size: 10px;
    border-color: black;
}

#collect03_lbl[b-2nwwa6csgw] {
    grid-area: collect03_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}

#collect04_lbl[b-2nwwa6csgw] {
    grid-area: collect04_lbl;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-color: black;
}


#tocda_lbl[b-2nwwa6csgw] {
    grid-area: tocda_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdc_lbl[b-2nwwa6csgw] {
    grid-area: tocdc_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#shipper_lbl[b-2nwwa6csgw] {
    grid-area: shipper_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#tocdaPP[b-2nwwa6csgw] {
    grid-area: tocdaPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdaCOL[b-2nwwa6csgw] {
    grid-area: tocdaCOL;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcPP[b-2nwwa6csgw] {
    grid-area: tocdcPP;
    text-align: center;
    font-size: 14px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#tocdcCOL[b-2nwwa6csgw] {
    grid-area: tocdcCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#shippernote[b-2nwwa6csgw] {
    grid-area: shippernote;
    font-size: 10px;
    padding: 2px;
    border-right: 1px solid;
    border-color: black;
}

#ttlPP_lbl[b-2nwwa6csgw] {
    grid-area: ttlPP_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#ttlCOL_lbl[b-2nwwa6csgw] {
    grid-area: ttlCOL_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cucorates_lbl[b-2nwwa6csgw] {
    grid-area: cucorates_lbl;
    text-align: center;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#cccharindst_lbl[b-2nwwa6csgw] {
    grid-area: cccharindst_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#chgsdest_lbl[b-2nwwa6csgw] {
    grid-area: chgsdest_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_01[b-2nwwa6csgw] {
    grid-area: carrier_lbl_01;
    text-align: center;
    border-right: 1px solid;
    font-size: 10px;
    border-color: black;
}

#carrier_lbl_02[b-2nwwa6csgw] {
    grid-area: carrier_lbl_02;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_03[b-2nwwa6csgw] {
    grid-area: carrier_lbl_03;
    font-size: 10px;
    text-align: left;
    padding-left: 20px;
    border-bottom: 1px solid;
    border-color: black;
}

#carrier_lbl_04[b-2nwwa6csgw] {
    grid-area: carrier_lbl_04;
    font-size: 9px;
    text-align: left;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs_lbl[b-2nwwa6csgw] {
    grid-area: ttlcolchgs_lbl;
    text-align: center;
    border-right: 1px solid;
    border-bottom: 1px solid;
    font-size: 10px;
    border-color: black;
}


#emptyA[b-2nwwa6csgw] {
    grid-area: emptyA;
    text-align: center;
    font-size: 10px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#emptyB[b-2nwwa6csgw] {
    grid-area: emptyB;
    text-align: center;
    font-size: 10px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#empty01[b-2nwwa6csgw] {
    grid-area: empty01;
    font-size: 10px;
    border-color: black;
}

#empty02[b-2nwwa6csgw] {
    grid-area: empty02;
    font-size: 10px;
    border-color: black;
}

#ttlPP[b-2nwwa6csgw] {
    grid-area: ttlPP;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlCOL[b-2nwwa6csgw] {
    grid-area: ttlCOL;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cucorates[b-2nwwa6csgw] {
    grid-area: cucorates;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#cccharindst[b-2nwwa6csgw] {
    grid-area: cccharindst;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carrieruse[b-2nwwa6csgw] {
    grid-area: carrieruse;
    text-align: left;
    font-size: 10px;
    padding-left: 3px;
    padding-top: 3px;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#carriersigndate[b-2nwwa6csgw] {
    grid-area: carriersigndate;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignplace[b-2nwwa6csgw] {
    grid-area: carriersignplace;
    font-size: 14px;
    padding-left: 20px;
    border-color: black;
}

#carriersignname[b-2nwwa6csgw] {
    grid-area: carriersignname;
    font-size: 14px;
    border-right: 1px solid;
    border-color: black;
}

#carriersign[b-2nwwa6csgw] {
    grid-area: carriersign;
    border-right: 1px solid;
    border-color: black;
}

#shippersign[b-2nwwa6csgw] {
    grid-area: shippersign;
    border-right: 1px solid;
    border-color: black;
    text-align: center;
}

#chgsdest[b-2nwwa6csgw] {
    grid-area: chgsdest;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#ttlcolchgs[b-2nwwa6csgw] {
    grid-area: ttlcolchgs;
    text-align: center;
    font-size: 14px;
    padding-top: 3px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
}

#awbno03[b-2nwwa6csgw] {
    grid-area: awbno03;
    text-align: right;
    font-size: 16px;
    padding-top: 3px;
    border-color: black;
}

#titletext[b-2nwwa6csgw] {
    margin-top: 20px;
    text-decoration: underline solid red;
}



/* /Pages/OtherCharges/Index.razor.rz.scp.css */
#maintablewrapper[b-vh5p2kffzl] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 3000px) {
    #maintablewrapper[b-vh5p2kffzl] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-vh5p2kffzl] {
        width: 75vw;
    }
}

@media (max-width: 1199.99px) {
    #maintablewrapper[b-vh5p2kffzl] {
        height: 78vh;
        width: 95vw;
    }
}
/* /Pages/Reports/BookingList.razor.rz.scp.css */
body[b-fs4bx1xt5i] {
    margin: 0;
}

section > p[b-fs4bx1xt5i] {
    text-align:center;
    margin-top: 40px;
    font-size: 24px;
    color: red;
}

header[b-fs4bx1xt5i] {
    text-align: center;
    height: 150px;
    color: white;
    background: #858486;
    padding: 20px;
}

.maintable[b-fs4bx1xt5i] {
    max-width: 90%;
}

table[b-fs4bx1xt5i] {
    border-collapse: collapse;
    text-align: center;
    margin: 20px auto;
    max-width: 80%;
}

caption[b-fs4bx1xt5i] {
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}

td[b-fs4bx1xt5i] {
    border: 2px solid;
    padding: 10px 30px;
    width: 300px;
    font-size: 14px;
}

.shortcell[b-fs4bx1xt5i] {
    width: 130px;
}

.titlecell[b-fs4bx1xt5i] {
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
    width: 80px;
}

h1[b-fs4bx1xt5i] {
    margin-bottom: 20px;
}

h3[b-fs4bx1xt5i] {
    margin: 40px auto 10px
}

p[b-fs4bx1xt5i] {
    margin: 0;
}

.flex[b-fs4bx1xt5i] {
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
    position: fixed;
    bottom: 120px;
    width: 100%;
}

footer[b-fs4bx1xt5i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    height: 100px;
    color: white;
    background: #858486;
    padding: 50px;
    position: fixed;
    bottom: 0;
    width: 100%;
}
/* /Pages/Reports/SalesCharts.razor.rz.scp.css */
#backgroundimage[b-gyx4m3upk1] {
    position: relative;
    max-width: 75vw;
    filter: drop-shadow(0px 10px 3px black);
    margin: 60px
}

#webpagelink[b-gyx4m3upk1] {
    font-style: italic
}

#dashboardlayoutwrapper[b-gyx4m3upk1] {
    margin-left: 15px;
    max-width: 95%;
}

#carouselimage[b-gyx4m3upk1] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


@media (max-width: 641px) {
    #backgroundimage[b-gyx4m3upk1] {
        display: none;
    }

    #dashboardlayoutwrapper[b-gyx4m3upk1] {
        margin-left: 0px;
    }
}
/* /Pages/RfsDeliveries/Index.razor.rz.scp.css */
#maintablewrapper[b-9pk2ickwji] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 3000px) {
    #maintablewrapper[b-9pk2ickwji] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-9pk2ickwji] {
        width: 75vw;
    }
}

@media (max-width: 1199.99px) {
    #maintablewrapper[b-9pk2ickwji] {
        height: 78vh;
        width: 95vw;
    }
}
/* /Pages/RfsLoadLocations/Index.razor.rz.scp.css */
#maintablewrapper[b-e2rfjvmpdj] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-e2rfjvmpdj] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-e2rfjvmpdj] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-e2rfjvmpdj] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-e2rfjvmpdj] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/RfsOffloadLocations/Index.razor.rz.scp.css */
#maintablewrapper[b-nvrtg6ymob] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-nvrtg6ymob] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-nvrtg6ymob] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-nvrtg6ymob] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-nvrtg6ymob] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/Shipments/ChargeComponents/DialogBuyChargesForm.razor.rz.scp.css */
.SelectLabel[b-ugntxpeeac] {
    color: black;
    font-family: Calibri;
}

.SelectRow[b-ugntxpeeac] {
    display: flex;
    flex-direction: row;
    color: black;
    font-family: Calibri;
}

.LabelNoMargin[b-ugntxpeeac] {
    margin: 0;
}

/* /Pages/Shipments/ChargeComponents/DialogSellChargesForm.razor.rz.scp.css */
.SelectLabel[b-002shasos6] {
    color: black;
    font-family: Calibri;
}

.SelectRow[b-002shasos6] {
    display: flex;
    flex-direction: row;
    color: black;
    font-family: Calibri;
}

.LabelNoMargin[b-002shasos6] {
    margin: 0;
}

/* /Pages/Shipments/Index.razor.rz.scp.css */

h4[b-3wrzu3e3qe] {
    margin-bottom: 10px; 
    text-decoration: underline solid red;
}

#tablewrapper[b-3wrzu3e3qe] {
    height: 70vh;
    width: 80vw;
}

#datascoperow[b-3wrzu3e3qe] {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%
}

#findawbrow[b-3wrzu3e3qe] {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

#findawbtextbox[b-3wrzu3e3qe] {
    margin-right: 2px;
    margin-left: 5px;
}

[b-3wrzu3e3qe] .e-btn {
    margin-bottom: 2px;
    width: 85px;
    font-weight: bold;
}

@media (max-width: 1199.99px) {

    #datascopebuttons[b-3wrzu3e3qe] {
        display: none;
    }

    #tablewrapper[b-3wrzu3e3qe] {
        height: 65vh;
        width: 100%
    }

}

@media (max-width: 799.99px) {

    #datascoperow[b-3wrzu3e3qe] {
        flex-direction: column
    }

    #findawbrow[b-3wrzu3e3qe] {
        padding-top: 10px;
        justify-content: flex-start;
    }
}

@media (min-width: 800) and (max-width: 1199.99px) {

    #findawbrow[b-3wrzu3e3qe] {
        justify-content: flex-start;
    }

    #tablewrapper[b-3wrzu3e3qe] {
        height: 80vh;

    }
}

@media (min-width: 1200px) and (max-width: 1599.99px) {

    #tablewrapper[b-3wrzu3e3qe] {
        height: 72vh;
        width: 75vw;
    }

    #datascoperow[b-3wrzu3e3qe] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 75vw;
    }

}

@media (min-width: 1600px) and (max-width: 2047.99px) {

    #tablewrapper[b-3wrzu3e3qe] {
        height: 70vh;
        width: 80vw;
    }

    #datascoperow[b-3wrzu3e3qe] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 80vw;
    }
}

@media (min-width: 2048px) and (max-width: 2199.99px) {

    #tablewrapper[b-3wrzu3e3qe] {
        height: 76vh;
        width: 82vw;
    }

    #datascoperow[b-3wrzu3e3qe] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 82vw;
    }
}

@media (min-width: 2200px) {

    #tablewrapper[b-3wrzu3e3qe] {
        height: 82vh;
        width: 85vw;
    }

    #datascoperow[b-3wrzu3e3qe] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 85vw;
    }
}







/* /Pages/Shipments/NewBooking.razor.rz.scp.css */

/* --- layout helpers --- */
.flex-row[b-esmfafcs8p] {
    display: flex;
    flex-direction: row;
}

.flex-col[b-esmfafcs8p] {
    display: flex;
    flex-direction: column;
}

.items-start[b-esmfafcs8p] {
    align-items: flex-start;
}

.items-center[b-esmfafcs8p] {
    align-items: center;
}

.flex-start[b-esmfafcs8p] {
    justify-content: flex-start;
}

.flex-between[b-esmfafcs8p] {
    justify-content: space-between;
}

.flex-evenly[b-esmfafcs8p] {
    justify-content: space-evenly;
}

.gap-1[b-esmfafcs8p] {
    gap: .25rem;
}

.gap-2[b-esmfafcs8p] {
    gap: .5rem;
}

.gap-3[b-esmfafcs8p] {
    gap: 1rem;
}

/* --- panels & headings --- */
.panel[b-esmfafcs8p] {
    border: 1px solid #000;
    margin-bottom: 10px;
}

.section-title[b-esmfafcs8p] {
    margin: 15px 0 5px;
    padding-left: 10px;
}

/* --- spacing (pixel-exact to match your current inline styles) --- */
.mt-20[b-esmfafcs8p] {
    margin-top: 20px;
}

.mt-15[b-esmfafcs8p] {
    margin-top: 15px;
}

.mt-5[b-esmfafcs8p] {
    margin-top: 5px;
}

.mb-10[b-esmfafcs8p] {
    margin-bottom: 10px;
}

.mb-5[b-esmfafcs8p] {
    margin-bottom: 5px;
}

.ps-10[b-esmfafcs8p] {
    padding-left: 10px;
}

.pe-10[b-esmfafcs8p] {
    padding-right: 10px;
}

/* --- widths & heights (used by buttons, inputs, links) --- */
.w-170[b-esmfafcs8p] {
    width: 170px;
}

.w-160[b-esmfafcs8p] {
    width: 160px;
}

.h-70[b-esmfafcs8p] {
    height: 70px;
}

/* --- text helpers --- */
.no-underline[b-esmfafcs8p] {
    text-decoration: none;
}

.text-underline-red[b-esmfafcs8p] {
    text-decoration: underline solid red;
}


/* spacing to replace inline style="" */
.ms-10[b-esmfafcs8p] {
    margin-left: 10px;
}

.ms-15[b-esmfafcs8p] {
    margin-left: 15px;
}

.me-5[b-esmfafcs8p] {
    margin-right: 5px;
}

/* font-size helper */
.fs-18[b-esmfafcs8p] {
    font-size: 18px;
}

/* display / alignment helpers you used inline */
.flex-inline[b-esmfafcs8p] {
    display: inline-flex;
}
/* for inline flex spans if needed */
.items-baseline[b-esmfafcs8p] {
    align-items: baseline;
}

/* checkbox helpers */
.cb-lg[b-esmfafcs8p] {
    transform: scale(1.5);
}

.accent-red[b-esmfafcs8p] {
    accent-color: red;
}

.accent-green[b-esmfafcs8p] {
    accent-color: green;
}

/* container helpers you used inline */
.h-90p[b-esmfafcs8p] {
    height: 90%;
}

.p-10[b-esmfafcs8p] {
    padding: 10px;
}

.text-green[b-esmfafcs8p] {
    color: green;
}

.text-red[b-esmfafcs8p] {
    color: red;
}

.cb-lg[b-esmfafcs8p] {
    transform: scale(1.5);
}

/* The two horizontal rows of button groups at the top */
.buttongroup[b-esmfafcs8p] {
    display: flex;
    flex-direction: row;
    gap: 10px; /* spacing between the vertical groups */
    flex-wrap: wrap;
}

    /* Each vertical group of buttons (Inspection, MAWB/HAWB, Workload/Populate) */
    .buttongroup > .btn-fieldset[b-esmfafcs8p] {
        display: flex;
        flex-direction: column; /* buttons side-by-side within the group */
        gap: 5px; /* spacing between buttons inside the group */
    }

.e-grid[disable="yes"][b-esmfafcs8p] {
    opacity: .5;
    pointer-events: none;
    -ms-touch-action: none;
    touch-action: none;
    cursor: no-drop;
}

.selector-width[b-esmfafcs8p] {
    width: 200px;
    margin-right: 5px;
    
}

#bookrow[b-esmfafcs8p] {
    display: flex;
    justify-content: space-between;
    flex-direction: row
}

#subbookrow_01[b-esmfafcs8p] {
    display: flex;
    justify-content: flex-start;
    flex-direction: row
}

#subbookrow_02[b-esmfafcs8p] {
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    gap: 10px;
}


#containerrow_1[b-esmfafcs8p] {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    flex-direction: row
}

#containerrow_2[b-esmfafcs8p] {
    flex: 1;
    display: flex;
    justify-content: flex-start; 
    flex-direction: row
}

#awbcustomer[b-esmfafcs8p] {
    display: flex;
    flex-direction: column
}

#poplabelleft[b-esmfafcs8p] {
    width: 100px;
    text-align: right
}

#poplabelright[b-esmfafcs8p] {
    width: 200px;
    text-align: left
}

#awbnumber[b-esmfafcs8p] {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: baseline;
}

#findawbtextbox[b-esmfafcs8p] {
    margin-right: 3px;
}

#findawbbutton[b-esmfafcs8p] {
    margin-right: 3px;
}

#CustomerSelect[b-esmfafcs8p] {
    display: flex;
    font-weight: bolder;
    color: black;
    font-size: 20px;
    font-family: Calibri;
}

#awbchecksubdir[b-esmfafcs8p] {
    display: flex;
    flex-direction: row;
    align-items: center
}

#FirstFlightRow[b-esmfafcs8p] {
    font-family: Calibri;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

.datewidth[b-esmfafcs8p] {
    width: 160px;
}

#SecondFlightRow[b-esmfafcs8p] {
    font-family: Calibri;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

#ThirdFlightRow[b-esmfafcs8p] {
    font-family: Calibri;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

.InputLabel[b-esmfafcs8p] {
    margin: 0;
}

#InternalNoteDiv[b-esmfafcs8p] {
    font-family: Calibri;
}

#OriginDestCommRow[b-esmfafcs8p] {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    font-family: Calibri;
}

#PcsGwVolRow[b-esmfafcs8p] {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    font-family: Calibri;
}

#ShcRow[b-esmfafcs8p] {
    font-family: Calibri;
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}

#chwinput[b-esmfafcs8p] {
    font-family: Calibri;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
}

#DimmInputBox[b-esmfafcs8p] {
    flex: 2;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 10px;
    margin-right: 10px;
}

#InfoContainerBox_1[b-esmfafcs8p] {
    flex: 1;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 10px;
    /*margin-right: 10px;*/
    padding-bottom: 15px;
}

#InfoContainerBox_2[b-esmfafcs8p] {
    flex: 1;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 10px;
}

#ShpmtSpecAndFlts[b-esmfafcs8p] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
}

#ShipmentDetailsLabel[b-esmfafcs8p] {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    font-family: Calibri;
}

#ChargesInputBox_1[b-esmfafcs8p] {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 10px;
    /*margin-right: 10px;*/
}

#ChargesInputBox_2[b-esmfafcs8p] {
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: black;
    margin-bottom: 10px;
}

#IssuingDateRow[b-esmfafcs8p] {
    font-family: Calibri;
}

#InternalNoteInputDiv[b-esmfafcs8p] {
    width: 220px;
}

.InfoContainerBoxLabel[b-esmfafcs8p] {
    text-align: center;
    margin-top: 25px;
    font-size: 18px;
}

#InfoContainerBoxValueRed[b-esmfafcs8p] {
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    color: red;
}

#InfoContainerBoxValueGreen[b-esmfafcs8p] {
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    color: green;
}

#InfoContainerBoxValueRedBold[b-esmfafcs8p] {
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    color: red;
    font-weight:600;
}

#InfoContainerBoxValueGreenBold[b-esmfafcs8p] {
    text-align: center;
    margin-top: 15px;
    font-size: 18px;
    color: green;
    font-weight: 600;
}

.InfoContainerBoxCreatedUpdatedName[b-esmfafcs8p] {
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
}

.InfoContainerBoxCreatedUpdatedDate[b-esmfafcs8p] {
    text-align: center;
    margin-top: 5px;
    font-size: 16px;
}

.chargestablewrapper[b-esmfafcs8p] {
    height: calc(30vh - 4rem);
    width: 100%;
    padding: 10px;
}

.IrregularityWrapper[b-esmfafcs8p] {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 30%;
}

.IrregularityWrapperLevelTwo[b-esmfafcs8p] {
    display: flex;
    flex-direction: column
}

.IrregularityLabelNoColor[b-esmfafcs8p] {
    text-align: center;
    margin-top: 15px;
    font-size: 14px;
}

.IrregularityLabelRedColor[b-esmfafcs8p] {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    color: red;
}

/* Keep title + buttons on ONE row */
.chargesbuttonsdiv[b-esmfafcs8p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 10px;
}

    /* Compact the title inside this bar only */
    .chargesbuttonsdiv .section-title[b-esmfafcs8p] {
        margin: 0;
        padding-left: 10px;
    }

/* Right-side actions: row by default, wrap when narrow */
.chargesbuttons-actions[b-esmfafcs8p] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap; /* allows the buttons to stack when tight */
    gap: 6px;
    padding-right: 10px; /* restore the right padding */
    max-width: 100%;
}

    /* ✅ Theme-proof fixed width for Syncfusion buttons in this bar
   NOTE: ::deep must be between your container and the element you target */
    .chargesbuttons-actions[b-esmfafcs8p]  .e-btn {
        width: 100px !important;
        min-width: 100px !important;
        box-sizing: border-box;
    }

/* Normalise widths so blocks line up visually */
.inspectionbutton[b-esmfafcs8p]  .e-btn,
.mawbutton[b-esmfafcs8p]  .e-btn,
.hawbutton[b-esmfafcs8p]  .e-btn,
.workloadbutton[b-esmfafcs8p]  .e-btn,
.populatechargesbutton[b-esmfafcs8p]  .e-btn {
    min-width: 170px !important;
    width: 170px !important;
    box-sizing: border-box;
}

/* Save button: fixed size + perfect centering */
.savebutton[b-esmfafcs8p]  .e-btn {
    min-width: 170px !important;
    width: 170px !important;
    height: 70px !important;
    box-sizing: border-box;
    /* center the icon+text vertically AND horizontally */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


    @media (max-width: 2099px) {
        #containerrow_2[b-esmfafcs8p] {
            justify-content: space-evenly;
            flex-direction: column;
        }

        .buttongroup[b-esmfafcs8p] {
            display: flex;
            flex-direction: row;
        }
    }

    @media (max-width: 1650px) {
        .buttongroup[b-esmfafcs8p] {
            flex-direction: column
        }
    }


    @media (max-width: 1449px) {
        #bookrow[b-esmfafcs8p] {
            justify-content: flex-start;
            flex-direction: column
        }

        #subbookrow_01[b-esmfafcs8p] {
            justify-content: space-between;
            flex-direction: column;
            margin-bottom: 10px
        }

        #subbookrow_02[b-esmfafcs8p] {
            justify-content: space-between;
            flex-direction: column;
        }

        #containerrow_1[b-esmfafcs8p] {
            justify-content: space-evenly;
            flex-direction: column;
        }


        #FirstFlightRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        #SecondFlightRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        #ThirdFlightRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        #OriginDestCommRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        #PcsGwVolRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        #ShcRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        .chargestablewrapper[b-esmfafcs8p] {
            width: 100%;
        }

        #ChargesInputBox_1[b-esmfafcs8p] {
            margin-right: 0px;
        }

        #DimmInputBox[b-esmfafcs8p] {
            margin-right: 0px;
        }

        #InfoContainerBox_1[b-esmfafcs8p] {
            margin-right: 0px;
        }

        #ShpmtSpecAndFlts[b-esmfafcs8p] {
            margin-right: 0px;
        }

        #awbchecksubdir[b-esmfafcs8p] {
            flex-direction: column;
            align-items: start;
            margin-bottom: 10px;
        }

        #awbnumber[b-esmfafcs8p] {
            margin-bottom: 10px;
        }

        .inspectionbutton[b-esmfafcs8p] {
            margin-bottom: 10px
        }

        .mawbutton[b-esmfafcs8p] {
            margin-bottom: 10px
        }

        .hawbutton[b-esmfafcs8p] {
            margin-bottom: 10px
        }

        .workloadbutton[b-esmfafcs8p] {
            margin-bottom: 10px;
        }

        .populatechargesbutton[b-esmfafcs8p] {
            margin-bottom: 10px;
        }

        #CustomerSelect[b-esmfafcs8p] {
            flex-direction: column
        }
    }

    @media (max-width: 799px) {

        #FirstFlightRow[b-esmfafcs8p] {
            flex-direction: column;
        }

        #SecondFlightRow[b-esmfafcs8p] {
            flex-direction: column;
        }

        #ThirdFlightRow[b-esmfafcs8p] {
            flex-direction: column;
        }

        #OriginDestCommRow[b-esmfafcs8p] {
            flex-direction: column;
        }

        #PcsGwVolRow[b-esmfafcs8p] {
            flex-direction: column;
        }

        #ShcRow[b-esmfafcs8p] {
            flex-direction: column;
        }

        #chwinput[b-esmfafcs8p] {
            flex-direction: column;
        }

        #FirstFlightRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        #SecondFlightRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        #ThirdFlightRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        #OriginDestCommRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        #PcsGwVolRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        #ShcRow[b-esmfafcs8p] {
            justify-content: flex-start;
        }

        .chargestablewrapper[b-esmfafcs8p] {
            width: 100%;
        }

        #ChargesInputBox_1[b-esmfafcs8p] {
            margin-right: 0px;
        }

        #DimmInputBox[b-esmfafcs8p] {
            margin-right: 0px;
        }

        #InfoContainerBox_1[b-esmfafcs8p] {
            margin-right: 0px;
        }

        #ShpmtSpecAndFlts[b-esmfafcs8p] {
            margin-right: 0px;
        }

        #awbchecksubdir[b-esmfafcs8p] {
            flex-direction: column;
            align-items: start;
            margin-bottom: 10px;
        }

        #awbnumber[b-esmfafcs8p] {
            margin-bottom: 10px;
        }

        .inspectionbutton[b-esmfafcs8p] {
            margin-bottom: 10px
        }

        .mawbutton[b-esmfafcs8p] {
            margin-bottom: 10px;
        }

        .hawbutton[b-esmfafcs8p] {
            margin-bottom: 10px;
        }

        .workloadbutton[b-esmfafcs8p] {
            margin-bottom: 10px;
        }

        .populatechargesbutton[b-esmfafcs8p] {
            margin-bottom: 10px;
        }

        .IrregularityWrapper[b-esmfafcs8p] {
            width: 100%;
        }

        #CustomerSelect[b-esmfafcs8p] {
            flex-direction: column
        }
    }
/* /Pages/Shipments/ShipmentUnlockTool.razor.rz.scp.css */
h4[b-ab0osrrs0w] {
    margin-bottom: 10px;
    text-decoration: underline solid red;
}

#tablewrapper[b-ab0osrrs0w] {
    height: 70vh;
    width: 80vw;
}

#datascoperow[b-ab0osrrs0w] {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%
}

#findawbrow[b-ab0osrrs0w] {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

#findawbtextbox[b-ab0osrrs0w] {
    margin-right: 2px;
    margin-left: 5px;
}

[b-ab0osrrs0w] .e-btn {
    margin-bottom: 2px;
    width: 85px;
    font-weight: bold;
}

@media (max-width: 1199.99px) {

    #datascopebuttons[b-ab0osrrs0w] {
        display: none;
    }

    #tablewrapper[b-ab0osrrs0w] {
        height: 65vh;
        width: 100%
    }
}

@media (max-width: 799.99px) {

    #datascoperow[b-ab0osrrs0w] {
        flex-direction: column
    }

    #findawbrow[b-ab0osrrs0w] {
        padding-top: 10px;
        justify-content: flex-start;
    }
}

@media (min-width: 800) and (max-width: 1199.99px) {

    #findawbrow[b-ab0osrrs0w] {
        justify-content: flex-start;
    }

    #tablewrapper[b-ab0osrrs0w] {
        height: 80vh;
    }
}

@media (min-width: 1200px) and (max-width: 1599.99px) {

    #tablewrapper[b-ab0osrrs0w] {
        height: 72vh;
        width: 75vw;
    }

    #datascoperow[b-ab0osrrs0w] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 75vw;
    }
}

@media (min-width: 1600px) and (max-width: 2047.99px) {

    #tablewrapper[b-ab0osrrs0w] {
        height: 70vh;
        width: 80vw;
    }

    #datascoperow[b-ab0osrrs0w] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 80vw;
    }
}

@media (min-width: 2048px) and (max-width: 2199.99px) {

    #tablewrapper[b-ab0osrrs0w] {
        height: 76vh;
        width: 82vw;
    }

    #datascoperow[b-ab0osrrs0w] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 82vw;
    }
}

@media (min-width: 2200px) {

    #tablewrapper[b-ab0osrrs0w] {
        height: 82vh;
        width: 85vw;
    }

    #datascoperow[b-ab0osrrs0w] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 85vw;
    }
}
/* /Pages/Shippers/Index.razor.rz.scp.css */
#maintablewrapper[b-sxdl8ukfbs] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-sxdl8ukfbs] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-sxdl8ukfbs] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-sxdl8ukfbs] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-sxdl8ukfbs] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/Suppliers/Index.razor.rz.scp.css */
#maintablewrapper[b-snmjzu84fv] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-snmjzu84fv] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-snmjzu84fv] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-snmjzu84fv] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-snmjzu84fv] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Pages/Users/Login.razor.rz.scp.css */
#logininputfield[b-3cusxln7nz]{
    width: 300px
}

@media (max-width: 641px) {
    #logininputfield[b-3cusxln7nz] {
        width: 70%
    }
}
/* /Pages/Users/Register.razor.rz.scp.css */
#registerinputfield[b-y9k21q0rra] {
    width: 300px
}

@media (max-width: 641px) {
    #registerinputfield[b-y9k21q0rra] {
        width: 70%
    }
}
/* /Pages/WorkloadRateSheet/Index.razor.rz.scp.css */

#mainwrapper[b-ksrfzukrl0] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 78vh;
    width: 80vw;
}

#maintabletitle[b-ksrfzukrl0] {
    margin-bottom: 20px; 
    text-decoration: underline solid red;
}

#chargetabletitle[b-ksrfzukrl0] {
    margin-bottom: 10px;
    text-decoration: none;
}

#ratesheettablewrapper[b-ksrfzukrl0] {
    height: 38%;
    width: 100%;
}

#chargetablewrapper[b-ksrfzukrl0] {
    margin-top: 20px; 
    height: 48%;
    width: 100%;
}

@media (min-width: 1920px) {
    #mainwrapper[b-ksrfzukrl0] {
        flex-direction: row;
        width: 85vw;
    }

    #ratesheettablewrapper[b-ksrfzukrl0] {
        height: 100%;
        width: 70%;
        margin-right: 10px;
    }

    #chargetablewrapper[b-ksrfzukrl0] {
        margin-top: 0;
        height: 100%;
        width: 30%;
    }

    #chargetabletitle[b-ksrfzukrl0] {
        margin-bottom: 20px;
        text-decoration: underline solid red;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #mainwrapper[b-ksrfzukrl0] {
        height: 100vh;
        width: 90vw;
    }
}

@media (max-width: 799.99px) {
    #mainwrapper[b-ksrfzukrl0] {
        height: 100vh;
        width: 90vw;
    }

    #ratesheettablewrapper[b-ksrfzukrl0] {
        padding-bottom: 20px;
    }
}
/* /Pages/WorkloadSchedule/Index.razor.rz.scp.css */
th[b-k3bdqfhbjn], td[b-k3bdqfhbjn] {
    padding: 5px;
}

h4[b-k3bdqfhbjn] {
    margin-bottom: 20px;
    text-decoration: underline solid red;
}

#schedulewrapper[b-k3bdqfhbjn] {
    height: 80vh;
}

#awbwrapper[b-k3bdqfhbjn] {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 10px;
}

#awbtextbox[b-k3bdqfhbjn] {
    margin-right: 5px;
    width: 120px;
}

#awbsearchbutton[b-k3bdqfhbjn] {
    margin-right: 5px;
}

@media (max-width: 699.99px) {
    h4[b-k3bdqfhbjn] {
        display: none;
    }

    #schedulewrapper[b-k3bdqfhbjn] {
        height: 76vh;
    }
}
/* /Pages/Workloads/Edit.razor.rz.scp.css */
#maintitlewrapper[b-a2xql8x63l] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 20px;
}

#subtitlewrapper[b-a2xql8x63l] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}

#editformwrapper[b-a2xql8x63l] {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}

#ratesheetselectinput[b-a2xql8x63l] {
    margin-right: 15px;
}

#workloadgridwrapper[b-a2xql8x63l] {
    height: 40vh;
    width: 80vw;
    margin-bottom: 20px;
}

#loadoffloadgridwrapper[b-a2xql8x63l] {
    height: 25vh;
    width: 80vw;
}

@media (max-width: 1449.99px) {
    #maintitlewrapper[b-a2xql8x63l] {
        flex-direction: column;
    }

    #workloadgridwrapper[b-a2xql8x63l] {
        width: 75vw;
    }

    #loadoffloadgridwrapper[b-a2xql8x63l] {
        width: 75vw;
    }
}


@media (max-width: 1199.99px) {
    #workloadgridwrapper[b-a2xql8x63l] {
        width: 93vw;
    }

    #loadoffloadgridwrapper[b-a2xql8x63l] {
        width: 93vw;
    }
}

@media (max-width: 799.99px) {
    #subtitlewrapper[b-a2xql8x63l] {
        flex-direction: column;
    }

    #editformwrapper[b-a2xql8x63l] {
        flex-direction: column;
    }

    #ratesheetselectinput[b-a2xql8x63l] {
        margin-right: 0;
    }
}
/* /Pages/Workloads/Index.razor.rz.scp.css */
#maintablewrapper[b-z95cj3mf9h] {
    height: 84vh;
    width: 80vw;
}

@media (min-width: 2500px) {
    #maintablewrapper[b-z95cj3mf9h] {
        width: 88vw;
    }
}

@media (min-width: 1200.00px) and (max-width: 1549.99px) {
    #maintablewrapper[b-z95cj3mf9h] {
        width: 75vw;
        height: 80vh;
    }
}

@media (min-width: 800.00px) and (max-width: 1199.99px) {
    #maintablewrapper[b-z95cj3mf9h] {
        height: 78vh;
        width: 95vw;
    }
}

@media (max-width: 799.99px) {
    #maintablewrapper[b-z95cj3mf9h] {
        height: 65vh;
        width: 90vw;
    }
}
/* /Shared/AdminNavMenuComponent.razor.rz.scp.css */
.navbar-toggler[b-m6a1cvvdhb] {
    background-color: white;
    margin-right: 30px;
}

.top-row[b-m6a1cvvdhb] {
    min-height: 3.5rem;
    background-color: white;
}

.nav-image[b-m6a1cvvdhb] {
    width: 500px;
}

.nav-main-item-01[b-m6a1cvvdhb] {
    font-weight: 600;
    font-size: 22px;
    color: black;
    margin-top: 25px;
    cursor: pointer;
}

    .nav-main-item-01[b-m6a1cvvdhb]  a {
        color: black;
        border-radius: 6px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        transition: text-shadow 0.2s;
    }

        .nav-main-item-01[b-m6a1cvvdhb]  a:hover {
            /*text-shadow: 3px 3px 5px #2565AE;*/
            text-shadow: 3px -3px 5px rgba(0, 0, 255, 0.4);
        }

.nav-main-item-01[b-m6a1cvvdhb]  a.active {
    background-color: lightcoral;
    color: white;
}

.nav-main-item[b-m6a1cvvdhb] {
    font-weight: 600;
    font-size: 22px;
    color: black;
    margin-top: 25px;
    cursor: pointer;
}

    .nav-main-item[b-m6a1cvvdhb]  a {
        color: black;
        border-radius: 6px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        transition: text-shadow 0.2s;
    }

        .nav-main-item[b-m6a1cvvdhb]  a:hover {
            /*text-shadow: 3px 3px 5px #2565AE;*/
            text-shadow: 3px -3px 5px rgba(0, 0, 255, 0.4);
        }

.navbar-brand[b-m6a1cvvdhb] {
    font-size: 1.1rem;
}

.oi[b-m6a1cvvdhb] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-m6a1cvvdhb] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-m6a1cvvdhb] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-m6a1cvvdhb] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-m6a1cvvdhb]  a {
        color: black;
        border-radius: 3px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-m6a1cvvdhb]  a.active {
    background-color: lightcoral;
    color: white;
}

.nav-item[b-m6a1cvvdhb]  a:hover {
    background-color: darkgray;
    color: white;
}

@media (min-width: 1201px) {
    .navbar-toggler[b-m6a1cvvdhb] {
        display: none;
    }

    .nav-image[b-m6a1cvvdhb]{
        padding-bottom: 20px
    }

    .collapse[b-m6a1cvvdhb] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

}

@media (max-width: 1200.99px) {
    .nav-image[b-m6a1cvvdhb] {
        max-width: 200px;
    }
}


/* /Shared/CargoSupNavMenuComponent.razor.rz.scp.css */
.navbar-toggler[b-ovt4fimcav] {
    background-color: white;
    margin-right: 30px;
}

.top-row[b-ovt4fimcav] {
    min-height: 3.5rem;
    background-color: white;
}

.nav-image[b-ovt4fimcav] {
    width: 500px;
}

.nav-main-item-01[b-ovt4fimcav] {
    font-weight: 600;
    font-size: 22px;
    color: black;
    margin-bottom: 20px;
    cursor: pointer;
}

    .nav-main-item-01[b-ovt4fimcav]  a {
        color: black;
        border-radius: 6px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        transition: text-shadow 0.2s;
    }

        .nav-main-item-01[b-ovt4fimcav]  a:hover {
            /*text-shadow: 3px 3px 5px #2565AE;*/
            text-shadow: 3px -3px 5px rgba(0, 0, 255, 0.4);
        }

        .nav-main-item-01[b-ovt4fimcav]  a.active {
            background-color: lightcoral;
            color: white;
        }

.nav-main-item[b-ovt4fimcav] {
    font-weight: 600;
    font-size: 22px;
    color: black;
    margin-bottom: 20px; 
    cursor: pointer;
}

    .nav-main-item[b-ovt4fimcav]  a {
        color: black;
        border-radius: 6px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        transition: text-shadow 0.5s;
    }

        .nav-main-item[b-ovt4fimcav]  a:hover {
            text-shadow: 0 0 3px #87CEEB;
        }

.navbar-brand[b-ovt4fimcav] {
    font-size: 1.1rem;
}

.oi[b-ovt4fimcav] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-ovt4fimcav] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ovt4fimcav] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-ovt4fimcav] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-ovt4fimcav]  a {
        color: black;
        border-radius: 3px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-ovt4fimcav]  a.active {
    background-color: lightcoral;
    color: white;
}

.nav-item[b-ovt4fimcav]  a:hover {
    background-color: darkgray;
    color: white;
}

@media (min-width: 1201px) {
    .navbar-toggler[b-ovt4fimcav] {
        display: none;
    }

    .nav-image[b-ovt4fimcav]{
        padding-bottom: 20px
    }

    .collapse[b-ovt4fimcav] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

}

@media (max-width: 1200.99px) {
    .nav-image[b-ovt4fimcav] {
        max-width: 200px;
    }
}
/* /Shared/CustomerNavMenuComponent.razor.rz.scp.css */
.navbar-toggler[b-0oix1u1lxt] {
    background-color: white;
    margin-right: 30px;
}

.top-row[b-0oix1u1lxt] {
    min-height: 3.5rem;
    background-color: white;
}

.nav-image[b-0oix1u1lxt] {
    width: 500px;
}

.nav-main-item-01[b-0oix1u1lxt] {
    font-weight: 600;
    font-size: 22px;
    color: black;
    margin-bottom: 20px;
    cursor: pointer;
    text-decoration:none;
}

    .nav-main-item-01[b-0oix1u1lxt]  a {
        color: black;
        border-radius: 6px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        transition: text-shadow 0.2s;
    }

        .nav-main-item-01[b-0oix1u1lxt]  a:hover {
            /*text-shadow: 3px 3px 5px #2565AE;*/
            text-shadow: 3px -3px 5px rgba(0, 0, 255, 0.4);
        }

        .nav-main-item-01[b-0oix1u1lxt]  a.active {
            background-color: lightcoral;
            color: white;
        }

.nav-main-item[b-0oix1u1lxt] {
    font-weight: 600;
    font-size: 22px;
    color: black;
    margin-bottom: 20px;
    cursor: pointer;
}

    .nav-main-item[b-0oix1u1lxt]  a {
        color: black;
        border-radius: 6px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        transition: text-shadow 0.5s;
    }

        .nav-main-item[b-0oix1u1lxt]  a:hover {
            text-shadow: 0 0 3px #87CEEB;
        }

.navbar-brand[b-0oix1u1lxt] {
    font-size: 1.1rem;
}

.oi[b-0oix1u1lxt] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-0oix1u1lxt] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-0oix1u1lxt] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-0oix1u1lxt] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-0oix1u1lxt]  a {
        color: black;
        border-radius: 3px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-0oix1u1lxt]  a.active {
    background-color: lightcoral;
    color: white;
}

.nav-item[b-0oix1u1lxt]  a:hover {
    background-color: darkgray;
    color: white;
}

@media (min-width: 1201px) {
    .navbar-toggler[b-0oix1u1lxt] {
        display: none;
    }

    .nav-image[b-0oix1u1lxt]{
        padding-bottom: 20px
    }

    .collapse[b-0oix1u1lxt] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

}

@media (max-width: 1200.99px) {
    .nav-image[b-0oix1u1lxt] {
        max-width: 200px;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-5sujz98dls] {
    position: relative;
    display: flex;
    flex-direction: row;
}

main[b-5sujz98dls] {
    flex: 1;
}

.sidebar[b-5sujz98dls] {
    background-image: linear-gradient(360deg, rgb(220,220,220) 20%, #FFFFFF 90%);
    border-right: 1px solid #d6d5d5;
}

.top-row-sub[b-5sujz98dls] {
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

.top-row[b-5sujz98dls] {
    background-image: linear-gradient(to left, rgb(220,220,220) 0%, #FFFFFF 90%);
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-5sujz98dls]  a, .top-row[b-5sujz98dls]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-5sujz98dls]  a:hover, .top-row[b-5sujz98dls]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-5sujz98dls]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 639.99px) {
    #ordercounter[b-5sujz98dls] {
        display: none
    }

}

@media (max-width: 1200.98px) {
    .page[b-5sujz98dls] {
        flex-direction: column;
    }

    .top-row:not(.auth)[b-5sujz98dls] {
        display: none;
    }

    .top-row.auth[b-5sujz98dls] {
        justify-content: flex-end;
    }

    .top-row[b-5sujz98dls]  a, .top-row[b-5sujz98dls]  .btn-link {
        margin-left: 0;
    }


}

@media (min-width: 1201px) {

    .sidebar[b-5sujz98dls] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-5sujz98dls] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-5sujz98dls]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-5sujz98dls], article[b-5sujz98dls] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

@media print {
    .sidebar[b-5sujz98dls] {
        display: none !important;
    }

    .top-row[b-5sujz98dls] {
        display: none !important;
    }

    .hidewhenprint[b-5sujz98dls] {
        display: none !important;
    }
}

/* /Shared/MainLayoutNoMargin.razor.rz.scp.css */
body[b-e5ldes2c68] {
    background-image:url(./images/bg-sky-01.jpg); 
    background-size:cover; 
    height:100vh;
}

.no-margin-root[b-e5ldes2c68] {
    background-image: url(./images/bg-sky-01.jpg);
    background-size: cover;
    min-height: 100vh; /* fills viewport */
}


.page[b-e5ldes2c68] {
    position: relative;
    display: flex;
    flex-direction: row;
    
}

main[b-e5ldes2c68] {
    flex: 1;
    width: 100%
}

.sidebar[b-e5ldes2c68] {
    background-image: linear-gradient(360deg, rgb(220,220,220) 20%, #FFFFFF 90%);
    border-right: 1px solid #d6d5d5;
}

.top-row-sub[b-e5ldes2c68] {
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

.top-row[b-e5ldes2c68] {
    background-image: linear-gradient(to left, rgb(220,220,220) 0%, #FFFFFF 90%);
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 6vh;
    display: flex;
    align-items: center;
}

    .top-row:not(.auth)[b-e5ldes2c68] {
        justify-content: space-between;
    }

    .top-row[b-e5ldes2c68]  a, .top-row[b-e5ldes2c68]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-e5ldes2c68]  a:hover, .top-row[b-e5ldes2c68]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-e5ldes2c68]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 1200.98px) {
    .page[b-e5ldes2c68] {
        flex-direction: column;
    }

    /*.top-row:not(.auth) {
        display: none;
    }

    .top-row.auth {
        justify-content: space-between;
    }

    .top-row ::deep a, .top-row ::deep .btn-link {
        margin-left: 0;
    }*/

    .top-row[b-e5ldes2c68] {
        padding-left: 20px;
        padding-right: 20px;
    }

        
}

@media (max-width: 639.99px) {
    #ordercounter[b-e5ldes2c68] {
        display: none
    }

    #csimage[b-e5ldes2c68] {
        display: none
    }

    .top-row:not(.auth)[b-e5ldes2c68] {
        justify-content: flex-end;
    }
}

@media (min-width: 1201px) {


    .sidebar[b-e5ldes2c68] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-e5ldes2c68] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-e5ldes2c68]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-e5ldes2c68], article[b-e5ldes2c68] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/MudBlazorLayout.razor.rz.scp.css */
/* Scope everything to this layout only */
.gridpage-root[b-b2zk7jdxiv] {
    display: flex;
    flex-direction: row;
    min-height: 100vh;
    height: 100vh; /* lock to viewport only in this layout */
    overflow: hidden; /* prevent document scroll here */
    overscroll-behavior: contain;
}

    .gridpage-root > main[b-b2zk7jdxiv] {
        flex: 1;
        display: flex;
        flex-direction: column;
        height: 100vh;
        overflow: hidden; /* inner container will scroll */
        overscroll-behavior: contain;
    }

    /* content area acts as a flex column host; child (grid/table) can take over scrolling */
    .gridpage-root article.content[b-b2zk7jdxiv] {
        display: flex;
        flex-direction: column;
        flex: 1;
        min-height: 0; /* critical so the inner scroller can shrink */
        overflow: hidden; /* keep body scroll disabled for this layout */
        overscroll-behavior: contain;
    }

.sidebar[b-b2zk7jdxiv] {
    background-image: linear-gradient(360deg, rgb(220,220,220) 20%, #FFFFFF 90%);
    border-right: 1px solid #d6d5d5;
}

.top-row-sub[b-b2zk7jdxiv] {
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

.top-row[b-b2zk7jdxiv] {
    background-image: linear-gradient(to left, rgb(220,220,220) 0%, #FFFFFF 90%);
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-b2zk7jdxiv]  a,
    .top-row[b-b2zk7jdxiv]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-b2zk7jdxiv]  a:hover,
        .top-row[b-b2zk7jdxiv]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-b2zk7jdxiv]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 639.99px) {
    #ordercounter[b-b2zk7jdxiv] {
        display: none
    }
}

@media (max-width: 1200.98px) {
    .gridpage-root[b-b2zk7jdxiv] {
        flex-direction: column;
    }

    .top-row:not(.auth)[b-b2zk7jdxiv] {
        display: none;
    }

    .top-row.auth[b-b2zk7jdxiv] {
        justify-content: flex-end;
    }

    .top-row[b-b2zk7jdxiv]  a,
    .top-row[b-b2zk7jdxiv]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 1201px) {
    .sidebar[b-b2zk7jdxiv] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-b2zk7jdxiv] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-b2zk7jdxiv]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-b2zk7jdxiv], article[b-b2zk7jdxiv] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* print */
@media print {
    .sidebar[b-b2zk7jdxiv] {
        display: none !important;
    }

    .top-row[b-b2zk7jdxiv] {
        display: none !important;
    }

    .hidewhenprint[b-b2zk7jdxiv] {
        display: none !important;
    }
    /* notice capital W to match markup */
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-5r0tiav86c] {
    background-color: white;
}

.top-row[b-5r0tiav86c] {
    min-height: 3.5rem;
    background-color: white;
}

.nav-image[b-5r0tiav86c] {
    width: 500px;
}

.nav-main-item[b-5r0tiav86c] {
    font-weight: 600;
    font-size: 22px;
    color: black;
    margin-bottom: 20px
}

    .nav-main-item[b-5r0tiav86c]  a {
        color: black;
        border-radius: 6px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-main-item[b-5r0tiav86c]  a:hover {
            background-color: darkgray;
        }

.navbar-brand[b-5r0tiav86c] {
    font-size: 1.1rem;
}

.oi[b-5r0tiav86c] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-5r0tiav86c] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-5r0tiav86c] {
        padding-top: 0.5rem;
    }

    .nav-item:last-of-type[b-5r0tiav86c] {
        padding-bottom: 0.5rem;
    }

    .nav-item[b-5r0tiav86c]  a {
        color: black;
        border-radius: 3px;
        height: 2rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

        .nav-item[b-5r0tiav86c]  a.active {
            background-color: lightcoral;
            color: white;
        }

        .nav-item[b-5r0tiav86c]  a:hover {
            background-color: darkgray;
            color: white;
        }

@media (min-width: 641px) {
    .navbar-toggler[b-5r0tiav86c] {
        display: none;
    }

    .nav-image[b-5r0tiav86c] {
        padding-bottom: 20px
    }

    .collapse[b-5r0tiav86c] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/UserButton.razor.rz.scp.css */
.show-menu[b-2vurwy6c56] {
    display: block;
}

.user-button[b-2vurwy6c56] {
    margin-left: .5em;
}

.top-row a[b-2vurwy6c56] {
    margin-left: 0;
}

.dropdown-item:hover[b-2vurwy6c56] {
    background-color: white;
}

@media print {
    .user-button[b-2vurwy6c56] {
        display: none !important;
    }
}