* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.supContainer {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:768px) {
  .supContainer {
    width: 750px
  }
}

@media (min-width:992px) {
  .supContainer {
    width: 970px
  }
}

@media (min-width:1200px) {
  .supContainer {
    width: 1170px
  }
}

.supContainer-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

.supRow {
  margin-right: -15px;
  margin-left: -15px;
  clear: both;
  overflow: auto
}

.supRow-no-gutters {
  margin-right: 0;
  margin-left: 0
}

.supRow-no-gutters [class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.supLg1,
.supLg10,
.supLg11,
.supLg12,
.supLg2,
.supLg3,
.supLg4,
.supLg5,
.supLg6,
.supLg7,
.supLg8,
.supLg9,
.supMd1,
.supMd10,
.supMd11,
.supMd12,
.supMd2,
.supMd3,
.supMd4,
.supMd5,
.supMd6,
.supMd7,
.supMd8,
.supMd9,
.supSm1,
.supSm10,
.supSm11,
.supSm12,
.supSm2,
.supSm3,
.supSm4,
.supSm5,
.supSm6,
.supSm7,
.supSm8,
.supSm9,
.supXs1,
.supXs10,
.supXs11,
.supXs12,
.supXs2,
.supXs3,
.supXs4,
.supXs5,
.supXs6,
.supXs7,
.supXs8,
.supXs9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px
}

.supXs1,
.supXs10,
.supXs11,
.supXs12,
.supXs2,
.supXs3,
.supXs4,
.supXs5,
.supXs6,
.supXs7,
.supXs8,
.supXs9 {
  float: left
}

.supXs12 {
  width: 100%
}

.supXs11 {
  width: 91.66666667%
}

.supXs10 {
  width: 83.33333333%
}

.supXs9 {
  width: 75%
}

.supXs8 {
  width: 66.66666667%
}

.supXs7 {
  width: 58.33333333%
}

.supXs6 {
  width: 50%
}

.supXs5 {
  width: 41.66666667%
}

.supXs4 {
  width: 33.33333333%
}

.supXs3 {
  width: 25%
}

.supXs2 {
  width: 16.66666667%
}

.supXs1 {
  width: 8.33333333%
}

.supXspull-12 {
  right: 100%
}

.supXspull-11 {
  right: 91.66666667%
}

.supXspull-10 {
  right: 83.33333333%
}

.supXspull-9 {
  right: 75%
}

.supXspull-8 {
  right: 66.66666667%
}

.supXspull-7 {
  right: 58.33333333%
}

.supXspull-6 {
  right: 50%
}

.supXspull-5 {
  right: 41.66666667%
}

.supXspull-4 {
  right: 33.33333333%
}

.supXspull-3 {
  right: 25%
}

.supXspull-2 {
  right: 16.66666667%
}

.supXspull-1 {
  right: 8.33333333%
}

.supXspull-0 {
  right: auto
}

.supXspush-12 {
  left: 100%
}

.supXspush-11 {
  left: 91.66666667%
}

.supXspush-10 {
  left: 83.33333333%
}

.supXspush-9 {
  left: 75%
}

.supXspush-8 {
  left: 66.66666667%
}

.supXspush-7 {
  left: 58.33333333%
}

.supXspush-6 {
  left: 50%
}

.supXspush-5 {
  left: 41.66666667%
}

.supXspush-4 {
  left: 33.33333333%
}

.supXspush-3 {
  left: 25%
}

.supXspush-2 {
  left: 16.66666667%
}

.supXspush-1 {
  left: 8.33333333%
}

.supXspush-0 {
  left: auto
}

.supXsoffset-12 {
  margin-left: 100%
}

.supXsoffset-11 {
  margin-left: 91.66666667%
}

.supXsoffset-10 {
  margin-left: 83.33333333%
}

.supXsoffset-9 {
  margin-left: 75%
}

.supXsoffset-8 {
  margin-left: 66.66666667%
}

.supXsoffset-7 {
  margin-left: 58.33333333%
}

