body {
    overflow-y: hidden;
    /* Hide vertical scrollbar */
    overflow-x: hidden;
    /* Hide horizontal scrollbar */
}

.colorBlack {
    color: black !important;
}

.profileMenus {
    background-color: #b9f2ff !important;
    font-weight: bold;
}

.highContrastPage {
    background-color: black !important;
    color: white !important;
    font-family: "72", Arial, Helvetica, sans-serif !important;
}

.alignMiddle25Top {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translateY(-25%);
    transform: translateX(-50%);
    vertical-align: middle !important;
    text-align: center !important;
}

.tableSize {
    width: 100%;
    height: 90%;
}

.logonPanel {
    padding: 50px;
    width: 400px;
    height: 300px;
    border-color: white;
    border-style: double;
}

.blackwhiteText {
    color: white !important;
    background-color: black !important;
}

.whiteBlackText {
    color: black !important;
    background-color: white !important;
}

.blackText {
    color: black !important;
}

.titleFontWithoutPad {
    font-size: 1rem !important;
    text-align: center !important;
    font-weight: bold !important;
}
.titleFontWithoutPad2 {
    font-size: 1.4rem !important;
    text-align: center !important;
    font-weight: bold !important;
}


.titleFont {
    font-size: 1.25rem !important;
    text-align: center !important;
    font-weight: bold !important;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
}

.leftMenuFont {
    font-size: 1rem !important;
    text-align: center !important;
    font-weight: bold !important;
    width: 100%;
    padding: 10px;
}

.grayBackGround {
    background-color: lightgrey;
}

.toolBarBackgroundColor1 {
    background-color: #e5e4e2;
    color: maroon;
}

.toolBarBackgroundColor2 {
    background-color: lightsteelblue !important;
}

.leftMenuFont:hover {
    color: darkblue;
    background-color: cyan;
    cursor: pointer;
}

.leftMenuFont1 {
    font-size: 1rem !important;
    text-align: center !important;
    font-weight: bold !important;
    text-decoration: underline;
    width: 100%;
    padding: 10px;
}

.paraForm {
    padding-top: 50px;
    padding-bottom: 20px;

}

.titleFont_nopad {
    font-size: 1.25rem !important;
    text-align: center !important;
    font-weight: bold !important;
    width: 100%;
}

.blackBar {
    background-color: black;
}

.topnav {
    background-color: #333;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #4CAF50;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

.container {
    display: block;
    position: relative;
    text-align: center;
    color: white;
    height: 250px;
}

.container_products {
    display: block;
    position: relative;
    text-align: center;
    color: white;
    height: 150px;
}

.p1t1 {
    display: block;
    width: 100%;
    padding-right: 10px;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial;
    text-align: start;
}

.p1t {
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 18px !important;
    font-family: Arial;
}

.p1 {
    cursor: pointer;
    display: block;
    background-color: #cde6ff;
    width: 50%;
    padding-bottom: 20px;
}

.p2 {
    cursor: pointer;
    display: block;
    background-color: #e7d6ff;
    width: 50%;
}

.f1 {
    display: block;
    background-color: #cde6ff;
    width: 50%;
    padding-bottom: 20px;
}

.f2 {
    display: block;
    background-color: #e7d6ff;
    width: 50%;
}

.ff1 {
    display: block;
    background-color: #cde6ff !important;
    padding-bottom: 20px;
    padding-left: 20px;
}

.ff2 {
    display: block;
    background-color: #e7d6ff !important;
    padding-bottom: 20px;
    padding-left: 20px;
}

.f01 {
    display: block;
    background-color: #d5e2ef !important;
    padding-bottom: 20px;
    padding-left: 20px;
}

.f02 {
    display: block;
    background-color: #cadbeb !important;
    padding-bottom: 20px;
    padding-left: 20px;
}

.f03 {
    display: block;
    background-color: #bbd0e6 !important;
    padding-bottom: 20px;
    padding-left: 20px;
}

.f1t {
    display: block;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: bold;
    font-size: 18px !important;
    font-family: Arial;
}

.accept1 {
    font-size: 0.875rem;
    color: #346187;
    margin-left: 0.5rem;
    margin-right: 0.5rem;

}

.f1t1 {
    display: block;
    width: 100%;
    padding-right: 10px;
    font-weight: normal;
    font-size: 12px;
    font-family: Arial;
    text-align: start;
}

/* Bottom left text */
.bottom-left {
    font-family: "72", Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: 0 0 0.125rem #000;
    font-size: 1.825rem;
    display: block;
    position: absolute;
    bottom: 8px;
    left: 16px;
}

/* Top left text */
.top-left {
    position: relative;
    top: 8px;
    left: 16px;
}

/* Top right text */
.top-right {
    position: absolute;
    top: 8px;
    right: 16px;
}

/* Bottom right text */
.bottom-right {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

/* Centered text */
.centered {
    font-family: "72", Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-shadow: 0 0 0.125rem #000;
    font-size: 1.825rem;
    position: absolute;
    top: 140px;
    color: white;
    left: 50%;
    transform: translateX(-50%);

}

.currencyText {
    font-family: "72", Arial, Helvetica, sans-serif;
    font-size: .7rem;
    color: darkgrey;
    text-align: end;
    padding-right: 20px;
}

.pgx {
    padding-bottom: 10px;
}

.button {
    position: absolute;
    cursor: pointer;
    top: 200px;
    height: 30px;
    text-align: center;
    width: 15%;
    left: 33%;
}

.button2 {
    position: absolute;
    cursor: pointer;
    top: 200px;
    height: 30px;
    width: 15%;
    left: 53%;
}

.loadingDiv {
    position: fixed;
    top: 30%;
    left: 30%;
    right: 30%;
    bottom: 50%;
    border: medium solid grey;
    background-color: yellow;
    font-family: "72", Arial, Helvetica, sans-serif;
    font-size: large;
    text-align: center;
    vertical-align: middle;
    padding-top: 5%;
}

@media (max-width: 400px) {
    .container {}

    .button {
        top: 150px;
        width: 20%;
    }

    .centered {
        top: 60px;
    }

    .button2 {
        top: 150px;
        width: 25%;
    }

}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: relative;
    }

    .topnav.responsive a.icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }

    .f1 {
        width: 100%;
    }

    .f2 {
        width: 100%;
    }

    .f3 {
        width: 100%;
    }

    .p1 {
        width: 100%;
    }

    .p2 {
        width: 100%;
    }

    .p3 {
        width: 100%;
    }
}

