body { font-size:16px; }
.mb-3 { margin-bottom: 15px; }
.sidebar-menu .treeview-menu>li>a { font-size:15px; }
.error { color: #dd4b39; }
.filter-form {display: block; position: relative;}
.filter-form .filter-input {height: 34px; padding: 6px 12px; outline: none; border:1px solid #CCC; max-width: 250px; min-width: 220px;
display: inline-block;margin-right: 5px; margin-bottom: 10px;}
.filter-form .filter-btn {vertical-align: top; margin-right: 5px;}
.filter-form .filter-select {display: inline-block; margin-right: 5px;margin-bottom: 10px;}
.box .well {
	margin-bottom: 0;
}
.marginR5 {margin-right: 5px;}
.marginB10 {margin-bottom: 10px;}
.table .btn {margin-bottom: 5px;}
.container-uploader{padding: 10px;}
.container-images {display: block; position: relative;}
.container-images a, .container-images img {width: 100%;}
.container-uploader .dropzone {border:3px dashed #b1b1b1;}
.container-uploader .dropzone.dz-drag-hover {border-style: dashed; border-color: #ccc;}
.grid-sizer,
.grid-item { width: 25%; padding: 3px; }
#image-modal .modal-body{ padding: 0; min-height: 300px; }
#image-modal .modal-image-header {height: 50px; border-bottom: 1px solid #ccc; overflow: hidden;}
.modal-image-header .modal-image-header-text {float: left;}
.modal-image-header .modal-image-header-text h3 {margin:0; line-height: 50px; padding: 0 10px;}
.modal-image-header .modal-image-header-nav {float: right;}
.modal-image-nav {margin:0; padding: 0; list-style: none; overflow: hidden;}
.modal-image-nav li {height: 50px; width: 50px; border-left:1px solid #ccc; display: block; float: left; text-align: center;}
.modal-image-nav .modal-nav {line-height: 50px; color: #72777c; cursor: pointer; font-size: 18px; font-weight: normal;}
.modal-image-nav .modal-nav:hover {background-color: #CCC; color: #333;}
.modal-image-nav .modal-nav.disabled {cursor:default; color: #d1d1d1;}
.modal-image-nav .modal-nav.disabled:hover {background-color: inherit;}
#image-modal .modal-image-body {display: block; position: relative; overflow: hidden;}
.modal-image-body .modal-image-information {background-color: #f3f3f3; border-left:1px solid #CCC; padding: 10px 0; position: relative;}
.modal-image-body .modal-image-preview {padding: 10px; text-align: center;}
.modal-image-body .modal-image-preview img {max-width: 100%;}
.modal-image-body .modal-image-preview .image-previewer {display: block; text-align: center;}
.modal-image-body .modal-image-information .image-info {padding: 0 10px;}
.modal-image-information .form-group {display: block; margin-bottom: 0; overflow: hidden;}
.pricelist-cont {display: block; position: relative; padding-top: 15px; border-top: 1px solid #CCC; margin-top: 15px;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.no-border {border: none!important; padding: 4px!important;}
.detail-transaction { border-top: 1px solid #e1e1e1; padding: 10px;}
.table td { vertical-align: middle!important; }
.product-images .item {text-align: center;}
.product-images .item img {text-align: center; width: 100%;}
.product-content {margin-top: 10px; display: block;}
.product-content .product-title {font-size: 16px; margin-bottom: 5px;}
.product-content p {margin-bottom: 3px;}
.map-container {width:100%; height:300px; position: relative; top: 0; left: 0; margin-top: 15px;}
.map-container #map {width: 100%; height: 100%;}
.product-price { margin-top: 15px; }

#image-modal .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;flex-wrap: wrap;}
#image-modal .row > [class*='col-'] { display: flex; flex-direction: column;}

.sales-product, .sales-order {display: block; position: relative; padding: 10px;}
.sales-order {background-color: #f5f5f5; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 7px 0 rgba(0, 0, 0, 0.3) inset; border-radius: 5px;}
.sales-search { margin-bottom: 15px; position: relative;display: block; padding: 0;}
.sales-search .form-group { margin-bottom: 5px; }
.sales-table table {margin-bottom: 0;}
.sales-table-header { background-color: #222d32;color: white; border-right: 1px solid #222d32; border-left: 1px solid #222d32;}
.cont-sales-table { background-color: #FFF; border: 1px solid #222d32; border-left: 1px solid #222d32; margin-top: -2px;
height: 350px; overflow:scroll; overflow-x: hidden; position: relative;}
.sales-trash, .sales-trash:hover {color:#000;}
.cont-sales-table tr { border-bottom: 1px solid #f1f1f1;}
.sales-qty {width: 35px; padding: 3px; outline: none;}
.sales-disc {padding: 3px; outline: none; width: 90%; text-align: right;}
.sales-table-footer {border: 1px solid #222d32; background-color: #FFF;}
.sales-btn { margin-top: 15px;text-align: right; }
.product-item, .product-nav{ display: block; position: relative; border-radius: 5px; width: 100%; height: 130px; background-color: #008d4c; cursor: pointer;
color: #FFF; padding: 5px; text-align: center; margin-bottom: 15px;}
.product-item span {font-size: 12px; display: block;}
.product-nav {background-color: #00acd6;}
.product-icon { font-size: 40px; margin-top: 15px;}
.product-nav-label { font-size: 15px; }
#checkout-modal .form-group { overflow: hidden;  font-size: 16px; border-bottom: 1px solid #f5f5f5;}
.home-btn { display: block; position: relative; overflow: hidden;}
.home-btn .small-box p {font-size: 22px;}


/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}