@font-face {
  font-family: 'CircularStd';
  font-weight: 400;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Book.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 500;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'CircularStd';
  font-weight: 700;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Bold.otf') format('opentype');
}


@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../assets/icons/awesome/webfonts/fa-brands-400.eot");
  src: url("../assets/icons/awesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../assets/icons/awesome/webfonts/fa-brands-400.woff2") format("woff2"), url("../assets/icons/awesome/webfonts/fa-brands-400.woff") format("woff"), url("../assets/icons/awesome/webfonts/fa-brands-400.ttf") format("truetype"), url("../assets/icons/awesome/webfonts/fa-brands-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Duotone';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../assets/icons/awesome/webfonts/fa-duotone-900.eot");
  src: url("../assets/icons/awesome/webfonts/fa-duotone-900.eot?#iefix") format("embedded-opentype"), url("../assets/icons/awesome/webfonts/fa-duotone-900.woff2") format("woff2"), url("../assets/icons/awesome/webfonts/fa-duotone-900.woff") format("woff"), url("../assets/icons/awesome/webfonts/fa-duotone-900.ttf") format("truetype"), url("../assets/icons/awesome/webfonts/fa-duotone-900.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("../assets/icons/awesome/webfonts/fa-light-300.eot");
  src: url("../assets/icons/awesome/webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../assets/icons/awesome/webfonts/fa-light-300.woff2") format("woff2"), url("../assets/icons/awesome/webfonts/fa-light-300.woff") format("woff"), url("../assets/icons/awesome/webfonts/fa-light-300.ttf") format("truetype"), url("../assets/icons/awesome/webfonts/fa-light-300.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../assets/icons/awesome/webfonts/fa-regular-400.eot");
  src: url("../assets/icons/awesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../assets/icons/awesome/webfonts/fa-regular-400.woff2") format("woff2"), url("../assets/icons/awesome/webfonts/fa-regular-400.woff") format("woff"), url("../assets/icons/awesome/webfonts/fa-regular-400.ttf") format("truetype"), url("../assets/icons/awesome/webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../assets/icons/awesome/webfonts/fa-solid-900.eot");
  src: url("../assets/icons/awesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../assets/icons/awesome/webfonts/fa-solid-900.woff2") format("woff2"), url("../assets/icons/awesome/webfonts/fa-solid-900.woff") format("woff"), url("../assets/icons/awesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../assets/icons/awesome/webfonts/fa-solid-900.svg#fontawesome") format("svg"); }

@import url("../assets/icons/awesome/all.min.css");

.scan-barcode-drawer{
  border-collapse: collapse;
}

.scan-barcode-drawer td{
  vertical-align: top;
  font-size:13px;
  border-bottom:1px solid #CCC;
  padding-top:10px;
}

.scan-barcode-drawer td.value{
  word-break: break-all !important;
}

.scan-barcode-drawer td.title{
/*  font-size:12px;*/
  font-weight:bolder;
}

.scan-barcode-drawer .item-image{
  overflow: hidden;
  margin-bottom:8px;
}

.scan-barcode-drawer .item-image img{
  width:100%;
}

.scan-barcode-drawer .item-desc{
  padding-left:5px;
  font-size:13px;
  margin-bottom:8px;
}

.scan-barcode-drawer .item-image .element{
   height:50px;
   max-height:50px;
   max-width:100px;
}

.object-cover{
  width: 100%    !important;
  height: auto   !important;
  --aspect-ratio: 3 / 4;
}

.date-form .MuiInputBase-input, .date-form .MuiOutlinedInput-input{
  padding:8.5px 14px !important;
}



.date-form .MuiInputLabel-root.MuiInputLabel-formControl{
  top:-6px !important;
}

.date-form .MuiInputLabel-root.MuiInputLabel-formControl.MuiFormLabel-filled{
  top:0px !important;
}

.date-form .MuiInputLabel-root.MuiInputLabel-formControl.Mui-focused{
  top:0px !important;
}

.label-select{
  top:-7px !important;
}

.label-select.MuiFormLabel-filled, .label-select.Mui-focused{
  top:0px !important;
}

.datepicker-filter {
  margin-top:0px !important;
}

.datepicker-filter .MuiInputBase-input{
  padding:8.5px 14px !important;
}

.datepicker-filter .MuiFormLabel-root{
 top:-6px !important;
}

.market-order {
  background:white;
  border:1px solid #EFEFEF;
  border-radius:8px;
  font-size:14px;
  position: relative;
  margin-bottom:15px;
}

.market-order .header{
  padding:8px;
  border-bottom: 1px solid #EFEFEF;
  font-weight:700;
}

.market-order .header .separator{
  margin:0px 8px;
}

.market-order .header .separator.right{
  float:right;
}

.market-order .header .user{
/*  float:right;*/
}

.market-order .header .date{
/*  float:right;*/
}

.market-order .total{
  font-size:14px;
  font-weight:700;
  padding:8px;
  border-top: 1px solid #EFEFEF;
  position:relative;
}

.market-order .total .title{
  font-size:15px;
}

.market-order .total .right{
  position:absolute;
  right:8px;
  top:8px;
}

.market-order .total .amount{
  font-size:17px;
  font-weight:700;
  display:block;
}

.radio-dialog label{
  margin-bottom:0 !important;
  margin-top:0;
  margin-left:20px;
}

.varian-product-list:hover {
    color : green;
}