/*! HTML5 Boilerplate v7.3.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
  display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
  /* 1 */
}

/*
* Extends the .sr-only class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.sr-only.focusable:active,
.sr-only.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  white-space: inherit;
  width: auto;
}

/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
     * Printing Tables:
     * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
     */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}


#mwinventory__newpw{
    display:none;
}

#scanner,
#mwinventory__changetoscanner{
    display:none;
}

.qrscanner video {
		  max-width: 100%;
		  max-height: 300px;
		}

.table{
    word-break: break-word;
}

.mwinventory_qr{
    width:100%;
}
.mwinventory_qr {
  width: auto;
  height: 220px;
}


.help-block{
    color:#e95420;
    display: block;
    width: 100%;
    text-align: center;
    padding: 0;
    background-color:#e9542017;
    margin: 0px auto 15px;
    line-height: 35px;
}

.is_undo{
    background-color: #e9542029;
    color: #a2a2a2;
}
.is_undo a{
    color: #a2a2a2;
}
.is_undo button{
    color: #a2a2a2;
    border-color:#a2a2a2;
}

.historyHighlight {
    background-color: #efb73e;
    transition: background-color 2s;
}

.historyHighlightInactive {
    background-color: #ffffff;
}

.mwi-modiconwrapper{
    display: flex;
}

#mwi-modal-scanFinishedError .mwi-iconc{
    position: relative;
    margin: 0 20px 20px 0;
}

#mwi-modal-scanFinished .mwi-iconc{
    position: relative;
margin: 20px auto;
}

#mwi-modal-scanFinished .mwi-icon1,
#mwi-modal-scanFinishedError .mwi-icon1{
    font-size: 6rem;
color: #E95420;
margin: 5px 10px;
}
#mwi-modal-scanFinished .mwi-icon2,
#mwi-modal-scanFinishedError .mwi-icon2{
    position: absolute;
right: 0;
top: 4rem;
font-size: 2rem;
color: #28a745;
background: #fff;
border-radius: 99px;
padding: 3px;
}

#mwi-modal-scanFinishedError .mwi-icon1{
color: gray;
}

#mwi-modal-scanFinishedError .mwi-icon2{
color: red;
}










@media (max-width: 1000px) {
    .hide-smaller-xl{
        display:none;
    }
}

@media (max-width: 800px) {
    .hide-smaller-md{
        display:none;
    }
}

@media (max-width: 400px) {
    .hide-smaller-sm{
        display:none;
    }

    .mwi-modiconwrapper {
      display: flex;
      flex-flow: column;
      align-items: center;
    }
}
}



/* ==========================================================================
   Custom styles.
   ========================================================================== */

#mwi-table-products .sorthandle i {
  cursor: grab;
  color: grey;
}

#mwi-table-products .sorthandle i {
  cursor: grab;
  color: grey;
}

#mwi-table-products .ui-sortable-helper i {
    cursor: grabbing;
}

#mwi-table-products .ui-sortable-helper .hide-while-dragging{
    display: none;
}
#mwi-table-products .ui-sortable-helper {
    background-color: rgba(0, 0, 0, 0.3);
}

.mwi_packlist_container{
    background-color: #fff;
}

.mwi_packlist_orderstartqr,
.mwi_packlist_orderendqr{
    max-width: 80px;
    margin: 0 0 0 auto;
}

.mwi_packlist_footer{
    text-align: right;
}

.mwi_packlist_orderendqr {

}

.mwi_packlist_orderstartqr img.mwinventory_qr,
.mwi_packlist_orderendqr img.mwinventory_qr{
    width: 100%;
    height: auto;
}

.mwi_packlist_container #mwi-table-productlist tbody tr:nth-child(2n),
.mwi_packlist_container #mwi-table-productlist tbody tr:nth-child(2n):hover{
    background-color: lightgrey!important;
}
.mwi_packlist_container #mwi-table-productlist tbody tr:hover{
    background-color: #fff;
}

.mwi_packlist_header {
  display: flex;
  justify-content: space-between;
}

