.layout_container {
  padding: 2rem;
  padding-top: 1rem;
  margin: 0 auto;
  max-width: 100%;
}
@media only screen and (max-width: 160rem) {
  .layout_container {
    /*max-width:70%;*/
  }
}
@media only screen and (max-width: 120rem) {
  .layout_container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 85rem) {
  .layout_container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 74rem) {
  .layout_container {
    max-width: 100%;
  }
}
@media only screen and (max-width: 55rem) {
  .layout_container {
    max-width: 100%;
  }
}
.layout_container.cols1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.layout_container.cols2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.layout_container.cols2 .layout_section {
  width: auto;
  flex: 1 1 50%;
  padding-right: 2rem;
}
.layout_container.cols3 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.layout_container.cols3 .layout_section {
  width: auto;
  flex: 1 1 33%;
  padding-right: 2rem;
}

.layout_section {
  display: block;
  width: 100%;
  margin-bottom: 2rem;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 4px 6px -1px rgba(40, 50, 60, 0.1);
}
.layout_section .layout_section_head {
  display: block;
  position: relative;
  z-index: 2;
  flex: 0 0 100%;
  width: 100%;
}
.layout_section .layout_section_head .layout_section_head_content {
  background: #f3f3f3;
  padding: 1rem;
  outline: 1px solid #d9d9d9;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 100%;
}
.layout_section .layout_section_head .layout_section_head_content .pre {
  font-size: 2rem;
  margin-right: 1rem;
}
.layout_section .layout_section_head .layout_section_head_content .layout_section_title {
  flex: 1;
  font-size: 130%;
  font-weight: 400;
  line-height: 1;
  display: flex;
  align-items: center;
}
.layout_section .layout_section_head .layout_section_head_content .layout_section_title button, .layout_section .layout_section_head .layout_section_head_content .layout_section_title a {
  margin: 0;
  margin-left: 1rem;
}
.layout_section .layout_section_head .layout_section_head_content .layout_section_border {
  width: 100%;
  height: 1px;
  background: #d9d9d9;
}
.layout_section .layout_section_content {
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 0 0 100%;
  width: 100%;
}
.layout_section .layout_section_content .layout_section_content_head {
  background: #fafafa;
  padding: 2rem;
  border-bottom: 1px solid #d9d9d9;
}
.layout_section .layout_section_content .layout_section_content_head:empty {
  display: none;
}
.layout_section .layout_section_content .layout_section_content_body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}
.layout_section .layout_section_content .layout_section_content_body.blocks1 .layout_section_content_block {
  flex: 1 1 100%;
}
.layout_section .layout_section_content .layout_section_content_body.blocks2 .layout_section_content_block {
  flex: 1 1 50%;
}
.layout_section.layout_section_notitle {
  border: 0;
  box-shadow: unset;
}
.layout_section.layout_section_notitle .layout_section_content .layout_section_content_body {
  padding: 0;
}
.layout_section.toggle_section .layout_section_head.toggle {
  cursor: pointer;
}
.layout_section.info .layout_section_head_content {
  background: #2196F3;
  color: #ffffff;
}
.layout_section.info .layout_section_content .layout_section_content_body {
  /*background:#f3f3f3;*/
  background: #ffffff;
}
.layout_section.infogrey .layout_section_head_content {
  background: #555555;
  color: #ffffff;
}
.layout_section.infogrey .layout_section_content .layout_section_content_body {
  /*background:#f3f3f3;*/
  background: #ffffff;
}
.layout_section.infogrey .layout_section_content .layout_section_content_body .djreport {
  border: 0;
  box-shadow: unset;
}
.layout_section.positive .layout_section_head_content {
  background: #4CAF50;
  color: #ffffff;
}
.layout_section.positive .layout_section_content .layout_section_content_body {
  /*background:#f3f3f3;*/
  background: #ffffff;
}
.layout_section.flat_layout {
  border: 0;
  box-shadow: unset;
}
.layout_section.flat_layout .layout_section_head_content {
  /*background:#ffffff;*/
  background: transparent;
  outline: none;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.layout_section.flat_layout .layout_section_content .layout_section_content_body {
  background: transparent;
  padding: 1rem 0;
}

.layout_section_content_body h3 {
  margin-bottom: 0.5rem;
}
.layout_section_content_body p {
  margin-bottom: 0.3rem;
}

.layout_page_head {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 2rem;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.layout_page_head .actions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.5rem 0;
  margin-left: auto;
}
.layout_page_head .actions button {
  margin: 0.5 0.5rem;
}
.layout_page_head .actions > :last-child {
  margin-right: 0;
}
.layout_page_head .layout_page_head_item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.layout_page_head .layout_page_head_item > i {
  padding-right: 1rem;
  vertical-align: top;
}
.layout_page_head .layout_page_head_item .layout_page_head_title {
  display: flex;
  flex-direction: column;
  align-content: center;
}
.layout_page_head .layout_page_head_item .layout_page_head_title > span.sub {
  margin-top: 0.3rem;
  color: #4d4d4d;
}
.layout_page_head.no_margin {
  margin: 0;
}
@media only screen and (max-width: 74rem) {
  .layout_page_head {
    flex-direction: column;
  }
  .layout_page_head .actions {
    justify-content: center;
    margin-left: 0;
  }
}

.layout_page_subhead {
  padding: 2rem;
  background: #fafafa;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.layout_page_statboxes {
  padding: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #fafafa;
}
.layout_page_statboxes .statboxes {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.layout_page_statboxes .statboxes .stat_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #1a1a1a;
  padding: 1rem;
  border-right: 1px solid #cccccc;
  flex: 1;
}
.layout_page_statboxes .statboxes .stat_box:last-child {
  border-right: 0;
}
.layout_page_statboxes .statboxes .stat_box .stat_value {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.layout_page_statboxes .statboxes .stat_box .stat_value .stat_value_icon {
  font-size: 2.2rem;
}
.layout_page_statboxes .statboxes .stat_box .stat_value .stat_value_count {
  font-size: 2rem;
  font-weight: 600;
  flex: 1;
  margin-left: 0.5rem;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
}
.layout_page_statboxes .statboxes .stat_box .stat_name {
  margin-top: 0.5rem;
}
.layout_page_statboxes .statboxes .stat_box .stat_name .stat_name_text {
  font-weight: 400;
}
.layout_page_statboxes .statboxes .stat_box.value_istext .stat_value .stat_value_count {
  font-size: 1.2rem;
}
@media only screen and (max-width: 74rem) {
  .layout_page_statboxes .statboxes {
    flex-wrap: wrap;
  }
  .layout_page_statboxes .statboxes .stat_box {
    min-width: 32%;
  }
}
@media only screen and (max-width: 55rem) {
  .layout_page_statboxes .statboxes {
    flex-wrap: wrap;
  }
  .layout_page_statboxes .statboxes .stat_box {
    min-width: 50%;
  }
}
.layout_page_statboxes .statboxes.alt .stat_box {
  border-radius: 5px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  flex: unset;
}
.layout_page_statboxes .statboxes.links .stat_box {
  border: 1px solid transparent;
}
.layout_page_statboxes .statboxes.links .stat_box:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #2196F3;
  background: #ffffff;
}

.layout_dashboard_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /*counteract tile margin*/
  margin-left: -1rem;
  margin-right: -1rem;
}
.layout_dashboard_container .layout_dashboard_tile {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  position: relative;
  margin-bottom: 2rem;
  margin: 1rem;
  opacity: 1;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 6px -1px rgba(40, 50, 60, 0.1);
  /*flex: 1 0 25%;
  max-width: calc(25% - 2rem);		 							
  */
  max-width: 50%;
  flex: 0 1 calc(25% - 2rem);
  /*flex:1;*/
}
.layout_dashboard_container .layout_dashboard_tile:not(.disabled) {
  transition: box-shadow 200ms linear, background 200ms linear, opacity 200ms linear;
  opacity: 1;
}
.layout_dashboard_container .layout_dashboard_tile:not(.disabled):hover {
  opacity: 1;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.layout_dashboard_container .layout_dashboard_tile .layout_dashboard_tile_head {
  display: flex;
  flex: 0;
  align-items: center;
  position: relative;
  text-align: center;
  margin-bottom: 0;
}
.layout_dashboard_container .layout_dashboard_tile .layout_dashboard_tile_content {
  margin: 2rem 0 1rem;
  /*background: #cccccc;
  border-radius: 50%;
  width:50%;
  max-width:8rem;
  aspect-ratio:1/1;*/
  display: flex;
  align-items: center;
  justify-content: center;
}
.layout_dashboard_container .layout_dashboard_tile .layout_dashboard_tile_foot {
  text-align: center;
  flex: 1 0 auto;
}
@media only screen and (min-width: 120rem) {
  .layout_dashboard_container {
    /*.layout_dashboard_tile {    			
    	flex: 1 0 15%;
    	max-width: calc(15% - 2rem);
    }*/
  }
}
@media only screen and (max-width: 55rem) {
  .layout_dashboard_container {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .layout_dashboard_container .layout_dashboard_tile {
    margin: 0.5rem;
    flex: 1 0 50%;
    max-width: calc(50% - 1rem);
  }
}

.layout_pill {
  font-size: 0.875rem;
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.9375rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3%/40%;
  border-radius: 1.25rem;
  font-weight: 400;
  line-height: initial;
  white-space: nowrap;
  color: #1a1a1a;
}
.layout_pill.col {
  flex-direction: column;
}
.layout_pill.left {
  align-items: flex-start;
}
.layout_pill > [class*=fa] {
  margin-right: 0.3rem;
}
.layout_pill.icr > [class*=fa] {
  margin-right: 0;
  margin-left: 0.3rem;
}
.layout_pill[data-state=hidden] {
  display: none;
}
.layout_pill[data-state=visible] {
  display: inline-flex;
}
.layout_pill.positive {
  background: #A7FFAD;
}
.layout_pill.positive.hard {
  background: #55ff55;
}
.layout_pill.info {
  background: #2196F3;
  color: #ffffff;
}
.layout_pill.info.hard {
  background: #0960a5;
}
.layout_pill.margin_l {
  margin-left: 0.5rem;
}
.layout_pill.margin_r {
  margin-right: 0.5rem;
}
.layout_pill.medium {
  background: #E8E4A8;
}
.layout_pill.medium.hard {
  background: #aaaa00;
}
.layout_pill.negative {
  background: #ffcccc;
}
.layout_pill.negative.hard {
  background: #ff5555;
  color: #ffffff;
}
.layout_pill.none {
  background: #eeeeee;
}
.layout_pill.none.hard {
  background: #cccccc;
}
.layout_pill.trans {
  background: transparent;
}
.layout_pill.trans.border {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.layout_pill.wrap {
  white-space: normal;
}
.layout_pill.sm {
  font-weight: 500;
  padding: 0.2rem 0.6rem;
  font-size: 0.8rem;
}
.layout_pill.heavy {
  font-weight: 600;
}
.layout_pill.link {
  cursor: pointer;
  font-weight: 600;
}
.layout_pill.link:hover {
  background: #6ab8f7;
  color: #ffffff;
}
.layout_pill.link:hover span.counter {
  background: #2196F3;
}
.layout_pill.link.sel {
  background: #2196F3;
  color: #ffffff;
}
.layout_pill.link.sel span.counter {
  background: #0a6ebd;
}
.layout_pill.icon {
  padding: 0.25rem 0.5rem;
}
.layout_pill.icon i {
  margin: 0 !important;
}
.layout_pill span.counter {
  width: 1.4rem;
  height: 1.4rem;
  font-family: monospace, sans-serif;
  background: #6ab8f7;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  line-height: 1.4rem;
  font-size: 0.75rem;
  font-weight: 600;
  margin-left: 0.5rem;
  display: block;
}
.layout_pill span.counter:empty {
  display: none;
}
.layout_pill.system {
  /*	background:lighten($config_button_col,30%);*/
  border-radius: 4px;
  margin-right: 0.8rem;
  padding: 0.1rem 0.8rem;
  font-size: 0.75rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.layout_pill.system span.counter {
  background: rgba(0, 0, 0, 0.2);
  height: auto;
  width: auto;
  line-height: normal;
  margin: 0.1rem;
  margin-left: 0.8rem;
  margin-right: 0.2rem;
  padding: 0.1rem 0.5rem;
  border-radius: 4px;
}
.layout_pill.counter {
  padding-right: 0;
}

.layout_pillbox {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.layout_pillbox .layout_pill {
  margin-left: 0;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.layout_form_container .layout_form {
  display: flex;
  flex-direction: column;
}
.layout_form_container .layout_form .layout_form_row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.8rem; /* 0rem;*/
}
.layout_form_container .layout_form .layout_form_row.alt {
  background: #f3f3f3;
}
.layout_form_container .layout_form .layout_form_row .layout_form_row_caption {
  font-weight: 600;
  font-size: 1rem;
  width: 10rem;
}
.layout_form_container .layout_form .layout_form_row .layout_form_row_content {
  flex: 1;
}
.layout_form_container .layout_form .layout_form_row.row_full {
  width: 100%;
}
.layout_form_container .layout_form .layout_form_row.row_full.align_right {
  justify-content: flex-end;
}
.layout_form_container .layout_form .layout_form_row.row_full.align_left {
  justify-content: flex-start;
}
.layout_form_container .layout_form .layout_form_row.row_full.align_center {
  justify-content: center;
}
.layout_form_container .layout_form .layout_form_row.extramargin {
  margin: 1rem 0rem;
}
.layout_form_container .layout_form.widecaption .layout_form_row_caption {
  width: 15rem;
}

.layout_section.wizard.on {
  height: auto;
}
.layout_section.wizard.off {
  margin-bottom: 1rem;
  border: 0;
  box-shadow: none;
}
.layout_section.wizard.off .layout_section_content {
  height: 0;
  overflow: hidden;
}
.layout_section.wizard.off .layout_section_head .layout_section_head_content {
  outline: none;
  background: transparent;
  padding: 0;
  border-bottom: 0;
}
.layout_section.wizard.off .layout_section_head .layout_section_head_content .layout_section_title {
  visibility: hidden;
  font-size: 0;
}
.layout_section .layout_section_content_block ul {
  margin-left: 2rem;
}
.layout_section .layout_section_content_block ul li {
  margin: 0.5rem;
}

.layout_wizard_toggle {
  display: flex;
  align-items: center;
}
.layout_wizard_toggle.align_right {
  justify-content: flex-end;
}
.layout_wizard_toggle a {
  display: flex;
  align-items: center;
}
.layout_wizard_toggle a div {
  display: flex;
  align-items: center;
}
.layout_wizard_toggle a div span {
  font-size: 0.75rem;
  margin-left: 0.5rem;
}
.layout_wizard_toggle a div i {
  font-size: 1.5rem;
}
.layout_wizard_toggle a[data-state="1"] {
  color: #ffffff;
}
.layout_wizard_toggle a[data-state="1"] div.on {
  display: flex;
}
.layout_wizard_toggle a[data-state="1"] div.off {
  display: none;
}
.layout_wizard_toggle a[data-state="0"] div.on {
  display: none;
}
.layout_wizard_toggle a[data-state="0"] div.off {
  display: flex;
}

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