/*Global variables and MIXINS only
    PLEASE DO NOT CREATE STYLES HERE
    Globl Styles are to go into Site.scss
*/
/*Color Variables*/
/*#region Theme Colours*/
/*#endregion*/
/*#region Eye Colours*/
/*#endregion*/
/*Mix Ins - 
 * usage:   .box { @include border-radius(10px); }  
*/
.dox-tally-status-complete {
  color: darkgreen;
}

.dox-tally-status-partial {
  /*color:#ffa400;*/
  color: darkred;
}

.dox-tally-status-new {
  /*color:rgb(0, 52, 113);*/
  color: grey;
}

.dox-tab-panel {
  background-color: rgba(197, 232, 247, 0.1);
  margin: 0px 5px 0 5px;
  padding: 0px;
  border: 1px solid lightgrey;
}
ul.dox-warehouse-list, ul.dox-tree-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0 5px, 0, 10px;
}
ul.dox-warehouse-list li, ul.dox-tree-list ul li {
  margin: 0;
  padding: 0 12px;
  line-height: 20px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUAQMAAACK1e4oAAAABlBMVEUAAwCIiIgd2JB2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YIBhQIJYVaFGwAAAARSURBVAjXY2hgQIf/GTDFGgDSkwqATqpCHAAAAABJRU5ErkJggg==") no-repeat;
  /*color: #369;*/
  font-weight: bold;
}
ul.dox-warehouse-list li:last-child, ul.dox-tree-list ul li:last-child {
  background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAUAQMAAACK1e4oAAAABlBMVEUAAwCIiIgd2JB2AAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YIBhQIIhs+gc8AAAAQSURBVAjXY2hgQIf/GbAAAKCTBYBUjWvCAAAAAElFTkSuQmCC") no-repeat;
}

.widget-hidden-by-default {
  font-style: italic;
  color: ButtonHighlight;
}

.btn-stock-take-shelf {
  width: 100%;
  max-width: 300px;
  text-align: left;
}

.item-list-on-shelf {
  width: 100%;
  max-width: 400px;
  height: 150px;
  display: inline-block;
}

.single-item-info-box {
  width: 450px;
  display: inline-block;
  margin: 10px;
  height: 100%;
}

/*Inventory List Box View*/
.inventory-item-box {
  font-size: small;
  background-color: ButtonFace;
  min-height: 100px;
  width: 300px;
  padding: 5px;
  border: 1px solid darkgrey;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  margin: 2px;
}
.inventory-item-box ::after {
  content: "";
  flex: auto;
}
.inventory-item-box.selected {
  background-color: ButtonHighlight;
}
.inventory-item-box .inventory-item-details {
  margin-bottom: 36px; /*Cater for the absolute positioning of the buttons*/
}
.inventory-item-box .inventory-item-details .inventory-item-name {
  font-size: larger;
  font-weight: bold;
  color: ButtonText;
  width: 100%;
}
.inventory-item-box .inventory-item-details .inventory-supplier-area {
  width: 100%;
  padding-bottom: 7px;
}
.inventory-item-box .inventory-item-details .inventory-shelf-area {
  width: 100%;
  padding-bottom: 7px;
}
.inventory-item-box .inventory-item-details .inventory-category-area {
  font-size: larger;
  padding-bottom: 7px;
}
.inventory-item-box .inventory-item-details .inventory-purchase-area {
  padding-bottom: 7px;
}
.inventory-item-box .inventory-item-action-area {
  /*background-color:darkgrey;*/
  position: absolute;
  bottom: 3px;
}

/* Mulit Inventory Update Classes*/
.item-record-container {
  border: 2px solid lightgrey;
}

.item-record-lock {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  padding-right: 3px;
  cursor: pointer;
}
.item-record-lock .lock-text {
  font-size: small;
  color: lightgrey;
}

.item-record-description {
  font-weight: bolder;
}

.item-shelf-data {
  display: inline-block;
}

.item-margin {
  display: inline-block;
  width: 250px;
  height: 100%;
  border-right: 1px solid lightgrey;
}

.item-update-function {
  padding: 2px 0px;
  border: 3px lightblue ridge;
  margin-bottom: 2px;
  border-radius: 5px;
}

.item-record-error {
  border-radius: 0px 20px 20px 0px;
  -moz-border-radius: 0px 20px 20px 0px;
  -webkit-border-radius: 0px 20px 20px 0px;
  float: right;
}
.item-record-error.hasError {
  width: 55px;
  background-color: #800000;
  border: 2px solid #800000;
}
.item-record-error.hasError .error-text {
  background-color: white;
  display: inline-block;
  border-radius: 18px;
  margin: 2px 5px;
  float: right;
  padding: 0 6px;
  font-weight: bold;
  color: #800000;
}

.item-record-error-details {
  position: fixed !important;
  z-index: 100000 !important;
  width: 500px;
  height: 195px;
  overflow-y: auto;
  top: 100px;
  right: 0;
}
.item-record-error-details .hidden {
  z-index: 0;
  display: none;
}
.item-record-error-details .panel {
  display: inline-block;
}