.mwi_scanitemstatus .mwi_scanitemstatus_icon{
    display:none;
}
/*SUCCESS*/
.mwi_scanitemstatus_success {
  background-color: #c7eacc;
}
.mwi_scanitemstatus_success .mwi_scanitemstatus_icon_success{
    display:inline-block;
    color: green;
}
/*PENDING*/
.mwi_scanitemstatus_pending {
  background-color: #fff;
}
.mwi_scanitemstatus_pending .mwi_scanitemstatus_icon_pending{
    display:inline-block;
    color: grey;
}
/*WRONGAMOUNT*/
.mwi_scanitemstatus_wrongamount {
  background-color: #fcf1d8;
}
.mwi_scanitemstatus_wrongamount .mwi_scanitemstatus_icon_wrongamount{
    display:inline-block;
    color: orange;
}
/*ERROR*/
.mwi_scanitemstatus_error {
  background-color: #fbddd2;
}
.mwi_scanitemstatus_error .mwi_scanitemstatus_icon_error{
    display:inline-block;
    color: red;
}
/*MISMATCH*/
.mwi_scanitemstatus_mismatch {
  background-color: #fcf1d8;
}
.mwi_scanitemstatus_mismatch .mwi_scanitemstatus_icon_mismatch{
    display:inline-block;
    color: red;
}

.mwi_scanitemstatus_success {
  background-color: #c7eacc;
}

.mwi_scanitemstatus_pending {

}

.mwi_scanitemstatus-detail td {
  padding-top: 0;
  height: 0px;
  border: 0;
  padding-bottom: 0;
}

.mwi_scanitemstatus-detail td div{
    display: none;
    padding: 0.75rem 0 0.75rem;
}

.mwi_scanitemstatus-detailindicator {
 background: red;
 border-bottom: 1px solid #6c757d;
 width:5px;
 padding:0px;
}

.mwi_table_i5{
    padding: 0!important;
    width: 5px;
}

.mwi-scanheader{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.mwi-showwhenorder_block,
.mwi-showwhenorder_inline,
.mwi-showwhenorder_inline.btn,
.mwi-showwhenorder_block.btn,
.mwi-showwhenshipment_block,
.mwi-showwhenshipment_inline,
.mwi-showwhenbox_inline,
.mwi-showwhenbox_block{
    display: none;
}



.ui-autocomplete {
  max-height: 300px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}




#mwinventory__soundoff{
display: none;
width: 40px;
height: 30px;
}
#mwinventory__soundon{
display: inline-block;
width: 40px;
height: 24px;
}


.mwi-spinner-c {
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  position: fixed;
  background: #000000c2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.mwi-spinner-c div{
    padding: 20px;
background: #fff;
border-radius: 8px;
text-align: center;
}

.mwi-spinner-icon.fa-solid.fa-circle-notch {
  text-align: center;
  font-size: 2rem;
  transform: rotate(30deg);
}

.mwi_showunmappedsku-w,
.mwi_showuntrackedwooproducts-w {
    //width: 100%;
    //background-color: #e9542029;
    //padding: 0;
    //border-radius: 5px;
    //margin: 50px 0;
}
.mwi_showunmappedsku-c{
    display: flex;
    width: 100%;
}
.mwi_showunmappedsku-c div{
    padding: 20px;
}
.mwi_showunmappedsku-note{
    color: #8a4646;
    padding:20px 20px 0 20px;
}

.mwi_close-alert {
  position: absolute;
  right: 10px;
}

table.mwi-table-sticky thead{
    position: sticky;
    top:0;
  background: #fff;
  border-bottom: 3px solid red;
  box-shadow: 0px 2px 0px #aea79f;
  z-index: 10;

}










@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}




@media (max-width: 800px) {
    .mwi-scanheader{
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: baseline;
    }

    #hwscanner .form-group{
        margin: 0 !important;
    }
}

@media (max-width: 400px) {
    .hide-smaller-sm{
        display:none;
    }
}


.mwi-tablerow-overlay{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    background: #00000087;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mwi-table-bulkproducts .form-group{
    margin: 0;
}

