/***Reset CSS **/
* {
  box-sizing: border-box;
}

html, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td, form, fieldset, embed, object, applet {
  margin: 0;
  padding: 0;
  border: 0;
}

/***Remove stuff for print **/
@media print {
  * {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
    color-adjust: exact !important;
  }
  #left_column {
    display: none !important;
  }
  #header {
    display: none !important;
  }
  #middle_column {
    margin: 0 !important;
    display: block !important;
    height: 100% !important;
  }
  #landnotcomplete {
    display: none !important;
  }
}
html {
  width: 100%;
  height: 100%;
  font-size: 100%; /*default for REMMING*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  html {
    font-size: 70%; /*hd 1:1.25*/
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.35), only screen and (min--moz-device-pixel-ratio: 1.35), only screen and (-o-min-device-pixel-ratio: 1.35/1), only screen and (min-device-pixel-ratio: 1.35), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.35dppx) {
  html {
    font-size: 50%; /*hd 1:1.25*/
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5/1), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi), only screen and (min-resolution: 1.5dppx) {
  html {
    font-size: 90%; /*hd 1:1.5*/
  }
}

body {
  margin: 0 auto;
  padding: 0;
  border: 0;
  color: #1a1a1a;
  background: #fff;
  background: #f3f3f3;
  font-weight: 300;
  font-family: "Readex Pro", Arial, Helvetica, sans-serif;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
body #iwrap {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
body #iwrap #content_m {
  background: #fff;
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
body #iwrap #content_m #left_column {
  z-index: 100;
  display: block;
  width: 0;
  transform: translate3d(-14rem, 0, 0);
}
body #iwrap #content_m #middle_column {
  flex: 1;
  max-height: calc(100vh - 80px);
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  /* Track */
  /* Handle */
  /*&:hover{
  	&::-webkit-scrollbar-thumb {
  		background:rgba(0, 0, 0, 0.4); 				
  	}
  }*/
}
body #iwrap #content_m #middle_column::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
body #iwrap #content_m #middle_column::-webkit-scrollbar-track {
  background: transparent;
  margin-right: 2px;
}
body #iwrap #content_m #middle_column::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
body #iwrap #content_m #middle_column::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
body #iwrap #content_m #middle_column .middle_content {
  flex: 1 1 100%;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 80px;
  background-color: #f3f3f3;
  background-image: url(/images/auth/tst.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 20%;
  background-attachment: fixed;
}
body #iwrap #content_m #middle_column .middle_content .middle_body {
  margin: 0 auto;
}
body #iwrap #content_m #middle_column .middle_content .middle_body h1 i {
  color: #fff;
  margin-right: 20px;
}
body.noprofile #iwrap #content_m #left_column {
  width: 0;
}
body.opened #iwrap #content_m #left_column {
  width: 14rem;
  transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 74rem) {
  body.opened #iwrap #header .header_content .logo i {
    display: none;
  }
}

h1.logo {
  z-index: 1;
  margin: 0 1rem 0 0;
  width: 14rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
h1.logo i {
  cursor: pointer;
  margin-left: 1rem;
  display: block;
  font-size: 1.5rem;
}
h1.logo a {
  flex: 1;
  display: block;
  color: #fff;
  font-size: 26px;
  letter-spacing: -1px;
  font-family: "Readex Pro", Arial, Helvetica, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  text-indent: -99999px;
  margin-left: 1rem;
  transition: all 0.3s ease-in-out 0s;
}
h1.logo a:hover {
  text-decoration: none;
}
h1.logo a span {
  display: none;
}
h1.logo img {
  display: block;
  max-height: calc(80px - 1.5rem);
  width: auto;
}
@media only screen and (max-width: 55rem) {
  h1.logo img {
    max-height: calc(60px - 1rem);
  }
}

#header {
  display: flex;
  align-items: center;
  position: fixed;
  position: relative;
  flex: 0;
  color: #ffffff;
  background: #1a1a1a;
  height: 80px;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
}
#header .header_content {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  position: relative;
  /*border-bottom: 2px solid $header_border_color;*/
}

.fancyscroll::-webkit-scrollbar-track {
  border: 6px solid #fff;
  background-color: #ccc;
}

