.margin-no { margin: 0!important; }

.margin-top-no { margin-top: 0!important; }
.margin-top-xs { margin-top: 0.5rem; }
.margin-top-sm { margin-top: 1rem; }
.margin-top-md { margin-top: 1.5rem; }
.margin-top-lg { margin-top: 2rem; }
.margin-top-xl { margin-top: 2.5rem; }

.margin-right-no { margin-right: 0!important; }
.margin-right-xs { margin-right: 0.5rem; }
.margin-right-sm { margin-right: 1rem; }
.margin-right-md { margin-right: 1.5rem; }
.margin-right-lg { margin-right: 2rem; }
.margin-right-xl { margin-right: 2.5rem; }
.margin-right-xxl { margin-right: 3rem; }

.margin-left-no { margin-left: 0!important; }
.margin-left-xs { margin-left: 0.5rem; }
.margin-left-sm { margin-left: 1rem; }
.margin-left-md { margin-left: 1.5rem; }
.margin-left-lg { margin-left: 2rem; }
.margin-left-xl { margin-left: 2.5rem; }
.margin-left-xxl { margin-left: 3rem; }

.margin-bottom-no { margin-bottom: 0!important; }
.margin-bottom-xs { margin-bottom: 0.5rem; }
.margin-bottom-sm { margin-bottom: 1rem; }
.margin-bottom-md { margin-bottom: 1.5rem; }
.margin-bottom-lg { margin-bottom: 2rem; }
.margin-bottom-xl { margin-bottom: 2.5rem; }

.padding-no { padding: 0!important; }

.padding-top-no { padding-top: 0!important; }
.padding-top-xs { padding-top: 0.5rem; }
.padding-top-sm { padding-top: 1rem; }
.padding-top-md { padding-top: 1.5rem; }
.padding-top-lg { padding-top: 2rem; }
.padding-top-xl { padding-top: 2.5rem; }

.padding-bottom-no { padding-bottom: 0!important; }
.padding-bottom-xs { padding-bottom: 0.5rem; }
.padding-bottom-sm { padding-bottom: 1rem; }
.padding-bottom-md { padding-bottom: 1.5rem; }
.padding-bottom-lg { padding-bottom: 2rem; }
.padding-bottom-xl { padding-bottom: 2.5rem; }

.padding-right-no { padding-right: 0!important; }
.padding-right-xs { padding-right: 0.5rem; }
.padding-right-sm { padding-right: 1rem; }
.padding-right-md { padding-right: 1.5rem; }
.padding-right-lg { padding-right: 2rem; }
.padding-right-xl { padding-right: 2.5rem; }
.padding-right-xxl { padding-right: 3rem; }

.padding-left-no { padding-left: 0!important; }
.padding-left-xs { padding-left: 0.5rem; }
.padding-left-sm { padding-left: 1rem; }
.padding-left-md { padding-left: 1.5rem; }
.padding-left-lg { padding-left: 2rem; }
.padding-left-xl { padding-left: 2.5rem; }
.padding-left-xxl { padding-left: 3rem; }

.wide100p { width:100%; }
.wide15  { width:15px;  }
.wide20p { width:20%;   }
.wide49p { width:49%;   }
.wide60  { width:60px;  }
.wide64  { width:64px;  }
.wide85  { width:85px;  }
.wide111 { width:111px; }
.wide120 { width:120px; }
.wide135 { width:135px; }
.wide150 { width:150px; }
.wide190 { width:190px; }
.wide216 { width:216px; }
.wide275 { width:275px; }
.wide375 { width:375px; }
.wide426 { width:426px; }
.wide435 { width:435px; }
.high15  { height:15px; }
.high60  { height:60px; }
.high105 { height:105px; }
.high120 { height:120px; }
.min-wide64 { min-width:64px; }

.text-center-vertical { vertical-align: middle!important; }
.inline-block { display: inline-block; }

.overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: white;
  z-index: 1;
  opacity: 0.5;
  zoom: 1;
}

.alert-blackout,
.badge-blackout {
  background-color: #2e2e2e;
}

.alert-blackout {
  border-color: #f00;
  color: white;
}

.progress-info .bar,
.progress .bar-blackout {
  background-color:#111;
  background-image:-moz-linear-gradient(top, #888, #000);
  background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#888), to(#000));
  background-image:-webkit-linear-gradient(top, #888, #000);
  background-image:-o-linear-gradient(top, #888, #000);
  background-image:linear-gradient(to bottom, #888, #000);
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff000000', GradientType=0);
}
.progress-info.progress-striped .bar,
.progress-striped .bar-blackout {
  background-color:#222;
  background-image:-webkit-gradient(linear,
    0 100%, 100% 0,
    color-stop(0.25, rgba(255, 255, 255, 0.15)),
    color-stop(0.25, transparent),
    color-stop(0.5, transparent),
    color-stop(0.5, rgba(255, 255, 255, 0.15)),
    color-stop(0.75, rgba(255, 255, 255, 0.15)),
    color-stop(0.75, transparent),
    to(transparent));
  background-image:-webkit-linear-gradient(45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%, transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent);
  background-image:-moz-linear-gradient(45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent);
  background-image:-o-linear-gradient(45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent);
  background-image:linear-gradient(45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent);
}

.text-black { color: black; }
.text-red { color: red; }
.modal.quarter {
  width: 25%; /* respsonsive width */
  margin-left:-12.5%; /* width/2 */
}
.modal.third {
  width: 33%; /* respsonsive width */
  margin-left:-16.5%; /* width/2 */
}
.modal.half {
  width: 50%; /* respsonsive width */
  margin-left:-25%; /* width/2 */
}
.modal.large {
  width: 80%; /* respsonsive width */
  margin-left:-40%; /* width/2 */
}
.modal.tall { height: 80%; }
.new-page { page-break-after: always; }
.ip-lock { pointer-events: none; user-select: none; }

a { color: inherit; }

.btn-flat { background-image: none; }
.fs-12 { font-size: 12px; }
.fs-14 { font-size: 14px; }
.fs-16 { font-size: 16px; }