.mwi-datarow-changed{
    background-color: red;
}

.mwi-table-updaterowbtn,
i.mwi-table-checkicon-success,
i.mwi-table-checkicon-error{
    display: none;
}


.mwi-orderstatusbadge{
    font-size: 1rem;
    text-transform: uppercase;
}

.mwi-tableoverflow{
    max-width: 100%;
overflow-x: auto;
position: relative;
display: block;
}

.sorthandle i {
  cursor: grab;
}


/* BOXES */

.mwi_box {
  background-color: #fff6e9;
  padding: 10px 10px 1px 10px;
  margin: 25px 0;
  border-radius: 5px;
  box-shadow: 0px 5px 10px #b5b5b5eb;
}

.mwi_box table.mwi-table-sticky thead {
  background: #e8e0d4;
}

.mwi_box.ui-sortable-helper{
    max-height: 50px;
    overflow:hidden;
}

.mwi_boxsorthandle{
    cursor: grab;
}

.mwi_boxcurrentstatusbtn{
    font-weight: bold;
}


td.sorthandle .mwi_issortableicon{
    display: block;
}
td.sorthandle .mwi_isnotsortableicon{
    display: none;
}

td.sorthandle--no .mwi_issortableicon{
    display: none;
}
td.sorthandle--no .mwi_isnotsortableicon{
    display: block;
}

.mwi_generalboxstatusbtn {
  margin-left: 10px;
}



/* ---------- JQUERY UI STYLES ---------- */

.ui-widget.mwi-dialog {
    font-family: Verdana,Arial,sans-serif;
    font-size: .8em;
}

.ui-widget-content.mwi-dialog {
    background: #F9F9F9;
    border: 1px solid #90d93f;
    color: #222222;
}

.ui-dialog.mwi-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
}

.ui-dialog.mwi-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 0 !important;
    margin: 0;
}

.ui-dialog.mwi-dialog .ui-widget-header {
    background: #b0de78;
    border: 0;
    color: #fff;
    font-weight: normal;
}

.ui-dialog.mwi-dialog .ui-dialog-titlebar {
    padding: 0.1em .5em;
    position: relative;
    font-size: 1em;
}



/* NOTIFICATIONS */
.mwi-notificationcontainer{
    position: fixed;
    right: 20px;
    top: 20px;
    width: 300px;
    z-index: 11;
}


@media (max-width: 400px) {
    .mwi-notificationcontainer{
        position: fixed;
        right: 10%;
        top: 5px;
        width: 80%;
    }
}

.mwi_boxnameedit{
    display: none;
    border: medium none;
    background-color: rgb(230, 203, 179);
    border-radius: 3px;
    line-height: 1rem;
    margin: -5px 0px;
    font-weight: inherit;
}
.mwi_boxname{
    display: inline-block;
    max-width: 300px;
    cursor: context-menu;
    margin: 0px 2px;
}

/* TABLES */
.mwi_boxemptyrow{
    display: none;
    text-align:center;
    background-color: #ccc;
}


.mwi_boxheader{
    display: flex;
justify-content: space-between;
}

.mwi_deletebox{
    display: none;
}

/* DOCUMENTATION */

.mwi-doc-wrapper{
    display: flex;
}

.mwi-doc-nav{
    position: sticky;
    padding-right: 20px;
}

.mwi-doc-nav ul {
  list-style: none;
}

.mwi-doc-nav .nav-link {
  padding: 0 1rem;
font-size: 0.85rem;
line-height: 1.2rem;
}

.mwi-doc-content li,
.mwi-doc-content p {
font-size: 0.85rem;
line-height: 1.2rem;
color: grey;
}


.mwi-doc-content h4{
    font-size: 1.2rem;
}

.mwi-doc-content h3{
    border-bottom: 1px solid #eaeaea;
margin: 50px 0 30px 0;
}

.mwi_picklistboxcontainer i {
  width: 20px;
  display: inline-block;
  text-align: center;
}

.mwi_buttonbar{
    display: flex;
    justify-content: space-between;
    align-items: start;
}