.supXsoffset-6 {
  margin-left: 50%
}

.supXsoffset-5 {
  margin-left: 41.66666667%
}

.supXsoffset-4 {
  margin-left: 33.33333333%
}

.supXsoffset-3 {
  margin-left: 25%
}

.supXsoffset-2 {
  margin-left: 16.66666667%
}

.supXsoffset-1 {
  margin-left: 8.33333333%
}

.supXsoffset-0 {
  margin-left: 0
}

@media (min-width:768px) {

  .supSm1,
  .supSm10,
  .supSm11,
  .supSm12,
  .supSm2,
  .supSm3,
  .supSm4,
  .supSm5,
  .supSm6,
  .supSm7,
  .supSm8,
  .supSm9 {
    float: left
  }

  .supSm12 {
    width: 100%
  }

  .supSm11 {
    width: 91.66666667%
  }

  .supSm10 {
    width: 83.33333333%
  }

  .supSm9 {
    width: 75%
  }

  .supSm8 {
    width: 66.66666667%
  }

  .supSm7 {
    width: 58.33333333%
  }

  .supSm6 {
    width: 50%
  }

  .supSm5 {
    width: 41.66666667%
  }

  .supSm4 {
    width: 33.33333333%
  }

  .supSm3 {
    width: 25%
  }

  .supSm2 {
    width: 16.66666667%
  }

  .supSm1 {
    width: 8.33333333%
  }

  .supSmpull-12 {
    right: 100%
  }

  .supSmpull-11 {
    right: 91.66666667%
  }

  .supSmpull-10 {
    right: 83.33333333%
  }

  .supSmpull-9 {
    right: 75%
  }

  .supSmpull-8 {
    right: 66.66666667%
  }

  .supSmpull-7 {
    right: 58.33333333%
  }

  .supSmpull-6 {
    right: 50%
  }

  .supSmpull-5 {
    right: 41.66666667%
  }

  .supSmpull-4 {
    right: 33.33333333%
  }

  .supSmpull-3 {
    right: 25%
  }

  .supSmpull-2 {
    right: 16.66666667%
  }

  .supSmpull-1 {
    right: 8.33333333%
  }

  .supSmpull-0 {
    right: auto
  }

  .supSmpush-12 {
    left: 100%
  }

  .supSmpush-11 {
    left: 91.66666667%
  }

  .supSmpush-10 {
    left: 83.33333333%
  }

  .supSmpush-9 {
    left: 75%
  }

  .supSmpush-8 {
    left: 66.66666667%
  }

  .supSmpush-7 {
    left: 58.33333333%
  }

  .supSmpush-6 {
    left: 50%
  }

  .supSmpush-5 {
    left: 41.66666667%
  }

  .supSmpush-4 {
    left: 33.33333333%
  }

  .supSmpush-3 {
    left: 25%
  }

  .supSmpush-2 {
    left: 16.66666667%
  }

  .supSmpush-1 {
    left: 8.33333333%
  }

  .supSmpush-0 {
    left: auto
  }

  .supSmoffset-12 {
    margin-left: 100%
  }

  .supSmoffset-11 {
    margin-left: 91.66666667%
  }

  .supSmoffset-10 {
    margin-left: 83.33333333%
  }

  .supSmoffset-9 {
    margin-left: 75%
  }

  .supSmoffset-8 {
    margin-left: 66.66666667%
  }

  .supSmoffset-7 {
    margin-left: 58.33333333%
  }

  .supSmoffset-6 {
    margin-left: 50%
  }

  .supSmoffset-5 {
    margin-left: 41.66666667%
  }

  .supSmoffset-4 {
    margin-left: 33.33333333%
  }

  .supSmoffset-3 {
    margin-left: 25%
  }

  .supSmoffset-2 {
    margin-left: 16.66666667%
  }

  .supSmoffset-1 {
    margin-left: 8.33333333%
  }

  .supSmoffset-0 {
    margin-left: 0
  }
}

