.astra-gallery-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  z-index: 21000;
  background-color: rgba(0, 0, 0, 0.85); }

.astra-gallery-modal .gallery-type-left {
  width: 80%;
  margin: 0 auto;
  background: #505050;
  margin-top: 50px;
  margin-bottom: 50px; }
  .astra-gallery-modal .gallery-type-left .gallery-controls {
    top: 10px;
    right: 10px;
    margin-bottom: -30px;
    float: right;
    display: inline-block;
    position: relative;
    z-index: 1; }
    .astra-gallery-modal .gallery-type-left .gallery-controls span.gallery-close, .astra-gallery-modal .gallery-type-left .gallery-controls span.gallery-download, .astra-gallery-modal .gallery-type-left .gallery-controls span.gallery-info {
      display: inline-block;
      background: gray;
      color: #FFF;
      padding: 5px 10px;
      position: relative;
      cursor: pointer; }
      .astra-gallery-modal .gallery-type-left .gallery-controls span.gallery-close:hover, .astra-gallery-modal .gallery-type-left .gallery-controls span.gallery-download:hover, .astra-gallery-modal .gallery-type-left .gallery-controls span.gallery-info:hover {
        opacity: 0.85; }
    .astra-gallery-modal .gallery-type-left .gallery-controls span.gallery-info {
      margin-right: 5px;
      padding: 5px 15px; }
    .astra-gallery-modal .gallery-type-left .gallery-controls span.gallery-close {
      margin-left: 10px; }
  .astra-gallery-modal .gallery-type-left .gallery-content-box {
    position: relative; }
    .astra-gallery-modal .gallery-type-left .gallery-content-box .right-section .main-image {
      position: relative;
      display: block;
      height: 80%;
      width: 93%; }
      .astra-gallery-modal .gallery-type-left .gallery-content-box .right-section .main-image img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        margin: auto; }
    .astra-gallery-modal .gallery-type-left .gallery-content-box .right-section .gallery-move {
      display: block;
      margin: 10px 0 10px 0px; }
      .astra-gallery-modal .gallery-type-left .gallery-content-box .right-section .gallery-move span {
        padding: 5px;
        color: #FFF;
        cursor: pointer;
        margin: 0 5px 0 0px; }
    .astra-gallery-modal .gallery-type-left .gallery-content-box .gallery-images {
      margin: 0px 0 0px 0px;
      padding: 0 10px 10px 10px;
      background: #CCC;
      overflow-y: auto; }
      .astra-gallery-modal .gallery-type-left .gallery-content-box .gallery-images a.gallery-image {
        display: inline-block;
        margin: 0 3px 0 0;
        height: auto;
        max-width: 24%;
        opacity: 0.7;
        border: 2px solid #ccc;
        vertical-align: top;
        background: #a9a9a9; }
        .astra-gallery-modal .gallery-type-left .gallery-content-box .gallery-images a.gallery-image.active {
          border-color: #50f350;
          opacity: 1;
          border-width: 4px; }
          .astra-gallery-modal .gallery-type-left .gallery-content-box .gallery-images a.gallery-image.active span {
            color: #FFF;
            background: #000; }
        .astra-gallery-modal .gallery-type-left .gallery-content-box .gallery-images a.gallery-image:hover {
          border-color: gray;
          opacity: 0.9; }
        .astra-gallery-modal .gallery-type-left .gallery-content-box .gallery-images a.gallery-image img {
          max-height: 100px;
          min-width: 50px;
          max-width: 100%;
          top: 0; }
        .astra-gallery-modal .gallery-type-left .gallery-content-box .gallery-images a.gallery-image span {
          text-align: center;
          width: 100%;
          color: #000;
          display: block; }

.astra-gallery-modal .gallery-type-bottom {
  width: 80%;
  margin: 0 auto;
  background: #505050;
  margin-top: 50px;
  padding-top: 20px; }
  .astra-gallery-modal .gallery-type-bottom .gallery-controls {
    top: -10px;
    right: 10px;
    float: right;
    display: inline-block;
    position: relative;
    z-index: 1; }
  .astra-gallery-modal .gallery-type-bottom .gallery-content-box {
    position: relative; }
    .astra-gallery-modal .gallery-type-bottom .gallery-content-box .gallery-previous-image, .astra-gallery-modal .gallery-type-bottom .gallery-content-box .gallery-next-image {
      width: 40px;
      margin-top: 40px;
      margin-bottom: 100px;
      background: #333;
      display: block;
      position: absolute;
      color: #FFF;
      text-align: center;
      cursor: pointer; }
      .astra-gallery-modal .gallery-type-bottom .gallery-content-box .gallery-previous-image:hover, .astra-gallery-modal .gallery-type-bottom .gallery-content-box .gallery-next-image:hover {
        opacity: 0.7; }
    .astra-gallery-modal .gallery-type-bottom .gallery-content-box .gallery-next-image {
      float: right;
      right: 0; }
    .astra-gallery-modal .gallery-type-bottom .gallery-content-box .main-image {
      position: relative;
      display: block;
      height: 80%;
      width: 93%;
      white-space: nowrap;
      text-align: center;
      margin: 20px auto 0px auto; }
      .astra-gallery-modal .gallery-type-bottom .gallery-content-box .main-image img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto; }
    .astra-gallery-modal .gallery-type-bottom .gallery-content-box .gallery-images {
      text-align: center;
      margin: 10px auto 0px auto;
      padding: 0 10px 10px 10px;
      overflow-x: auto;
      white-space: nowrap; }
      .astra-gallery-modal .gallery-type-bottom .gallery-content-box .gallery-images a.gallery-image {
        display: inline-block;
        margin: 0 3px 0 0;
        height: auto;
        height: 100px;
        opacity: 0.8;
        border: 2px solid #ccc;
        vertical-align: top; }
        .astra-gallery-modal .gallery-type-bottom .gallery-content-box .gallery-images a.gallery-image.active {
          border-color: black;
          opacity: 1;
          border-width: 4px; }
        .astra-gallery-modal .gallery-type-bottom .gallery-content-box .gallery-images a.gallery-image:hover {
          border-color: gray;
          opacity: 0.9; }
        .astra-gallery-modal .gallery-type-bottom .gallery-content-box .gallery-images a.gallery-image img {
          max-height: 100%;
          max-width: 100px;
          top: 0; }

.astra-gallery-qtip {
  border: 0;
  margin: 0;
  padding: 0; }
  .astra-gallery-qtip .qtip-content {
    margin: 0;
    padding: 0; }
    .astra-gallery-qtip .qtip-content .gallery-info-qtip {
      padding: 5px 10px;
      background: #333; }

.gallery-controls span.gallery-close, .gallery-controls span.gallery-download, .gallery-controls span.gallery-info, .gallery-controls span.gallery-expand {
  display: inline-block;
  background: gray;
  color: #FFF;
  padding: 5px 10px;
  position: relative;
  cursor: pointer; }
  .gallery-controls span.gallery-close:hover, .gallery-controls span.gallery-download:hover, .gallery-controls span.gallery-info:hover, .gallery-controls span.gallery-expand:hover {
    opacity: 0.85; }

.gallery-controls span.gallery-info {
  margin-right: 5px;
  padding: 5px 15px; }

.gallery-controls span.gallery-expand {
  margin-right: 5px;
  padding: 5px 10px; }

.gallery-controls span.gallery-close {
  margin-left: 10px; }

.astra-gallery-modal-expanded {
  position: absolute;
  z-index: 200000;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  text-align: center;
  overflow-y: auto;
  background: rgba(50, 50, 50, 0.5); }
  .astra-gallery-modal-expanded .image {
    margin: 0 auto;
    padding: 20px; }
    .astra-gallery-modal-expanded .image img {
      border: 2px solid #ccc;
      width: auto;
      height: auto; }

.test-image img {
  max-width: 50px;
  max-height: 50px; }

#modal-HistoryModal {
  z-index: 31000 !important; }