@media only screen and (max-width: 780px) {
    .mwi_buttonbar{
        flex-direction: column;
    }
}

.mwi_totalbox{
    margin: 20px 0;
padding: 10px;
background: #eaeaea8a;;
border-radius: 5px;
}

.mwi_totalbox span{
    display: block;
}

.mwi_totalbox .mwi_totalbox_orderid{
border-bottom: 1px solid #00000021;
}

.mwi_totalbox .mwi_totalbox_refund{
    color: red;
    display: inline;
}

.mwi_totalbox strong {
  width: 120px;
  display: inline-block;
}

.mw-ordertotalswrapper {
  display: none;
}

.mwi_totalbox_btn_all{
    float: right;
}

.mwi_packlist_header_address{
    width: 100%;
}


.mwi-showwhenbox_block .mwi_generalboxstatusbtn{
    font-size:1rem;
}


.mwi_dnone{
    display: none;
}



/*MULTISELECT*/

.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}

.multiselect.dropdown-toggle.btn.btn-default {
  border: 1px solid #ced4da;
  width: 100%;
  display: block;
}

.mwi_form-group-multiselect .btn-group{
    display: block;
}

.mwi_form-group-multiselect a {
  color: black !important;
}
.mwi_form-group-multiselect label {
  //padding: 0;
}

.mwi_form-group-multiselect ul{
    width: 100%;
    padding: 10px 0px;
    box-shadow: 0px 5px 10px #00000057;
}



.mwi-refreshbtn-maindone{
    display: inline-block;
}
.mwi-refreshbtn-mainupdating{
    display: none;
}

.mwi-spinnertext{
    max-width: 200px;
word-wrap: break-word;
display: block;
}

.mwi-whfilter-wrapper{
    display: flex;
}

.mwi-whfilter-wrapper .form-group{
    margin: 0 5px 0 0;
}

#mwi-boxdonebutton.mwi-boxdonebutton--invalid{
  background-color: #d9d9d9;
  border-color: #c4c4c4;
}

#mwi-boxdonebutton .fa-circle-check{
  display: inline-block;
}
#mwi-boxdonebutton.mwi-boxdonebutton--invalid .fa-circle-check{
  display: none;
}
#mwi-boxdonebutton .fa-circle-xmark{
  display: none;
}
#mwi-boxdonebutton.mwi-boxdonebutton--invalid .fa-circle-xmark{
  display: inline-block;
}

.mwi-form_onholdsettings{
    display:flex;
}
.mwi-form_onholdsettings .form-group{
    width: 100%;
    margin: 0px 2px;

}

#ui-datepicker-div {
  z-index: 10 !important;
}

.mwi_boxnoteinputwrapper{
    background: #fff;
    display: block;
    padding: 0px;
    margin: 0 0 12px 0;
    border-radius: 3px;
}

.mwi_notew{
    padding: 3px 30px 3px 10px;
position: relative;
}
.mwi_notew i{
    margin-right: 5px;
}
.mwi_notew .mwi_deletenotebtn{
    position: absolute;
right: 5px;
//top: 5px;
}
.mwi_notew:hover .mwi_deletenotebtn{

}

.mwi_notew_notpublic .mwi_notew_notpublic{

}


.mwi_extramobilebtns i{
    color:#fff;
}

.mwi_extramobilebtns {
  display: flex;
  margin: 6px 0 6px auto;
}
#mwinventory__addtoprod{
    width: 100%;
}

.mwi_scanitemsdetails .mwi_notew {
  padding: 0px;
  padding-right: 10px;
}
.mwi_scanitemsdetails {
  font-size: 0.92rem;
}
.mwi_scanitemsdetails .badge {
  font-size: 0.92rem;
  font-weight: normal;
}
.mwi_scanitemident{
    font-weight: bold;
}

.mwi_packlist_container {
  min-width: 550px;
}
.mwi_packlist_wrapper {
  width: 100%;
  overflow: scroll;
}

.mwi_notew:hover{
    background-color: rgba(0,0,0,.075);
}

#mwi-modal-scanAlreadyCompleted .mwi-orderstatusbadge{
    font-size: 75%;
}

