.loginWidth-rm {
    width: 300px;
    max-width: 100%;
    min-width: 200px;
}

.sidebar-rm {
    width: 100px;
    max-width: 100px;
}

hr.horiz-line-rm { /* navbar-fixed */
    display: block;
    height: .5px;
    border: 0;
    border-top: .5px solid #ccc;
    margin: .5em 0 0 0;
    padding: 0;
    background-color: #ccc;
}

/******************** horizontal page slide *********************/
main.page-rm, main.page-rm-sawm {
    position: fixed;
    top: 100px; /* Height of navbar originally 56px */
    /*top: 56px;*/ /* Height of navbar originally 56px */
    bottom: 0;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    background-color: var(--gray-dark);
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
}

main.page-rm.open, main.page-rm-sawm.open {
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem); /* Controls how far the sidebar moves horizontally into the page */
}

nav.nav-underline.nav-rm {
    position: absolute;
    top: 0;
    /* padding-right: 1rem;
    padding-left: 1rem; */
    padding-bottom: 0;
    transition: -webkit-transform .6s ease-in-out;
    transition: transform .6s ease-in-out;
    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out;
    -webkit-transform: translateY(-44px);
    transform: translateY(-44px);
}

nav.nav-rm div.nav-link-rm {
    margin-right: 1.5rem;
    font-size: .875rem;
    color: var(--secondary);
}

.button-nav-rm {
    /* padding: 0 5px 5px 5px; */
    color: var(--secondary);
}

.bi-caret-right-square {
    height: 30px;
}

.button-nav-adj {
    position: relative;
    top: -14px;
}

.nav-underline .nav-link-rm:hover {
    color: var(--blue);
    text-decoration: none;
    cursor: pointer;
}

nav.nav-rm.open {
    -webkit-transform: translateY(0px);
    transform: translateY(0px); /* Controls how far the sidebar moves vertically into the page */
}

/* .navTitle-rm {
    padding: .3rem;
    margin-top: .3rem;
    margin-bottom: .3rem;
} */

 .navbar-brand.nav-heading-rm, .navbar-brand.nav-page-heading-rm {
    color: #eddbab;
}

/******************** jquery ui autocomplete mods *********************/

/* .ui-menu {
    width: max-content;
    max-height: 300px;
    overflow-x: auto;
}

.ui-autocomplete li.ui-menu-item {
    color: green;
    padding: .5rem;
    background-color: bisque;
}

.ui-autocomplete li.ui-menu-item:hover {
    background-color: burlywood;
} */

/* .show-all-rm {
    width: 1em;
} */

.wider-rm {
    width: 100%;
}
/* Helps keep all labels for item number filters the same width */
.input-group-text-rm {
    width: 100%;
    padding: .375rem .25rem;
}

.container-pad-adjust-rm {
    padding-right: .25rem;
    padding-left: .25rem;
    padding-top: .25rem;
    border: 1px solid #aaa;
    border-radius: .25rem;
    background-color: #6c757d;
}

.custom-switch-rm {
    margin-left:auto; 
    margin-right:0;
}

.dropdown-button-rm {
    height: 100%;
}

.dropdown-button-rm svg{
    transition: all 1s;
}

.date-button-rm {
    height: 2.5rem;
    width: auto;
}

/* .todayButton {
    margin-top: 1.5rem;
    width: fit-content;
}
@media (max-width: 530px) {
    .todayButton {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
} */

.rotated {
transform: rotate(-180deg);
}

.autocomplete-rm {
    margin: 1px 0 0 0;
    padding: 0;
    /* width: max-content; */
    width: 100%;
    max-height: 300px;
    overflow-x: hidden;
    /*border: 1px solid #dacece;*/
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
    border-top-left-radius: .25rem;
}

.menu-item {
    list-style-type: none;
    /* padding: .5rem 1rem; */
    color: white;
    padding: .5rem 0;
    background-color: #6c757d;
    border-bottom: 1px solid #ced4da;
    text-align: center;
    margin: 0
    /* width: auto; */
}

