/* Custom Styles */
*{-webkit-print-color-adjust: exact; }
.border {border: 1px solid #d2d6de; height: 100%}
button {padding: 10px;}
textarea {width: 320px; color: #000; font-weight: bold; font-size: 20px;}
.section-heading {margin-bottom: 15px; background-color: #e4e9f3}

.overlay {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0;
	background-color: rgba(0,0,0,0.5); z-index: 100; cursor: pointer; }

.overlay h2 {position: absolute; left: 46%;	top: 36%; color: #fff;}
.spinner {
   position: absolute;
   left: 50%;
   top: 50%;
   height:60px;
   width:60px;
   margin:0px auto;
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}	

.order-form h3, h4, strong, p, label{font-family: 'Roboto';}
.order-form select { height: 50px; font-size: 18px; color: #929090; border: 1px solid #eaeaea; font-weight: 600;}
.order-form strong, .order-form h3, .order-form label {color: #31b0db;}
.order-form strong {font-size: 17px;}
/*.order-form input[type=radio] {width:25px; height:25px; vertical-align: -10px; margin-top: 5px; -webkit-appearance: checkbox; appearance: checkbox; -ms-appearance: checkbox; }
*/.order-form label {text-transform: capitalize; font-size: 17px; }
.order-form b {font-size: 18px; line-height: 1px; font-weight: 600;}
.order-form h4.border, .order-form h5.border {background-color: #fff; padding: 7px 10px; border: 1px solid #eaeaea; color:#929090; word-wrap: break-word;  }
.order-form .notes {padding-left: 8%;}
/*.order-form .optionFields {margin-top: -50px;}*/
.order-form .title-border {border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.order-form .border-left {border-left: 1px solid #31b0db ;}
.order-form .shipping-section {margin-top: -130px;}

.selectdiv { position: relative;}

.selectdiv:after {content: '\f078'; font: normal normal normal 21px/1 FontAwesome; color: #c9c3c5; right: 11px; top: 58px; height: 50px; padding: 15px 10px 0px 8px; position: absolute; pointer-events: none;}
select::-ms-expand {display: none;}
.selectdiv select {-webkit-appearance: none; -moz-appearance: none;  appearance: none;  display: block;  width: 100%; height: 50px; float: right;
  margin: 5px 0px;  padding: 0px 24px; line-height: 1.75; background-color: #ffffff;  background-image: none;  border: 1px solid #eaeaea;  -ms-word-break: normal;  word-break: normal;}

ul.product_type {padding-inline-start: 10px !important; background-color: #ecf0f5; height: 90px; border: 1px solid #d4d4d4;}
.product_type li {list-style: none; float: left; padding: 2% 2%;}
.product_type li label {color: #505050;}

.production-type { list-style-type:none; padding:0;}
.production-type li {float:left; margin:0 5px 0 0;  width:85px; height:40px; position:relative;}
.production-type label, .production-type input {display:block; position:absolute; top:0; left:0; right:0; bottom:0; font-size: 15px;}
.production-type input[type="radio"] { opacity:0.011; z-index:100;}
.production-type input[type="radio"]:checked + label { background: #3dafca !important;  color: #fff; text-transform: uppercase;}
.production-type label { background: #fff; padding:5px; border:1px solid #CCC; cursor:pointer; z-index:90; color: #acacac; text-transform: uppercase;}
.production-type label:hover {background:#DDD;}


.checkbox-custom, .radio-custom {opacity: 0; position: absolute; }
.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {display: inline-block; vertical-align: middle; margin: 5px;
    cursor: pointer;}
.checkbox-custom-label, .radio-custom-label {position: relative;}
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {content: ''; background: #fff; 
border: 2px solid #ddd; display: inline-block; vertical-align: middle; width: 30px; height: 30px; padding: 2px; margin-right: 10px;
    text-align: center;}
.checkbox-custom:checked + .checkbox-custom-label:before { content: "\f00c"; font-family: 'FontAwesome'; background: rebeccapurple;
    color: #fff;}
.radio-custom-label {color:#51574b !important;}    
.radio-custom + .radio-custom-label:before { border-radius: 50%;}
.radio-custom:checked + .radio-custom-label:before {content: "\f00c";  font-family: 'FontAwesome'; color: #fff; background: #62cbe8;}
.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {outline: 1px solid #ddd;}
.filters input[type="submit"] {width:81px; height:64px;}

table.export-sheet td.cell{ border: 1px solid #000000; text-align: center;}
table.export-sheet .title {font-family:Times New Roman;text-align:center;font-size:14px;background-color:#FFFF00;font-weight:bold;border:2px solid;border-left-color:#000000;border-right-color:#000000;border-top-color:#000000;border-bottom-color:#000000;min-width:50px}
table.export-sheet .total {text-align: right;}

.qty b {margin-left: 10px !important; font-size: 32px !important;}
.qty-warning, .gift-wrap {background-color: #000 !important; padding: 5px !important;}
.qty-warning strong, .gift-wrap  { color: #fff !important;}
.qty-warning b, .gift-wrap b {font-size: 32px!important; margin-left: 10px !important; color: #fff !important; line-height: 24px !important;}

.checkbox-holder,
.btn-duplicate {display:none;}
/*.recipient-wrapper { padding: -50px -55px -60px -40px; }*/
/*.recipient-box { width: 230px; height: 130px; float: left; display: block; margin: 0 10px 0px 0px; }*/
/*.recipient-box p{ margin: 0; padding: 0; font: 17px Arial; letter-spacing: -1px; }*/
/*.recipient-box strong { display: block; }*/
.cl { clear: both; }

.drop-container {margin: 5% 0 0 5%; width: 280px; min-height: 50px; background-color: rgba(0, 0, 255, 0.1); border: 1px dashed #8e8ea9;}

.status-changed {display:none;}
.status-changed b {color: red;}
.status-changed input {border: 0; font-size: 14px; font-weight: bold; }
.negative-color {background-color: #000; color: #fff; }

@media print {
  body {
    zoom: 50%;
    
  }
  /* Za Stikita */
  
  /*.heading,
  .border-left,
  .shipping-section,
  .barcode-section,
  .notes,
  .form-group, 
  .tracking-section {display: none;}  
  
  .box-body p,  .box-body b {font-size: 20px;}  
  .optionFields  {width: 100%;}
  .order-form b {font-size:  40px; font-weight: bolder; }

  h3{ font-size: 40px; }
  h4 {font-size: 40px !important; }
  img {width: 600px !important;} 
  .pagebreak { page-break-before: always; } */

  
   /* END za stikita 

   /*Original Styles*/
   
  .shipping-select, .production-type {display: none;}
  .cnote { font-size: 25px; width: 520px;}
  .optionFields h4, .optionFields strong { font-size: 24px;}
  .box-body p,  .box-body b {font-size: 20px;}
  .tracking-section { display: none;}
  .negative-color {background-color: #000 !important; color: #fff !important; }

    .qty b {margin-left: 10px !important; font-size: 32px !important;}
    .qty-warning, .gift-wrap {background-color: #000 !important; padding: 5px !important;}
    .qty-warning strong, .gift-wrap  { color: #fff !important;}
    .qty-warning b, .gift-wrap b {font-size: 32px!important; margin-left: 10px !important; color: #fff !important; line-height: 24px !important;} 

}