/* ==========================================================================
   1. IMPORTY
   ========================================================================== */

@font-face {
  font-family: emtepe;
  src: url(../fonts/emtepe-regular.woff); }
@font-face {
  font-family: emtepeBold;
  src: url(../fonts/emtepe-bold.woff); }
*::selection {
  background: #2a5c88;
  color: #fff; }

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* ==========================================================================
   2. USTAWIENIA GLOBALNE
   ========================================================================== */

body {
  font-family: 'emtepe', sans-serif;
  font-size: 14px;
  background-image: url(../images/mtp_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  overflow-y: overlay;
  scrollbar-width: none;
  scrollbar-width: thin;
  scrollbar-width: auto; 
}

.container {
    max-width: 1260px;
}

h1, h2, h3, h4, h5, h6, button, a, .btn {
  font-family: emtepe;    
}

html {
  height: 100%;
  overflow-x: hidden;
}

a {
  text-decoration: none !important;
  color: #000;
  outline: none;
}

.paginate {
    width: auto;
    cursor: pointer;
}

label {
    font-family: 'emtepe';
    margin: 0;
}

/* ==========================================================================
   3. INPUTY I SELECTY
   ========================================================================== */

input[type="text"], input[type="password"], input[type="url"], 
input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], input[type="date"],
select {
    background: #fff;
    background-clip: border-box;
    background-clip: padding-box;
    border: 1px solid #e1e1e3;
    border-radius: 0;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    height: 42px;
    line-height: 1.42857143;
    padding: 0 19px;
    vertical-align: baseline;
    width: 100%;
    box-sizing: border-box;
}

textarea {
    border: 1px solid #e1e1e3;
    border-radius: 0;
    font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}

/* ==========================================================================
   4. STRONA LOGOWANIA
   ========================================================================== */

.c-input-section .c-input-title {
  font-family: emtepeBold;
  min-height: 70px; }
.c-input-section .c-input-place {
  background-color: rgba(0, 0, 0, 0.1); 
  min-height: 26vh;}
  .c-input-section .c-input-place .c-input .c-input-control {
    color: white;
    border-radius: 30px;
    border: none;
    background-color: #81aed6; }
  .c-input-section .c-input-place .c-input .c-input-control::placeholder {
    color: white; }
  .c-input-section .c-input-place .btn {
    width: 100%;
    border-radius: 30px;
    color: white;
    background-color: #2a5c88; }
  .c-input-section .c-input-place p {
    color: #2a5c88;
    font-size: 13px; }
  
  
.login, .register {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    background: #fff;  
    text-align: center;
    height: 450px;
}

.login h4, .register h4 {
    font-weight: bold;
}

.login .controls {
    margin: 25px 0;
}

.login label.remember_label {
    font-family: emtepe;
    margin-top: 2px;
}

.login a {
    color: #007bff;
    font-weight: bold;
}

#register_step2 fieldset {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    background: #fff;     
}

#register_step2 .col-md-6 fieldset {
    height: 430px;
}

#register_step2 label {
    font-family: "emtepe";
    font-size: 13px;
}

.agreement-text {
    font-family: "emtepe";
    font-size: 0.85rem !important;
}

.cursor-pointer {
        cursor: pointer;
    }
    /* Powiększenie standardowego checkboxa dla lepszej widoczności */
    .custom-checkbox-lg .custom-control-label::before,
    .custom-checkbox-lg .custom-control-label::after {
        top: 0.1rem !important;
        left: -2rem !important;
        width: 1.5rem !important;
        height: 1.5rem !important;
    }
    .custom-checkbox-lg .custom-control-label {
        padding-left: 0.5rem !important;
        line-height: 1.7rem !important;
    }
    /* Estetyka kontenerów zgód */
    .terms-container {
        padding: 10px;
        border-radius: 6px;
        transition: background-color 0.2s ease;
        border: 2px solid transparent;
    }
    .terms-container:hover {
        background-color: #fdfdfd;
    }
    /* Style stanów nieaktywnych dla lepszego kontrastu */
    .btn-outline-success:not(.active) {
        color: #28a745;
        background-color: #f8fff9;
        border-color: #c3e6cb;
    }
    .btn-outline-danger:not(.active) {
        color: #dc3545;
        background-color: #fff8f8;
        border-color: #f5c6cb;
    }
    /* Efekt hover na kafelek */
    .fair-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        border-color: #ffc107; /* kolor bootstrapowego warning */
    }
    /* Style dla zaznaczonego kafelka (gdy ukryty checkbox jest :checked) */
    .fair-checkbox:checked + .fair-card {
        border-color: #ff9800 !important; /* Ciemniejszy pomarańcz/żółć dla zaznaczenia */
        background-color: #fffde7 !important; /* Delikatne tło dla zaznaczonego kafelka */
    }

#form-login .control-group {
    position: relative;
}

#form-login .control-group .control-label {
    position: absolute;
    top: 10px;
    left: 20px;
    color: #bcbcbc;
}

.register .custom {
    margin-left: 30px;
    font-size: 16px;
    color: #78797b;
}

.register .custom ul, ul.chosen_custom {
    padding-left: 5px;
}

.register .custom ul li, ul.chosen_custom li {
    list-style-type: none;
    line-height: 30px;
    color: #78797b;
}

.register .custom ul li a {
    font-family: Montserrat, sans-serif;
}

ul.chosen_custom li a {
    color: #2a5c88;
    text-decoration: underline !important;
}

.register .custom ul a::before, ul.chosen_custom a::before  {
    content: url("../images/checkmark.svg");
    color: #008cff;
    padding-right: 10px;
}

/* ==========================================================================
   5. ELEMENTY STAŁE
   ========================================================================== */

#header {
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    z-index: 99999;
}

.c-main-container {
  min-height: 90vh;
  margin-top: 75px;
}

/* Navigation */
.c-main-nav {
  color: #2a5c88;
  min-height: 76px; }
  .c-main-nav .c-brand {
    font-size: 20px;
    text-transform: uppercase;
    font-family: emtepeBold; }
    .c-main-nav .c-brand .c-brand-bottom {
      font-size: 30px;
      line-height: 25px; }

/* Celujemy w pseudoelement ::after tylko, gdy kafelek ma klasę .active */
.c-zone-servicesstore.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    
    /* Szerokość i wysokość trójkąta (np. 15px na 15px) */
    border-style: solid;
    border-width: 0 0 15px 15px; 
    
    /* Kolor trójkąta - dopasuj do swojego pomarańczowego */
    border-color: transparent transparent #ff6f00 transparent; 
}    
    
