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

#louiseviewport {
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0; 
    top:0;
    overflow:hidden;
}

#louisesplash {
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0; 
    top:0;
    text-align: center;
    background-color: #ff5555ff;
}

#louisesplash-status {
    position: absolute;
    height:40px;
    width: 100%;
    top:40%;
    margin-top: 220px;
    color:white;
    font-size: smaller;
    font-weight: bold;
}

#louisesplash-louise {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
    position: absolute;
    left:50%;
    top:40%;
    background: url('../../img/glyphs/Louise_03_scaled.png') no-repeat;
}

#louisecontainer {
    padding:0; 
    margin:0;
    width:100%; 
    /* height:90%; */ 
    height:100%;
    background-color:white; 
    position:absolute; 
    left:0; 
    top:0; 
    overflow:hidden;
}

.louise-panel {
    padding:25px; 
    margin:0;
    width:100%; 
    height:90%; 
    background-color:white; 
    position:absolute; 
    top:0; 
    overflow-y:scroll;
    transition:left 0.2s;
}

.louise-panel h4 {
    width:70%;
    display: none;
}

#louise-product-list-panel {
    left:0%; 
}

#louise-product-actions-panel {
    left:100%; 
    padding:0 !important; 
    margin:0;
    width:100%; 
    height:90%; 
    position:absolute; 
    top:0; 
    overflow-y:hidden;
    transition:left 0.2s;
}

#louise-scanner-container {
    /*
    display:none;
    */
    padding:0; 
    margin:0;
    width:100%; 
    height:90%; 
    background-color:black; 
    position:absolute; 
    left:-100%; 
    top:0; 
    overflow-y:hidden;
    transition:width 0.3s;
    transition:height 0.3s;
    transition:top 0.3s;
}

#louise-scanner-container input {
    position: absolute;
    display: none;
    left:50%;
    top:50%;
    width: 25%;
    margin-left:-12.5%;
    text-align: center;
}

.external-scanning-device {
    background-color:white !important;
}

.external-scanning-device .louise-external-scanner-overlay {
    display: block !important;
    background-color: white;
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
}

.louise-external-scanner-overlay {
    background: url('../../img/glyphs/barcode_scan.webp') no-repeat;
    background-position-y: 50%;
    background-position-x:center;
}

.external-scanning-device input {
    display: block !important;
}

#louise-scanner-action-choice-container {
    position: absolute;
    text-align: center;
    width:60%;
    bottom:-50%;
    background-color: white;
    left:50%;
    margin-left:-30%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 15px;
    transition:bottom 0.3s;
}

#louise-scanner-action-inventory-panel {
    position: absolute;
    padding:15px;
    text-align: left;
    width:80%;
    top:50%;
    background-color: white;
    left:50%;
    margin-left:-40%;
    margin-top:-100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 15px;
    transition:bottom 0.3s;
}

#louise-scanner-action-inventory-panel h3 {
    font-weight: bold;
}

#louise-scanner-action-inventory-panel table {
    margin-top:10px;
    width:100%;
    max-width: 300px;
}

#louise-inventory-assign-quantity {
    width:100%;
}

#louise-product-inventory-spinner {
    position: absolute;
    display: none;
    left:50%;
    margin-left:-15px;
    margin-top:5px;
}

.louise-inventory-panel-processing #louise-product-inventory-spinner {
    display: block;
}

.louise-inventory-panel-processing #louise-product-inventory-confirm {
    display: none;
}

.louise-scan-submenu-item {
}

#louise-inner-overlay-bg {
    display: none;
    position: absolute;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.louise-overlay-bg {
    background-color: rgba(0, 0, 0, 0.5);
}

.louise-scan-submenu-item a {
    display: block;
    height:3em;
    line-height: 3em;
}

.louise-scan-submenu-item a:active {
    background-color: #e2e2e2;
}


.louise-scan-submenu-item-middle {
    border-bottom:1px solid #e2e2e2;
}