.menu-item:last-child {
    border-bottom: none;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.bottom-border-rm {
    border-bottom: 1px solid #ced4da;
    margin-bottom: .25rem;
}

.bott-border-rm {
    width: 100%;
    border-bottom: 2px solid;
    display: inline-block;
}

.pl-6-rm {
    padding-left: 1.5rem;;
}

.job {
    font-weight: bold;
}

.list-heading-rm {
    background: #adb5bd;
    padding-top: 0;
    padding-bottom: 0;
}

.menu-item-col:not(:first-child) div.col:nth-child(-n+3){ /*All of the headings except the first and then just the first 3*/
    border-right: 1px solid #adb5bd;
}

.itemNumberListItem:hover, .jobListItem:hover, .toBinListItem:hover, .soListItem:hover {
    background: #007bff;
}

.list-heading-rm div.col:nth-child(-n+3){
    border-right: 1px solid #6c757d;
}

.fail-heading-rm {
    background: red;
    /*padding-left: 2rem;*/
    overflow: hidden;
}

.bi-unlock,
.bi-plus-circle,
.bi-question-square-fill {
    display: none;
}

.svgSwitch {
    position: relative;
    margin-right: 1px;
}

.buttonMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.current-job-on-welder-input-rm {
    font-size: 2rem;
    width: 120px;
    text-align: center;
    height: 2.5rem;
    margin-right: 4px;
    margin-left: 4px;
    outline: none;
    padding: 3px 0px 3px 3px;
    border: 1px solid #DDDDDD;
    z-index: 2;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

.date-pick-input-rm {
    font-size: 1rem;
    /* width: 140px; */
    text-align: center;
    height: 2.5rem;
    /*margin-right: 1rem;*/
    margin-bottom: 1rem;
    outline: none;
    padding: 3px 0px 3px 3px;
    border: 1px solid #DDDDDD;
    -webkit-transition: all 0.10s ease-in-out;
    -moz-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
    transition: all 0.10s ease-in-out;
}

.badgeTransactionCount {
    margin-top: .5rem;
    margin-left: .5rem;
}

.onOff {
    /* background: url('data:image/svg+xml;utf8,<svg class="bi bi-square" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"/></svg>') left center no-repeat;
    background-position: .5rem;
    background-color: #007bff;
    color: yellow; */
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

.rrr {
    margin-bottom: .15rem;
    position: absolute;
    left: 0;    
}

.sss {
    position: relative;
    margin-left: -.25rem;
}

#checkSvg {
    display: none;
}


/* .onOff:hover {
    cursor: pointer;
    background: url('data:image/svg+xml;utf8,<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4 1h8a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V3a2 2 0 012-2zm0 1a1 1 0 00-1 1v10a1 1 0 001 1h8a1 1 0 001-1V3a1 1 0 00-1-1H4z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M4.5 10.5A.5.5 0 015 10h3a.5.5 0 010 1H5a.5.5 0 01-.5-.5zm0-2A.5.5 0 015 8h6a.5.5 0 010 1H5a.5.5 0 01-.5-.5zm0-2A.5.5 0 015 6h6a.5.5 0 010 1H5a.5.5 0 01-.5-.5zm0-2A.5.5 0 015 4h6a.5.5 0 010 1H5a.5.5 0 01-.5-.5z" clip-rule="evenodd"/></svg>') center center no-repeat;
} */

/* .datepicker, .datepicker-dropdown:after {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.datepicker table tr th.datepicker-title {
    color: white;
    background-color: #343a40;
}

.datepicker table tr th.today {
    color: white;
    background-color: #007bff;
} */

.valid-rm {
    /*box-shadow: 0 0 10px inset #00ff00;*/
    -webkit-box-shadow: inset 0px 0px 0px 3px rgba(8,247,36,1);
    -moz-box-shadow: inset 0px 0px 0px 3px rgba(8,247,36,1);
    box-shadow: inset 0px 0px 0px 3px rgba(8,247,36,1);
    /* padding: 3px 0px 3px 3px; */
    /* border: 4px solid #00ff00; */
    /* outline: none;
    padding: 3px 0px 3px 3px; */
    /* margin: 5px 1px 3px 0px; */
    /* margin-right: 1px;
    border: 1px solid #DDDDDD;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out; */
}

.invalid-rm {
    /*box-shadow: 0 0 10px inset #ff0000;*/
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,0,0,1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255,0,0,1);
    box-shadow: inset 0px 0px 0px 2px rgba(255,0,0,1);
}

.invalid-input-rm {
    background-color: #f9cbcb;
}

/* [data-valid="invalid"] {
    background-color: #f9cbcb;
} */

.soData.invalid-input-rm {
    background-color: #f9cbcb;
}

.hide-until-valid {
    display: none;
}

/* .current-job-on-welder-input-rm {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
    outline: none;
    padding: 3px 0px 3px 3px;
    margin: 5px 1px 3px 0px;
    border: 1px solid #DDDDDD;
} */
   
.current-job-on-welder-input-rm:focus {
    box-shadow: 0 0 10px inset rgba(81, 203, 238, 1);
    padding: 3px 0px 3px 3px;
    /* margin: 5px 1px 3px 0px; */
    /* margin-right: -40px; *//* produces a nice effect but not appropriate here */
    border: 1px solid rgba(81, 203, 238, 1);
  }

form.job-group-rm .hider {
    z-index: 1;
}

form.card.job-group-rm {
    background: transparent;
    border: none;
    margin-left: auto;
    margin-right: auto;
}

form.card.history-group-rm {
    background: transparent;
    border: none;
    width: 100%;
    
}

input.form-control.form-control-rm-pm {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    margin-right: 1px;
    background-color: #f5f3f0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

input.form-control.form-control-rm-so {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    margin-right: 1px;
    background-color: #f5f3f0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

.height-25-rem-rm {
    height: 2.5rem;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -12px;
}

.tooltip-rm {
    background-color: var(--info);
    border: 1px solid gray;
    border-radius: .25rem;
    padding: .5rem;
}

.tooltip-hide-rm {
    display: none;
}

.mr-1px-rm {
    margin-right: 1px;
}

.toBinOption, .jobOption {
    color: white;
}

button.activeBinOption, button.activeBinOption:hover {
    color: #ffeb3b;
}

div.info {
    background: url('../images/moreInfo.svg') center center no-repeat;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

.currentJob {
    background: url('../images/checkMark-small.svg') left bottom no-repeat #fff;
    background-size: 1.25rem 1.25rem;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
    animation: animate  
                1s linear 1;
}

@keyframes animate { 
    0% { 
        background-position: left top 0%;
    } 

    34% { 
        background-position: left top 100%;
    } 

    54% { 
        background-position: left top 25%;
    } 

    69% { 
        background-position: left top 100%;
    } 

    79% { 
        background-position: left top 50%;
    } 

    88% { 
        background-position: left top 100%;
    } 

    94% { 
        background-position: left top 75%;
    } 

    100% { 
        background-position: left top 100%;
    } 
}

.d-inline-block-rm {
    display: inline-block;
}

div.info:hover {
    opacity: 0.5;
}

.wrap {
    height: 45px;
    /*width: 200px;
    border: 1px solid #aaa;
    margin: 10px; */
    display: flex;
  }
  
  .wrap span {
    align-self: flex-end;
  }

div.nav-link-rm[data-destination] {
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

/*  Panel Move  */

div.nav-link-rm[data-destination="dupeCheck"] {
    background: url('../images/dupeCheck.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="binMap"] {
    background: url('../images/binMap.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="history"] {
    background: url('../images/history.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="refreshData"] {
    background: url('../images/refreshData.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="clearInputs"] {
    background: url('../images/clearInputs.svg') center 4px no-repeat;
}

/*  Load a Truck  */

div.nav-link-rm[data-destination="newSalesOrder"] {
    background: url('../images/newSalesOrder.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="editSalesOrder"] {
    background: url('../images/editSalesOrder.svg') center 4px no-repeat;
}

/*  Stock Status report  */

div.nav-link-rm[data-destination="makeAll"] {
    background: url('../images/selectAll1.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="copyStockStatusReportToClipboard"] {
    background: url('../images/clipboardData.svg') center 4px no-repeat;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    position: relative;
    overflow: hidden;
}

div.nav-link-rm[data-destination="copyStockStatusReportToClipboard"]:after {
    content: "";
    background: #188a18;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 150%;
    opacity: 0;
    transition: all 1.8s
  }
  
  div.nav-link-rm[data-destination="copyStockStatusReportToClipboard"]:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
  }

div.refreshSoDataIcon {
    width: fit-content;
    height: 2.75rem;
    position: absolute;
    right: 1rem;
    bottom: -.5rem;
    padding-top: 1.5rem;
    background: url('../images/refreshData.svg') center 4px no-repeat;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

div.refreshSoDataIcon:hover {
    opacity: .75;
    cursor: pointer;
}

div.refreshSoDataIcon:hover > span{
    color: var(--blue);
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

div.refreshSoDataIcon span {
    position: relative;
    bottom: 0;
    right: 0;
    color: #6c757d;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
}

.gray-text-rm {
    color: #6c757d;
}


/*  Bin Detail By Item report  */

div.nav-link-rm[data-destination="refreshBinDetailData"] {
    background: url('../images/refreshData.svg') center 4px no-repeat;
}

/*  Panels Produced in Date Range report  */

div.nav-link-rm[data-destination="refreshPanelsProducedInDateRangeData"] {
    background: url('../images/refreshData.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="newDatesPanelsProducedInDateRange"] {
    background: url('../images/calendar.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="copyProducedInDateRangeToClipboard"] {
    background: url('../images/clipboardData.svg') center 4px no-repeat;
}

/*  Panels Shipped in Date Range report  */

div.nav-link-rm[data-destination="refreshPanelsShippedInDateRangeData"] {
    background: url('../images/refreshData.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="newDatesPanelsShippedInDateRange"] {
    background: url('../images/calendar.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="copyShippedInDateRangeToClipboard"] {
    background: url('../images/clipboardData.svg') center 4px no-repeat;
}

/*  Analyze Item report  */

div.nav-link-rm[data-destination="refreshAnalyzeItemReportData"] {
    background: url('../images/refreshData.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="newDatesAnalyzeItemReport"] {
    background: url('../images/calendar.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="copyAnalyzeItemReportToClipboard"] {
    background: url('../images/clipboardData.svg') center 4px no-repeat;
}

/*  Transaction report  */

div.nav-link-rm[data-destination="refreshTransactionReport"] {
    background: url('../images/refreshData.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="newInputsTransactionReport"] {
    background: url('../images/calendar.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="copyTransactionReportToClipboard"] {
    background: url('../images/clipboardData.svg') center 4px no-repeat;
}

/*  Shipment Audit Workshhet  */

div.nav-link-rm[data-destination="refreshShipmentAuditWorksheet"] {
    background: url('../images/refreshData.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="newInputsShipmentAuditWorksheet"] {
    background: url('../images/calendar.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="copyShipmentAuditWorksheetToClipboard"] {
    background: url('../images/clipboardData.svg') center 4px no-repeat;
}

div.nav-link-rm[data-destination="printShipmentAuditWorksheet"] {
    background: url('../images/print.svg') center 4px no-repeat;
}

.navIcon {
    width: 1.5rem;
}

/* .lm-175-rm {
    margin-left: 1.75rem;
} */

a.nav-link[data-navOption] {
    padding-left: 2rem;
}

a.nav-link[data-navOption="dashboard"] {
    background: url('../images/dashboard.svg') left center no-repeat;
}

a.nav-link[data-navOption="panelMove"] {
    background: url('../images/panelMove.svg') left center no-repeat;
}

a.nav-link[data-navOption="loadTruck"] {
    background: url('../images/loadTruck.svg') left center no-repeat;
}

a.nav-link[data-navOption="logOut"] {
    background: url('../images/logOut.svg') left center no-repeat;
}

a.nav-link[data-navOption="reports"] {
    background: url('../images/reports.svg') left center no-repeat;
}

a.nav-link[data-navOption="preferences"] {
    background: url('../images/preferences.svg') left center no-repeat;
}

/* a.nav-link[data-navOption="stockStatusReport"] {
    background: url('../images/selectAll1.svg') left center no-repeat;
} */

.orange-back {
    background-color: #ffbf57;
}

.orange-back::placeholder {
    font-size: .75em;
    opacity: 1;
    color: red;
}

svg.bi-trash3-fill, svg.bi-plus-square-fill, svg.bi-arrow-counterclockwise, svg.bi-x-lg, svg.bi-pencil-fill, svg.bi-trash-marked-job {
    color: #c90e00;
    width: 20px;
    height: 20px;
}

svg.bi-trash3-fill:hover, svg.bi-plus-square-fill:hover, svg.bi-arrow-counterclockwise:hover, svg.bi-x-lg:hover, svg.bi-pencil-fill:hover, td.expNow:hover, td.expNow:hover svg.bi-trash-marked-job, .green-text-rm {
    color: green;
    cursor: pointer;
}

.table td.pad2.re-open-rm {
    color: #c90e00;
    text-align: right;
    padding: 4px;
}

.table td.pad2.re-open-rm:hover, .table td.pad2.re-open-rm:hover > span > svg {
    color: green;
    cursor: pointer;
}

input[type="text"].teal-rm, div.teal-rm {
    background-color: #94cad3;
}


input[name='makeMe'] {
    text-align: left;
}

li.menu-item.row-cols-5 div {
    padding-left: 0;
    padding-right: 0;
    overflow-x: hidden;
}


.toBinModalList {
    border-bottom:  1px solid #ced4da;
    padding: .5em 0;
}

div.toBinModalList:first-child {
    color: #6c757c;
}

div.toBinModalList:last-child {
    border-bottom: none;
}

div.modal-body {
    padding-bottom: 0;
    padding-top: 0;
}

div.modal-header, div.modal-footer {
    background-color: rgba(154, 154, 154, 0.25);
}

.cell-front {
    font-size: 2rem;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    transition: all 0.30s ease-in-out;
    border: 2px solid;
    border-radius: .5rem;
    background-color: #017bff;
    cursor: pointer;
    margin-left: .25rem;
}

.cell-front:hover {
    color: black;
}

.cell-rm {
    border-radius: .5rem 0 0 .5rem;
}

.cell-mid {
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
}

.cell-end {
    border-top: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
    border-radius: 0 .5rem .5rem 0;
}

.sizeUp {
    font-size: 1.25rem;
    text-align: center;
}

.newRow {
    border-top: 4px solid black;
}

.heading1 {
    font-size: 1.2rem;
    text-align: center;
    color: #6c757d;
}

tr.inactive td[data-itemnumbersodetail] {
    color: #6c757c;
}

/* tr.inactive td[data-qtysodetail] {
    color: #6c757c;
} */

.soData {
    border: 1px solid #6c757c;
    background: #f8f9fa;
    padding: 0;
    text-align: center;
}

.narrow40pxCell {
    width: 40px;
}

.narrow60pxCell {
    width: 60px;
}

.narrowInput {
    width: 52px;
    padding-left: 0;
    padding-right: 0;
    border: none;
    text-align: center;
}

.table td.soTd {
    padding-left: 0;
    padding-right: 0;
}

.soHeading {
    background: #6c757c;
    color: #f8f9fa;
    text-align: center;
}

.pickInput {
    width: 3rem;
    border-radius: .25em;
    text-align: center;
}

.soInput {
    width: 100%;
    border: none;
    text-align: center;
    cursor: pointer;
}

.soQtyInput {
    cursor: pointer;
}

select.soInput {
    text-align-last: center;
    -moz-text-align-last: center;
}

.soLine {
    border-radius: .25rem;
}

.soInput.leftTextAlign {
    text-align: left;
}

.sectionTitle {
    text-align: center;
    padding-bottom: .5rem;
    padding-top: 0;
    margin-top: 0;
    margin-left: -16px;
    margin-right: -16px;
    border-bottom: 1px solid gray;
    color: #007bff;

    /* border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    border-radius: .5rem;
    background: -moz-linear-gradient(top,  rgba(249,255,252,0) 0%, rgba(249,255,252,0.8) 40%, rgba(214,249,228,0.8) 50%, rgba(249,255,252,0.8) 60%, rgba(249,255,252,0) 82%);
    background: -webkit-linear-gradient(top,  rgba(249,255,252,0) 0%,rgba(249,255,252,0.8) 40%,rgba(214,249,228,0.8) 50%,rgba(249,255,252,0.8) 60%,rgba(249,255,252,0) 82%); 
    background: linear-gradient(to bottom,  rgba(249,255,252,0) 0%,rgba(249,255,252,0.8) 40%,rgba(214,249,228,0.8) 50%,rgba(249,255,252,0.8) 60%,rgba(249,255,252,0) 82%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9fffc', endColorstr='#00f9fffc',GradientType=0 ); /* IE6-9 */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bababa+1,bababa+100&1+0,0+30,0+70,1+99 */
    /* background: -moz-linear-gradient(top,  rgba(186,186,186,1) 0%, rgba(186,186,186,0.97) 1%, rgba(186,186,186,0) 30%, rgba(186,186,186,0) 70%, rgba(186,186,186,1) 99%, rgba(186,186,186,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(186,186,186,1) 0%,rgba(186,186,186,0.97) 1%,rgba(186,186,186,0) 30%,rgba(186,186,186,0) 70%,rgba(186,186,186,1) 99%,rgba(186,186,186,1) 100%);
    background: linear-gradient(to bottom,  rgba(186,186,186,1) 0%,rgba(186,186,186,0.97) 1%,rgba(186,186,186,0) 30%,rgba(186,186,186,0) 70%,rgba(186,186,186,1) 99%,rgba(186,186,186,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#bababa',GradientType=0 ); */

}

.sectionTitleWithNav {
    text-align: center;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    margin-left: -16px;
    margin-right: -16px;
    border-bottom: 1px solid gray;
    color: #007bff;
    min-width: calc(100% + 32px);
    align-items: center;
}

.h6-rm {
    /* margin-bottom: 0px;
    margin-top: 5px; */
    padding-top: 5px;
}

button.button-nav-rm:hover > .bi-caret-square > .nav-icon-path {
    fill: blue;
}

tr.highlight-row-green {
    background-color: green;
}

td[data-itemnumbersodetail].highlight-green-on, .highlight-green-on {
    color: #2dc710;
}

th[data-sonum], td.binQty, td[data-itemnumbersodetail] {
    color: yellow;
    cursor: pointer;
}

.job-button-rm {
    padding: .25rem .4rem;
    font-size: 1.25rem;
}

.bigFont {
    font-size: 2rem;
    font-weight: bold;
    color: #5a6268;
}

.bodyLine {
    border-bottom: 1px solid #6c757d;
    color: red;
    font-weight: 600;
    font-size: 1.2rem;
}

/* .placard {
    border: 1px solid #007bff;
    padding: .2rem .4rem;
} */

#subNav {
    border-bottom: 1px solid black;
}

.subNav-bg-lime-green-rm {
    background-color: #96f38b;
}

#subNav.subNav-bg-lime-green-rm nav.open a {
    color: black;
}

.subNav-bg-off-white-rm {
    background-color: #f8f9fa;
}

.subNav-bg-purple-rm {
    background-color: #c4aaf5;
}


#subNav.subNav-bg-purple-rm nav.open a {
    color: white;
}

.subNav-bg-orange-rm {
    /* background-color: #e0bd7e; */
    background-color: #b4d6f1;
}

.subNav-bg-color-rm {
    /* background-color: #e0bd7e; */
    background-color: #abb985;
}

.orange-bg-rm {
    /* background-color: #e0bd7e; */
    background-color: #b4d6f1;
    text-align: center;
}

.color-bg-rm {
    /* background-color: #e0bd7e; */
    background-color: #abb985;
    text-align: center;
}

#subNav.subNav-bg-orange-rm nav.open a {
    color: white;
}

.subNav-bg-blue-rm {
    background-color: #7168fd;
}

#subNav.subNav-bg-blue-rm nav.open a {
    color: white;
}

.bm-adjust-rm {
    margin-bottom: 0;
    color: #757575;
}

.blueTitle {
    font-weight: bold;
    color: blue;
}

.redTitle {
    font-weight: bold;
    color: red;
}

.modalBodyPad {
    margin: 0;
    padding: 0 0.5rem;
}

.modalBodySection2 {
    margin: 0.5rem;
    padding: 0.5rem;
    border: 2px solid #4caf50;
    border-radius: 5px;
    background-color: bisque;
}

.modal-height-limit-rm {
    max-height: 90vh;
    overflow-y: auto;
}

.text-center-rm {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}

.hidden {
    display: none;
}

.noMargin {
    margin: 0;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  /*margin: 60px auto;*/
  font-size: 2.5px;
  position: absolute;
  right: 60px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.goodNews {
    color: green;
}

.checkmark {
    color: green;
}

/* .warning  {
    fill: blue;
} */

.stop {
    color: red;
}

/* .checkmark, .warning, .stop {
    width: 4rem;
    height: 4rem;
} */

.footerIcon {
    margin-right: auto;
    width: 4rem;
    height: 4rem;
}

.footerIcon3em {
    margin-right: auto;
    width: 3rem;
    height: 3rem;
}

.smallSvg {
    height: 1.5rem;
}

.dateText {
    color: white;
    font-weight: 500;
}

.transactionDateText {
    color: black;
    font-weight: bold;
}

div.nav-link-rm:hover {
    opacity: 0.5;
}

/* a.nav-link.activeSecNav:visited {
    color: #6c757d;
} */

/* a.nav-link.activeSecNav, a.nav-link.activeSecNav:active {
    color: #007bff;
} */

.bg-blue-rm {
    background-color: #5172e8;
}

.history-row-rm {
    border-radius: .25rem .25rem .25rem .25rem;
    -moz-border-radius: .25rem .25rem .25rem .25rem;
    -webkit-border-radius: .25rem .25rem .25rem .25rem;
    border: 1px solid rgba(154, 154, 154, 0.25);
    margin-bottom: 6px;
    background-color: #e6ecec;
    /* -webkit-box-shadow: 1px 1px 3px 0px rgba(201,201,201,1);
    -moz-box-shadow: 1px 1px 3px 0px rgba(201,201,201,1);
    box-shadow: 1px 1px 3px 0px rgba(201,201,201,1); */
}

.scrollButton {
    position: absolute;
    right: 0;
    /* top: 50vh; */
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;

/*   > .col,
  > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  } */
}

/* .rob {
    position: absolute;
    bottom: 0;
} */

/* .specialPlaceholder::-webkit-input-placeholder {
    color: red
} */

.specialPlaceholder::-webkit-input-placeholder {
    --main-text-color:#001F3F;
    animation: pulse 5s infinite;
}
  
@keyframes pulse {
    0% {
        --main-text-color: #001F3F;
    }
    100% {
        --main-text-color: #FF4136;
    }
}

/************ CSS for scrollable tables (top row fixed)**************/
/* To use this, put the table with class .table-fixed-top-row in a container (div for example) with a fixed max-height. I have used calc as well */

table.table-fixed-top-row tr th {
    position: sticky;
    top: -10px;
    /* Setting top: -10px fixes gap at top of top row and is useful in that it slides up 10px when scrolling, showing more
    data and less header*/
    z-index: 9;
    background: #343a40;
}


/************ CSS for scrollable tables (top row and 1st column fixed)**************/
table.fixedHeadersTable {
    text-align: center;
    width: 100%;
}

table.fixedHeadersTable th{
    height: 1px;
}
.table-container{ /*width: 500px; height: 300px;rm*/
    max-height: calc(100vh - 162px);
    /* max-height: calc(100vh - 132px); */
    border-radius: .25rem;
    overflow: auto;
}
.table-container-subreport{ /*width: 500px; height: 300px;rm*/
    max-height: calc(100vh - 302px);
    /* max-height: calc(100vh - 132px); */
    border-radius: .25rem;
    overflow: auto;
}
table.fixedHeadersTable tbody tr:first-child th{
    /* background: red; */
    box-shadow: 0px 1px 0px 0px rgb(128 128 128);
}
table.fixedHeadersTable td {
    white-space: nowrap;
}
table.fixedHeadersTable.trro td, table.fixedHeadersTable.sawm td {
    white-space: pre-wrap;
}
table.fixedHeadersTable > th, table.fixedHeadersTable td {
    /*white-space: nowrap;*/
    padding: 0 4px;
    font-family: Arial;
    border-bottom: 1px solid #f0f0f1;
    border-right: 1px solid #f0f0f1;
}
/*table.fixedHeadersTable tr th:nth-child(1), table.fixedHeadersTable tr th:nth-child(2), table.fixedHeadersTable td:first-child {*/
table.fixedHeadersTable tr th:first-child, table.fixedHeadersTable td:first-child { 
    position: sticky;
    overflow-y: auto;
    width: 100px;
    max-width: 200px;
    background: #e6e6e6;
    left: 0;
    z-index: 10;
}
table.fixedHeadersTable tr th:first-child{
    z-index: 11;
}
table.fixedHeadersTable tr td:first-child{
    text-align: left;
}

table.fixedHeadersTable tr th{
    position: sticky;
    top: 0;
    z-index: 9;
    background: #e6e6e6;
}

.hide-native-scrollbar {
    scrollbar-width: none; /* Firefox 64 */
    -ms-overflow-style: none; /* Internet Explorer 11 */
}
.hide-native-scrollbar::-webkit-scrollbar { /** WebKit */
    display: none;
}

table.stacked {
    width: 100%;
    height: 100%;

}

table.stacked th {
    height: 100%;
}

.top-border {
    border-top: 2px solid black;
}

table.fixedHeadersTable tr th table.stacked th.bkgrd-rm {
    background: #b4d6f1;
}

table.fixedHeadersTable tr th table.stacked th.bkgrd-green-rm {
    background: #abb985;
}



th.border-left {
    border-left: 1px solid red;
    
}

.no-pad {
    padding-left: 0;
    padding-right: 0;
}

.no-wrap-rm {
    white-space: nowrap;
    overflow: hidden;
}


#trroReportTable tbody tr:hover td {
    background: #f1f1f1;
}
/************ end CSS for scrollable tables **************/

@-webkit-keyframes spinner-rm {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spinner-rm {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/* .spinner-rm { */
	/* float: left; */
	/* background: transparent url(Vector Loading fallback.gif) right bottom no-repeat; */
	/* background: transparent right bottom no-repeat; */
    /*position: relative;
    bottom: 5px;
    margin-left: auto;
    margin-right: auto;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/spinner.svg);
	background-image: -moz-linear-gradient(transparent, transparent), url(../images/spinner.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/spinner.svg);
	background-size: 100%;
	-webkit-animation-name: spinner-rm;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-name: spinner-rm;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	height: 68px;
	width: 68px;
	backface-visibility: hidden;
} */

.spinner-rm-analyze-item, .spinner-rm-transaction-report, .spinner-rm-shipment-audit {
	position: fixed;
    left: calc(50% - 34px);
    top: calc(calc(50% - 34px));
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/spinner.svg);
	background-image: -moz-linear-gradient(transparent, transparent), url(../images/spinner.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/spinner.svg);
	background-size: 100%;
	-webkit-animation-name: spinner-rm;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-name: spinner-rm;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	height: 68px;
	width: 68px;
	backface-visibility: hidden;
}

.redText {
    color: red;
}

.greenText {
    color: green;
}

.warningText {
    color: #ffa59e;
}

.makeQtyInput {
    width: 4rem;
    border: .5px solid #767676;
    border-radius: .15rem;
    text-align: center;
}

.checkShift {
    left: 2rem;
}

.container.helper {
    position: sticky;
    bottom: 0;
    z-index: 999;
    background: #f9f5d5;
    border-top: 1px solid gray;
    /* width: calc(100vw + 3rem);
    padding-right: 6rem; */
}

.noHorzScroll {
    overflow-x: hidden;
}

tr.reportTableRow td.bott-bord-rm {
    border-bottom: 1px solid gray;
}

.markedRow {
    background-color: #ffc040;
}

.green-color {
    color:#3dc53d;
}

.gray-color {
    color: #000;
}

.border-white-rm {
    border: 1px solid white;
}

.mw-340px-rm {
    min-width: 340px;
}

.tableWrap {
    max-height: 173px;
    overflow-y: auto;
}

.table td.pad1, .table th.pad1 {
    padding: .25rem;
}

.table td.pad2, .table th.pad2 {
    padding: 0;
    vertical-align: middle;
}

div.card-body {
    padding-bottom: 0;
}

.date-range {
    max-width: 600px;
    margin: 0 auto;
    padding: .5rem 1rem;
}

.date-range-position, .date-range-position-psir, .date-range-position-airo {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.date-range-position-wrap, .date-range-position-psir-wrap, .date-range-position-airo-wrap {
    position: relative;
    height: 1.5rem;
}

.validation-message-rm {
    color: red;
    opacity: 0.5;
}

table.fixedHeadersTable.ppir tbody tr:last-child td, table.fixedHeadersTable.psir tbody tr.reportTableRow td {
    border-top: 2px solid black;
}

.actionTrigger {
    color: yellow;
}

.actionTrigger:hover {
    color: #ec3c55;
    cursor: pointer;
}

.so-red {
    color: #ec3c55;
}

.mini-menu-rm {
    position: absolute;
    border-radius: .25rem;
    background: #ec3c55;
    z-index: 999;
}

.mini-menu-ddlo-rm {
    position: absolute;
    border-radius: .25rem;
    background: #7d7d7d;
    z-index: 999;
}

.mini-menu-ddlo-rm img{
    margin-top: -5px;
}

.slist li.hoverGray {
    background: #7d7d7d;
}

.btn-outline-light-rm {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

.btn-outline-light-rm:hover {
    background: #525251;
    color: yellow;
    z-index: 99999;
    box-shadow: 10px 5px 5px #464545;
    transition: all .5s ease-in-out;

}

.btn-tooltip-edit-rm:hover:before {
    content: "edit ";
}

.btn-tooltip-delete-rm:hover:before {
    content: "delete ";
}

.btn-tooltip-insert-above-rm:hover:before {
    content: "insert above ";
}

.btn-tooltip-insert-below-rm:hover:before {
    content: "insert below ";
}


.arrow-up {
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    
    border-bottom: 10px solid #ec3c55;
    position: absolute;
    top: -10px;
    left: 10px;
}

.arrow-left {
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    
    border-right: 10px solid #ec3c55;
    position: absolute;
    top: 8.4px;
    left: -10px;
}

.arrow-right {
    /* width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(255, 245, 159);
    position: absolute;
    top: 8.4px;
    right: -10px; */
    /* width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(255, 245, 159);
    position: absolute;
    top: 2px;
    right: 1px;
    z-index: 9999; */
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #41558e;
    position: absolute;
    top: 2px;
    left: 1px;
    z-index: 9999;
}

.inner-prepend {
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    /* max-height: 1.96rem; */
    text-align: left;
}

.inner-prepend:hover {
    max-height: none;
}


.outer-prepend {
    width: 30%;
    
}

.outer-prepend :hover {
    white-space: normal;
    /* max-height: none; */
}

.tight-wrap-rm {
    border: 1px solid black;
    border-radius: .25rem;
}

.hi-lite-hover-beige-rm:hover {
    background: beige;
}

/* .arrow-left {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #ec3c55;
    position: absolute;
    top: 3px;
    left: -20px;
} */

.modal-rm3 {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 998; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/************** menu animation ***************/

.animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

  
@keyframes slideIn {
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
    100% {
        transform:translateY(0rem);
        opacity: 1;
    }
    0% {
        transform: translateY(1rem);
        opacity: 0;
    }
}

@-webkit-keyframes slideIn {
    0% {
        -webkit-transform: transform;
        -webkit-opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -webkit-opacity: 1;
    }
    0% {
        -webkit-transform: translateY(1rem);
        -webkit-opacity: 0;
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn;
}

.width-fit-rm {
    display: inline-block;
    margin-right: .5rem;
}

.headerInput {
    margin-bottom: .5rem;
    font-size: 2rem;
    width: 160px;
    text-align: center;
}

.head-rm, .text-center-rm {
    text-align: center;
}

.sortIndicator {
    background: url(../images/caret-down-fill.svg);
    cursor: pointer;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 4px;
    width: 16px;
}

.char-1 {
    width: 1.4rem;    
}

.char-2 {
    width: 2rem;    
}

.char-3 {
    width: 3rem;    
}

.char-4 {
    width: 4rem;    
}

.itemNumberFilteringWrap input {
    text-align: center;
    background: #e9e9e9;
    border: 1px solid lightslategray;
    margin: 1px;
    color: blue;
}

.itemNumberFilteringWrap input:valid {
    border: 2px solid blue;
    border-radius: .25rem;
}

.itemNumberFilteringWrap input::placeholder {
    color: green;
    opacity: 0.5;
}

.input-span {
    text-align: center;
    background: lightgray;
    border: 1px solid lightslategray;
    margin: 1px;
    color: blue;
}

/* span.span-input {
    margin: 1px;
    padding: 1px, 4px;
} */

span.span-input[contenteditable] {
    display: inline-block;
    text-align: center;
    border: 2px solid blue;
    border-radius: 0.25rem;
    margin: 0.3px;
    padding: 1px 4px;
    color: blue;
    min-width: 1.5rem;
    text-transform: capitalize;
}

span.span-input[contenteditable]:empty {
    border: 1px solid lightslategray;
    background: #e9e9e9;
    color: gray;
    /*opacity: 0.4;*/
}

span.span-input[contenteditable]:empty::before {
    content: attr(data-placeholder);
    display: inline-block;
    /* padding: 1px 4px; */
    opacity: 0.4;
    /* min-width: 1rem; */
}

.itemNumberFilteringWrap {
    text-align: center;
}

.input-group-rm {
    border: 1px solid #1a5896;
    margin-bottom: .25rem;
    border-radius: .25rem;
    background-color: #dddddd;
}

.border-bottom-rm {
    border-bottom: 2px solid #5a6268;
}

.min-w-125px-rm {
    min-width: 125px;
}

.min-w-150px-rm {
    min-width: 150px;
}

.form-control.min-w-150px-rm {
    min-width: 150px;
}

.form-control.max-w-150px-rm {
    max-width: 150px;
}

#airo-continue-message {
    display: none;
}

.text-black {
    color: black;
}

.text-blue {
    color: blue;
}

.stock {
    font-weight: bold;
    color: darkorange;
}

div.tooltip div.tooltip-inner {
    /* color: rgb(202, 187, 187);
    background-color: #184113; */
    /* max-width: calc(100% - 15px); */
    /* max-width: 100vw; */
    max-width: calc(100vw - 40px);
}

.tooltip.show {
    opacity: 1;
}

.tooltip-title {
    border-bottom: 1px solid white;
}

.tooltip-row {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.tooltip-cell {
    border-left: 1px solid white;
    /* border-right: 1px solid white; */
    padding: 0;
}

.tooltip-single-cell {
    border: 1px solid white;
    /* border-right: 1px solid white; */
    padding: 0;
}

.tooltip-cell:last-child {
    border-right: 1px solid white;
}

.tooltip-no-wrap {
    white-space:nowrap;
}

.tooltip-col-head {
    background: #575757;
    color: white;
}

.top-right-rm {
    position: absolute;
    right: .2rem;
    top: -.2rem;
}

/* .text-center-rm {
    text-align: center;
    width: 100%;
} */

.top-border-rm {
    border-top: 1px solid #575757;
}

.border-b1-bottom-rm {
    border-bottom: 1px solid black;
}

table.fixedHeadersTable.airo tr > td:hover {
    background: rgb(210, 210, 210);
    /* border: 1px solid black; */
    /* outline: inset; */
}

table.fixedHeadersTable.airo tr:hover, table.fixedHeadersTable.airoSubReport tr:hover {
    background: rgb(230, 230, 230);
}

table.fixedHeadersTable.airo tr:hover td:first-child, table.fixedHeadersTable.airoSubReport tr:hover td:first-child{
    /* color:yellow; */
    background:  rgb(230, 230, 230);
}

table.fixedHeadersTable.airo tr td:first-child:hover{
    /* color:yellow; */
    background: rgb(210, 210, 210);
    outline: solid 1px;
    cursor: pointer;
}

table.fixedHeadersTable.airo tr.reportTableRow:hover {
    background: transparent;
}

table.fixedHeadersTable.airo tr.reportTableRow:hover td:first-child {
    background: transparent;
}

table.fixedHeadersTable.airo tr.reportTableRow td:first-child:hover{
    /* color:yellow; */
    background: transparent;
    outline: none;
    cursor: default;
}

.cardHt {
    max-height: 154px;
    overflow-y: auto;
}

.form-heading-rm {
    font-size: 1.25rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    color: #1a5896;
}

.remove-padding-rm {
    padding-left: 0;
    padding-right: 0;
}

.font-size-125rem-rm input{
    font-size: 1.25rem;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
}

.small-button-rm {
    /* padding: 0;
    padding-bottom: .4rem;
    font-size: 1.5rem;
    line-height: .5; */
    padding: 0;
    padding-bottom: .3rem;
    padding-top: .1rem;
    font-size: 1.5rem;
    line-height: .5;
    float: right;
}

.sales-order-select-list-sawm {
    position: relative;
}

.sales-order-select-list-delete-sawm {
    position: absolute;
    top: -0.95rem;
    left: calc(50% - 0.6125rem);
}


div.card-body.card-body-rm {
    padding-left: 0;
    padding-right: 0;
    padding-top: .25rem;
}

div.card-body.card-body-rm, div.container.container-rm {
    padding-left: 0;
    padding-right: 0;
}

table.table.table-bordered.table-rm {
    margin-bottom: 0;
    height: 100%;
}

/* div.so-container:nth-child(odd) {
    background-color: thistle;
} */

div.so-container:nth-child(even) table.table.table-bordered.table-rm td {
    background-color: #efefef
}

table.table.table-bordered.table-rm td {
    vertical-align: middle;
}

table.table.table-bordered.table-rm td, table.table.table-bordered.table-rm th {
    padding: 0;
}

table.table.table-bordered.table-rm.table-right th {
    margin-bottom: 0;
    height: 25px;
}

table.table.table-bordered.table-rm.table-right td {
    margin-bottom: 0;
    /* height: 100%; */
}

table.table-bordered.table.table-rm td[class^="table-col-b"] {
    height: 100%;
}

.hr-rm {
    margin-top: 0;
    margin-bottom: 0;
}

tr.ht-1px {
    visibility: hidden;
    line-height: 0px;
    
}

.table-col-a1-rm {
    width: 32.07px;
}

.table-col-a2-rm {
    width: 42.42px;
}

.table-col-a3-rm {
    width: 77.03px;
}

.table-col-a4-rm {
    width: 53.45px;
    word-break: break-all;
}

.table-col-a5-rm {
    width: 120.53px;
    /* word-break: break-all; */
}

.table-col-b1-rm {
    width: 41.22px;
}

.table-col-b2-rm {
    width: 37.42px;
}

.table-col-b3-rm {
    width: 56.91px;
}

.table-col-b4-rm {
    width: 37.69px;
}

.table-col-b5-rm {
    width: 132.27px;
}

/* th.max-width-50px-rm {
    max-width: 55px;
} */

.ht-25px-rm {
    height: 25px;
}

.ht-50px-rm {
    height: 50px;
}

.soNumSAWM {
    font-weight: bold;
    font-size: 2rem;
    position: absolute;
    left: 10px;
    top: -7px;
}

.scroll-y-rm {
    overflow-y: auto;
}

table.table-right tbody tr td{
    height: 3rem;
}

.card-header.card-header-rm {
    padding: 0;
}

.SAWMpageTitle {
    font-size: 1.5rem;
}

.list-row-height-rm {
    height: 36px;
}

.form-control-rm {
    display: block;
    width: 100%;
    /* height: calc(1.5em + .75rem + 2px); */
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-rm-ddlo, .form-control-rm-urui {
    display: block;
    width: 100%;
    /* height: calc(1.5em + .75rem + 2px); */
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /* color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
}

.form-control-rm-ddlo:hover, .form-control-rm-urui:hover {
    background: #7d7d7d;
}

.no-select{
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none; 
     user-select: none;
}

.checkmark-ddlo {
    margin-left: .8em;
    position: relative;
}

.checkmark-ddlo::before {
    content: '';
    position: absolute;
    border-color: #009933;
    border-style: solid;
    border-width: 0 0.3em 0.25em 0;
    height: 1em;
    top: 0;
    left: -0.9em;
    margin-top: 0.15em;
    transform: rotate(45deg);
    width: 0.5em;
}

.robs-checkbox-input {
    width: 20px; height: 20px;
    border-radius: 50%;
    transition: box-shadow .3s;
    background: lightgrey;
    cursor: pointer;
    border: 1px solid blue;
    appearance: none; -webkit-appearance: none; 
    }

.robs-checkbox-input:checked {
    /* box-shadow: inset 0 0 0 10px blue; */
    box-shadow: inset 0 0 0 10px blue, 0 0 1px 2px blue;
    border: 0;
}

.d-flex-rm {
    display:  flex;
    align-items: center;
}

.fit-content-rm {
    width: fit-content;
}

.mw-600-rm {
    max-width: 600px;
}

.icon-right-rm {
    position: absolute;
    right: 0;
    bottom: -1px;
    /* text-align: right;
    height: 26px; */
    line-height: 1.5rem;
    padding: 0 0 0.1px 0;
    border: 1px solid transparent;
    background: transparent;
}

.icon-right-rm:hover:before {
    content: "Correction";
    color: darkred;
    position: absolute;
    height: 1.5rem;
    right: 26px;
    bottom: -0.25px;
    background: #7ea5c7;
    white-space: nowrap;
    padding: 0 20%;
}

.bi-pencil-square {
    width: 24px;
}

.bi-pencil-square {
    fill: #2c00ff;
}

.icon-right-rm:hover>.bi-pencil-square {
    fill: red;
    /* background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.23) 9%, rgba(244,249,252,0.23) 11%, rgba(32,124,202,0.62) 50%, rgba(244,248,252,1) 88%, rgba(255,255,255,1) 90%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.23) 9%,rgba(244,249,252,0.23) 11%,rgba(32,124,202,0.62) 50%,rgba(244,248,252,1) 88%,rgba(255,255,255,1) 90%);
    background: radial-gradient(ellipse at center,  rgba(255,255,255,0.23) 9%,rgba(244,249,252,0.23) 11%,rgba(32,124,202,0.62) 50%,rgba(244,248,252,1) 88%,rgba(255,255,255,1) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bffffff', endColorstr='#ffffff',GradientType=1 ); */
}

/* svg.edit-this-value:hover:before {
    content: "edit";
} */

.icon-right-rm:hover>.bi-pencil-square path.pencil {
    fill: blue;
    
}

path.pencil {
    fill: blue;
}

.bi-pencil-square>path.pencil {
    fill: red;
}

.striped-rm:nth-child(odd) {
    background: #efefef;
}

.striped-rm:nth-child(even) {
    background: white;
}

.inventory-adjustment-help-list {
    position: absolute;
    top: 0;
    /* left: 0; */
    z-index: 999;
    width: calc(100% + 30px);
    min-width: 50%;
    max-width: calc(100% + 30px);
    /* max-width: 100%; */
    padding-right: 10px;
    height: 100vh;
    max-height: 200px;
    overflow-y: auto;
    /* overflow-x: auto; */
    border-radius: 8px;
}

.inventory-adjustment-help-list::-webkit-scrollbar {
    display: none;
}

.list-item-rm {
    background: #41558e;
    border-bottom: 1px solid #9895c1;
    color: white;
}

.txn-fix-list-item-rm {
    margin-top: .25rem;
}

.list-item-header-rm {
    background: #364775;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999;
    max-height: 26px;
    /* max-width: 100%; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0;
}

.list-item-subheader-rm {
    padding-top: 0;
    padding-bottom: 0;
    background: #8985cc;
}

.exitTip {
    font-size: 3rem;
    position: absolute;
    top: -17px;
    right: 2px;
    color: #a5d3f9;
}

.exitTip:hover {
    cursor: pointer;
    color: yellow;
}

.bkgd-light-gray-rm {
    background: #e9ecef;
}

.left-rm {
    width: 80px;
    text-align: center;
}

.status-marker {
    border: 1px solid #f3d88d;
    margin-bottom: .5rem;
    border-radius: .25rem;
    background: #f3d88d;
    box-shadow: 2px 2px 4px #5a6b79;
}

.list-group-item.list-group-item-rm {
    border: none;
    border-left: 1px solid #f3d88d;
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0;
}

/* .robs-checkbox-input:checked:before {
    content: "✓";
    padding-left: 8px;
    color: white;
    font-size: 1rem;
} */

/* sortlist.js */
/* (A) LIST STYLES */
.slist {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .slist li {
    /* margin-bottom: 5px; */
    /* padding: 10px; */
    /* border: 1px solid #333;
    background: beige;
    border-radius: .25rem; */
    border-bottom: 1px solid #bdbcbc;
    background: #525251;
    /* border-radius: .25rem; */
    color: white;
  }

  .slist li:hover {
    cursor: move;
  }
  
  /* (B) DRAG-AND-DROP HINT */
  /* .slist li.hint { background: #fea; } */
  .slist li.hint { background: #807d73; }
  .slist li.active { background: #929a92; }

  .slist-rm {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  
  .slist-rm li {
    /* position: relative;
    margin-bottom: 5px;
    border: 1px solid #333;
    background: #ddd;
    border-radius: .25rem; */
    border-bottom: 1px solid #bdbcbc;
    background: #525251;
    color: #ada7a7;
  }

  .slist-rm li:hover {
    cursor: auto;
  }
  
  /* (B) DRAG-AND-DROP HINT */
  /* .slist-rm li.hint { background: #ddd; } */
  .slist-rm li.active { background: #dddddd; }

/* sortlist.js */
/* (A) LIST STYLES */
/* .slist {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
  } */
  /* .slist input {
    margin-bottom: 5px;
    border: 1px solid #333;
    background: #fcfcfc;
    border-radius: .25rem;
  }
  
  .slist input:hover {
    cursor: move;
  } */

  /* .slist li input {
      background: transparent;
      border: none;
  } */
  
  /* (B) DRAG-AND-DROP HINT */
  /* .slist input.hint { background: #fea; }
  .slist input.active { background: #8ff292; } */

  .left-inline, .right-inline {
      margin: 3px;
      height: 30px;
  }
  
  .mid-right-inline {
      margin: 3px 3px 3px 0;
      height: 30px;
  }


/* tooltip-rm CSS */
/* .tooltip-rm {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .tooltip-rm .tooltip-rmtext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .tooltip-rm .tooltip-rmtext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tooltip-rm:hover .tooltip-rmtext {
    visibility: visible;
    opacity: 1;
  } */
  /* end tooltip-rm CSS */

  .form-row-rm  {
      margin-right: 0;
      margin-left: 0;
  }

  .dim-text-rm {
    opacity: 0.4;
  }

  .table.tight-table-rm {
    width:auto;
  }

  .table.tight-table-rm td {
    padding: 0 0.5em;
    border-left: 1px solid #8fcbd2;
    border-top: 1px solid #8fcbd2;
    border-bottom: 1px solid #8fcbd2;
    background-color: bisque;
  }

  .table.tight-table-rm tr td:last-child {
    border-right: 1px solid #8fcbd2;
  }

  .center-rm {
    margin-left: auto;
    margin-right: auto;
  }

  .box-scheme {
    border: 1px solid darkorange;
    background-color: #fbf9eb;
    border-radius: 0.2rem;
    margin-top: 0.2rem;
  }

  .moveModeStyle {
    display: flex;
    justify-content: center;
    color: red;
    font-weight: bold;
    letter-spacing: 0.5em;
  }

  .border-bott-gray-rm {
    border-bottom: 2px solid #dee2e6;
  }

  .table td.border-top-none-rm, .table th.border-top-none-rm {
    border-top: none;
  }

  .span-button-rm {
    padding: 0.5rem;
    border: 1px solid red;
    border-radius: 0.25rem;
  }

  td.pad2.re-open-rm.top-pad-rm {
    padding: 14px;
  }

  .scrap-correction-message {
    color: red;
    line-height: normal;
  }

  .cancelCorrectionStay {
    color: #87f596;
    cursor: pointer;
  }
  
  .cancelCorrection {
    color: yellow;
    cursor: pointer;
  }
  
  .cancelCorrectionStay:hover, .cancelCorrection:hover {
    color: white;
  }

  .noFrillsList {
    list-style: none;
  }

  .greenish-backgr-rm, .greenish-backgr-rm:focus {
    background-color: #ffeb3b;
  }
  
  /* IMPORTANT - Media queries should be at the end of the css file */

@media (hover: none) { /* This prevents hover css from working on mobile devices */
    div.nav-link-rm {
       opacity: 1;
    }
}

@media (min-width: 20px) { /* (smaller phone viewpoints) For browsers larger than 20px */
    .container.helper {
        width: calc(100vw + 3rem);
        padding-right: 6rem;
    }
    .sizer-rm {
        max-width: fit-content;
        margin: 0 auto;
        padding: .5rem 1rem;
    }
    .table-container.noHorzScroll {
        max-height: calc(100vh - 109px);
        overflow-x: auto;
    }
    .table-container-subreport.noHorzScroll {
        max-height: calc(100vh - 302px);
        overflow-x: auto;
    }
    .hideMeUnder768 {
        display:none;
    }
    div.modal-content.width-control-rm {
        margin: 0;
    }
    li.menu-item.row-cols-5 div {
        font-size: .8rem;
    }
    .table td.pad2 {
        padding: 0 2px;
    }
}

@media (min-width: 480px) { /* (small devices and most phones) For browsers larger than 480px */
    div.card-deck .card.border-white-rm {
        margin-bottom: 15px;
        margin-right: 0;
        margin-left: 15px;
    }
    main.page-rm div.card-deck, main.page-rm-sawm div.card-deck {
        margin-right: 0;
    }
    .modal-dialog {
        max-width: fit-content;
        margin: 1.75rem auto;
    }
    .table td.pad2 {
        padding: 0 6px;
    }
}

@media (min-width: 768px) { /* (most tablets) For browsers larger than 768px */
    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: 2rem;
        padding-right: 1.5rem;
    }
    table.fixedHeadersTable tbody tr th:first-child, table.fixedHeadersTable tbody tr td:first-child {
        max-width: 500px;
    }
    table.fixedHeadersTable tbody tr td:first-child {
        background: #fff;
    }
    table.media768 tbody tr td:nth-child(3) {
        white-space: nowrap;
    }
    div.modal-content.width-control-rm {
        /* margin: 0 10%; */
        margin: 0 auto;
        min-width: 70%;
        max-width: 80%;
    }
    .hideMeUnder768 {
        display: block;
    }
    .sizer-rm {
        max-width: fit-content;
        min-width: 500px;
        margin: 0 auto;
        padding: .5rem 1rem;
    }
    .table td.pad2 {
        padding: 0 10px;
    }
}

/* @media (min-width: 992px) { 
    div.modal-content.width-control-rm {
        
    }
   
} */

@media (min-width: 1200px) { /* (large devices and wide screens) For browsers larger than 1200px */
    /* div.modal-content.width-control-rm {
        margin: 0 30%;
    } */

    .sizer-rm {
        max-width: 70vw;
        min-width: 500px;
        margin: 0 auto;
        padding: .5rem 1rem;
    }
}



/* @media (max-width: 500px) {
    li.menu-item.row-cols-5 div {
        font-size: .8rem;
    }
} */

/* @media (min-width: 576px) {
    div.card-deck .card.border-white-rm {
        margin-bottom: 15px;
        margin-right: 0;
        margin-left: 15px;
    }

    main.page-rm div.card-deck, main.page-rm-sawm div.card-deck {
        margin-right: 0;
    }

    .modal-dialog {
        max-width: fit-content;
        margin: 1.75rem auto;
    }
} */

/* @media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: 2rem;
        padding-right: 1.5rem;
    }
    table.fixedHeadersTable tbody tr th:first-child, table.fixedHeadersTable tbody tr td:first-child {
        max-width: 500px;
    }
    table.fixedHeadersTable tbody tr td:first-child {
        background: #fff;
    }
    table.media768 tbody tr td:nth-child(3) {
        white-space: nowrap;
    }
    div.modal-content.width-control-rm {
        margin: 0 10%;
    } 
} */

/* @media (max-width: 768px) {
    .container.helper {
        width: calc(100vw + 3rem);
        padding-right: 6rem;
    }
    
    .table-container.noHorzScroll {
        max-height: calc(100vh - 109px);
        overflow-x: auto;
    }

    .table-container-subreport.noHorzScroll {
        max-height: calc(100vh - 302px);
        overflow-x: auto;
    }

    .hideMeUnder768 {
        display:none;
    }

    div.modal-content.width-control-rm {
        margin: 0;
    } 
} */

@media all {
    .page-break {
        display: none;
    }
}

@media print {

    body {
        padding-top: 0;
        /* -webkit-print-color-adjust: exact; */
    }

    main.page-rm {
        display: none;
    }

    main.page-rm-sawm {
        position: relative;
        top: 0;
        overflow-y: hidden;
        background-color: transparent;
    }

    body.bg-light {
        background-color: transparent!important;
    }

    .page-break:not(:last-child) {
        display: block;
        page-break-after: always;
    }

    div.so-container:nth-child(even) table.table.table-bordered.table-rm td {
        background-color: #efefef!important;
    }
    
    #subNav {
        display: none;
    }
    
    nav.navbar {
        display: none;
    }

    #ShipmentAuditTableWrap {
        display: none;
    }

    .mw-475-rm-p {
        max-width: 47.5%;
    }

    /* .h-100-rm-p {
        height: 100%!important;
    } */

    tr.ht-1px {
        visibility: hidden;
        line-height: 0px;
    }

    #modal1 div.modal-header {
        justify-content: center;
    }

    #modal-footer1 {
        display: none;
    }
}