/*传输列表弹出层相关样式 Start */

.data-upload-modal .modal-dialog {
  width: 1040px;
}
.data-upload-modal .modal-dialog .nav-upload-left {
  padding: 0;
}
.data-upload-modal .modal-dialog .nav-upload-left li {
  list-style: none;
  padding: 18px 20px;
  font-size: 16px;
  text-align: center;
}
.data-upload-modal .modal-dialog .nav-upload-left li i {
  margin-right: 12px;
}
.data-upload-modal .modal-dialog .nav-upload-left li:hover {
  cursor: pointer;
}
.data-upload-modal .modal-dialog .nav-upload-left li.active {
  background-color: #e0301e;
  color: white;
}
.data-upload-modal .modal-dialog .spinner {
  margin: 1px auto 0;
  width: 100px;
  text-align: center;
}
.data-upload-modal .modal-dialog .spinner > div {
  width: 15px;
  height: 10px;
  background-color: #e0301e;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.data-upload-modal .modal-dialog .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  margin-right: 5px;
}
.data-upload-modal .modal-dialog .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  margin-right: 5px;
}
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.data-upload-modal .modal-dialog .upload-right .hide-prog .dx-position-bottom-left .dx-progressbar-status {
  display: none;
}
.data-upload-modal .modal-dialog .upload-right .hide-prog .dx-progressbar-wrapper .dx-progressbar-range-container .dx-progressbar-container {
  border: 0;
}
.data-upload-modal .modal-dialog .upload-right .hide-prog .dx-progressbar-wrapper .dx-progressbar-range-container .dx-progressbar-container .dx-progressbar-range {
  border: 0;
  background-color: #cc3333;
}
.data-upload-modal .modal-dialog .upload-right .hide-prog .dx-progressbar-wrapper .dx-progressbar-status {
  position: absolute;
  left: 50%;
}
.data-upload-modal .modal-dialog .upload-right .tab-top {
  padding: 12px;
}
.data-upload-modal .modal-dialog .upload-right .tab-top .btn-cancel {
  height: 28px;
  float: right;
  vertical-align: top;
  margin-top: -4px;
}
.data-upload-modal .modal-dialog .upload-right .tab-top .progress-bar-load {
  display: inline-block;
  margin-left: 12px;
}
.data-upload-modal .modal-dialog .upload-right .tab-top .progress-bar-load .dx-progressbar-wrapper {
  position: relative;
}
.data-upload-modal .modal-dialog .upload-right .tab-top .progress-bar-load .dx-progressbar-wrapper .dx-progressbar-range-container .dx-progressbar-container {
  height: 16px;
  border: 0;
}
.data-upload-modal .modal-dialog .upload-right .tab-top .progress-bar-load .dx-progressbar-wrapper .dx-progressbar-range-container .dx-progressbar-container .dx-progressbar-range {
  border: 0;
  background-color: #cc3333;
}
.data-upload-modal .modal-dialog .upload-right .tab-top .progress-bar-load .dx-progressbar-wrapper .dx-progressbar-status {
  position: absolute;
  left: 50%;
}
.data-upload-modal .modal-dialog .upload-right .complete .dx-progressbar-range {
  background-color: green;
}
.data-upload-modal .error-list-modal .modal-dialog {
  width: 750px;
}
.data-upload-modal .error-list-modal .modal-dialog .modal-body .page-footer {
  height: 70px;
}
@media only screen and (max-width: 1366px) {
  .data-upload-modal .modal-dialog {
    width: 800px;
  }
}
/*传输列表弹出层相关样式 End */