#louisemenu {
    display:block;
    padding:0; 
    margin:0; 
    width:100%; 
    height:10%; 
    background-color:white;
    position: absolute; 
    top:90%; 
    text-align: center; 
    vertical-align: middle;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#scanbutton {
    display:block;
    border:0;
    padding:0;
    margin:0;
    background: url('../../img/icons/scan.svg') no-repeat top;
    background-size: 70px 70px;
    margin-top:-35px;
    margin-left:-35px;
    width:70px;
    height:70px;
    position:relative;
    left:50%;
}

.louise-scan-cancel {
    background-image: url('../../img/icons/scan_cancel.svg') !important;
}

.louise-scan-cancel:active {
    background-image: url('../../img/icons/scan_cancel_pressed.svg') !important;
}

#scanbutton:active {
    background: url('../../img/icons/scan_pressed.svg') no-repeat bottom;
    background-size: 70px 70px;
}

.louisemenuitem {
    position: absolute;
    width:20%;
    text-align: center;
    vertical-align: middle;
    margin-top:1%;
}

#louisemenuitem1 {
    left:0%;
}

#louisemenuitem2 {
    left:20%;
}

#louisemenuitem3 {
    margin-top:0%;
    left:40%;
}

#louisemenuitem4 {
    left:60%;
}

#louisemenuitem5 {
    left:80%;
}

.louise-table {
    width:100%;
    margin-top:10px;
}

.louise-table tr {
    height:3em;
    line-height: 3em;
    background-color: white;
    border-bottom:1px solid #e2e2e2;
}

.louise-product-details-entry {
    margin:0 !important;
    width:100%;
}

.louise-product-details-entry tbody tr {
    border-bottom:none !important;
    line-height: 1.3em !important;
}

.louise-product-details-entry-checkbox tr td {
    /*line-height: 2.2em;*/
    padding:0 !important;
}

.louise-product-details-entry tr td {
    padding:10px 0 10px 0;
}

h1 {
    font-weight: bold;
}

.louise-product-list-header-master {
    display: none;
}
.louise-product-list-item-master {
    display: none;
}

.louise-product-list-item-qty {
    color:#a7a7a7;
}

.louise-panel-title {
    width:100%;
}

.louise-panel-title-text {
    width:60%;
}

#louise-add-product {
    display:block;
    border:0;
    padding:0;
    margin:0;
    background: url('../../img/icons/add.svg') no-repeat top;
    background-size: 55px 55px;
    width:55px;
    height:55px;
    position:relative;
    left:0%;
}

#louise-add-product:active {
    background: url('../../img/icons/add_pressed.svg') no-repeat bottom;
    background-size: 55px 55px;
}

#louise-stock-incoming {
    display:block;
    border:0;
    padding:0;
    margin:0;
    margin-left:10px;
    background: url('../../img/icons/incoming.svg') no-repeat top;
    background-size: 55px 55px;
    width:55px;
    height:55px;
    position:relative;
    left:0%;
}

.louise-stock-first-button {
    margin-left:0px !important;
    text-decoration: none;
}

#louise-stock-incoming:active {
    background: url('../../img/icons/incoming_pressed.svg') no-repeat bottom;
    background-size: 55px 55px;
}

#louise-stock-consumption {
    display:block;
    border:0;
    padding:0;
    margin:0;
    margin-left:10px;
    background: url('../../img/icons/consumption.svg') no-repeat top;
    background-size: 55px 55px;
    width:55px;
    height:55px;
    position:relative;
    left:0%;
}

#louise-stock-consumption:active {
    background: url('../../img/icons/consumption_pressed.svg') no-repeat bottom;
    background-size: 55px 55px;
}

#louise-stock-inventory {
    display:block;
    border:0;
    padding:0;
    margin:0;
    margin-left:10px;
    background: url('../../img/icons/inventory.svg') no-repeat top;
    background-size: 55px 55px;
    width:55px;
    height:55px;
    position:relative;
    left:0%;
}

