/* Layout variables */
/* Font variables */
/* Colour variables */
/* Shadow utilities */
.no-shadow {
  box-shadow: none !important; }

/* Background utilities - VISUAL */
.no-background {
  background: transparent !important; }

.background {
  background-color: #F6F8F9 !important; }

/* Border utilities - VISUAL */
.border {
  border: 1px solid #D2E1E4 !important; }

.border-top {
  border-top: 1px solid #D2E1E4 !important; }

.border-right {
  border-right: 1px solid #D2E1E4 !important; }

.border-bottom {
  border-bottom: 1px solid #D2E1E4 !important; }

.border-left {
  border-left: 1px solid #D2E1E4 !important; }

.border-walls {
  border-left: 1px solid #D2E1E4 !important;
  border-right: 1px solid #D2E1E4 !important; }

.border-floors {
  border-top: 1px solid #D2E1E4 !important;
  border-bottom: 1px solid #D2E1E4 !important; }

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

.no-border-top {
  border-top: 0 !important; }

.no-border-right {
  border-right: 0 !important; }

.no-border-bottom {
  border-bottom: 0 !important; }

.no-border-left {
  border-left: 0 !important; }

.no-border-walls {
  border-left: 0 !important;
  border-right: 0 !important; }

.no-border-floors {
  border-top: 0 !important;
  border-bottom: 0 !important; }

/* Gutter utilities - LAYOUT */
.no-surround-gutters {
  margin-right: 0;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0; }

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

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

/* Not valid */
.not-valid {
  border: 3px solid #A92131; }

.not-valid:focus {
  box-shadow: 0 0 0 3pt #2C93E2;
  border: 2px solid #093e52; }

/* Width/grid utilities - LAYOUT */
.w-quarter {
  width: 25% !important; }

.w-third {
  width: 33% !important; }

.w-half {
  width: 50% !important; }

.w-two-third {
  width: 67% !important; }

.w-three-quarter {
  width: 75% !important; }

.w-full {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-quarter {
  height: 25% !important; }

.h-third {
  height: 33% !important; }

.h-half {
  height: 50% !important; }

.h-two-third {
  height: 67% !important; }

.h-three-quarter {
  height: 75% !important; }

.h-full {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

/* Priority utilities - TYPOGRAPHY */
.priority-high {
  color: #093e52;
  background-color: #FCF3F3;
  border-color: #A92131; }

.priority-medium {
  color: #093e52;
  background-color: #FFFAF5;
  border-color: #B75F00; }

.priority-low {
  color: #093e52;
  background-color: #EBFAF5;
  border-color: #098765; }

.priority-none {
  background-color: #D2E1E4;
  color: #093e52;
  border-color: #D2E1E4; }

/* Layout utilities */
.pushed {
  width: calc(100% - 300px) !important;
  left: 300px !important; }

@media (max-width: 1200px) {
  .pushed {
    width: 100% !important;
    left: 0px !important; } }

.pushed-left {
  width: calc(100% - 600px) !important;
  right: 300px !important; }

@media (max-width: 1200px) {
  .pushed-left {
    width: 100% !important;
    right: 0px !important; } }

.pushed.pushed-left {
  width: calc(100% - 600px) !important;
  margin: 0 auto; }

@media (max-width: 1200px) {
  .pushed.pushed-left {
    width: 100% !important; } }

/* Scroll utilities */
.noscroll {
  overflow: hidden; }

/* Pointer utilities */
.no-pointer {
  pointer-events: none;
  cursor: default; }

/* Z-index */
.dropdown {
  z-index: 1000; }

.sticky {
  z-index: 1020; }

.fixed {
  z-index: 1030; }

.modal-backdrop {
  z-index: 2100; }

.modal {
  z-index: 2200; }

.popover {
  z-index: 1060; }

.tooltip {
  z-index: 1070; }

/* Indents - LEFT NAV */
.indent-1 {
  padding-left: 32px; }

.indent-2 {
  padding-left: 48px; }

.indent-3 {
  padding-left: 64px; }

.indent-4 {
  padding-left: 80px; }

.indent-5 {
  padding-left: 96px; }

/* Absolute position - LAYOUT */
.top {
  margin-top: 0;
  position: absolute;
  top: 0 !important; }

.top-right {
  margin-top: 0;
  margin-right: 0;
  position: absolute;
  right: 0 !important;
  top: 0 !important;
  z-index: 1; }

.top-left {
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  z-index: 1; }

.bottom {
  margin-bottom: 0;
  position: absolute;
  bottom: 0 !important; }

.bottom-right {
  margin-bottom: 0;
  margin-right: 0;
  position: absolute;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1; }

.bottom-left {
  margin-bottom: 0;
  margin-left: 0;
  position: absolute;
  left: 0 !important;
  bottom: 0 !important;
  z-index: 1; }

.left {
  margin-left: 0;
  position: absolute;
  left: 0 !important; }

.right {
  margin-right: 0;
  position: absolute;
  right: 0 !important; }