/* Stilovi ekrana otpreme preuzeti iz proizvodnje (SirmiumMeat app.css) — samo klase kojih
   u Prodaji nema, da preneseni ekrani izgledaju identično. Ne dirati ručno: pri izmeni u
   proizvodnji, ovde preneti isti blok. */

.input--third-small {
    margin-bottom: 2px;
    height: 28px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #069c9e;
    border-bottom-width: 2px;
    padding: 0 10px;
    color: #000;
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #070707;
    font-weight: 700;
    width: 100px;
    /**
   * @disabled
   */
}
.input--third-small:disabled {
        opacity: 0.5;
        cursor: not-allowed !important;
    }
.input--third-small-long {
    margin-bottom: 2px;
    height: 28px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #069c9e;
    border-bottom-width: 2px;
    padding: 0 10px;
    color: #000;
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #070707;
    font-weight: 700;
    width: 400px;
    /**
   * @disabled
   */
}
.input--third-small-long:disabled {
        opacity: 0.5;
        cursor: not-allowed !important;
    }
.input--third-medium {
    margin-bottom: 2px;
    height: 28px;
    border-radius: 10px;
    background-color: #fff;
    border: 1px solid #069c9e;
    border-bottom-width: 2px;
    padding: 0 10px;
    color: #000;
    display: flex;
    align-items: center;
    font-size: 17px;
    color: #070707;
    font-weight: 700;
    width: 150px;
    /**
   * @disabled
   */
}
.input--third-medium:disabled {
        opacity: 0.5;
        cursor: not-allowed !important;
    }
.row-border-top {
    border-top: 1px solid #a2a2a2 !important;
}
.row-border-bottom {
    border-bottom: 1px solid #a2a2a2 !important;
}
.cart__header--grid {
  gap: 5px; }
.tab-list {
  border-bottom: 1px solid #808080;
  width: 100%; }
.tab-list li {
    margin-right: 20px; }
.tab-list a {
    font-size: 16px;
    color: #050000;
    padding-bottom: 10px;
    display: block;
    position: relative; }
.tab-list a.is-active {
      font-weight: 700; }
.tab-list a.is-active:before {
        visibility: visible;
        opacity: 1; }
.tab-list a:before {
      position: absolute;
      left: 0;
      top: 100%;
      content: "";
      width: 80%;
      height: 6px;
      background-color: #069c9e;
      transform: translate(0, -50%);
      border-radius: 3px;
      visibility: hidden;
      opacity: 0;
      transition: all .3s ease; }
.h30 {
    height: 30px;
}
/*-----------------ANIMATIONS---------------------*/
.add-button:not(.button--blocked-circle):hover {
    transform: scale(1.3);
}
.add-button:not(.button--blocked-circle):hover img {
        animation: add-animation 1s infinite;
    }
.edit-button:not(.button--blocked-circle):hover {
    transform: scale(1.3);
}
.edit-button:not(.button--blocked-circle):hover img {
        animation: edit-animation 1s infinite;
    }
.delete-button:not(.button--blocked-circle):hover {
    transform: scale(1.3);
}
.delete-button:not(.button--blocked-circle):hover img {
        animation: shake 1s infinite;
    }
.reload-button:hover {
    transform: scale(1.3);
}
.reload-button:hover img {
        animation: spin 1s infinite;
    }
.submit-button {
    background-color: #06509E !important;
}
/******************** basic search input ********************/

/******************** header text button ********************/
.header-text-button {
    width: 300px;
    border-radius: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    background-color: #069c9e;
    text-decoration: none;
    height: 25px;
}
.header-text-button img {
        height: 60%;
        width: auto;
    }
.header-text-button-reload:hover {
        transform: scale(1.1);
        color: #fff;
        background-color: #4f8685;
    }
.header-text-button-reload:hover img {
            animation: spin 1s infinite;
        }
.header-text-button-upload:hover {
        transform: scale(1.1);
        color: #fff;
        background-color: #4f8685;
    }
.header-text-button-upload:hover img {
            animation: goup 1s infinite;
        }
.header-text-button-red {
    width: 300px;
    border-radius: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    background-color: #e50000;
    text-decoration: none;
    height: 25px;
}
.header-text-button-red img {
        height: 60%;
        width: auto;
    }
.header-text-button-red-reload:hover {
    transform: scale(1.1);
    color: #fff;
    background-color: #4f8685;
}
.header-text-button-red-reload:hover img {
        animation: spin 1s infinite;
    }
.group-reset-button {
    width: 170px;
    flex: 0 0 170px;
    min-width: 170px;
    white-space: nowrap;
}
.header-text-button-red-upload:hover {
    transform: scale(1.1);
    color: #fff;
    background-color: #4f8685;
}
.header-text-button-red-upload:hover img {
        animation: goup 1s infinite;
    }
.header-text-button-blocked {
    width: 300px;
    border-radius: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    background-color: #bdbdbd;
    text-decoration: none;
    height: 25px;
}
.header-text-button-blocked img {
        height: 60%;
        width: auto;
    }
.header-text-button-blocked-reload:hover {
    transform: scale(1.1);
    color: #fff;
    background-color: #4f8685;
}
.header-text-button-blocked-reload:hover img {
        animation: spin 1s infinite;
    }
.header-text-button-blocked-upload:hover {
    transform: scale(1.1);
    color: #fff;
    background-color: #4f8685;
}
.header-text-button-blocked-upload:hover img {
        animation: goup 1s infinite;
    }