/* line 6, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page h2 {
  font-size: 32px;
  line-height: 26px;
  margin-bottom: 11px; }
/* line 12, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .hotel-name-title {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: rgba(34, 34, 34, 0.87);
  margin: 6px 0 0 0; }
/* line 20, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .image-gallery-title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 26px; }
  /* line 27, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
  #image-gallery-page .image-gallery-title-wrap button {
    height: 42px; }
/* line 32, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .drop-zone-element {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  border: 1px dashed #b0b0b0;
  border-radius: 12px;
  padding: 39px 30px 35px;
  margin-bottom: 46px;
  height: 281px; }
  /* line 45, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
  #image-gallery-page .drop-zone-element .drop-zone-text-wrap-hovered {
    display: none;
    text-align: center; }
  /* line 50, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
  #image-gallery-page .drop-zone-element.dragover {
    border: 1px solid #222222; }
    /* line 53, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
    #image-gallery-page .drop-zone-element.dragover .drop-zone-text-wrap {
      display: none; }
    /* line 57, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
    #image-gallery-page .drop-zone-element.dragover .drop-zone-text-wrap-hovered {
      display: block; }
/* line 63, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .drop-zone-text-main {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  margin-top: 18px; }
/* line 70, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .drop-zone-text-wrap {
  text-align: center; }
  /* line 73, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
  #image-gallery-page .drop-zone-text-wrap .drop-zone-text-or {
    font-size: 15px;
    line-height: 26px;
    font-weight: 600;
    color: rgba(127, 127, 127, 0.7);
    margin: 10px 0 0; }
  /* line 81, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
  #image-gallery-page .drop-zone-text-wrap .drop-zone-extensions {
    font-size: 12px;
    line-height: 26px;
    font-weight: 600;
    color: rgba(127, 127, 127, 0.7);
    margin: 7px 0; }
  /* line 89, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
  #image-gallery-page .drop-zone-text-wrap #files,
  #image-gallery-page .drop-zone-text-wrap .k-widget,
  #image-gallery-page .drop-zone-text-wrap .k-upload,
  #image-gallery-page .drop-zone-text-wrap .k-upload-async {
    display: none; }
  /* line 96, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
  #image-gallery-page .drop-zone-text-wrap .upload-image-button {
    font-size: 15px;
    line-height: 26px;
    font-weight: 600;
    color: #02a6b5;
    cursor: pointer;
    text-decoration: underline; }
/* line 106, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .all-photos-title {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 11px; }
/* line 113, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .all-photos-subtitle {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: rgba(34, 34, 34, 0.7);
  margin-bottom: 11px; }
/* line 121, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page #images-list, #image-gallery-page #inactive-images-list {
  position: relative;
  border: none;
  margin-top: 24px; }
  /* line 126, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
  #image-gallery-page #images-list #img-cover, #image-gallery-page #inactive-images-list #img-cover {
    position: absolute;
    display: block;
    cursor: pointer;
    left: 16px;
    top: 16px;
    width: 73px;
    height: 26px;
    background-color: white;
    border: 1px solid #ebebeb;
    box-shadow: 0px 2px 6px rgba(0, 116, 131, 0.12);
    border-radius: 6px;
    z-index: 1;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-weight: 600;
    font-size: 13px;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: -0.3px; }
    /* line 146, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
    #image-gallery-page #images-list #img-cover .wrapper, #image-gallery-page #inactive-images-list #img-cover .wrapper {
      height: 100%;
      display: flex;
      align-items: center;
      padding: 0 6px; }
      /* line 152, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
      #image-gallery-page #images-list #img-cover .wrapper .icon-info, #image-gallery-page #inactive-images-list #img-cover .wrapper .icon-info {
        display: block;
        margin-left: 3px;
        width: 12px;
        height: 12px;
        background-image: url(/assets/icon-info-784d248b76608e2272562926d015e374bc2b7be247e4605b5458fdcd959bbb1a.svg); }
    /* line 163, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
    #image-gallery-page #images-list #img-cover:hover .wrapper .icon-info, #image-gallery-page #inactive-images-list #img-cover:hover .wrapper .icon-info {
      background-image: url(/assets/icon-info-active-f50cb4253c17d984145a27842ac5d475051ecfb486f37bf6bc63b52e8b989888.svg); }
  /* line 170, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
  #image-gallery-page #images-list .k-listview-content, #image-gallery-page #inactive-images-list .k-listview-content {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    overflow: unset; }
  /* line 177, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
  #image-gallery-page #images-list .image-wrap, #image-gallery-page #inactive-images-list .image-wrap {
    position: relative;
    width: 232px;
    height: 158px;
    cursor: move; }
    /* line 183, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
    #image-gallery-page #images-list .image-wrap img, #image-gallery-page #inactive-images-list .image-wrap img {
      width: 232px;
      height: 158px;
      object-fit: cover; }
    /* line 188, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
    #image-gallery-page #images-list .image-wrap .inactive-image, #image-gallery-page #inactive-images-list .image-wrap .inactive-image {
      -webkit-filter: opacity(0.3) grayscale(100%);
      filter: opacity(0.3) grayscale(100%);
      z-index: 1; }
    /* line 194, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
    #image-gallery-page #images-list .image-wrap .remove-image-btn, #image-gallery-page #inactive-images-list .image-wrap .remove-image-btn {
      position: absolute;
      width: 30px;
      height: 30px;
      top: 16px;
      right: 16px;
      background-color: rgba(255, 255, 255, 0.7);
      border-radius: 50%;
      cursor: pointer;
      z-index: 10; }
      /* line 205, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
      #image-gallery-page #images-list .image-wrap .remove-image-btn:before, #image-gallery-page #inactive-images-list .image-wrap .remove-image-btn:before {
        position: absolute;
        content: "";
        width: 16px;
        height: 16px;
        background-image: url(/assets/icon-dots-93c2c6106124b0ec232f0a8d835a10374e612ea47f97a8d83c20bbac9a7141e7.svg);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
      /* line 216, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
      #image-gallery-page #images-list .image-wrap .remove-image-btn:hover, #image-gallery-page #inactive-images-list .image-wrap .remove-image-btn:hover {
        background-color: white; }
/* line 225, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .image-wrap img {
  width: 232px;
  height: 158px; }
/* line 232, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .icon-dots {
  width: 24px;
  height: 24px;
  background-image: url(/assets/icon-dots-93c2c6106124b0ec232f0a8d835a10374e612ea47f97a8d83c20bbac9a7141e7.svg); }
/* line 237, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .icon-bin {
  width: 22px;
  height: 22px;
  background-image: url(/assets/icon-bin-bac9b219d4dde59b06c568bae8e03e8e3b96025d2ced99da87fa1bf207a6c598.svg);
  padding-right: 10px; }
/* line 243, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .icon-active {
  width: 22px;
  height: 22px;
  background-image: url(/assets/eye-active-06a48227026c05da17f7c8d87099450366d7296212bc11692e5c64059aa28f87.svg);
  padding-right: 10px; }
/* line 249, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .icon-inactive {
  width: 22px;
  height: 22px;
  background-image: url(/assets/eye-inactive-7cdccec25a12e21da6920887d5a18f778b6d22d2e31221ce6a592b08e7f0e157.svg);
  padding-right: 10px; }
/* line 255, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .icon-download {
  width: 22px;
  height: 22px;
  background-image: url(/assets/download-875be5f3d461a7e2ccdaaa19ff51be0ea8a61dd3abe3128540d1853aac1043d1.svg);
  padding-right: 10px; }
/* line 262, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .red-text {
  color: #ff4154; }
/* line 266, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .k-menu-expand-arrow {
  display: none; }
/* line 270, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .k-menu-item {
  padding: 6px 8px; }
/* line 274, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .k-menu-group {
  padding: 8px 4px;
  border-radius: 6px; }
/* line 279, /usr/src/app/app/assets/stylesheets/image-gallery.scss */
#image-gallery-page .k-menu-link {
  padding: 2px 12px;
  padding-right: 30px; }