.mwi_shippingmethod_hidden{
    display: none;
}

.mwi-buttonbar{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
@media (max-width: 400px) {
    .mwi-buttonbar{
        display: block;
    }
    .mwi-buttonbar .btn,
    .mwi-buttonbar .btn-group {
      width: 100% !important;
      margin: 2px 0 !important;
    }

    .mwi-buttonbar form {
        display: flex !important;
        align-items: center;
        width: 100%;
        margin: 2px 0 !important;
    }
}

#mwi-table-refunded_items{
    width: 500px;
}

table.table-notopborder th{
    border-top: none;
}


.mwi-scanheadercontrols .btn-sm {
  padding: .05rem .2rem;
}

.mwi-scanheadercontrols{
    margin: 0 0 0 auto;
}

#mwinventory__status{
    color: grey;
    font-size: 0.7rem;
}


.navbar {
  padding: 0rem 1rem;
  min-height: 48px;
 }

.navbar-brand{
    display: block;
    background-color: #fff;
    text-align: center;
    padding: 5px 5px 5px 5px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    position: absolute;
    color: #000;
    box-shadow: 0px 0px 20px #00000045;
    width: 120px;
height: 55px;
top: 0;

}

.navbar-brand div{
    background-image: url(../img/uidefaults/inventorylogo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: #fff;
    width: 100%;
    height: 100%;
}

.subbrand {
  position: relative;
  display: block;
  font-size: 10px;
  line-height: 10px;
}

.img-upload-wrapper {
  display: flex;
}

.img-upload-preview {
    max-width: 80px;
  max-height: 80px;
  margin-right: 10px;
  height: 100%;
  width: 100%;
}

.mwi_picklist_uncompressed{
    display: none;
}

.mwi-logitemrow{
    cursor: pointer;
}
.mwi-moreitems {
  display: none;
}

.mwi-varind {
  font-size: 0.6rem;
  color: #e95420;
  display: block;
}

.mwi-morestreaklog {
  font-size: 0.7rem;
  font-family: monospace;
}

.mwi-shipping {
  opacity: 0.3;
}
.table-row:hover .mwi-shipping {
  opacity: 0.9;
}

.mwi-button-icon {
  border-radius: 40px;
  width: 20px;
  height: 20px;
  line-height: 16px;
  text-align: center;
  padding: 0;
  font-size: 12px;
  margin-left: 5px;
  vertical-align: text-top;
}

.mwi_shippinglabelc{
    padding: 15px;
    border-radius: 15px;
    background: #e954201f;
    /*max-width: 600px;*/
    width: 100%;
    margin: 40px 0;
}

.mwi_shippinglabelc img{
    width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: block;
}

.mwi_printlabel{
    display: none;
}

body.printlabel *{
    display:none;
}
body.printlabel #printlabelc{
    display:block;
}
body.printlabel #printlabelc *{
    display:block;
}

.mwi-boxlabelratesc{
    display: none;
}

.mwi_customsitem{
    background: #dfdfdf;
      margin: 10px 0;
      padding: 10px;
      border-radius: 5px;
}

.mwi-miniheading{
    font-size: 1rem;
    font-weight:
    
}
/* ---------- PRINT STYLES ---------- */


@media print{
    div.alert,
    .mwi_buttonbar, .donotprint{
        display: none !important;
    }

    .mwi_pagebreak { page-break-before: always; } /* page-break-after works, as well */

    @page{
        margin:0px;
    }
    body{
        margin:50px 0px 30px 20px;
        width:100%;
    }

    .mwi_packlist_container #mwi-table-productlist tbody tr{
        background-color: #fff;
    }
    .mwi_packlist_container #mwi-table-productlist tbody tr:nth-child(2n){
        background-color: lightgrey!important;
    }

    .mwi-orderstatusbadge, .mwi_generalboxstatusbtn {
        display: none;
    }

    .container{
        width:100%
    }
    .mwi_packlist_container{
        width: 100%;
        max-width: 100%;
        overflow: auto;
    }


}