.list-photos {
   padding-top: 20px;

   .qq-drop-processing {
      background: white;
      border-radius: 4px;
      box-shadow: rgba(0, 0, 0, .2) 0 1px 2px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      flex-wrap: wrap;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      text-align: center;
      z-index: 10;

      &.qq-hide {
         display: none;
      }
   }

   .qq-upload-spinner,
   .qq-drop-processing-spinner {
      margin-top: 6px;
      background: none;
      border-radius: 50%;
      width: 48px;
      height: 48px;
      position: relative;
      border: 4px solid #356fe0;
      border-top-color: transparent;
      animation: load8 1s infinite linear;
   }

   .qq-upload-spinner {
      margin-top: 20px;
      margin-bottom: 10px;
      margin-right: 0;
   }

   .qq-upload-file {
      width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: auto 0 0;
      font-size: 11px;
   }

   .qq-upload-cancel {
      margin-right: 0;
      padding-right: 5px;
      font-size: 11px;
      position: relative;
      text-decoration: underline;

      .fc {
         color: #e20000;
         font-size: 9px;
         margin-left: 4px;
         position: absolute;
         top: 3px;
      }
   }

   .thumbnail > a {
      overflow: hidden;
      display: block;
      height: 100%;
   }

   @keyframes load8 {
      0% {
         transform: rotate(0deg);
      }

      100% {
         transform: rotate(360deg);
      }
   }

   .thumbnail .caption {
      background: white;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: absolute;
      bottom: 21px;
      left: 15px;
      right: 15px;
      font-size: 11px;
   }

   .window-btns {
      padding-top: 0;
      padding-bottom: 0;

      .btn-block {
         margin: 20px 0;
      }

      .go-to-page {
         margin-right: 0;
      }

      .pager {
         display: flex;
      }

      .pagination > li > a,
      .pagination > li > span {
         padding: 6px 10px;
      }
   }

   .qq-upload-success {
      display: none;
   }

   .photos-selection-container {
      overflow: hidden;
      padding-bottom: 80px;

      .photos {
         position: relative;
      }

      .checkbox {
         position: absolute;
         top: 0;
         right: 5px;
      }
   }

   .qq-thumb-img {
      display: block;
   }

   .qq-upload-button-selector {
      border-radius: 4px;
      font-size: 14px;
      height: 140px;
      line-height: 1.4;
      padding: 10px;

      small {
         display: block;
         font-size: 11px;
         line-height: 1.2;
         margin-top: 5px;
      }
   }

   .qq-upload-drop-area {
      border-radius: 4px;
      font-size: 14px;
      height: 140px;
      line-height: 1.4;
      padding: 10px;

      > div {
         flex-direction: column;
      }

      span {
         margin: 0;
         height: 50px;
      }
   }

   .photos-file-upload-list {
      .qq-upload-instance {
         background-color: $white;
         box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
         border-radius: 4px;
         display: flex;
         flex-direction: column;
         height: 140px;
         line-height: 1.42857;
         margin-bottom: 20px;
         overflow: hidden;
         text-align: center;
         padding: 4px;
         align-items: center;

         + .qq-upload-instance {
            display: none;
         }
      }

      &:empty {
         display: none;
      }

      .qq-upload-spinner {
         flex-shrink: 0;
      }
   }
}

/*
body.window > form > .container-fluid {
   padding-bottom: 0;
}
*/
