.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
	float:right;
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6,
.modal .h1,
.modal .h2,
.modal .h3,
.modal .h4,
.modal .h5,
.modal .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.modal h1 small,
.modal h2 small,
.modal h3 small,
.modal h4 small,
.modal h5 small,
.modal h6 small,
.modal .h1 small,
.modal .h2 small,
.modal .h3 small,
.modal .h4 small,
.modal .h5 small,
.modal .h6 small,
.modal h1 .small,
.modal h2 .small,
.modal h3 .small,
.modal h4 .small,
.modal h5 .small,
.modal h6 .small,
.modal .h1 .small,
.modal .h2 .small,
.modal .h3 .small,
.modal .h4 .small,
.modal .h5 .small,
.modal .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
.modal h1,
.modal .h1,
.modal h2,
.modal .h2,
.modal h3,
.modal .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.modal h1 small,
.modal .h1 small,
.modal h2 small,
.modal .h2 small,
.modal h3 small,
.modal .h3 small,
.modal h1 .small,
.modal .h1 .small,
.modal h2 .small,
.modal .h2 .small,
.modal h3 .small,
.modal .h3 .small {
  font-size: 65%;
}
.modal h4,
.modal .h4,
.modal h5,
.modal .h5,
.modal h6,
.modal .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.modal h4 small,
.modal .h4 small,
.modal h5 small,
.modal .h5 small,
.modal h6 small,
.modal .h6 small,
.modal h4 .small,
.modal .h4 .small,
.modal h5 .small,
.modal .h5 .small,
.modal h6 .small,
.modal .h6 .small {
  font-size: 75%;
}
.modal h1,
.modal .h1 {
  font-size: 36px;
}
.modal h2,
.modal .h2 {
  font-size: 30px;
}
.modal h3,
.modal .h3 {
  font-size: 24px;
}
.modal h4,
.modal .h4 {
  font-size: 18px;
}
.modal h5,
.modal .h5 {
  font-size: 14px;
}
.modal h6,
.modal .h6 {
  font-size: 12px;
}
.modal p {
  margin: 0 0 10px;
}

.modal .form-control { width:100%; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; boarder:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); box-shadow:inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.modal button[type="submit"] { width:100%; }
.modal table { width:100%; }
.modal table#dt_basic thead th { padding:8px; border:1px solid #bebebe; }
/* .modal table#dt_basic tbody td { border:1px solid #bebebe; } */
.modal-title { font-weight:600 !important; font-size:18px !important; }
.scrl { height:250px; overflow-y:auto; border:1px solid #bebebe; }

.modal .btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.modal .btn:focus, 
.modal .btn:active:focus, 
.modal .btn.active:focus {
    outline: none;
}
.modal .btn-icon,
.modal .btn.btn-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
}
.modal .btn-circle,
.modal .btn.btn-circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.modal .btn-icon.btn-xs {
    width: 16px;
    height: 16px;
    font-size: 8px;
    line-height: 16px;
}
.modal .btn-icon.btn-sm {
    width: 22px;
    height: 22px;
    font-size: 11px;
    line-height: 22px;
}
.modal .btn-icon.btn-lg {
    width: 34px;
    height: 34px;
    font-size: 17px;
    line-height: 34px;
}
.modal .btn-scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 25px;
    z-index: 1020;
    font-size: 23px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.26);
    box-shadow: 0 2px 5px rgba(0,0,0,0.26);
}
.modal .page-with-right-sidebar .btn-scroll-to-top {
    left: 25px;
    right: auto;
}
.modal .btn-block {
    padding-left: 12px;
    padding-right: 12px;
}
.modal .btn:active,
.modal .btn-group .btn:active {
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.2),0 6px 6px rgba(0,0,0,0.23);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2),0 6px 6px rgba(0,0,0,0.23);
} 
.modal .btn.active,
.modal .btn-group .btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
}
.modal .btn-link,
.modal .btn-group .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.modal .btn-group {
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0 0 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2);
}
.modal .btn-link:hover,
.modal .btn-link:focus {
    text-decoration: none;
}
.modal .btn-group .btn+.btn, 
.modal .btn-group .btn+.btn-group, 
.modal .btn-group .btn-group+.btn, 
.modal .btn-group .btn-group+.btn-group {
    margin-left: 0;
}
    
.modal .btn.btn-primary { color:#fff; background:#2196F3; border-color:#2196F3; }

.modal .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.modal .form-group { margin-bottom:15px; }
.modal .ui-widget { font-size:12px; }