/* Welcome Banner */
.c-welcome {
  min-height: 150px;
  background-image: url(../images/welcome.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .c-welcome h1 {
    text-transform: uppercase;
    font-family: emtepeBold;
    width: 100%;
    font-size: 30px;
    color: white; }

/* Content Box */
.c-headline h3 {
  font-family: emtepeBold; }

/* Generic */
.c-generic p {
  text-align: justify; }
.c-generic img {
  width: 100%; }
.c-generic .c-feature img {
  object-fit: cover;
  width: 100%;
  height: 250px; }
.c-generic .c-feature h5 {
  padding: 10px;
  font-family: emtepeBold;
  text-align: center; }

/* Contact */
/* Colors */
.c-contact .c-contact-tile {
  color: white;
  text-align: center;
  min-height: 200px; }
  .c-contact .c-contact-tile .fa {
    font-size: 45px;
    padding: 15px; }
  .c-contact .c-contact-tile h5 {
    font-family: emtepeBold;
    text-transform: uppercase;
    font-size: 16px; }
.c-contact .c-light {
  opacity: 0.9;
  background-color: #acacac; }
.c-contact .c-medium {
  opacity: 0.9;
  background-color: #4e81c3; }
.c-contact .c-dark {
  opacity: 0.9;
  background-color: #5c93d0; }

/* Footer */
.c-footer {
  font-family: emtepeBold;
  color: gray;
  min-height: 10vh;
  background-color: #f2f2f2;
  width: 100%; 
  line-height: 3em;}
  .c-footer img {
    opacity: 0.5;
    filter: grayscale(100%); }
  .c-footer .c-mtp-footer img {
    width: 100%; }

/* Shop template */
.c-zone-shop-bg {
  color: white;
  background-color: #ff7b30; }

.c-zone-orders-bg {
  color: white;
  background-color: #2a5c88; }

.c-zone-invoices-bg {
  color: white;
  background-color: #2a5c88; }

.c-zone-documents-bg {
  color: white;
  background-color: #2a5c88; }

.c-zone-shop {
  border-color: #ff7b30;
  }

.c-zone-orders {
  border-color: #2a5c88;
  color: #2a5c88; }

.c-zone-invoices {
  border-color: #2a5c88;
  color: #2a5c88; }

.c-zone-documents {
  border-color: #2a5c88;
  color: #2a5c88; }

/* user nav */
.c-user-nav {
  cursor: pointer;
  background-color: #2a5c88;
  border-radius: 20px;
  color: white;
}
  .c-user-nav .c-user-name {
    font-family: emtepeBold;
    display: flex;
    font-size: 12px;
    column-gap: 10px;
    align-items: center;
  }
  .c-user-nav .fa,
  .c-user-nav .fas {
    font-size: 15px; }

/* zone nav */
.c-zone-nav .c-zone-category {
  cursor: pointer;
  text-align: center;
  background-color: white;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
  height: 100%;
  transition: all ease-in-out 0.2s;
  display: flex;
  align-items: center;
  column-gap: 5px;
}

  .c-zone-nav .c-zone-category .fa,
  .c-zone-nav .c-zone-category .far,
  .c-zone-nav .c-zone-category .fas {
    font-size: 25px;
    padding-right: 10px; }
  .c-zone-nav .c-zone-category span {
    font-size: 15px; }
.c-zone-nav .c-zone-category:hover {
  transform: translate(5px, -5px);
  opacity: 1;
  filter: none; }
.c-zone-nav .disable {
  color: #6193BF; }

.c-zone-nav .c-zone-category:hover {
    color: #2a5c88;
}

.c-zone-main {
    box-shadow: 0 -5px 5px -5px rgba(0,0,0,0.2);
}

.c-zone-main .c-zone-subnav {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
  .c-zone-main .c-zone-subnav .c-zone-subcategories {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); }
    .c-zone-main .c-zone-subnav .c-zone-subcategories .c-zone-subcategory-btn {
      width: 100%; }
    .c-zone-main .c-zone-subnav .c-zone-subcategories .c-zone-subcategory-btn:hover {
        opacity: 0.6;
    }
     .c-zone-main .c-zone-subnav .c-zone-subcategories .c-zone-subcategory-btn.active, .c-zone-main .c-zone-subnav .c-zone-subcategories .c-zone-subcategory-btn.active:hover {
      color: #fff;
     background: #ff7b30;
     opacity: 1;
     }
  .c-zone-main .c-zone-subnav .c-zone-fair-settings .row {
    height: 100%; }
  .c-zone-main .c-zone-subnav .c-zone-fair-settings img {
    filter: grayscale(100%);
    opacity: 0.4;
    object-fit: cover;
    width: 100%;
    max-width: 130px;
    height: 100%;
    max-height: 90px; }
  .c-zone-main .c-zone-subnav .c-zone-fair-settings .c-divider {
    border-right: solid 1px rgba(0, 0, 0, 0.1); }
  .c-zone-main .c-zone-subnav .c-zone-fair-settings .c-change-fair {
    border: none;
    font-size: 14px;
    font-family: emtepeBold;
    background-color: #2a5c88;
    border-radius: 40px;
    color: white; }
    .c-zone-main .c-zone-subnav .c-zone-fair-settings .c-change-fair .fas,
    .c-zone-main .c-zone-subnav .c-zone-fair-settings .c-change-fair .fa,
    .c-zone-main .c-zone-subnav .c-zone-fair-settings .c-change-fair .far {
      padding: 0px 5px; }
    .c-zone-main .c-zone-fair-settings-collapse {
        position: relative;
        z-index: 9;
    }   
    
.c-zone-main .c-zone-fair-settings-collapse span {
  font-size: 14px;
  font-family: emtepeBold;
  cursor: pointer;
  width: 100%;
display: block;
background: #2a5c88;
  padding: 10px;
  color: #fff;
  box-shadow: 0px 2px 2px rgba(1,1,1, 0.2); }

.c-zone-main .c-zone-fair-settings-collapse.fixed span {
    position: fixed;
    top: 76px;
    z-index: 9998;
    width: 1230px;
}
.c-zone-main .c-zone .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ff7b30;
  width: 20px;
  height: 20px;
  border: none; }
.c-zone-main .c-zone .custom-checkbox .custom-control-input ~ .custom-control-label::before {
  background-color: rgba(0, 0, 0, 0.1);
  border: solid 2px rgba(1, 1, 1, 0.2);
  width: 20px;
  height: 20px; }
.c-zone-main .c-zone .custom-checkbox .custom-control-input ~ .custom-control-label::after {
  width: 20px;
  height: 20px; }
.c-zone-main .c-zone .c-radio .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ff7b30;
  width: 20px;
  height: 20px;
  border: none; }
.c-zone-main .c-zone .c-radio .custom-radio .custom-control-input ~ .custom-control-label::before {
  background-color: rgba(0, 0, 0, 0.1);
  border: solid 2px rgba(1, 1, 1, 0.2);
  width: 20px;
  height: 20px; }
.c-zone-main .c-zone .c-radio .custom-radio .custom-control-input ~ .custom-control-label::after {
  width: 20px;
  height: 20px; }
.c-zone-main .c-zone .c-zone-title {
  text-transform: uppercase;
  font-family: emtepeBold;
  font-size: 20px; 
  color: #ff7b30;
}
.c-zone-main .c-zone .c-section .c-section-title {
  font-family: emtepeBold; 
  font-weight: bold;
  font-size: 15px;
}
.c-zone-main .c-zone .c-section .c-section-desc {
  font-size: 14px;
  font-family: emtepeBold; }
.c-zone-main .c-zone .c-product-ad {
  color: purple; }
.c-zone-main .c-zone .c-product-ad-bg {
  color: white;
  background-color: purple; }
.c-zone-main .c-zone .c-product-special {
  color: #60d18f; }
.c-zone-main .c-zone .c-product-special-bg {
  color: white;
  background-color: #60d18f; }
.c-zone-main .c-zone .c-product-disabled {
  color: gray; }
.c-zone-main .c-zone .c-product-disabled-bg {
  color: white;
  background-color: gray; }
.c-zone-main .c-zone .c-product {
  cursor: pointer;
  color: black;
  background-color: rgba(0, 0, 0, 0.05); }
  .c-zone-main .c-zone .c-product h3 {
    font-size: 13px;
    margin: 0px;
    font-family: emtepeBold;
    text-transform: uppercase; }
  .c-zone-main .c-zone .c-product .fas {
    padding: 10px;
    font-size: 30px; }
.c-zone-main .c-zone .c-trash {
  cursor: pointer;
  font-size: 11px;
  margin-top: -1.1px;
}
.c-zone-main .c-zone .c-attach {
  color: gray; }
.c-zone-main .c-zone .c-summary {
  border-top: solid 2px #ff7b30; }
  .c-zone-main .c-zone .c-summary .c-amount {
    font-family: emtepeBold;
    font-size: 25px; }
  .c-zone-main .c-zone .c-summary .c-pdf {
    font-size: 45px;
    cursor: pointer; }
  
  a:hover {
      color: #2a5c88;
  }
 
  
  .orderRow i {
      color: #929295;
  }
  
  .orderRow.active {
      border: 1.5px solid #bdbdbd;
      border-bottom: none;
  }
  
  .orderRow:last-child {
       border-bottom: 1.5px solid #bdbdbd;
  }
  
  .orderRow.active .row {
      border-top: none;
      border-left: none;
      border-right: none;
  }

  .orderRow:hover {
      cursor: pointer;
  }

  .orderRow.customMobileView {
      cursor: unset!important;
  }
  
  .details {
      display: none;
      background: rgba(250,250,250,0.9);
      overflow: hidden;
  }
  .orderRow.active .details {
      border-top: 1px solid #E8E7EB;
  }
  
  .details_container {
      padding: 15px 0;
      display: flex;
  }
  
  .details_container p,.details_container ul li {
      color: #4F4F52;
      font-size: 13px;
      font-family: emtepe;
      margin: 3px 0;
  }
  
  .details_container .buttons {
      display: block;
  }
  
 #fairs-list-modal {
      display: none;
  }
  
  .mtpLogoContainer {
      flex: 0 0 92px;
  }
  
  a.mtpLogo:before {
      position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-top: 20px solid #fff;
        border-right: 20px solid transparent;
        content: '';
  }
  
    a.mtpLogo:after {
  position: absolute;
right: 0;
bottom: 0;
width: 0;
height: 0;
border-bottom: 20px solid #fff;
border-left: 20px solid transparent;
content: '';
    }
  
  a.mtpLogo {
      position: relative;
        width: 100%;
        height: 75px;
        float: left;
        background: #fff;
        transition: .4s ease;
  }
  
  a.mtpLogo:hover {
      background: #fff;
  }
  
  a.mtpLogo img {
      position: relative;
top: 50%;
left: 50%;
max-width: 100%;
transform: translate(-50%,-50%);
  }
  
  a.c-brand {
      color: #2a5c88;
      display: block;
  }
  
  .c-zone-nav.fixed {
      position: fixed;
      top: -7px;
      width: 630px;
      right: 50%;
      margin-right: -315px;
      z-index: 999999;
  }
  
  .c-zone-nav.fixed .c-zone-category {   
        column-gap: 2px;
  }
  
   .c-zone-nav.fixed .c-zone-category span {   
        font-size: 14px;
  }
  
  .c-zone-nav.fixed .c-zone-category .fa-2x {
      font-size: 1.5em;
  }
  
  #header.fixed #hide {
      display: none;
  }

  .c-zone-nav.fixed a {
      padding: 1rem 0.3rem !important;
      transition: height 0s, transform ease-in-out 0.2s, color ease-in-out 0.2s;
  }

  #header .userIcons {
      display: none;
  }

  #header.fixed .userIcons {
      display: block;
  }
  
  #header .mtpLogoContainer {
      display: block;
  }
  
  #header.fixed .mtpLogoContainer {
      display: none;
  }
  
  .salesGroupTitle3 {
    font-size: 22px;
    color: #1e1e21;
    font-family: 'Emtepe';
    font-weight: 600;
    margin: 0;
    padding: 10px 0;
  }
  
  .salesGroupTitle2 {
        font-size: 15px;
        color: #282828;
        font-weight: 500;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        margin: 12px 0;
        height: 70px;
        -webkit-transition: border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
        transition: border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
        -o-transition: box-shadow .2s ease-in-out,border-color .2s ease-in-out;
        -moz-transition: box-shadow .2s ease-in-out,border-color .2s ease-in-out,-moz-box-shadow .2s ease-in-out;
        transition: box-shadow .2s ease-in-out,border-color .2s ease-in-out;
        transition: box-shadow .2s ease-in-out,border-color .2s ease-in-out,-webkit-box-shadow .2s ease-in-out,-moz-box-shadow .2s ease-in-out;
        -webkit-box-shadow: 0 7px 10px 0 rgba(0,0,0,.1);
        -moz-box-shadow: 0 7px 10px 0 rgba(0,0,0,.1);
        box-shadow: 0 7px 10px 0 rgba(0,0,0,.1);
        border: 2px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        overflow: hidden;
        cursor: pointer;
  }
  
  .salesGroupTitle span.c-section-title {
    font-family: "emtepe", "roboto", sans-serif;
    font-size: 14px;
  }
  
  span.details_info {
    font-family: "emtepe" !important;
    font-size: 14px;
    font-weight: bold;
    color: #bbb !important;
  }
  
  .groupContainer .assortmentList {
      display: none;
  }
  
  .groupImg {
      background-image: url('https://www.mtp.pl/static/mtpgroup/img/services/event_sprite_fix.png');
        height: 45px;
        width: 45px;
        background-position: -2017px -42px;
        background-size: auto 45px;
  }
  
  #search_form, #search_edition_form {
      display: flex;
      flex-wrap: wrap;
  }
  
 
  
  .section__header {
      font-weight: 600;
        font-size: 25px;
        color: #ff6700;
        margin: 30px 0 15px 0;
        position: relative;
        line-height: 1.3;
        z-index: 5;
        text-align: left;
  }
  
  #collapseExample {
      background: #fff;
      box-shadow: 0px 1px 1px #ddd;
      position: absolute;
      top: 41px;
      left: 0;
      width: 100%;
      z-index: 9990 !important;
      border: 2px solid #2a5c88;
  }
  
  #collapseExample.fixed {
      top: 116px;
        left: 50%;
        position: fixed;
        width: 1230px;
        margin-left: -615px;
  }
  
  #collapseExample img {
      max-width: 100%;
  }
  
  .events__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    margin: 0 -9px;
}

.events__container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.events__container  .events__event {
    margin-bottom: 45px;
    padding: 0 9px;

}

.events__catContainer {
    background-color: #0073e6;
    display: inline-block;
    padding: 8px 20px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    position: relative;
    top: -14px;
    margin-bottom: 9px;
}

.events__cat {

    font-size: 10px;
    font-family: "roboto",Tahoma,Arial;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0;

}


.events__event {
    text-align: center;
    width: 25%;
    display: inline-block;
    padding-right: 18px;
}

.events__wrap {
    height: 100%;
    overflow: hidden;
}

.events__content {
    height: 100%;
    width: 100%;
    border: 1px solid #e5e5e5;
    position: relative;
    overflow: hidden;
}

.events__content:hover {
    border-color: #ff6700;
}
  
  .events__textContainer {
    margin-top: 28px;
    text-align: center;
}
  
  .events__title {
    margin: 0 0 10px;
    color: #ff6700;
    font-size: 15px;
    line-height: 1.2;
}

.events__desc {
    font-family: "roboto",Tahoma,Arial;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
    color: #5c5d60;
}
  
  .events__date {
      width: 100%;
  }
.events__days {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


.events__dateContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-left: 1px solid #e5e5e5;
    padding: 0 5px 20px;
    position: relative;
}

.events__dateContainer.first {
    border-left: none;
}

.events__days, .events__months {

    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;

}

.events__city {
    font-family: emtepe;
    padding-top: 20px;
    font-weight: 700;
    font-size: 14px;
    color: #ff6700;
    text-align: center;
}
  
  .events__dateSep {
    width: 14px;
    height: 3px;
    background-color: #ffb500;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
  
  .events__day {
      font-family: emtepe;
    font-size: 36px;
    font-weight: 600;
    color: #ff6700;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 1;
}

.events__month {
    display: block;
    font-family: "roboto",Tahoma,Arial;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    color: #8a8f94;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    line-height: 1;
}

.events__event {
    text-align: center;
}

#changeFairs {
    position: absolute;
    top: 41px;
    z-index: 9991;
    background: #fff;
    width: 1230px;
    display: none;
    border: 2px solid #2a5c88;
}

.sales_group {
    margin: 0 0 15px 0 !important;
    background: #fafafa;
}

.assortmentList {
    margin-top: 20px;
}

#system-message-container .alert {
    margin-top: 115px;
}



form.register {
    box-shadow: none;
    height: auto;
}

form.register h4 {
    font-size: 15px;
}

.ordersContainer .list, .cartList .list, .ordersHeader {
    display: flex;
    background: #fff;
    padding: 1px;
    box-shadow: 0 4px 2px -2px #ccc;
}

.assortmentList .list {
    display: flex;
    background: #fff;
    padding: 1px;
    box-shadow: 0 4px 2px -2px #ccc;
    margin-bottom: 5px !important;
}

.assortmentList .list:hover {
    background: #e0e0e0;
}

.ordersHeader {
    margin: 0 0 5px 0 !important;
    background: rgba(255,255,255,0.5);
}

.orderRow {
    margin-bottom: 10px;
}

.unit {
    line-height: 13px;
}

.assortment .salesGroupTitle.active, .cartList .salesGroupTitle {
    background: #ffffff;
}

.assortment .salesGroupTitle:hover {
    background: #e0e0e0;
}

.assortment .salesGroupTitle {
    background: #fff;
    color: #333;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0 4px 2px -2px #ccc;
}

.assortment .salesGroupTitle button {
    background: transparent;
    text-transform: uppercase;
    font-family: 'emtepe', 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
    border: 1px solid #ccc;
    font-size: 12px;
    font-weight: 600;
    float: right;
}

.sales_position_count {
    display: none;
}

.sales_group.list.active .salesGroupTitle {
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.ordersContainer .header span, .assortmentList .header span, .cartList .header span {
    color: #929295;
    font-size: 12px;
    font-weight: 500;
    font-family: "emtepe", "open sans", sans-serif;
    text-transform: uppercase;
}

.ordersContainer .list span, .assortmentList .list span, .cartList .list span {
    color: #3c3c3f;
    font-weight: 500;
    font-size: 12px;
    font-family: emtepe;
    line-height: 14px;
    margin-right: 5px;
}

.status_small {
    color: #3c3c3f;
    text-transform: uppercase;
    font-size: 11px;
    font-family: emtepe;
    font-weight: 500;
}

.btn-order-details {
    font-family: emtepe;
}

.lp {
    width: 30px;
    min-width: 30px;
    min-height: 30px;
    height: auto;
    background: #ff7b30;
    border-radius: 0;
    text-align: center;
    line-height: 15px;
    color: #fff;
    font-family: 'emtepe', "open sans", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lp.edition_name {
    width: 130px; 
    min-width: 130px; 
    line-height: 15px
}



.title-container {
  top: 286px;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.title-container.fixed {
  position: fixed;
  top: 118px;
  left: 0;
  width: 100%;
  z-index: 1000;
}

body.messenger .title-container.fixed, 
body.articles .title-container.fixed, 
body.register_form .title-container.fixed, 
.title-container-without-menu.fixed {
  top: 76px;
}

.title-container .title {
    background: #fff; 
    color: #ff7b30;
    border-top: 2px solid #ff7b30;
    box-shadow: 0 4px 2px -2px #ccc;
}

.title-container .c-zone-title {
    text-transform: uppercase;
    font-family: emtepeBold;   
    font-size: 20px;
    padding: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#sales_position_price {
    color: #333;
}

.search:empty {
    display: none;
}

.search {
    background: #f6f8fb;
}

div.info {
  line-height: 1.2;
  display: flex !important;
  justify-content: end;
  align-items: center;
}

div.info span {
    font-size: 11px !important;
    font-weight: 600 !important;
}

.info, .info a {
    color: #333;
    font-family: "emtepe", "open sans", sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}

.info:hover {
    color: #ff7b30;
}

.ordersContainer .list small, .assortmentList .list small, .cartList .list small {
    color: #929295;
    font-size: 11px;
    font-weight: 500;
    font-family: "emtepe", "open sans",Tahoma,Arial;   
    line-height: 15px;
}

.ordersContainer .bar {
    cursor: pointer;
}

.salespositionItem {
    border: 2px solid transparent;
}

.salespositionItem .bar i {
    color: #929295;
}

.salespositionItem:hover i {
    color: #ff6700;
}

.container__triangle {
    position: absolute;
    bottom: -50px;
    right: -50px;
    width: 50px;
    height: 50px;
    background-color: #acacac;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: bottom .2s ease-in-out,right .2s ease-in-out;
    -o-transition: bottom .2s ease-in-out,right .2s ease-in-out;
    -moz-transition: bottom .2s ease-in-out,right .2s ease-in-out;
    transition: bottom .2s ease-in-out,right .2s ease-in-out;
}

.salesGroupTitle:hover .container__triangle {
    bottom: -25px;
    right: -25px;
}

.page-footer .footer.content {
 margin:0;
 max-width:100%;
 padding:0;
 width:100%
}
.footer__powered-payments {
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 border-top:1px solid #f5f6f8;
 color:#abacae;
 font-size:12px;
 justify-content:center;
 line-height:16px;
 margin-bottom:5px;
 padding-top:25px
}
.footer__powered-payments img {
 margin-left:10px
}
.footer.content {
 background:#f1f1f1;
 font-size: 10px;
 font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}
.footer.content .links-wrapper {
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 justify-content:space-between;
 margin:0 auto;
 max-width:1280px;
 padding-left:20px;
 padding-right:20px;
 border-bottom: 1px solid #828385;
}
.footer.content .links-wrapper>.item {
 max-width:275px;
 width:calc(25%)
}
.footer.content .links-wrapper>.item .title h3 {
 font-size:1.6em;
 color:#3c3c3f;
 font-family:'Emtepe';
 font-weight:700;
 margin-bottom:30px;
 margin-top:0
}
.footer.content .links-wrapper>.item .content {
 font-size:1.4em;
 line-height:3em;
 text-align:justify
}
.footer.content .links-wrapper>.item .content ul {
 list-style-type:none;
 padding:0
}
.footer.content .links-wrapper>.item .content ul li {
 margin-bottom:0;
}
.footer.content .links-wrapper>.item .content a {
 color:#828385;
 font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
 text-align: left;
}
.footer.content .links-wrapper>.item .content a:hover {
 color:#1e1e21;
 text-decoration:none
}
.footer.content .links-wrapper>.item .contact .title {
 display:inline-block;
 font-size:0;
 margin-bottom:15px
}
.footer.content .links-wrapper>.item .contact .title:before {
 background-image:url('../images/logo-footer.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:56px;
 vertical-align:middle;
 height:56px;
 width:91px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.footer.content .links-wrapper>.item .contact .title:before {
 background-size:91px auto
}
.footer.content .links-wrapper>.item .contact ul li.address {
 font-size:1em;
 line-height:1.8em;
 color:#828385
}
.footer.content .links-wrapper>.item .contact ul li.phone {
 font-size:1em;
 display:inline-block;
 line-height:1em;
 color:#828385;
 margin-top:20px
}
.footer.content .links-wrapper>.item .contact ul li.phone:before {
 background-image:url('../images/phone.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:16px;
 vertical-align:middle;
 height:16px;
 width:16px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.footer.content .links-wrapper>.item .contact ul li.phone:before {
 background-size:16px auto
}
.footer.content .links-wrapper>.item .contact ul li.phone a {
 font-size:1em;
 color:#3c3c3f;
 font-family:'Emtepe';
 font-weight:700;
 padding-left:10px
}
.footer.content .links-wrapper>.item .contact ul li.phone .open-hours {
 margin:5px 0 20px;
 padding-left:28px
}
.footer.content .links-wrapper>.item .contact ul li.mail {
 font-size:1em;
 display:inline-block;
 font-family:'Emtepe'
}
.footer.content .links-wrapper>.item .contact ul li.mail:before {
 background-image:url('../images/mail.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:11.5px;
 vertical-align:middle;
 height:11.5px;
 width:16px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.footer.content .links-wrapper>.item .contact ul li.mail:before {
 background-size:16px auto
}
.footer.content .links-wrapper>.item .contact ul li.mail a {
 color:#3c3c3f;
 padding-left:10px;
 font-family:'Emtepe';
 font-weight:700;
}
.footer.content .links-wrapper>.footer-socials {
 max-width:100%;
 width:100%
}
.footer.content .links-wrapper>.footer-socials ul {
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 justify-content:center;
 list-style-type:none;
 margin:0 auto 25px;
 padding:0;
 width:auto
}
.footer.content .links-wrapper>.footer-socials ul li {
 margin:0 15px
}
.footer.content .links-wrapper>.footer-socials ul li a {
 font-size:0
}
.footer.content .links-wrapper>.footer-socials ul li.fb a {
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.fb a:before {
 background-image:url('../../frontend/Fwc/mtp/pl_PL/images/socials/facebook.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:16px;
 vertical-align:middle;
 height:16px;
 width:9px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.fb a:hover {
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.fb a:hover:before {
 background-image:url('../../frontend/Fwc/mtp/pl_PL/images/socials/facebook-hover.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:16px;
 vertical-align:middle;
 height:16px;
 width:9px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.instagram a {
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.instagram a:before {
 background-image:url('../../frontend/Fwc/mtp/pl_PL/images/socials/instagram.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:16px;
 vertical-align:middle;
 height:16px;
 width:16px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.instagram a:hover {
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.instagram a:hover:before {
 background-image:url('../../frontend/Fwc/mtp/pl_PL/images/socials/instagram-hover.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:16px;
 vertical-align:middle;
 height:16px;
 width:16px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.youtube a {
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.youtube a:before {
 background-image:url('../../frontend/Fwc/mtp/pl_PL/images/socials/youtube.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:16px;
 vertical-align:middle;
 height:16px;
 width:22px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.youtube a:hover {
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.youtube a:hover:before {
 background-image:url('../../frontend/Fwc/mtp/pl_PL/images/socials/youtube-hover.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:16px;
 vertical-align:middle;
 height:16px;
 width:22px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.linkedin a {
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.linkedin a:before {
 background-image:url('../../frontend/Fwc/mtp/pl_PL/images/socials/linkedin.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:16px;
 vertical-align:middle;
 height:16px;
 width:16px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.linkedin a:hover {
 display:inline-block
}
.footer.content .links-wrapper>.footer-socials ul li.linkedin a:hover:before {
 background-image:url('../../frontend/Fwc/mtp/pl_PL/images/socials/linkedin-hover.svg');
 background-position-x:0;
 background-position-y:0;
 line-height:16px;
 vertical-align:middle;
 height:16px;
 width:16px;
 background-repeat:no-repeat;
 content:'';
 display:inline-block
}
.copyright-wrapper .copyright {
 font-size:1.2em;
 line-height:1.6em;
 display:-webkit-flex;
 display:-ms-flexbox;
 display:flex;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
 align-content:center;
 color:#abacae;
 justify-content:center;
 padding:0 0 25px;

}
.copyright-wrapper .copyright span {
 margin-left:2px
}
.copyright-wrapper .copyright span a {
 color:#abacae;
 font-weight:700;
   font-family: 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.ordersHeader.fixed {
    position: fixed;
    top: 181px;
    left: 50%;
    margin-left: -615px !important;
    z-index: 888;
    background: #fff;
    width: 1230px;
}

.archive .ordersHeader.fixed {
    top: 118px;
}

#companies .ordersHeader.fixed {
    top: 142px;
}

.messenger .ordersHeader.fixed {
    top: 144px;
}

.messenger table td b.hidden {
    display: none;
}

span.c-badge {
    background: #7f7f7f;
    color: #fff !important;
    font-size: 0.8em !important;
    opacity: 0.7;
}

#sales_position .image_container {
    height: 300px;
    align-items: center;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

#sales_position_quantity {
    text-align: center;
}

.json-schema-wrapper .row>div {
    width: 100%;
}

.json-schema-wrapper .form-control {
    border: none;
    display: flex;
    padding: 1em;
    min-height: 60px;
}

.json-schema-wrapper .form-control label {
    display: contents;
    font-size: 14px;
    font-weight: 400 !important;
}

.json-schema-wrapper .form-control label {
    width: 30%;
}

.json-schema-wrapper .form-control input {
    width: 70%;
}

.slide-form {
    margin: 1em 2.5em !important;
}

.slide-form div {
    display:flex;
    width: 100%;
    margin: 0 0 1em 0;
}
.slide-form label {
    width: 30%;
    padding: 0 10px 0 0 !important;
    display:flex !important;
    align-items: center;
    justify-content: space-between;
}

.slide-form input, .slide-form select {
    width: 70% !important;
    padding: 0 20px !important;
    display:flex !important;
    margin-left: 1em;
}


.json-schema-wrapper h3>div {
    display: none !important;
}

h3 span {
    text-transform: uppercase;
    width: 100%;
    display: block;
    font-size: 15px;
    margin-top: 30px;
    margin-left: 15px;
}

.quantity{
   display:flex;
   width:160px;
    text-align: center;
    height: 32px;
}

/* it will support chrome and firefox */
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button{
   -webkit-appearance:none;
}

.spinner-button {
  position: absolute;
  cursor: default;
  z-index: 2;
  background-color: #ccc;
  width: 14.5px;
  text-align: center;
  margin: 0px;
  pointer-events: none;
  height: 10px;
  line-height: 10px;
}

.quantity button.add {
  left: 46px;
  top: 10.5px;
}

.quantity button.minus {
  left: 46px;
  top: 20.5px;
}

  /* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,

  input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;

  }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;

  }
  
  .alert:empty {
      display: none;
  }
 
  .alert {
       border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      box-shadow: 0 2px 2px #ddd;
      color: #333;
      font-family: emtepe;
      background: rgba(255, 193, 7, 0.3);
      border: none;
      box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
      padding: 20px 30px;
      text-align: center;
  }
  
  .alert a {
      color: #fff;
      font-weight: bold;
  }
  
  .alert-error {
      background: #ff4e4a;
      color: #fff;
  }
  
  .alert-success {
      background: rgba(0, 255, 0, 0.3);
  }
  
  
  .alert .fa-times-circle {
      float: right;
      margin: 0 -15px 30px 20px;
      cursor: pointer;
  }
  
  .sales-position-form p strong {
      font-family: emtepe;
      font-size: 18px;
      font-weight: normal;
      text-transform: uppercase;
  }
  
  .location, .exhibitor_name {
      display: flex;
  }
  
  .location p, .exhibitor_name p {
      width: 30%;
  }
  
  .location select, .exhibitor_name input {
      width: 70% !important;
  }
  

  .price_container .inner, .checkout_container {
      position: relative;
      color: #fff;
      margin-left: 0;
  }
  
  .checkout_container {
         background: #ff7b30;   
  }
  
  .price_container {
    padding: 0 15px;
    position: absolute;
    top: 285px;
    left: 50%;
    width: 1230px;
    margin-left: -615px;
    background: #fff;
    border-top: solid 2px #ff9c5d;
    align-items: center;
    box-shadow: 0 4px 2px -2px #ccc;
    min-height: 66px;
    z-index: 2;
  }

  .docs .price_container, .assortment .price_container, .orders .price_container, .invoices .price_container {
      top: 336px;
  }
  
  .profile-edit .price_container, .messenger .price_container {
      top: 229px;
  }
  
  .register_form .price_container {
      top: 77px;
  }
  
  .cartslist .price_container, .entry_docs .price_container {
      top: 311px;
  }
  
  .archive .price_container {
      top: 300px;
  }
  
   .messenger .price_container.fixed, .profile-edit .price_container.fixed {
      top: 78px !important;
      position: fixed;
  }
  
  .checkout_container {
    font-size: 13px;
    text-align: center;
    padding: 3px 0;
}

#assortmentContainer.checkout_container {
    top: 378px;
}

#assortmentContainer.checkout_container.fixed {
    top: 145px;
}

#sales_position .price_container.fixed {
    top: 120px;
}

 .checkout_container::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 20px solid #fff;
    border-right: 20px solid transparent;
    content: '';
}

.checkout_container::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 20px solid #fff;
    border-left: 20px solid transparent;
    content: '';

}

.price_container.fixed {
    position: fixed;
    top: 51px;
    background: #fff;
    width: 1230px;
    left: 50%;
    margin-left: -615px;
    z-index: 998;
}

.assortment .price_container.fixed, .orders .price_container.fixed {
    top: 117px;
}

.docs .price_container.fixed, 
.invoices .price_container.fixed {
  top: 118px;
}

.cartslist .price_container.fixed {
    top: 92px;
}

.price_container .inner {
    height: 66px;
    text-align: center;
}

.orders .price_container.fixed .inner a {
    background: #acacac;
    color: #fff;
}

#cart_form .price_container .inner, .orders .price_container .inner {
    line-height: 66px;
}

#user_dropdown {
    position: absolute;
    top: 75px;
    right: 27px;
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    height: 200px;
    width: 300px;
    z-index: 9;
}

#header.fixed #user_dropdown .arrow-up {
    left: auto;
    right: 24px;
}

#user_dropdown .logout {
    display: block;
    color: #fff;
}

#user_dropdown .logout:hover {
    background: rgb(42, 92, 136) !important;
}

.arrow-up {
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -6px;
}

#header i {
    cursor: pointer;
}

#header i:hover, #header i.active {
    color: #ff7b30 !important;
}

.footer.content .links-wrapper > .item .content ul {
    flex-wrap: wrap;
}

.footer.content .links-wrapper > .item .content ul li {
    width: 100%;
    line-height: 20px;
    margin-bottom: 13px;
}

.cart-item-details .form-control {
    background: transparent;
}

.cart-item-quantity {
    text-align: center;
}

.cart-terms {
    border-top: 4px solid #333;
    padding-top: 20px;
}

.cart-terms label {
    display: flex;
}

.cart-terms label input {
    margin: 0 20px 0 0;
}

.cart-terms label span {
    font-family: emtepe;
}

#cart_form .price_container {
    display: flex;
}

.editOrder label {
    align-self: center;
}

.counter {
    font-size: 30px;
    font-family: emtepe;
    color: #ff7b30;
}


.top-margin {
    margin-top: 134px;
}

.minus, .add {
    box-shadow: none;
    background: #efefef;
    border: 1px solid #ddd;
    font-size: 20px;
    height: 21px;
    width: 21px;
    line-height: 20px;
}

.minus:hover, .add:hover {
    background: #0297dd;
    color: #fff;
    border-color: #0297dd;
}

i.fa-trash {
    cursor: pointer;
}

.languageSelector {
    position: relative;
}

.header__langSwitcher {
    display: inline-block;
    padding: 10px 25px;
    font-size: 13px;
    font-family: "roboto",Tahoma,Arial;
    font-weight: 400;
    color: #444;
}

.header__icon--small {
    font-size: 11px;
    margin-left: 4px;
}

.header__langContainer {
    list-style-type: none;
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform: translate(-50%,-10px);
    -moz-transform: translate(-50%,-10px);
    -ms-transform: translate(-50%,-10px);
    -o-transform: translate(-50%,-10px);
    transform: translate(-50%,-10px);
    text-align: center;
    color: #ff6700;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0,0,0,.2);
    -moz-box-shadow: 0 4px 15px 0 rgba(0,0,0,.2);
    box-shadow: 0 4px 15px 0 rgba(0,0,0,.2);
    -webkit-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out,visibility .2s ease-in-out,-o-transform .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s ease-in-out,-moz-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s ease-in-out;
    transition: opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s ease-in-out,-webkit-transform .2s ease-in-out,-moz-transform .2s ease-in-out,-o-transform .2s ease-in-out;
    padding: 0;
}

.header__langContainer--show {
    opacity: 1;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
    visibility: visible;
}

.header__lang {
    font-size: 13px;
    font-family: "roboto",Tahoma,Arial;
    font-weight: 400;
    color: #444;
    padding: 5px 20px;
    display: block;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    background: #fff;
}

.c-zone-nav .c-zone-category.active {
    color: #ff7b30;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

#overlay.grey {
    background: grey;
    z-index: 9;
    opacity: 0.5;
    display: block;
}

.bold {
    font-weight: bold;
}

.cartList .salesGroupContainer {
    background: #fafafa;
}

.cartList .salespositionItem {
    padding: 0 !important;
    box-shadow: 0 4px 2px -2px #ccc;
    margin-bottom: 5px !important;
}

.cartList .orderRow {
    display: block;
    padding: 0 !important;
    box-shadow: 0 4px 2px -2px #ccc;
    margin-bottom: 10px !important;
}

.cartList .salespositionItem:last-child {
    border-bottom: none !important;
}

.cartList .salespositionItem a.row {
    align-items: center;
    min-height: 79.5px;
    padding: 1px;
}

.close_button {
    border: none;
    background: transparent;
    position: absolute;
    right: 300px;
    top: 11px;
}

#search_edition_form .close_button {
    right: 285px;
    display: none;
}

.header__promoterBar {
    display: block;
}
.header__promoterBar {
    width: 100%;
    height: 35px;
    background: #ff7b30;
    padding: 5px 30px;
    color: #fff;
    text-align: right;
    font-size: 16px;
    font-family: emtepe;
}

.header__promoterBar img {
    max-width: 100px;
    max-height: 25px;
    margin-left: 5px;
}

.price_container.fixed {
  top: 51px;
}


.entry_docs .price_container.fixed,
.archive .price_container.fixed,
.cartslist .price_container.fixed {
  top: 77px;
}

.cartslist.service .price_container.fixed {
  top: 92px;
}

.entry_docs .ordersHeader.fixed,
.archive .ordersHeader.fixed {
  top: 144px;
}

.docs .ordersHeader.fixed {
  top: 184px;
}

  .reports .price_container {
      top: 245px;
  }
  
   .reports .price_container.fixed {
      top: 76px !important;
  }
 
  
  #sales_position_submit_status {
      padding-top: 10px;
  }
  
  .available-exhibitors {
      list-style-type: none;
      padding-left: 0;
  }
  
  .rodo .price_container {
      top: 225px;
  }
  
  .rodo .price_container.fixed {
      top: 76px;
  }
  
  .alert a {
      color: #333;
  }
  
  .alert .alert-heading {
      display: none;
  }
  
  #dev_info {
    z-index: 99999;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    text-align: center;
    font-weight: bold;
    color: red;
    text-shadow: 3px 3px 6px rgba(255, 0, 0, 0.5);
    font-size: 1rem;
    white-space: nowrap;
  }

  
  .header__navWrap {
    overflow: hidden;
    display: block;
    height: calc(100vh - 106px);
    overflow-y: scroll;
    width: 320px;
    position: fixed;
    top: 0;
    padding-top: 106px;
    height: 100vh;
    right: 0;
    transition: right .2s ease-in-out;
    z-index: 9999;
    background: #fff;
    height: auto;
    box-shadow: 2px 0 10px 2px rgba(0,0,0,.1);
    -webkit-overflow-scrolling:touch;
}

.header__navWrap ul {
    list-style-type: none;
    padding-left: 0;
    max-height: 100vh;
}

.header__navWrap>ul { 
    flex-direction: column;
    background-color: #fff;
    padding-top: 5px;
    margin-right: 0;
    margin-left: 2px;
    box-shadow: 2px 0 10px 2px rgba(0,0,0,.1);
    position: relative;
}

.header__navWrap ul ul {
    background: #e5e5e5;
    color: #2a5c88;
}

.cart-item-old-price {
    width: 100%;
    text-decoration: line-through;
    display: block;
    font-family: "open sans", sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px;
}

.checkout_container .cart-item-old-price {
    line-height: 1em;    
    margin-bottom: -4px    
}

.messenger h3  {
    font-size: 18px !important;
}

.usermenu {
    margin: 0 -25px;
}

.usermenu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.usermenu ul li {
    border-bottom: 1px solid #9e9e9e;
    background: #fff;
}

.usermenu ul li:last-child {
    background: #9e9e9e;
}

.usermenu ul li:last-child a {
    color: #fff;   
}

.mobile_cart_menu i {
    cursor: pointer;
}

.mobile_cart_menu .listul {
    position: absolute;
    right: 12px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.msg_sp {
    position: fixed;
    top: 400px;
    width: 90vw;
    max-width: 1170px;
    z-index: 9989;
    color: #333;
    background-color: transparent;
    margin-top: 0;
}

.msg_sp i.fa-times-circle {
    position: absolute;
    right: 6px;
    top: 6px;
    cursor: pointer;
    color: #fff;
    z-index: 999;
}

#sales_position_msg {
    margin: 0;
    display: none;
}

.json-schema-wrapper label.required::after {
    content: " *";
    color: red;
}
 
#cart_msg_info {
    display: none;
}

#cart_msg_info .msg_sp {
    top: 400px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
}


  
  #cart_msg_info.fixed .msg_sp {
    margin-top: -22px;
  }
  
  .acceptance_required.error {
      background: rgba(255,0,0,0.15);
  }
  
  a.show_details {
      z-index: 999;
  }
  
  .cart_form {
      z-index: 9999;
  }
  
.thumb img {
    object-fit: cover;
    object-position: center;
    height: 200px;
    width: 100%;
    cursor: pointer;
    margin: 0 auto;
}
    
#dropzone .dz-image img {
    cursor: pointer;
}

#imagesModal.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    z-index: 999;
}

#imagesModal .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    max-height: 90%;
    width: auto;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

#imagesModal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

#imagesModal .close:hover,
#imagesModal .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}



.fa, .fas {
    font-family: 'Font Awesome 5 Free' !important;
}

.remove-image {
    position: absolute;
    bottom: 5px;
    right: 20px;
    z-index: 999;
}
.hiddenFairsBtns {
    display: none!important;
}

.url_documents {
  display: flex;
}

/* INPUTY /faktury/ */

.invoicese__form {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 6px;
}

.form__container {
  display: flex;
  align-items: flex-end;
}

.form__date-input_container {
  display: flex;
  align-items: center;

  width: initial;
  text-align: center;
  white-space: nowrap;
}

.invoices__justify-paddings-in-form {
  width: initial;
  margin-right: 10px !important;
}

.form__date-input_container label {
  font-size: .75rem;
  margin-bottom: initial;
  padding-right: 10px;

  color: #929295;
  font-size: 11px;
  font-weight: 600;
  font-family: "open sans", sans-serif;
  text-transform: uppercase;
}

.invoices__submit {
  max-height: 42px;
}


/* ==========================================================================
   PRZYCISKI
   ========================================================================== */


.btn {
    font-family: 'Emtepe';
    font-weight: 500;
    padding: 12px 15px 10px;
    font-size: 1.4rem;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
}

.btn:hover {
    background: #acacac;
    color: #fff;
}

.login .btn, .register .btn {
    width: 100%;
}

.c-zone-main .c-zone .c-summary .btn {
    border-radius: 25px; }

  
   #search_form .btn, #search_edition_form .btn {
      width: 100%;
  }


.btn-primary {
    background: #0297dd;
    color: #fff;
}

.btn-primary:hover {
    background: #2a5c88;
}

.btn-warning {
    color: #fff;
    background-color: #ff7b30;
}

.btn-warning:hover {
    background-color: #ffc107;
    color: #fff;
}


.price_container .btn {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    background: #fff;
    color: #333;
}

.price_container .btn:hover {
    background: #fb803b !important;
    color: #fff !important;
}

.btn.fa-times:before {
    content: '' !important;
}

.btn-default {
    background: #007bff;
    color: #fff;
}

.c-zone-subcategories .btn {
    background: #fff;
    border: 1px solid #ff7b30;
    color: #ff7b30;
}

.c-zone-subcategories .btn:hover {
    background: #ff7b30;
    color: #fff;
}

.details .buttons .btn {
    width: 180px;
    float: left;
    clear: both;
    margin-bottom: 5px;
}

.top_buttons .btn:hover {
    color: #ff7b30;
    background: #fff;
}

.orderRow .buttons .btn {
    float: right;
}

.cloned_buttons:has(.buttons:not(:empty)) {
    box-shadow: 0 -4px 6px -1px #ccc;
    background: #fff;
}

.cloned_buttons, .cloned_buttons>.buttons {
    justify-content: center;
    display: flex;
}

.cloned_buttons>.buttons {
    padding: 12px;
}

.cloned_buttons>.buttons>.align-items-center {
    min-width: 500px;
}


.cloned_buttons>.buttons .btn {
    background: #6c757d;
    color: #fff;
    margin: 3px;
}

.cloned_buttons>.buttons .btn:hover {
    background: #ff7b30;
}

.buttons {
    display: flex;
    column-gap: 4px;
    row-gap: 4px;
    align-items: center;
}

.buttons .btn {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    border-radius: 0;
}


@media screen and (max-width: 768px) {
    .c-main-container {
        margin-top: 100px;
    }
    
    .c-zone-main .c-zone-fair-settings-collapse {
        top: 36px;   
    }
    
    .title-container {
        margin-top: 50px;
    }
    
    .title-container.fixed {
        top: 61px;
    }
    
    .buttons {
        align-items: initial;
        justify-content: center;
    }
    
    .checkout_container {  
        width: 200px;
        margin: 10px auto;
    }
    
    .title-container .c-zone-title {
        text-align: center;
    }
    
    #cart_submit {
        font-size: 12px;
        padding: 0px 10px;
    }
    
    .header__hamburgerButton {
        cursor: pointer;
        touch-action: manipulation; /* Optymalizuje obsługę dotyku */
    }
    
    .search form, .search form .d-flex {
        flex-wrap: wrap;
        justify-content: end;
    }
    
    .search form input, .search form select {
        width: 100%;
        margin-bottom: 4px;
    }
    
    .search form button {
        height: 40px;
    }
    
    .title-container .buttons {
        margin-bottom: 10px;
    }
    
    .invoices__justify-paddings-in-form {
        margin-right: 0 !important;
    }
    
    .reports .c-zone-title, .messenger .c-zone-title {
        margin-top: 20px;
    }
    
    div.info span {
        max-width: 100%;
    }
    
    div.info {
        background: rgba(200,200,200, 0.2);
        padding: 10px;
        justify-content: center;
      }
}

.ordersContainer .list span.title, .assortmentList .list span.title, .cartList .list span.title {
  font-size: 13px;
}

.left-column.fixed {
    background-color: #ffffff !important;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    margin-top: 15px;
    z-index: 8;
    /* Usuwamy stąd position: fixed na stałe – JS sam nim teraz steruje */
}

@media (min-width: 768px) {
    .left-column.fixed.is-sticky {
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
       
    }
}

/* Zapewnienie odpowiedniej wielkości ikon przycisków w modalach */
#modal_sales_position_content .btn-warning i {
    margin-right: 6px;
}

/* Domyślnie ukrywamy wszystkie ikony wewnątrz wrappera */
#modal_icon_wrapper svg {
    display: none;
    max-width: 80px;
    max-height: 80px;
}

/* Wyświetlamy odpowiednią ikonę na podstawie klasy nadrzędnej */
#modal_icon_wrapper.state-loading .icon-loading { display: block; animation: spin 1.5s linear infinite; }
#modal_icon_wrapper.state-success .icon-success { display: block; }
#modal_icon_wrapper.state-error .icon-error { display: block; }

/* Prosta animacja obrotu dla spinnera ładowania */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}