/* Custom Styles */
* {
   -webkit-print-color-adjust: exact;
}

.border {
   border: 1px solid #d2d6de;
   height: 100%
}

button {
   padding: 10px;
}

/* Order action buttons styling */
.action-buttons {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-top: 25px;
}

.action-button {
   flex: 0 0 19%;
   margin-bottom: 10px;
   text-align: center;
}

.action-button button {
   width: 100%;
   min-height: 40px;
   font-weight: bold;
   text-transform: uppercase;
   font-size: 11px;
   border-radius: 4px;
   border: none;
   transition: all 0.3s ease;
   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 10px 5px;
}

.action-button button:hover {
   transform: translateY(-2px);
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.btn-info {
   background-color: #3c8dbc;
   color: white;
}

.btn-secondary {
   background-color: #777;
   color: white;
}

.btn-success {
   background-color: #00a65a;
   color: white;
}

.btn-warning {
   background-color: #f39c12;
   color: white;
}

.btn-primary {
   background-color: #605ca8;
   color: white;
}

/* Button icons */
.sync-all:before {
   content: "\f021";
   font-family: 'FontAwesome';
   margin-right: 5px;
}

.set-pt:before {
   content: "\f0ad";
   font-family: 'FontAwesome';
   margin-right: 5px;
}

.btn-success:before {
   content: "\f019";
   font-family: 'FontAwesome';
   margin-right: 5px;
}

.preview-filter:before {
   content: "\f06e";
   font-family: 'FontAwesome';
   margin-right: 5px;
}

.ai-analyzer:before {
   content: "\f085";
   font-family: 'FontAwesome';
   margin-right: 5px;
}

@media (max-width: 992px) {
   .action-button {
      flex: 0 0 32%;
   }
}

@media (max-width: 768px) {
   .action-button {
      flex: 0 0 48%;
   }
}

@media (max-width: 480px) {
   .action-button {
      flex: 0 0 100%;
   }
}

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: 36px;
   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;
}

.sku-report-table-wrapper {
    margin: 2rem auto;
    font-family: 'Segoe UI', sans-serif;
    background: #fff;
    padding: 2rem;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.sku-report-table-title {
    font-size: 1.3rem;
    margin: 1.5rem 0 0.5rem;
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 0.3rem;
}

.sku-report-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.sku-report-table th,
.sku-report-table td {
    text-align: left;
    padding: 12px 16px;
    border-bottom: 1px solid #f0f0f0;
    max-width: 0px;
}

.sku-report-table th {
    background: #f9fafb;
    font-weight: 600;
    color: #555;
}

.sku-report-table tr:hover {
    background-color: #f3f6fc;
    transition: 0.2s ease;
}

.sku-report-table td {
    color: #333;
}


@media print {

   /* 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 {
      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;
   }

}