.multiLabel1 {
    font-style: italic;
    font-weight: bold;
    border-bottom: lightgray;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* .graphTable {
    font-family: arial, sans-serif;
    background-color: white;
    font-size: 12px;
    border-collapse: collapse;
    padding-top: 40px !important;
    display: block;
    padding-left: 50px;
    padding-bottom: 50px;
} */

/* .graphTable td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
} */

.simplePage {
    vertical-align: middle;
}

.simpleInputFirst {

    width: 80% !important;
    padding-left: 30% !Important;
}

.simpleInput {

    width: 80% !important;
    padding-left: 30% !Important;

}

.paraResultInput {

    width: 150px !important;
}

.simpleBtn {
    width: 80%;
    padding-left: 30% !Important;

}

.yellow {
    background-color: yellow !important;
}
.lightblueBG {
    background-color: lightblue !important;
}

.simpleForm {
    border: 1px solid darkgrey;
    background-color: white;
    padding: 30px;
}

.qrGroup {
    font-weight: bold !important;
    font-size: 14px !important;
    color: maroon !important;
}

.qtFirstLevel {
    color: maroon !important;
    font-weight: bold !important;
    font-size: 14px !important;
    background-color: #dcdcdc;
}

.qtSecondLevel {
    font-weight: bold !important;
}

.menuicon:after {
    content: '\2807';
    font-size: 30px;
    padding: 10px;
}

.menuPageO {
    background-color: lavender;
}

.mytile {
    padding: 10px;
}

.repPage {
    background-color: antiquewhite !important;
}

.mytile .sapMPanelHdr {
    border-bottom-color: #ffffff !important;
    color: #ffffff !important;
    background-color: lightgray !important;
    min-height: 27px !important;
    border: none !important;
    border-bottom: 2px solid #ffffff;
}

.mytile .sapMPanelContent {
    background-color: #3f5161 !important;
    color: white !important;
    box-shadow: 1px 1px 2px #808888 !important;

}


.htmlLnk:hover {
    color: hotpink !important;
    cursor: pointer !important;
}

.mytile .sapMPanelContent:hover {
    box-shadow: 0px 0px 0px #888888 !important;
    background: blue !important;
    cursor: pointer;
}

.linkLabel:hover {
    color: hotpink !important;
    cursor: pointer !important;
}

.dbTile .sapMGT:hover:not(.sapMGTPressActive) {
    box-shadow: 0px 0px 0px #888888 !important;
    background: cyan !important;
    cursor: pointer;
}

.sapMInputBaseInner:focus {
    background-color: cyan;
}

.errBack .sapMInputBaseInner {
    border-color: red;
    border-style: solid;
    border-width: 1px;

}

.acclist .sapMTitle {
    color: red !important;
}

.errBack .sapMInputBaseInner {
    border-color: red;
    border-style: solid;
    border-width: 1px;

}

.errBack .sapMSFF {
    border-color: red;
    border-style: solid;
    border-width: 1px;
}

.noColumnBorder .sapUiTableTr>td {
    border: 0 !important;

}

.noColumnBorder .sapUiTableRowHdr {
    border: 0 !important;
}

.blueSelect {
    background-color: rgba(187, 222, 255, 0.5) !important;
}

.sapUiFormResGrid.sapUiFormToolbar>div:first-child {
    background-color: lightblue !important;
}

.sapUiFormResGrid.sapUiFormToolbar.greyTB>div:first-child {
    background-color: lightgray !important;
}

.sapUiFormResGrid.sapUiFormToolbar.yellowTB>div:first-child {
    background-color: yellow !important;
}

.sapUiFormResGrid.sapUiFormToolbar.orangeTB>div:first-child {
    background-color: orange !important;
}

.sapUiFormResGrid.sapUiFormToolbar.oliveTB>div:first-child {
    background-color: lightseagreen !important;
}

.sapUiFormResGrid.sapUiFormToolbar.goldenTB>div:first-child {
    background-color: lightgoldenrodyellow !important;
}

.whiteText {
    color: white !important;

}

.redText {
    color: red !important;
}

.greenText {
    color: green !important;
}

.violetText {
    color: darkviolet !important;
}


.boldText {
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.paddingBottom10px {
    padding-bottom: 10px;
}

.totalVoucherTxt {
    color: #8b4513 !important;
}

.redMiniText {
    color: red !important;
    font-size: x-small;
    padding-left: 10px;
}

.redText .sapMInputBaseInner {
    color: red !important;
}

.monQtyTxt .sapMInputBaseInner {
    color: maroon !important;
    font-size: 24px;
    font-weight: bold;
}

.monLblTxt .sapMInputBaseInner {
    color: maroon !important;
    font-size: 24px;
    font-weight: bold;
}

.smallFont {
    font-size: x-small;
}

.largeFont {
    font-size: large;
}

.dbRcnt {
    font-size: small;
    color: brown;
    padding-left: 20px;
    padding-right: 20px;

}

.formRow {
    align-items: center;
}

.formRow .sapMLabelTextWrapper {
    padding-left: 10px;
    padding-right: 10px;
}

.dbRcnt:hover {
    cursor: pointer;
    text-decoration: underline;
}

.dbCashBank:hover {
    cursor: pointer;
    text-decoration: underline;
}

.redTextBtn .sapMBtnInner {
    color: red;
}

.blueButton .sapMBtnInner {
    background: #00a4eb;
    color: white;
}

.blueButton .sapMBtnInner:hover {
    background: #00a4eb;
    color: yellow;
}

.darkBlueText {
    color: #0854a0 !important;
}

.paddingTinyBot {
    padding-bottom: .2rem !important;
}

.blinking {
    animation: blinkingText 1.5s infinite;
}

@keyframes blinkingText {
    50% {
        opacity: 0;
    }
}

.noSimpleFormTitle .sapUiFormTitle {
    display: none
}

.menuBack {
    background-color: darkgrey;
}

.menuSel {
    width: 100%;
    text-align: center;
    font-family: "72", Arial, Helvetica, sans-serif;
    font-size: 1.5em;

}

.menuSel a:hover {
    background-color: black;
    color: white;

}

.paddingLR5P {
    padding-left: 5%;
    padding-right: 5%;
}

.reportMainPageToolbar {
    background-color: #addfad;
}

.reportTable {
    padding-left: 5%;
    padding-right: 5%;
}

.reportTable .sapUiTableCell {
    box-sizing: border-box;
    border-right: 0;
    border-bottom: 0;
}

.reportTable .sapUiTableHeaderRow {
    background-color: #e8e8e8 !important;
}

.reportTable .sapUiTableRowSel {
    background-color: #87ceeb !important;
}

.reportTable .sapUiTableRowFirstFixedBottom {
    background-color: #f9f9f9 !important;
}

.reportTable .sapUiTableSelectAllCheckBox::after,
.sapUiTableRowSelectionCell::after {
    border: 0 !important;
    background-color: white !important;
}


.cyanDialog .sapMDialog header {
    background-color: cyan !important;
}

.reportTable2 {
    padding-left: 5%;
    padding-right: 5%;
}

.reportTable2 .sapUiTableCell {
    border-top: 0px !important;
    border-left: 1px;
    border-right: 1px;
    border-bottom: 0px !important;
    border-color: lightgrey;
    border-style: solid;
}

.reportTable2 .sapUiTableHeaderRow {
    background-color: #e8e8e8 !important;
}

.reportTable2 .sapUiTableRowSel {
    background-color: #87ceeb !important;
}

.reportTable2 .sapUiTableRowFirstFixedBottom {
    background-color: #f9f9f9 !important;
}

.reportTable2 .sapUiTableSelectAllCheckBox::after,
.sapUiTableRowSelectionCell::after {
    border: 0 !important;
    background-color: white !important;
}


.lstRepTable {
    padding-left: 5%;
    padding-right: 5%;
    margin-left: 10%;
    margin-right: 10%;

}

.lstRepTable .sapUiTableCell {
    box-sizing: border-box;
    border-right: 0;
    border-bottom: 0;
}


.lstRepTable .sapUiTableCtrlRowScroll {}

.lstRepTable .sapUiTableHeaderRow {
    background-color: rgb(220, 220, 220) !important;
}

.lstRepTable .sapUiTableRowSel {}

.lstRepTable .sapUiTableRowFirstFixedBottom {
    background-color: rgb(220, 220, 220) !important;
}

.lstRepTable .sapUiTableSelectAllCheckBox::after,
.sapUiTableRowSelectionCell::after {
    border: 0 !important;
    background-color: rgb(220, 220, 220) !important;
}

.monTable {
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 1%;
    margin-right: 1%;

}

.monTable .sapUiTableCell {
    box-sizing: border-box;
    /* border-right: 0; */
    border-bottom: 0;
}


.monTable .sapUiTableCtrlRowScroll {}

.monTable .sapUiTableHeaderRow {
    background-color: rgb(230, 214, 243) !important;
    font-size: "25px" !important;
}

.monTable .sapUiTv {
    font-family: "72", "72full", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.monTable .sapUiTableRowSel {
    background-color: #aaf0d1 !important;
}

.monTable .sapUiTableRowFirstFixedBottom {}

.monTable .sapUiTableSelectAllCheckBox::after,
.sapUiTableRowSelectionCell::after {
    border: 0 !important;
    background-color: blue !important;
    color: white !important;
}


.lstRepTable2 {
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 1%;
    margin-right: 1%;

}

.lstRepTable2 .sapUiTableCell {
    box-sizing: border-box;
    border-right: 0;
    border-bottom: 0;
}


.lstRepTable2 .sapUiTableCtrlRowScroll {}

.lstRepTable2 .sapUiTableHeaderRow {
    background-color: rgb(220, 220, 220) !important;
}

.lstRepTable2 .sapUiTableRowSel {
    background-color: #aaf0d1 !important;
}

.lstRepTable2 .sapUiTableRowFirstFixedBottom {
    background-color: rgb(220, 220, 220) !important;
}

.lstRepTable2 .sapUiTableSelectAllCheckBox::after,
.sapUiTableRowSelectionCell::after {
    border: 0 !important;
    background-color: rgb(220, 220, 220) !important;
}

.menuTable {
    padding-left: 5%;
    padding-right: 5%;
}

.menuTable .sapUiTableCell {
    box-sizing: border-box;
    border-right: 0;
    border-bottom: 0;
}

.menuTable .sapUiTableHeaderRow {
    background-color: #e8e8e8 !important;

}

.menuTable .sapUiLbl {
    font-size: .8rem !important;
    color: maroon !important;
}

.menuTable .sapUiTableRowHvr>td:hover {
    background-color: cyan !important;
}

.menuTable .sapUiTableRowHvr>td .sapUiLbl:hover {
    background-color: cyan !important;
}

.menuTable tr.sapUiTableRowHvr:hover {
    background-color: cyan !important;
}

.menuTable .sapUiTableRowFirstFixedBottom {
    background-color: #f9f9f9 !important;
}

.menuTable .sapUiTableSelectAllCheckBox::after,
.sapUiTableRowSelectionCell::after {
    border: 0 !important;
    background-color: white !important;
}

.menuTableAR {
    padding-left: 5%;
}

.menuTableAR .sapUiTableCell {
    box-sizing: border-box;
    border-right: 0;
    border-bottom: 0;
}

.menuTableAR .sapUiTableHeaderRow {
    background-color: #e8e8e8 !important;

}

.menuTableAR .sapUiLbl {
    font-size: large !important;
    color: maroon !important;
}

.menuTableAR .sapUiTableRowHvr>td:hover {
    background-color: cyan !important;
}

.menuTableAR .sapUiTableRowHvr>td .sapUiLbl:hover {
    background-color: cyan !important;
}

.menuTableAR tr.sapUiTableRowHvr:hover {
    background-color: cyan !important;
}

.menuTableAR .sapUiTableRowFirstFixedBottom {
    background-color: #f9f9f9 !important;
}

.menuTableAR .sapUiTableSelectAllCheckBox::after,
.sapUiTableRowSelectionCell::after {
    border: 0 !important;
    background-color: white !important;
}

.paras {
    font-size: 12px;
    color: darkgreen;
    text-align: center;
}

.paraLabel {
    border: 0px;
    text-align: end;
}

.paraText {}

.company {
    font-size: 18px;
    font-weight: bold;
    color: darkgreen;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
}

.reportTitle {
    font-size: 16px;
    font-weight: bold;
    color: darkgreen;
    text-align: center;
}


.reportForm {
    border-style: solid;
    border-radius: 25px;
    background-color: #f8f8ff;
    border-width: thin;
    border-color: lightblue;
    margin-bottom: 2px;
    margin-left: 5%;
    padding-top: 5px;
    border: 5px;
}

.itemTile {
    padding: 2px;
}

.itemTile .sapMPanelHdr {
    border-bottom-color: #ffffff !important;
    color: black !important;
    background-color: yellow !important;
    min-height: 27px !important;
    border: none !important;
    border-bottom: 2px solid #ffffff;
}

.itemTile .sapMPanelContent {
    background-color: yellow !important;
    color: white !important;
    padding: 0.625rem 0.5rem 0.8rem 0.5rem;
    box-shadow: 1px 1px 2px #808888 !important;
    text-align: center !important;
    overflow: hidden;
    font-size: 1.75rem;
}

.itemTile .sapMPanelContent:hover {
    box-shadow: 0px 0px 0px #888888 !important;
    background: aqua !important;
    cursor: pointer;
}


.selectedTile {
    padding: 2px;
}

.selectedTile .sapMPanelHdr {
    border-bottom-color: #ffffff !important;
    color: black !important;
    font-weight: bold;
    background-color: yellow !important;
    min-height: 27px !important;
    border: none !important;
    border-bottom: 2px solid #ffffff;
}

.selectedTile .sapMPanelContent {
    background-color: khaki !important;
    color: white !important;
    padding: 0.625rem 0.5rem 0.8rem 0.5rem;
    box-shadow: 1px 1px 2px #808888 !important;
    text-align: center !important;
    overflow: hidden;
    font-size: 1.90rem;
    font-weight: bold;
}

.selectedTile .sapMPanelContent:hover {
    box-shadow: 0px 0px 0px #888888 !important;
    background: aqua !important;
    cursor: pointer;
}


.menuTile {
    padding: 2px;
}

.menuTile .sapMPanelHdr {
    border-bottom-color: #ffffff !important;
    color: black !important;
    background-color: #faf0e6 !important;
    min-height: 27px !important;
    border: none !important;
    border-bottom: 2px solid #ffffff;
}

.menuTile .sapMPanelContent {
    background-color: #fffafa !important;
    color: white !important;
    padding: 0.625rem 0.5rem 0.8rem 0.5rem;
    box-shadow: 1px 1px 2px #808888 !important;
    text-align: center !important;
    overflow: hidden;
    font-size: 1.75rem;
}

.txtSubMenu:hover {
    background: cyan !important;

    cursor: pointer;
}


.masterMenu {
    font-size: larger !important;
    padding-bottom: 0.8rem;
    background-color: ivory;
    text-align: center !important;

}

.masterMenu:hover {
    cursor: pointer;
    text-decoration: underline;
    background-color: aqua;
}



.formVoucher {}

.bottom_border {
    border-bottom: groove;
}

table {
    border-collapse: collapse;
}

.tbl1 td {
    border-right: groove;
    border-left: groove;

}

.tbl2 {
    border-right: groove;
    border-left: groove;
    border-bottom: groove;
    border-top: groove;
    border-radius: 25px;
}

.html_table_row1:hover {
    /* font-weight:bolder; */
    color: darkviolet;
    background-color: #dcdcdc;
}

.qtyWeightTxt1 .sapMInputBaseInner {
    color: white !important;
    background-color: #0b6fae !important;
}

.qtyWeightTxt1 .sapMInputBaseContentWrapper {
    background: #0b6fae !important;
    background-color: #0b6fae !important;
    border-radius: 6px !important;
}
.qtyWeightTxt1.sapMInputBaseInner {
    color: white !important;
    background-color: #0b6fae !important;
}

.qtyWeightTxt1.sapMInputBaseContentWrapper {
    background: #0b6fae !important;
    background-color: #0b6fae !important;
    border-radius: 6px !important;
}
.qtyWeightTxt1,
.qtyWeightTxt1.sapMInputBase,
.qtyWeightTxt1.sapMInputBaseReadonly,
.qtyWeightTxt1.sapMInputBaseDisabled,
.qtyWeightTxt,
.qtyWeightTxt.sapMInputBase,
.qtyWeightTxt.sapMInputBaseReadonly,
.qtyWeightTxt.sapMInputBaseDisabled,
.qtyWeightTxt1 .sapMInputBaseContentWrapper,
.qtyWeightTxt1.sapMInputBaseContentWrapper,
.qtyWeightTxt1.sapMInputBase .sapMInputBaseContentWrapper,
.qtyWeightTxt1.sapMInputBaseReadonly .sapMInputBaseContentWrapper,
.qtyWeightTxt1.sapMInputBaseDisabled .sapMInputBaseContentWrapper,
.qtyWeightTxt .sapMInputBaseContentWrapper,
.qtyWeightTxt.sapMInputBaseContentWrapper,
.qtyWeightTxt.sapMInputBase .sapMInputBaseContentWrapper,
.qtyWeightTxt.sapMInputBaseReadonly .sapMInputBaseContentWrapper,
.qtyWeightTxt.sapMInputBaseDisabled .sapMInputBaseContentWrapper,
.qtyWeightTxt1 .sapMInputBaseInner,
.qtyWeightTxt1.sapMInputBaseInner,
.qtyWeightTxt1 input.sapMInputBaseInner,
.qtyWeightTxt .sapMInputBaseInner,
.qtyWeightTxt.sapMInputBaseInner,
.qtyWeightTxt input.sapMInputBaseInner {
    border-radius: 8px !important;
    overflow: hidden !important;
}

.qtyWeightTxt .sapMInputBaseContentWrapper,
.qtyWeightTxt.sapMInputBaseContentWrapper,
.qtyWeightTxt.sapMInputBase .sapMInputBaseContentWrapper,
.qtyWeightTxt .sapMInputBaseInner,
.qtyWeightTxt input.sapMInputBaseInner {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border-color: #94a3b8 !important;
}

.qtyWeightTxt1 .sapMInputBaseInner,
.qtyWeightTxt1.sapMInputBaseInner,
.qtyWeightTxt1 input.sapMInputBaseInner,
.qtyWeightTxt .sapMInputBaseInner,
.qtyWeightTxt.sapMInputBaseInner,
.qtyWeightTxt input.sapMInputBaseInner,
.qtyWeightTxt1 input[readonly],
.qtyWeightTxt1 input[disabled],
.qtyWeightTxt input[readonly],
.qtyWeightTxt input[disabled] {
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 16px !important;
    font-weight: bold !important;
    text-align: center !important;
}

[id*="qry1weightbridge"],
[id*="qry1weightbridge"] .sapMInputBaseContentWrapper,
[id*="qry1weightbridge"].sapMInputBaseContentWrapper,
[id*="qry1weightbridge"] .sapMInputBaseInner,
[id*="qry1weightbridge"].sapMInputBaseInner,
input[id*="qry1weightbridge"] {
    background: #0b6fae !important;
    background-color: #0b6fae !important;
}

[id*="qry1weightbridge"] .sapMInputBaseInner,
[id*="qry1weightbridge"].sapMInputBaseInner,
input[id*="qry1weightbridge"] {
    color: white !important;
    -webkit-text-fill-color: white !important;
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.qtyWeightTxt1,
.qtyWeightTxt1.sapMInputBase,
.qtyWeightTxt1 .sapMInputBaseContentWrapper,
.qtyWeightTxt1 .sapMInputBaseInner,
.qtyWeightTxt1 input.sapMInputBaseInner,
[id*="qry1weightbridge"],
[id*="qry1weightbridge"] .sapMInputBaseContentWrapper,
[id*="qry1weightbridge"] .sapMInputBaseInner,
input[id*="qry1weightbridge"] {
    forced-color-adjust: none !important;
    -ms-high-contrast-adjust: none !important;
    color-scheme: light !important;
    background-image: none !important;
    background: #0b6fae !important;
    background-color: #0b6fae !important;
    border-color: #0b6fae !important;
    box-shadow: none !important;
}

.qtyWeightTxt1 .sapMInputBaseInner,
.qtyWeightTxt1 input.sapMInputBaseInner,
[id*="qry1weightbridge"] .sapMInputBaseInner,
input[id*="qry1weightbridge"],
input[id$="weightbridge-inner"],
input[id*="weightbridge-inner"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 8px !important;
}

.qtyWeightTxt .sapMInputBaseInner,
.qtyWeightTxt input.sapMInputBaseInner,
input[id$="firstweight-inner"],
input[id$="secondweight-inner"],
input[id$="netweight-inner"],
input[id*="firstweight-inner"],
input[id*="secondweight-inner"],
input[id*="netweight-inner"] {
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 8px !important;
}

.chainelTrucksInsideDialog,
.chainelTrucksInsideDialog .sapMText,
.chainelTrucksInsideDialog .sapMLabel,
.chainelTrucksInsideDialog .sapMColumnHeader,
.chainelTrucksInsideDialog .sapMBtnContent {
    font-size: 0.78rem !important;
    font-weight: 400 !important;
}

.chainelTrucksInsideHeader {
    height: 54px !important;
    padding: 0 0.9rem !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #dbe3ef !important;
}

.chainelTrucksInsideStats {
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 0.85rem !important;
    border: 1px solid #0b6fae !important;
    border-radius: 8px !important;
    background: #e8f3ff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .08) !important;
}

.chainelTrucksInsideStatsText {
    color: #074f7e !important;
    font-weight: 700 !important;
}

.chainelTrucksInsideFilter .sapMSlt,
.chainelTrucksInsideFilter.sapMSlt {
    height: 32px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    border-color: #9db4cc !important;
}

.chainelTrucksInsideTable .sapMListTblHeaderCell .sapMText {
    font-size: 0.77rem !important;
    font-weight: 500 !important;
    color: #374151 !important;
}

.chainelTrucksInsideTable .sapMListTblCell {
    padding-top: 0.35rem !important;
    padding-bottom: 0.35rem !important;
    vertical-align: middle !important;
}

.chainelTrucksInsideTable .sapMListTblRow {
    background: #ffffff !important;
}

.chainelTrucksInsideTable .sapMListTblRow:hover {
    background: #f7fbff !important;
}

.chainelTruckCustomerCell {
    display: inline-block !important;
    max-width: 100% !important;
    padding: 0.28rem 0.55rem !important;
    border-radius: 8px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
}

.chainelTruckCustomerTone0 {
    background: #f0e8ff !important;
    color: #5b21b6 !important;
    border: 1px solid #ddd0ff !important;
}

.chainelTruckCustomerTone1 {
    background: #e8f3ff !important;
    color: #075985 !important;
    border: 1px solid #cce6ff !important;
}

.chainelTruckCustomerTone2 {
    background: #e9f8ef !important;
    color: #166534 !important;
    border: 1px solid #c8edd5 !important;
}

.chainelTruckCustomerTone3 {
    background: #fff4de !important;
    color: #92400e !important;
    border: 1px solid #ffe2a8 !important;
}

.chainelTruckCustomerTone4 {
    background: #eef2ff !important;
    color: #3730a3 !important;
    border: 1px solid #d7ddff !important;
}

.chainelTruckCustomerTone5 {
    background: #ecfeff !important;
    color: #155e75 !important;
    border: 1px solid #c7f1f5 !important;
}

.chainelTruckCustomerEmpty {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
    border: 1px solid #e5e7eb !important;
}

.chainelWeightBtn .sapMBtnInner {
    border-radius: 8px !important;
    min-height: 30px !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .14) !important;
}

.chainelWeightBtnPrimary .sapMBtnInner {
    background: #f8fbff !important;
    border: 1px solid #0b6fae !important;
    color: #074f7e !important;
}

.chainelWeightBtnPrimary .sapMBtnInner:hover {
    background: #e8f3fb !important;
    color: #063f66 !important;
}

.chainelWeightBtnAlert .sapMBtnInner {
    background: #fff7f7 !important;
    border: 1px solid #d33f49 !important;
    color: #b4232d !important;
}

.chainelWeightBtnAlert .sapMBtnInner:hover {
    background: #ffe9ea !important;
    color: #8f1c24 !important;
}

/* CHAINEL dashboard report links parity fix - 20260912
   Scope: main dashboard report panel and report shortcut links only. */
.reportForm {
    border: 1px solid #9da5ad !important;
    border-radius: 25px !important;
    background-color: #f8f8ff !important;
    margin: 18px 10% 14px 10% !important;
    padding: 22px 18px 26px 18px !important;
    box-sizing: border-box !important;
}

.reportForm .sapMFlexBox,
.reportForm .sapMHBox,
.reportForm .sapMVBox {
    flex-wrap: wrap !important;
    align-items: center !important;
}

.reportForm .sapMText,
.reportForm .sapMLnk,
.reportForm .sapMLabel,
.reportForm .dbRcnt,
.reportForm .dbCashBank {
    display: inline-block !important;
    color: #1f5f8f !important;
    font-size: 1rem !important;
    line-height: 2.2rem !important;
    margin: 0 14px 8px 14px !important;
    padding: 0 4px !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

.reportForm .dbRcnt,
.reportForm .dbCashBank {
    color: #1f5f8f !important;
}

.reportForm .sapMTitle,
.reportForm .reportTitle {
    color: #2a6f2a !important;
    font-weight: 700 !important;
    margin: 0 12px 8px 12px !important;
    white-space: nowrap !important;
}

.reportForm .sapMInputBase,
.reportForm .sapMDateTimeInput {
    margin: 0 8px 8px 8px !important;
}

@media (max-width: 900px) {
    .reportForm {
        margin-left: 4% !important;
        margin-right: 4% !important;
    }

    .reportForm .sapMText,
    .reportForm .sapMLnk,
    .reportForm .sapMLabel,
    .reportForm .dbRcnt,
    .reportForm .dbCashBank {
        margin-left: 8px !important;
        margin-right: 8px !important;
        line-height: 2rem !important;
    }
}

/* CHAINEL dashboard db1Reports spacing fix - 20260912b
   Scope: the customer/supplier report shortcuts shown above Net Profit. */
.db1Reports {
    border: 1px solid #9da5ad !important;
    border-radius: 25px !important;
    background-color: #f8f8ff !important;
    margin: 18px auto 14px auto !important;
    padding: 18px 18px 20px 18px !important;
    width: 86% !important;
    max-width: 1080px !important;
    min-height: 118px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    text-align: center !important;
}

.db1Reports .sapMScrollContScroll {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
}

.db1Reports [id$="--db2hbReps0"],
.db1Reports [id$="--db2hbReps1"] {
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    row-gap: 8px !important;
    column-gap: 24px !important;
}

.db1Reports [id$="--db2hbReps"] {
    justify-content: center !important;
    flex-wrap: wrap !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 0 4px 6px 4px !important;
    border-bottom: 1px solid #e1e5ea !important;
    background: transparent !important;
}

.db1Reports .db2darkBlueText,
.db1Reports .db2darkBlueTextAr,
.db1Reports .linkLabel {
    display: inline-block !important;
    color: #1f5f8f !important;
    font-size: 1rem !important;
    line-height: 2rem !important;
    margin: 0 8px 8px 8px !important;
    padding: 0 4px !important;
    white-space: nowrap !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.db1Reports .db2Rep,
.db1Reports .db2RepSelected {
    display: inline-block !important;
    width: auto !important;
    min-width: 120px !important;
    color: #2a6f2a !important;
    font-weight: 700 !important;
    line-height: 1.8rem !important;
    margin: 0 8px 6px 8px !important;
    text-align: center !important;
}

@media (max-width: 900px) {
    .db1Reports {
        width: 94% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .db1Reports [id$="--db2hbReps0"],
    .db1Reports [id$="--db2hbReps1"] {
        column-gap: 12px !important;
    }

    .db1Reports .db2darkBlueText,
    .db1Reports .db2darkBlueTextAr,
    .db1Reports .linkLabel {
        font-size: .95rem !important;
        margin-left: 4px !important;
        margin-right: 4px !important;
    }
}


/* Delivery Note customer credit warning */
.chainelCreditLow .sapMInputBaseInner,
.chainelCreditLow input {
    background-color: #ff3b30 !important;
    color: #ffffff !important;
    border-color: #b00020 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    min-height: 34px !important;
    text-align: center !important;
}

.chainelCreditOk .sapMInputBaseInner,
.chainelCreditOk input {
    background-color: #0b7edb !important;
    color: #ffffff !important;
    border-color: #055a9f !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    min-height: 34px !important;
    text-align: center !important;
}