body.manager .modal-gallery.modal {
  padding: 0;
  z-index: 1200;
  padding-right: 0px!important;
}

body.manager .modal-gallery .modal-dialog,
body.manager .modal-gallery .modal-content-vertical,
body.manager .modal-gallery .modal-body,
body.manager .modal-gallery .carousel {
  height: 100%;
  margin: auto;
  pointer-events: auto;
  max-width: 850px;
}

body.manager .modal-gallery .carousel-inner {
  position: relative;
  width: 100%;
  overflow-y: auto;
  height: 100%;
  display: flex;
  align-items: center;
}


body.manager .modal-gallery .carousel-item::-webkit-scrollbar,
.dropdown-right::-webkit-scrollbar { 
  width: 4px;
  height: 4px;
}


body.manager .modal-gallery .carousel-item::-webkit-scrollbar-thumb,
.dropdown-right::-webkit-scrollbar-thumb { 
  cursor: pointer;
  background: grey;
}


body.manager .modal-gallery .carousel-control-next-icon {
  background: url(../images/icon-arrow-right.png) no-repeat center;
  background-size: contain;
}

body.manager .modal-gallery .carousel-control-next-icon,
body.manager .modal-gallery .carousel-control-prev-icon {
  opacity: 1!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 50px;
  width: 30px;
}

body.manager .modal-gallery .carousel-control-prev-icon {
  background: url(../images/icon-arrow-left.png) no-repeat center;
  background-size: contain;
}

body.manager .modal-gallery .modal-content { 
  border-radius: 0;
}


body.manager .carousel-item {
  background: white;
  padding: 40px 40px 0px 40px;
  max-height: 100%;
  overflow: scroll;
  border-bottom: 40px solid white;
}

.carousel-item strong {
  font-family: 'Futura-Normal', Trebuchet MS, Arial, sans-serif;
  font-weight: 900;
}

.carousel-item .managerpopup-img {
  max-width: 353px;
}

body.manager .modal-gallery .close {
   position: absolute;
   top: 40px;
   right: 40px;	
   width: 30px;
   z-index: 1300;
   opacity: 1!important;
}


/* Background image */

body.manager .modal-gallery .carousel-item {
 opacity: 0;
 transition-duration: .2s;
 -webkit-transition-duration: .2s;
 transition-property: opacity;
 -webkit-transition-property: opacity;
}

body.manager .modal-gallery .carousel-item.active,
body.manager .modal-gallery .carousel-item-next.carousel-item-left,
body.manager .modal-gallery .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

body.manager .modal-gallery .active.carousel-item-left,
body.manager .modal-gallery .active.carousel-item-right {
 opacity: 0;
}

body.manager .modal-gallery .carousel-item-next,
body.manager .modal-gallery .carousel-item-prev,
body.manager .modal-gallery .carousel-item.active,
body.manager .modal-gallery .active.carousel-item-left,
body.manager .modal-gallery .active.carousel-item-prev {
 transform: translateX(0);
 -webkit-transform: translateX(0);
 transform: translate3d(0, 0, 0);
 -webkit-transform: translate3d(0, 0, 0);
}

@media (min-width: 767px) {

  body.manager .carousel-control-prev, 
  body.manager .carousel-control-next {
    width: 50px;
  }

  body.manager .carousel-control-prev {
    left: -8%;
  }

  body.manager .carousel-control-next {
    right: -8%;
  }
}

@media (max-width: 600px) {

  body.manager .modal-gallery .close {
     top: 10px;
     right: 10px;	
     width: 20px;
  }	

  .carousel-inner {
     height: 100%;
  }


  body.manager .modal-gallery .carousel-control-next-icon,
  body.manager .modal-gallery .carousel-control-prev-icon {
    height: 40px;
    width: 20px;
  }

  .carousel-control-next {
    right: -10px;
    top: 40px;
  }

  .carousel-control-prev {
    left: -15px;
    top: 40px;
  }
}