.modal-panel.no-padding .modal-body {
  padding: 0 !important;
}
.modal-panel.no-padding .modal-body .panel-default.list-panel {
  margin: 15px;
}
.modal-panel.no-padding .modal-body .edit-panel {
  padding-bottom: 15px;
}
.modal-panel.modal.left .modal-dialog,
.modal-panel.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 320px;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  max-width: none !important;
}
.modal-panel.modal.left .modal-header,
.modal-panel.modal.right .modal-header {
  background-color: #fff;
}
.modal-panel.modal.left .modal-header h4,
.modal-panel.modal.right .modal-header h4 {
  font-size: 1em;
}
.modal-panel.modal.left .modal-header .close,
.modal-panel.modal.right .modal-header .close {
  margin-top: 3px;
}
.modal-panel.modal.left .modal-content,
.modal-panel.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
  border: none;
  background-color: #f4f4f4;
}
.modal-panel.modal.left .modal-body,
.modal-panel.modal.right .modal-body {
  padding: 15px 15px 80px;
}
.modal-panel.modal.left .modal-body .list-title,
.modal-panel.modal.right .modal-body .list-title {
  font-weight: 700;
  margin-bottom: 15px;
}
.modal-panel.modal.left .modal-body .panel-default,
.modal-panel.modal.right .modal-body .panel-default {
  border-radius: 0;
}
.modal-panel.modal.left .modal-body .panel-default .panel-body,
.modal-panel.modal.right .modal-body .panel-default .panel-body {
  padding-bottom: 0;
}
.modal-panel.modal.left.fade .modal-dialog {
  left: -320px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}
.modal-panel.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal-panel.modal.right .modal-header .close {
  float: left;
  margin-right: 10px;
}
.modal-panel.modal.left.small .modal-dialog,
.modal-panel.modal.right.small .modal-dialog {
  width: 33%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.left.small .modal-dialog,
  .modal-panel.modal.right.small .modal-dialog {
    width: 44%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.left.small .modal-dialog,
  .modal-panel.modal.right.small .modal-dialog {
    width: 55%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.left.small .modal-dialog,
  .modal-panel.modal.right.small .modal-dialog {
    width: 66%;
  }
}
.modal-panel.modal.left.medium .modal-dialog,
.modal-panel.modal.right.medium .modal-dialog {
  width: 33%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.left.medium .modal-dialog,
  .modal-panel.modal.right.medium .modal-dialog {
    width: 55%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.left.medium .modal-dialog,
  .modal-panel.modal.right.medium .modal-dialog {
    width: 77%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.left.medium .modal-dialog,
  .modal-panel.modal.right.medium .modal-dialog {
    width: 95%;
  }
}
.modal-panel.modal.left.big .modal-dialog,
.modal-panel.modal.right.big .modal-dialog {
  width: 50%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.left.big .modal-dialog,
  .modal-panel.modal.right.big .modal-dialog {
    width: 70%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.left.big .modal-dialog,
  .modal-panel.modal.right.big .modal-dialog {
    width: 80%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.left.big .modal-dialog,
  .modal-panel.modal.right.big .modal-dialog {
    width: 95%;
  }
}
.modal-panel.modal.left.full .modal-dialog,
.modal-panel.modal.right.full .modal-dialog {
  width: 80%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.left.full .modal-dialog,
  .modal-panel.modal.right.full .modal-dialog {
    width: 85%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.left.full .modal-dialog,
  .modal-panel.modal.right.full .modal-dialog {
    width: 90%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.left.full .modal-dialog,
  .modal-panel.modal.right.full .modal-dialog {
    width: 95%;
  }
}
.modal-panel.modal.right.fade.small .modal-dialog {
  right: -33%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.right.fade.small .modal-dialog {
    right: -44%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.right.fade.small .modal-dialog {
    right: -55%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.right.fade.small .modal-dialog {
    right: -66%;
  }
}
.modal-panel.modal.right.fade.medium .modal-dialog {
  right: -33%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.right.fade.medium .modal-dialog {
    right: -55%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.right.fade.medium .modal-dialog {
    right: -77%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.right.fade.medium .modal-dialog {
    right: -95%;
  }
}
.modal-panel.modal.right.fade.big .modal-dialog {
  right: -50%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.right.fade.big .modal-dialog {
    right: -70%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.right.fade.big .modal-dialog {
    right: -80%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.right.fade.big .modal-dialog {
    right: -95%;
  }
}
.modal-panel.modal.right.fade.full .modal-dialog {
  right: -80%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.right.fade.full .modal-dialog {
    right: -85%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.right.fade.full .modal-dialog {
    right: -90%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.right.fade.full .modal-dialog {
    right: -95%;
  }
}
.modal-panel.modal.left.fade.small .modal-dialog {
  left: -33%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.left.fade.small .modal-dialog {
    left: -44%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.left.fade.small .modal-dialog {
    left: -55%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.left.fade.small .modal-dialog {
    left: -66%;
  }
}
.modal-panel.modal.left.fade.medium .modal-dialog {
  left: -33%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.left.fade.medium .modal-dialog {
    left: -55%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.left.fade.medium .modal-dialog {
    left: -77%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.left.fade.medium .modal-dialog {
    left: -95%;
  }
}
.modal-panel.modal.left.fade.big .modal-dialog {
  left: -50%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.left.fade.big .modal-dialog {
    left: -70%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.left.fade.big .modal-dialog {
    left: -80%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.left.fade.big .modal-dialog {
    left: -95%;
  }
}
.modal-panel.modal.left.fade.full .modal-dialog {
  left: -80%;
}
@media (max-width: 1489px) {
  .modal-panel.modal.left.fade.full .modal-dialog {
    left: -85%;
  }
}
@media (max-width: 1199px) {
  .modal-panel.modal.left.fade.full .modal-dialog {
    left: -90%;
  }
}
@media (max-width: 991px) {
  .modal-panel.modal.left.fade.full .modal-dialog {
    left: -95%;
  }
}
.modal-panel.modal.right.fade.show .modal-dialog {
  right: 0;
}
.modal-panel.modal.left.fade.show .modal-dialog {
  left: 0;
}