.gallery-one {
  width: 100%;
  text-align: center;
  min-height: 120px;
  display: block;
  margin-bottom: 15px;
  background-color: #dddddd;
  position: relative;
  cursor: pointer;
  &.gallery-one-selected {
    background-color: #4b9ac4;
    .gallery-one-tinymce-toolbar {
      display: block;
    }
  }
  .gallery-one-preview {
    padding-top: 20px;
    &:after {
      clear: both; content: " "; display: block;
    }
    .dashicons {
      &:before {
        font-size: 60px;
        height: 100px;
        line-height: 100px;
      }
      box-sizing: border-box;
      border: 1px solid #ffffff;
      background: #ffffff;
      height: 100px;
      width: 100px;
      display: inline-block;
    }
    .media-item {
      height: 80px;
      display: inline-block;
      img, span {
        padding: 2px;
        box-sizing: border-box;
        border: 1px solid #ffffff;
        background: #ffffff;
      }

      img {
        height: 80px;
        width: auto;
        margin-bottom: 0px !important;
        display: inline-block;
        float: left;
      }
      span {
        height: 80px;
        min-width: 80px;
        display: inline-block;
        text-align: center;
        padding: 0px 15px;
        float: left;
        line-height: 80px;
        font-size: 22px;

      }
    }
  }
}
.gallery-one-tinymce-toolbar {
  display: none;
  position: absolute;
  top: 10px;
  left: 10px;
  .dashicons {
    cursor: pointer;
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 10px;
    background: #333333;
    color: #ffffff;
    line-height: 24px;
    color: #ffffff;
    margin-right: 5px;
    position: relative;
    &:before {
      vertical-align: initial;
      line-height: 24px;
    }
  }
}