@media (min-width:992px) {

  .supMd1,
  .supMd10,
  .supMd11,
  .supMd12,
  .supMd2,
  .supMd3,
  .supMd4,
  .supMd5,
  .supMd6,
  .supMd7,
  .supMd8,
  .supMd9 {
    float: left
  }

  .supMd12 {
    width: 100%
  }

  .supMd11 {
    width: 91.66666667%
  }

  .supMd10 {
    width: 83.33333333%
  }

  .supMd9 {
    width: 75%
  }

  .supMd8 {
    width: 66.66666667%
  }

  .supMd7 {
    width: 58.33333333%
  }

  .supMd6 {
    width: 50%
  }

  .supMd5 {
    width: 41.66666667%
  }

  .supMd4 {
    width: 33.33333333%
  }

  .supMd3 {
    width: 25%
  }

  .supMd2 {
    width: 16.66666667%
  }

  .supMd1 {
    width: 8.33333333%
  }

  .supMdpull-12 {
    right: 100%
  }

  .supMdpull-11 {
    right: 91.66666667%
  }

  .supMdpull-10 {
    right: 83.33333333%
  }

  .supMdpull-9 {
    right: 75%
  }

  .supMdpull-8 {
    right: 66.66666667%
  }

  .supMdpull-7 {
    right: 58.33333333%
  }

  .supMdpull-6 {
    right: 50%
  }

  .supMdpull-5 {
    right: 41.66666667%
  }

  .supMdpull-4 {
    right: 33.33333333%
  }

  .supMdpull-3 {
    right: 25%
  }

  .supMdpull-2 {
    right: 16.66666667%
  }

  .supMdpull-1 {
    right: 8.33333333%
  }

  .supMdpull-0 {
    right: auto
  }

  .supMdpush-12 {
    left: 100%
  }

  .supMdpush-11 {
    left: 91.66666667%
  }

  .supMdpush-10 {
    left: 83.33333333%
  }

  .supMdpush-9 {
    left: 75%
  }

  .supMdpush-8 {
    left: 66.66666667%
  }

  .supMdpush-7 {
    left: 58.33333333%
  }

  .supMdpush-6 {
    left: 50%
  }

  .supMdpush-5 {
    left: 41.66666667%
  }

  .supMdpush-4 {
    left: 33.33333333%
  }

  .supMdpush-3 {
    left: 25%
  }

  .supMdpush-2 {
    left: 16.66666667%
  }

  .supMdpush-1 {
    left: 8.33333333%
  }

  .supMdpush-0 {
    left: auto
  }

  .supMdoffset-12 {
    margin-left: 100%
  }

  .supMdoffset-11 {
    margin-left: 91.66666667%
  }

  .supMdoffset-10 {
    margin-left: 83.33333333%
  }

  .supMdoffset-9 {
    margin-left: 75%
  }

  .supMdoffset-8 {
    margin-left: 66.66666667%
  }

  .supMdoffset-7 {
    margin-left: 58.33333333%
  }

  .supMdoffset-6 {
    margin-left: 50%
  }

  .supMdoffset-5 {
    margin-left: 41.66666667%
  }

  .supMdoffset-4 {
    margin-left: 33.33333333%
  }

  .supMdoffset-3 {
    margin-left: 25%
  }

  .supMdoffset-2 {
    margin-left: 16.66666667%
  }

  .supMdoffset-1 {
    margin-left: 8.33333333%
  }

  .supMdoffset-0 {
    margin-left: 0
  }
}