#louise-stock-inventory:active {
    background: url('../../img/icons/inventory_pressed.svg') no-repeat bottom;
    background-size: 55px 55px;
}

#louise-stock-shopping-list {
    display:block;
    border:0;
    padding:0;
    margin:0;
    margin-left:10px;
    background: url('../../img/icons/shopping_list.svg') no-repeat top;
    background-size: 55px 55px;
    width:55px;
    height:55px;
    position:relative;
    left:0%;
}

#louise-stock-shopping-list:active {
    background: url('../../img/icons/shopping_list_pressed.svg') no-repeat bottom;
    background-size: 55px 55px;
}

#louise-stock-transfer {
    display:block;
    border:0;
    padding:0;
    margin:0;
    margin-left:10px;
    background: url('../../img/icons/transfer.svg') no-repeat top;
    background-size: 55px 55px;
    width:55px;
    height:55px;
    position:relative;
    left:0%;
}

#louise-stock-transfer:active {
    background: url('../../img/icons/transfer_pressed.svg') no-repeat bottom;
    background-size: 55px 55px;
}

#louise-stock-more {
    display:block;
    border:0;
    padding:0;
    margin:0;
    margin-left:10px;
    background: url('../../img/icons/more.svg') no-repeat top;
    background-size: 55px 55px;
    width:55px;
    height:55px;
    position:relative;
    left:0%;
}

#louise-stock-more:active {
    background: url('../../img/icons/more_pressed.svg') no-repeat bottom;
    background-size: 55px 55px;
}

.louise-buttons-container {
    margin-top:20px;
}

.louise-buttons-container ul {
    list-style-type: none;
    padding:0;
    margin:0;
    border:0;
}

.louise-buttons-container li {
    display: inline-block;
}

.louise-buttons-container a {
    margin-left:0px !important;
    margin-right:15px !important;
    color:#ff5555ff !important;
    font-weight: bold;
    font-size: smaller;
    text-align: center;
    line-height:140px;
    vertical-align: bottom;
}

#louise-product-search-field-container {
    
    padding-left:95px;
    padding-right:25px;
    margin-left:-25px;
    margin-top:5px;
    height:55px;
    position:absolute;
    width:100%;
}

#louise-product-search-field-container input {
    width:100%;
    background-color: #f2f2f2ff;
    border: 0;
    padding:10px;
}

.louise-new-product-label {
    padding-left:10px;
    padding-bottom: 5px;
    font-size: smaller;
}

.louise-new-product-line {
    margin-top:10px;
}

.louise-new-product-line input {
    width:100%;
    background-color: #f2f2f2ff;
    border: 0;
    padding:10px;
}

.louise-product-list-item-link {
    background: url('../../img/icons/right_arrow.svg') no-repeat top;
    background-position: right;
    display: block;
    text-decoration: none;
    color:black;
    height:100%;
    width:100%;
}

.louise-product-list-item-link:hover {
    color:black;
}

.louise-product-list-item-link:active {
    color:black;
    background-color: #f2f2f2ff;
}

.louise-product-list-item-marker {
    display: none;
    position:absolute;
    width:30px;
    height:30px;
    right:50px;
    margin-top:13px;
    background: url('../../img/icons/not_enough.svg') no-repeat top;
}

.louise-product-list-item-autocompute #itemqtyspan {
    color:rgb(255, 123, 123);
}

.louise-overlay-transform {
    /*
    margin:45px 0px 0px 0px;
    padding:0px;
    padding-top:0px;
    z-index: 1;
    width:90%;
    height:65%;
    left:5% !important;
    top:2%;
    background-color: white;*/
}

