body.show-modal-fix #colorbox,
body.show-modal-fix #cboxWrapper,
body.show-modal-fix #cboxContent,
body.show-modal-fix #cboxLoadedContent {
  min-height: 950px !important;
  height: 950px !important;
}

body.show-modal-fix #colorbox {
  top: 0px !important;
  position: fixed !important;
}

@media only screen and (min-width: 1024px) {
  body.show-modal-fix #colorbox,
  body.show-modal-fix #cboxWrapper,
  body.show-modal-fix #cboxContent,
  body.show-modal-fix #cboxLoadedContent {
    width: 1200px !important;
  }
}

body.show-modal-fix .msg-danger{
    background-color: red;
    color: white;
    border: 0;
}

body.show-modal-fix #loader {
    display: none;
    position: absolute;
    left:50%;
    transform: translate(-50%, -50%);
    padding: 1rem;
    background: rgba(0,0,0,0.7);
    color: white;
    border-radius: 4px;
    margin-top:5%;
    z-index: 1000;
}

body.show-modal-fix #odporucana-kupa { max-width: 100%; }
  body.show-modal-fix .odporucana-carousel { position: relative; margin-top: 1rem; overflow: hidden; }
  body.show-modal-fix .odporucana-carousel .slides { display: flex; transition: transform 0.3s ease; }
  body.show-modal-fix .slide-odp .odp-image {
    width: 273.5px;
    height: 273.5px;
    min-width:273.5px;
    min-height:273.5px;
    display: block;
    }

  body.show-modal-fix .slide-odp img {
    width: 273.5px;
    height: 273.5px;
    min-width:273.5px;
    min-height:273.5px;
  }
  
  body.show-modal-fix .slide-odp .p-code{
    position: absolute;
    color: black !important;
    background-color: white !important;
    right: 10px !important;
    top: 10px !important;
    font-size: smaller;
  }
  body.show-modal-fix .slide-odp {
    position: relative;
  }
  body.show-modal-fix .slide-odp:hover {
  transform: translateY(-5px) scale(1.03);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  z-index: 2;
  }

  body.show-modal-fix .slide-odp .name {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    height: 50px;
    overflow: hidden;
    text-decoration:underline;

  }
  body.show-modal-fix .odporucana-carousel .slide-odp {
    flex: 0 0 calc(100% / 4);
    box-sizing: border-box;
    padding: 0.5rem;
    text-align: center;
  }
  body.show-modal-fix .odporucana-carousel button {
    position: absolute; top: 50%; transform: translateY(-50%);
    background: rgba(0,0,0,0.5); color: #fff; border: none;
    padding: 0.5rem 1rem; cursor: pointer; z-index: 10;
  }
  body.show-modal-fix .odporucana-carousel .prev,
body.show-modal-fix .odporucana-carousel .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  background-color: rgba(58, 162, 223, 0.5);
  color: #fff;
  border: none;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  transition: background-color 0.2s;
}

body.show-modal-fix .odporucana-carousel .prev:hover,
body.show-modal-fix .odporucana-carousel .next:hover {
  background-color: rgba(23, 120, 211, 0.8);
}

body.show-modal-fix .odporucana-carousel .prev {
  left: 0.5rem;
}

body.show-modal-fix .odporucana-carousel .next {
  right: 0.5rem;
}

@media only screen and (max-width: 1023px) {
  body.show-modal-fix .odporucana-carousel .slide-odp {
    flex: 0 0 calc(50% - 1rem);
  }

  body.show-modal-fix .slide-odp .odp-image,
  body.show-modal-fix .slide-odp img {
    width: 150px;
    height: 150px;
    min-width: 150px;
    min-height: 150px;
  }
}