@media (min-width:1200px) {

  .supLg1,
  .supLg10,
  .supLg11,
  .supLg12,
  .supLg2,
  .supLg3,
  .supLg4,
  .supLg5,
  .supLg6,
  .supLg7,
  .supLg8,
  .supLg9 {
    float: left
  }

  .supLg12 {
    width: 100%
  }

  .supLg11 {
    width: 91.66666667%
  }

  .supLg10 {
    width: 83.33333333%
  }

  .supLg9 {
    width: 75%
  }

  .supLg8 {
    width: 66.66666667%
  }

  .supLg7 {
    width: 58.33333333%
  }

  .supLg6 {
    width: 50%
  }

  .supLg5 {
    width: 41.66666667%
  }

  .supLg4 {
    width: 33.33333333%
  }

  .supLg3 {
    width: 25%
  }

  .supLg2 {
    width: 16.66666667%
  }

  .supLg1 {
    width: 8.33333333%
  }

  .supLgpull-12 {
    right: 100%
  }

  .supLgpull-11 {
    right: 91.66666667%
  }

  .supLgpull-10 {
    right: 83.33333333%
  }

  .supLgpull-9 {
    right: 75%
  }

  .supLgpull-8 {
    right: 66.66666667%
  }

  .supLgpull-7 {
    right: 58.33333333%
  }

  .supLgpull-6 {
    right: 50%
  }

  .supLgpull-5 {
    right: 41.66666667%
  }

  .supLgpull-4 {
    right: 33.33333333%
  }

  .supLgpull-3 {
    right: 25%
  }

  .supLgpull-2 {
    right: 16.66666667%
  }

  .supLgpull-1 {
    right: 8.33333333%
  }

  .supLgpull-0 {
    right: auto
  }

  .supLgpush-12 {
    left: 100%
  }

  .supLgpush-11 {
    left: 91.66666667%
  }

  .supLgpush-10 {
    left: 83.33333333%
  }

  .supLgpush-9 {
    left: 75%
  }

  .supLgpush-8 {
    left: 66.66666667%
  }

  .supLgpush-7 {
    left: 58.33333333%
  }

  .supLgpush-6 {
    left: 50%
  }

  .supLgpush-5 {
    left: 41.66666667%
  }

  .supLgpush-4 {
    left: 33.33333333%
  }

  .supLgpush-3 {
    left: 25%
  }

  .supLgpush-2 {
    left: 16.66666667%
  }

  .supLgpush-1 {
    left: 8.33333333%
  }

  .supLgpush-0 {
    left: auto
  }

  .supLgoffset-12 {
    margin-left: 100%
  }

  .supLgoffset-11 {
    margin-left: 91.66666667%
  }

  .supLgoffset-10 {
    margin-left: 83.33333333%
  }

  .supLgoffset-9 {
    margin-left: 75%
  }

  .supLgoffset-8 {
    margin-left: 66.66666667%
  }

  .supLgoffset-7 {
    margin-left: 58.33333333%
  }

  .supLgoffset-6 {
    margin-left: 50%
  }

  .supLgoffset-5 {
    margin-left: 41.66666667%
  }

  .supLgoffset-4 {
    margin-left: 33.33333333%
  }

  .supLgoffset-3 {
    margin-left: 25%
  }

  .supLgoffset-2 {
    margin-left: 16.66666667%
  }

  .supLgoffset-1 {
    margin-left: 8.33333333%
  }

  .supLgoffset-0 {
    margin-left: 0
  }
}

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-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.in {
  opacity: .5
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
  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
  }
}

.ui-dialog #ptsIconsLibWnd .modal-footer {
  display: block
}

.supDialogBadges.modal-footer,
#ptsIconsLibWnd .modal-footer {
  display: none
}

.ui-dialog .supDialogBadges,
.ui-dialog .supDialogIcons {
  display: block;
  position: relative;
  width: 100%
}

.supDialogBadges .ptsTableSetting,
.supDialogBadges label,
.supDialogIcons .ptsTableSetting,
.supDialogIcons label {
  color: #fff !important
}

input[type=checkbox],
input[type=radio] {
  display: inline-block !important;
  position: relative !important
}

.ui-colorpicker-bar,
.ui-colorpicker-map-container {
  position: relative
}

input[type=radio]:checked::before {
  display: inline-block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 50% !important;
  height: 50% !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important
}

.supDialogIcons.ptsElMenuSubPanel {
  clear: both;
  overflow: auto
}

.ptsIconLibItem {
  color: #fff !important
}