#louise-popup {
    display: none;
    position:absolute; 
    overflow-y:hidden;
    width:96%;
    height:80%;
    left:2% !important;
    top:2%;
    background-color: white;
    border-radius: 15px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.louise-overlay-transform .louise-product-list-item-link {
    /*
    background: none;
    */
}

.louise-overlay-transform h1 {
    display: none;
}

.louise-overlay-transform h4 {
    /*
    display:block;
    */
}

.louise-panel-closing {
    position: absolute;
    right:15px;
    top:15px;
    /*
    text-align: right;
    margin-top:20px;
    margin-right:20px;
    */
}

.louise-popup-close-btn {
    position: relative;
    background: url('../../img/icons/close.svg') no-repeat top;
    background-size: 20px 20px;
    background-position: right;
    display: block;
    height:20px;
    width:20px;
    left:100%;
    margin-left:-20px;
    margin-bottom:10px;
}

.louise-popup-close-btn:active {
    background: url('../../img/icons/close_pressed.svg') no-repeat top;
    background-size: 20px 20px;
}

.louise-product-details-value {
    text-align: right;
    color:#a7a7a7;
}

#louise-product-creation-panel {
    display: none;
}

#louise-product-creation-panel h1 {
    margin-bottom: 25px;
}

.louise-scan-tothumb {
    width: 20% !important;
    height:20% !important;
    left:70% !important;
    top:65% !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    z-index: 2;
}

.louise-warning {
    background: url('../../img/glyphs/Louise_02_scaled_cropped.png') no-repeat top;
    background-size: 65px 65px;
    background-position: 5px 5px;
    display: none;
    color:#ff5555ff;
    font-size: smaller;
    border:2px solid #ff5555ff;
    padding:10px;
    padding-left: 75px;
    width:100%;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 15px;
}

.louise-warning-title {
    /* padding-left:20px;*/
    font-weight: bold;
    /* background: url('../../img/icons/warning.svg') no-repeat top;*/
}

#louise-warning-barcode {
    color:black;
    font-weight:normal;
}

.louise-overlay-transform .louise-warning {
    display: block;
}

#louise-loader {
    display: none;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background: rgba(0, 0, 0, 0.50);
    text-align: center;
    z-index: 999;
}

#louise-spinner {
    position:relative;
    top:45%;
}

#louise-product-actions-content {
    padding: 25px;
    position:relative;
    width:100%;
    height:100%;
    top:0;
    background-color: white;
    overflow:scroll;
}

#louise-product-actions-validator {
    display: none;
    position:relative;
    width:100%;
    height:10%;
    top:0%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#louise-product-actions-validator a {
    display: block;
    width:100%;
    height:100%;
    background-color: #ff5555ff;
}

#louise-product-actions-validator a div {
    position: absolute;
    width:100%;
    color:white;
    text-align: center;
    text-transform: uppercase;
    font-size:large;
    font-weight: bold;
    vertical-align: middle;
    top:50%;
    margin-top:-13px;
}

#louise-product-actions-validator a:active {
    background-color: white;
    color:#ff5555ff;
}

#louise-product-actions-validator a:active div {
    color:#ff5555ff;
}

#louise-product-assign {
    display: none;
}

/*
Product details page edit mode
*/

.louise-overlay-product-editmode {
    z-index: 2;
    height:100% !important;
}

.louise-overlay-product-editmode #louise-product-actions-validator {
    display: block;
}

.louise-overlay-product-editmode #louise-product-actions-content {
    height:90% !important;
}

.louise-overlay-product-editmode #louise-product-assign {
    display:table;
}

.louise-overlay-product-editmode #louise-product-assign th {
    border-bottom:1px solid #ff5555ff;
}

.louise-overlay-product-editmode #louise-product-assign td {
    color:#ff5555ff;
    background-color: rgb(248, 228, 228);
    padding-left:5px;
    padding-right:5px;
}

.louise-overlay-product-editmode #louise-product-assign tr {
    border-bottom:1px solid #ff5555ff;
}

/*
Product details page inventory mode
*/

