#clonedWrapper{
	width: 100%;
	max-height: 100%;
}

#clonedWrapper > div{
	height: calc(100vh - 110px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden;
}

#clonedWrapper > div::-webkit-scrollbar {
    width: 5px;
}
#clonedWrapper > div::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #d0d0d0;
}

#clonedWrapper > div::-webkit-scrollbar-thumb {
  background-color: #1976d2;
  outline: 1px solid #1976d2;
}

#clonedWrapper .slick-slide img {
    display: block;
    height: 100%;
    text-align: center;
    margin: 0 auto;
}

#clonedWrapper  .slick-list{
	width: 100%;
}

.zoom-image-popup-dialog .logo-popup{
  height: 40px;
}
.zoom-image-popup-dialog .dialog-btn-close{
  border: none;
  background-color: rgba(210, 27, 34, 1);
  position:inherit;
  top: 0;
  left: 0px;
  color: #FFFFFF;
  font-size: 20px;
  cursor: pointer;
  margin-<?php echo $gui->getRight();?>: 0px;
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
   width: 50px;
   height: 50px;
   line-height: 0; 

}

.close-text {
  font-weight: bold;
  font-size: 16px;
  margin-left: 7px;
}

.zoom-image-popup-dialog .heder-dialog{
  min-height: 80px;
  background-color: #FFFFFF;  
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05);
}
.zoom-image-popup-dialog .dialog-btn-close:hover, .zoom-image-popup-dialog .dialog-btn-close:focus{
  outline: none;
  color: #FFFFFF;
}

.zoom-image-popup-dialog .box-carousel .slick-dots {
    display: flex;
    width: 100%;
    background-color: rgba(35,31,32,0.8);
    justify-content: space-evenly;
    padding: 6px;
}

.zoom-image-popup-dialog .slick-dots li.slick-active button {
    background-color: #fff;
}

.zoom-image-popup-dialog .slick-dots li button {
    display: block;
    width: 12px;
    height: 14px;
    border-radius: 50%;
    font-size: 0px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #979797;
}
.zoom-image-popup-dialog .slick-dots li {
	display: inline-block;
	margin: 5px;
}
#bootstrap-overrides .zoom-image-popup-dialog .btn.dialog-btn-confirm, #bootstrap-overrides .zoom-image-popup-dialog .btn.dialog-btn-discard{
  display: none;
}

.zoom-image-popup-dialog .dialog-body{
    width: 100%;
    height: calc(100vh - 80px);
}

.zoom-image-popup-dialog .dialog-confirm{
    margin-left: 15px;
    margin-right: 15px;
}

.zoom-image-popup-dialog .dialog-body > p{
    margin-top: 30px;
}

.zoom-image-popup-dialog ul{
	margin: 0;
}

.zoom-image-popup-dialog .slick-dots{
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	right: 0;
}

.zoom-image-popup-dialog #clonedWrapper img{
	margin: 0px;
    vertical-align: top;
    display: inline-block;
    width: auto;
    height: auto;
    object-fit: scale-down;
    max-height: calc(100vh - 130px);
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.5);
}
.zoom-image-popup-dialog .slick-track{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zoom-image-popup-dialog .slick-prev {
  right: 2%;
}
.zoom-image-popup-dialog .slick-prev i {
  padding-right: 5px;
  padding-top: 2px;
}

.zoom-image-popup-dialog .slick-arrow i {
  font-size: 20px;
  color: #fff;
}
.zoom-image-popup-dialog .slick-arrow:hover i{
  color: black;
}
.zoom-image-popup-dialog .slick-arrow:hover{
  background-color: white;  
  border: 1px solid black;
}
.zoom-image-popup-dialog .slick-arrow{
  background-color: transparent;  
  border: 1px solid white;
}

.zoom-image-popup-dialog .slick-next i {
  padding-left: 5px;
  padding-top: 2px;

}
.zoom-image-popup-dialog .slick-next {
  left: 2%;
}

@media (max-width:1200px){
    .zoom-image-popup-dialog .slick-arrow {
      display: none !important;
    }
}