.fancyscroll::-webkit-scrollbar {
  width: 17px;
  background-color: #fff;
}

.fancyscroll::-webkit-scrollbar-thumb {
  background-color: #0ae;
  outline: 5px solid #fff;
}
.fancyscroll::-webkit-scrollbar-thumb:hover {
  background: #0071bc;
  outline: 5px solid #fff;
}

.fancyscroll::-webkit-scrollbar-button {
  display: none;
}

/*for spinners in utility loaders*/
.spin_outer {
  display: block;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.spin_outer > i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
}
.spin_outer.center_top > i {
  top: 10%;
}

/*layout_text_size*/
.lts_xl {
  font-size: 1.6rem !important;
}

.lts_l {
  font-size: 1.3rem !important;
}

.lts_m, .lts_n {
  font-size: 1rem !important;
  font-weight: 400;
  letter-spacing: normal;
}

.lts_s {
  font-size: 0.875rem !important;
}

.lts_xs {
  font-size: 0.7rem !important;
}

/*layout_text_weight*/
.ltw_xb {
  font-weight: 600 !important;
}

.ltw_b {
  font-weight: 400 !important;
}

.ltw_n, .ltw_m {
  font-weight: 300 !important;
}

.ltw_l {
  font-weight: 300 !important;
}

.ltw_xl {
  font-weight: 200 !important;
}

/*layout_icon_size*/
.lis_xl {
  font-size: 5rem;
}

.lis_l {
  font-size: 3rem;
}

.lis_m, .lis_n {
  font-size: 2rem;
}

.lis_s {
  font-size: 1.2rem;
}

.lis_xs {
  font-size: 1rem;
}

/*layout_icon_weight*/
.liw_xb {
  font-weight: 800;
}

.liw_b {
  font-weight: 600;
}

.liw_m, .liw_n {
  font-weight: 400;
}

.liw_l {
  font-weight: 300;
}

.liw_xl {
  font-weight: 200;
}

/*padding_bottom*/
.pb_n {
  padding-bottom: 1rem;
}

.mb_n {
  margin-bottom: 1rem;
}

@media only screen and (max-width: 74rem) {
  .lis_m, .lis_n {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 55rem) {
  .lis_m, .lis_n {
    font-size: 1.5rem;
  }
}
.align_center {
  text-align: center !important;
}

.border_none {
  border: none !important;
}

.break {
  word-break: break-word !important;
}

.noflex {
  flex: unset !important;
}

.nowrap {
  white-space: nowrap !important;
}

.margin_right_small {
  margin-right: 0.5rem;
}

.flex {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex.row {
  flex-direction: row;
}
.flex.cols {
  flex-direction: column;
}
.flex.full {
  flex: 1;
  width: 100%;
}
.flex.flex-space-around {
  justify-content: space-around !important;
}
.flex.flex-start {
  align-items: flex-start !important;
}
.flex.flex-end {
  align-items: flex-end !important;
}
.flex.flex-center {
  justify-content: center !important;
}
.flex.justify-end {
  justify-content: flex-end !important;
}
.flex.justify-start {
  align-items: flex-start !important;
}
.flex.justify-center {
  justify-content: center !important;
}

.no-flex-wrap {
  flex-wrap: nowrap !important;
}

.flex-self.flex-center {
  align-self: center !important;
}

.circle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.sequence_num {
  margin-right: 0.5rem;
  font-size: 2rem;
  color: #2196F3;
  background: #ffffff;
}

body.dark #header {
  background: #1a1a1a;
}
body.dark #left_column {
  background: #000000;
  color: #ffffff;
}
body.dark #left_column .djsimplenav .djsimplenav_item a {
  color: #cccccc;
}
body.dark #left_column .djsimplenav .djsimplenav_item.djsimplenav_item_hover, body.dark #left_column .djsimplenav .djsimplenav_item[data-selected=true] {
  background: #1a1a1a;
}
body.dark #left_column .djsimplenav .djsimplenav_item.djsimplenav_item_hover a, body.dark #left_column .djsimplenav .djsimplenav_item[data-selected=true] a {
  color: #ffffff;
}

/*# sourceMappingURL=modules-layout-scss-layout_default.css.map */