.louise-overlay-product-inventory {
    z-index: 2;
    height:100% !important;
}

.louise-overlay-product-inventory #louise-product-actions-validator {
    display: block;
}

.louise-overlay-product-inventory #louise-product-actions-content {
    height:100% !important;
}

#louise-product-actions-inventory-container {
    display: none;
    z-index: 5;
    position: absolute;
    width:100%;
    height:100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.louise-overlay-product-inventory #louise-product-actions-inventory-container  {
    display: block;
}

.louise-checkbox {
    display:none;
}
/*
.louise-checkbox-label {
    background-image: url('../../img/icons/switcher_off_on.svg');
    background-position: 0px 0px;
    background-size: auto 100%;
    width: 41px;
    height: 24px !important;
    background-repeat: no-repeat;
    padding: 0 0 0 50px;
}

.louise-checkbox:checked + .louise-checkbox-label {
    background-position: -65px 0px;
}*/
  

.louise-checkbox + .louise-checkbox-label{
    background:url('../../img/icons/switcher_off.svg') no-repeat;
    background-position: top right;
    height: 24px;
    width: 100%;
    display:inline-block;
    padding: 0 45px 0 0px;
    margin-top:15px;
}

.louise-checkbox:checked + .louise-checkbox-label{
    background:url('../../img/icons/switcher_on.svg') no-repeat;
    background-position: top right;
    height: 24px;
    width: 100%;
    display:inline-block;
    padding: 0 45px 0 0px;
    margin-top:15px;
}

.louise-new-product-line .louise-checkbox + .louise-checkbox-label {
    padding-left:10px;
}


input {
    border: 0;
    padding:10px;
    height:50px;
    border: 1px solid #cccccc;
    border-radius: 10px !important;
}

/*
select {
    background-color: #f2f2f2ff;
    border: 0;
    padding:10px;
    height:50px;
}
*/

input.louise-quantity {
    width:120px;
    text-align: right;
}

input.louise-price {
    width:160px;
    text-align: right;
}

.selectdiv {
    position: relative;
    /*Don't really need this just for demo styling*/
    /*
    float: left;
    min-width: 200px;
    margin: 50px 33%;*/
  }
  
  /*To remove button from IE11, thank you Matt */
  select::-ms-expand {
       display: none;
  }
  
  .selectdiv:after {
    content: '<>';
    font: 17px "Consolas", monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;
    /*Adjust for position however you want*/
    
    top: 18px;
    padding: 0 0 2px;
    border-bottom: 1px solid #999;
    /*left line */
    
    position: absolute;
    pointer-events: none;
  }
  
  .selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    
    display: block;
    height: 50px;
    float: right;
    margin: 5px 0px;
    padding: 0px 35px;
    padding-left:10px;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
    border-radius: 10px !important;
  }

.louise-new-product-line .selectdiv select {
    background-color: #f2f2f2ff !important;
    width:100% !important;
}

#louise-product-inventory-validator {
    position:relative;
    width:100%;
    height:50px;
    top:0%;
    background-color: #ff5555ff;
    border:2px solid #ff5555ff;
    border-radius: 10px !important;
}

.louise-cta {
    display: block;
    width:100%;
    height:50px;
    background-color: #ff5555ff;
    border:2px solid #ff5555ff;
    border-radius: 10px !important;
}

.louise-cta div {
    position: absolute;
    width:100%;
    color:white;
    text-align: center;
    text-transform: uppercase;
    font-size:large;
    font-weight: bold;
    vertical-align: middle;
    top:50%;
    margin-top:-13px;
}

.louise-cta:active {
    background-color: white;
    color:#ff5555ff;
}

.louise-cta:active div {
    color:#ff5555ff;
}

#louise-product-details-p-estimated_stock_level {
    background:url('../../img/icons/edit.svg') no-repeat;
    background-position: center  right;
    padding-right: 30px;
}