@import url(https://fonts.googleapis.com/css?family=Nunito);table.dataTable {
  clear: both;
  margin-top: 6px !important;
  margin-bottom: 6px !important;
  max-width: none !important;
  border-collapse: separate !important;
  border-spacing: 0; }

table.dataTable td,
table.dataTable th {
  box-sizing: content-box; }

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
  text-align: center; }

table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap; }

div.dataTables_wrapper div.dataTables_length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap; }

div.dataTables_wrapper div.dataTables_length select {
  width: auto;
  display: inline-block; }

div.dataTables_wrapper div.dataTables_filter {
  text-align: right; }

div.dataTables_wrapper div.dataTables_filter label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left; }

div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto; }

div.dataTables_wrapper div.dataTables_info {
  padding-top: 0.85em;
  white-space: nowrap; }

div.dataTables_wrapper div.dataTables_paginate {
  margin: 0;
  white-space: nowrap;
  text-align: right; }

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin: 2px 0;
  white-space: nowrap;
  justify-content: flex-end; }

div.dataTables_wrapper div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0; }

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
  padding-right: 30px; }

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none; }

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative; }

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  opacity: 0.3; }

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 1em;
  content: "\2191"; }

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0.5em;
  content: "\2193"; }

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
  opacity: 1; }

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  opacity: 0; }

div.dataTables_scrollHead table.dataTable {
  margin-bottom: 0 !important; }

div.dataTables_scrollBody table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
  display: none; }

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
  border-top: none; }

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
  box-sizing: content-box; }

div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
  margin-top: 0 !important;
  border-top: none; }

@media screen and (max-width: 767px) {
  div.dataTables_wrapper div.dataTables_length,
  div.dataTables_wrapper div.dataTables_filter,
  div.dataTables_wrapper div.dataTables_info,
  div.dataTables_wrapper div.dataTables_paginate {
    text-align: center; } }

table.dataTable.table-sm > thead > tr > th {
  padding-right: 20px; }

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
  top: 5px;
  right: 0.85em; }

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
  top: 5px; }

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
  border-left-width: 0; }

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
  border-right-width: 0; }

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
  border-bottom-width: 0; }

div.dataTables_scrollHead table.table-bordered {
  border-bottom-width: 0; }

div.table-responsive > div.dataTables_wrapper > div.row {
  margin: 0; }

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  padding-left: 0; }

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  padding-right: 0; }

@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes dtb-spinner {
  100% {
    transform: rotate(360deg); } }

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border: 2px solid #111;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  text-align: center;
  z-index: 21; }

div.dt-button-info h2 {
  padding: 0.5em;
  margin: 0;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3f3; }

div.dt-button-info > div {
  padding: 1em; }

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0 0.5em;
  font-size: 0.9em; }

div.dt-button-collection-title:empty {
  display: none; }

div.dt-button-collection {
  position: absolute;
  z-index: 2001; }

div.dt-button-collection div.dropdown-menu {
  display: block;
  z-index: 2002;
  min-width: 100%; }

div.dt-button-collection div.dt-button-collection-title {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15); }

div.dt-button-collection.fixed {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 0; }

div.dt-button-collection.fixed.two-column {
  margin-left: -200px; }

div.dt-button-collection.fixed.three-column {
  margin-left: -225px; }

div.dt-button-collection.fixed.four-column {
  margin-left: -300px; }

div.dt-button-collection > :last-child {
  display: block !important;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px; }

div.dt-button-collection > :last-child > * {
  -moz-column-break-inside: avoid;
  break-inside: avoid; }

div.dt-button-collection.two-column {
  width: 400px; }

div.dt-button-collection.two-column > :last-child {
  padding-bottom: 1px;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2; }

div.dt-button-collection.three-column {
  width: 450px; }

div.dt-button-collection.three-column > :last-child {
  padding-bottom: 1px;
  -moz-column-count: 3;
  -ms-column-count: 3;
  -o-column-count: 3;
  column-count: 3; }

div.dt-button-collection.four-column {
  width: 600px; }

div.dt-button-collection.four-column > :last-child {
  padding-bottom: 1px;
  -moz-column-count: 4;
  -ms-column-count: 4;
  -o-column-count: 4;
  column-count: 4; }

div.dt-button-collection .dt-button {
  border-radius: 0; }

div.dt-button-collection.fixed {
  max-width: none; }

div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {
  display: none; }

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999; }

@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em; }
  div.dt-buttons a.btn {
    float: none; } }

div.dt-buttons button.btn.processing, div.dt-buttons div.btn.processing, div.dt-buttons a.btn.processing {
  color: rgba(0, 0, 0, 0.2); }

div.dt-buttons button.btn.processing:after, div.dt-buttons div.btn.processing:after, div.dt-buttons a.btn.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: ' ';
  border: 2px solid #282828;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear; }

div.dt-autofill-handle {
  position: absolute;
  height: 8px;
  width: 8px;
  z-index: 102;
  box-sizing: border-box;
  background: #0275d8;
  cursor: pointer; }

div.dtk-focus-alt div.dt-autofill-handle {
  background: #ff8b33; }

div.dt-autofill-select {
  position: absolute;
  z-index: 1001;
  background-color: #0275d8;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px); }

div.dt-autofill-select.top, div.dt-autofill-select.bottom {
  height: 3px;
  margin-top: -1px; }

div.dt-autofill-select.left, div.dt-autofill-select.right {
  width: 3px;
  margin-left: -1px; }

div.dt-autofill-list {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 500px;
  margin-left: -250px;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 0 5px #555;
  border: 2px solid #444;
  z-index: 11;
  box-sizing: border-box;
  padding: 1.5em 2em; }

div.dt-autofill-list ul {
  display: table;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%; }

div.dt-autofill-list ul li {
  display: table-row; }

div.dt-autofill-list ul li:last-child div.dt-autofill-question, div.dt-autofill-list ul li:last-child div.dt-autofill-button {
  border-bottom: none; }

div.dt-autofill-list ul li:hover {
  background-color: #f6f6f6; }

div.dt-autofill-list div.dt-autofill-question {
  display: table-cell;
  padding: 0.5em 0;
  border-bottom: 1px solid #ccc; }

div.dt-autofill-list div.dt-autofill-question input[type=number] {
  padding: 6px;
  width: 30px;
  margin: -2px 0; }

div.dt-autofill-list div.dt-autofill-button {
  display: table-cell;
  padding: 0.5em 0;
  border-bottom: 1px solid #ccc; }

div.dt-autofill-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 10; }

div.dt-autofill-list div.dt-autofill-question input[type=number] {
  padding: 6px;
  width: 60px;
  margin: -2px 0; }

table.DTCR_clonedTable.dataTable {
  position: absolute !important;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 202; }

div.DTCR_pointer {
  width: 1px;
  background-color: #0275d8;
  z-index: 201; }

table.DTFC_Cloned tr {
  background-color: white;
  margin-bottom: 0; }

div.DTFC_LeftHeadWrapper table, div.DTFC_RightHeadWrapper table {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  background-color: white; }

div.DTFC_LeftBodyWrapper table, div.DTFC_RightBodyWrapper table {
  border-top: none;
  margin: 0 !important;
  z-index: 2; }

div.DTFC_LeftBodyWrapper table thead .sorting:before, div.DTFC_LeftBodyWrapper table thead .sorting:after, div.DTFC_LeftBodyWrapper table thead .sorting_asc:before, div.DTFC_LeftBodyWrapper table thead .sorting_asc:after, div.DTFC_LeftBodyWrapper table thead .sorting_desc:before, div.DTFC_LeftBodyWrapper table thead .sorting_desc:after, div.DTFC_LeftBodyWrapper table thead .sorting:before, div.DTFC_LeftBodyWrapper table thead .sorting:after, div.DTFC_LeftBodyWrapper table thead .sorting_asc:before, div.DTFC_LeftBodyWrapper table thead .sorting_asc:after, div.DTFC_LeftBodyWrapper table thead .sorting_desc:before, div.DTFC_LeftBodyWrapper table thead .sorting_desc:after, div.DTFC_RightBodyWrapper table thead .sorting:before, div.DTFC_RightBodyWrapper table thead .sorting:after, div.DTFC_RightBodyWrapper table thead .sorting_asc:before, div.DTFC_RightBodyWrapper table thead .sorting_asc:after, div.DTFC_RightBodyWrapper table thead .sorting_desc:before, div.DTFC_RightBodyWrapper table thead .sorting_desc:after, div.DTFC_RightBodyWrapper table thead .sorting:before, div.DTFC_RightBodyWrapper table thead .sorting:after, div.DTFC_RightBodyWrapper table thead .sorting_asc:before, div.DTFC_RightBodyWrapper table thead .sorting_asc:after, div.DTFC_RightBodyWrapper table thead .sorting_desc:before, div.DTFC_RightBodyWrapper table thead .sorting_desc:after {
  display: none; }

div.DTFC_LeftBodyWrapper table tbody tr:first-child th, div.DTFC_LeftBodyWrapper table tbody tr:first-child td, div.DTFC_RightBodyWrapper table tbody tr:first-child th, div.DTFC_RightBodyWrapper table tbody tr:first-child td {
  border-top: none; }

div.DTFC_LeftFootWrapper table, div.DTFC_RightFootWrapper table {
  border-top: none;
  margin-top: 0 !important;
  background-color: white; }

div.DTFC_Blocker {
  background-color: white; }

table.dataTable.table-striped.DTFC_Cloned tbody {
  background-color: white; }

table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
  background-color: white;
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

table.dataTable.fixedHeader-floating {
  position: fixed !important; }

table.dataTable.fixedHeader-locked {
  position: absolute !important; }

@media print {
  table.fixedHeader-floating {
    display: none; } }

table.dataTable tbody th.focus, table.dataTable tbody td.focus {
  box-shadow: inset 0 0 1px 2px #0275d8; }

div.dtk-focus-alt table.dataTable tbody th.focus, div.dtk-focus-alt table.dataTable tbody td.focus {
  box-shadow: inset 0 0 1px 2px #ff8b33; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important; }

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important; }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control {
  position: relative;
  padding-left: 30px;
  cursor: pointer; }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control:before {
  top: 50%;
  left: 5px;
  height: 1em;
  width: 1em;
  margin-top: -9px;
  display: block;
  position: absolute;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 0.2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 1em;
  content: '+';
  background-color: #0275d8; }

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: '-';
  background-color: #d33333; }

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 27px; }

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px; }

table.dataTable.dtr-column > tbody > tr > td.dtr-control, table.dataTable.dtr-column > tbody > tr > th.dtr-control, table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer; }

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 0.8em;
  width: 0.8em;
  margin-top: -0.5em;
  margin-left: -0.5em;
  display: block;
  position: absolute;
  color: white;
  border: 0.15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 0.2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: 'Courier New', Courier, monospace;
  line-height: 1em;
  content: '+';
  background-color: #0275d8; }

table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333; }

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em; }

table.dataTable > tbody > tr.child:hover {
  background: transparent !important; }

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0; }

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0; }

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0; }

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none; }

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold; }

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em; }

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); }

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em; }

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12; }

div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea; }

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6); }

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%; } }

div.dtr-bs-modal table.table tr:first-child td {
  border-top: none; }

table.dataTable.dtr-inline.collapsed.table-sm > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.table-sm > tbody > tr > th:first-child:before {
  top: 5px; }

table.dataTable tr.dtrg-group td {
  background-color: #e0e0e0; }

table.dataTable tr.dtrg-group.dtrg-level-0 td {
  font-weight: bold; }

table.dataTable tr.dtrg-group.dtrg-level-1 td, table.dataTable tr.dtrg-group.dtrg-level-2 td {
  background-color: #f0f0f0;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 2em;
  font-size: 0.9em; }

table.dataTable tr.dtrg-group.dtrg-level-2 td {
  background-color: #f3f3f3; }

table.dt-rowReorder-float {
  position: absolute !important;
  opacity: 0.8;
  table-layout: fixed;
  outline: 2px solid #0275d8;
  outline-offset: -2px;
  z-index: 2001; }

tr.dt-rowReorder-moving {
  outline: 2px solid #888888;
  outline-offset: -2px; }

body.dt-rowReorder-noOverflow {
  overflow-x: hidden; }

table.dataTable td.reorder {
  text-align: center;
  cursor: move; }

div.dts {
  display: block !important; }

div.dts tbody th, div.dts tbody td {
  white-space: nowrap; }

div.dts div.dts_loading {
  z-index: 1; }

div.dts div.dts_label {
  position: absolute;
  right: 10px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  text-align: right;
  border-radius: 3px;
  padding: 0.4em;
  z-index: 2;
  display: none; }

div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, #fff 10px, #fff 20px); }

div.dts div.dataTables_scrollBody table {
  z-index: 2; }

div.dts div.dataTables_paginate, div.dts div.dataTables_length {
  display: none; }

div.DTS div.dataTables_scrollBody table {
  background-color: white; }

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #0275d8; }

table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
  background-color: #0172d2; }

table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover {
  background-color: #0170d0; }

table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected {
  background-color: #0172d3; }

table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  background-color: #016ecc; }

table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
  background-color: #016fcd; }

table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
  background-color: #0170cf; }

table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  background-color: #0172d3; }

table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
  background-color: #0173d5; }

table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
  background-color: #0174d7; }

table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
  background-color: #016ecc; }

table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
  background-color: #0172d3; }

table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
  background-color: #016bc6; }

table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
  background-color: #016cc7; }

table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
  background-color: #016dca; }

table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover {
  background-color: #016bc6; }

table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox {
  position: relative; }

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box; }

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
  content: ' ';
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid black;
  border-radius: 3px; }

table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
  content: '\2714';
  margin-top: -11px;
  margin-left: -4px;
  text-align: center;
  text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; }

div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
  margin-left: 0.5em; }

@media screen and (max-width: 640px) {
  div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
    margin-left: 0;
    display: block; } }

table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {
  color: white; }

table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
  color: #a2d4ed; }
@charset "UTF-8";
.fc {
  direction: ltr;
  text-align: left;
}

.fc-rtl {
  text-align: right;
}

body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
}

.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: 0.3;
}

.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 2px 4px;
}

.fc-rtl .fc-popover .fc-header {
  flex-direction: row-reverse;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
  opacity: 0.65;
  font-size: 1.1em;
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer;
}

a[data-goto]:hover {
  text-decoration: underline;
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "mirror" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}

.fc-row .fc-mirror-skeleton {
  z-index: 5;
}

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-mirror-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-mirror-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-mirror-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

/* TODO: move to timegrid/daygrid */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.4;
  border-radius: 3px;
  border: 1px solid #3788d8;
}

.fc-event,
.fc-event-dot {
  background-color: #3788d8;
  /* default BACKGROUND color */
}

.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: 0.25;
}

/* Event Dragging
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-dragging.fc-selected {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

.fc-event.fc-dragging:not(.fc-selected) {
  opacity: 0.75;
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}

tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}

.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
  margin-top: 0;
  /* except for mirror skeleton */
}

.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}

.fc-unthemed td.fc-today {
  background: #fcf8e3;
}

.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: 0.3;
}

/* Icons
--------------------------------------------------------------------------------------------------
from https://feathericons.com/ and built with IcoMoon
*/
@font-face {
  font-family: "fcicons";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.fc-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "fcicons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
  content: "\E900";
}

.fc-icon-chevron-right:before {
  content: "\E901";
}

.fc-icon-chevrons-left:before {
  content: "\E902";
}

.fc-icon-chevrons-right:before {
  content: "\E903";
}

.fc-icon-minus-square:before {
  content: "\E904";
}

.fc-icon-plus-square:before {
  content: "\E905";
}

.fc-icon-x:before {
  content: "\E906";
}

.fc-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  text-align: center;
}

/* Buttons
--------------------------------------------------------------------------------------------------
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css
*/
/* reset */
.fc-button {
  border-radius: 0;
  overflow: visible;
  text-transform: none;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.fc-button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

.fc-button {
  -webkit-appearance: button;
}

.fc-button:not(:disabled) {
  cursor: pointer;
}

.fc-button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/* theme */
.fc-button {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.4em 0.65em;
  font-size: 1em;
  line-height: 1.5;
  border-radius: 0.25em;
}

.fc-button:hover {
  color: #212529;
  text-decoration: none;
}

.fc-button:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc-button:disabled {
  opacity: 0.65;
}

/* "primary" coloring */
.fc-button-primary {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.fc-button-primary:hover {
  color: #fff;
  background-color: #1e2b37;
  border-color: #1a252f;
}

.fc-button-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc-button-primary:disabled {
  color: #fff;
  background-color: #2C3E50;
  border-color: #2C3E50;
}

.fc-button-primary:not(:disabled):active,
.fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: #1a252f;
  border-color: #151e27;
}

.fc-button-primary:not(:disabled):active:focus,
.fc-button-primary:not(:disabled).fc-button-active:focus {
  box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

/* icons within buttons */
.fc-button .fc-icon {
  vertical-align: middle;
  font-size: 1.5em;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.fc-button-group > .fc-button {
  position: relative;
  flex: 1 1 auto;
}

.fc-button-group > .fc-button:hover {
  z-index: 1;
}

.fc-button-group > .fc-button:focus,
.fc-button-group > .fc-button:active,
.fc-button-group > .fc-button.fc-button-active {
  z-index: 1;
}

.fc-button-group > .fc-button:not(:first-child) {
  margin-left: -1px;
}

.fc-button-group > .fc-button:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-button-group > .fc-button:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1.5em;
}

.fc-toolbar.fc-footer-toolbar {
  margin-top: 1.5em;
}

/* inner content */
.fc-toolbar > * > :not(:first-child) {
  margin-left: 0.75em;
}

.fc-toolbar h2 {
  font-size: 1.75em;
  margin: 0;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
.fc-view-container {
  position: relative;
}

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  box-sizing: content-box;
}

.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

@media print {
  .fc {
    max-width: 100% !important;
  }

  /* Global Event Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc-event {
    background: #fff !important;
    color: #000 !important;
    page-break-inside: avoid;
  }

  .fc-event .fc-resizer {
    display: none;
  }

  /* Table & Day-Row Restyling
  --------------------------------------------------------------------------------------------------*/
  .fc th,
.fc td,
.fc hr,
.fc thead,
.fc tbody,
.fc-row {
    border-color: #ccc !important;
    background: #fff !important;
  }

  /* kill the overlaid, absolutely-positioned components */
  /* common... */
  .fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-mirror-skeleton,
.fc-bgevent-container,
.fc-business-container,
.fc-highlight-container,
.fc-mirror-container {
    display: none;
  }

  /* don't force a min-height on rows (for DayGrid) */
  .fc tbody .fc-row {
    height: auto !important;
    /* undo height that JS set in distributeHeight */
    min-height: 0 !important;
    /* undo the min-height from each view's specific stylesheet */
  }

  .fc tbody .fc-row .fc-content-skeleton {
    position: static;
    /* undo .fc-rigid */
    padding-bottom: 0 !important;
    /* use a more border-friendly method for this... */
  }

  .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
    /* only works in newer browsers */
    padding-bottom: 1em;
    /* ...gives space within the skeleton. also ensures min height in a way */
  }

  .fc tbody .fc-row .fc-content-skeleton table {
    /* provides a min-height for the row, but only effective for IE, which exaggerates this value,
       making it look more like 3em. for other browers, it will already be this tall */
    height: 1em;
  }

  /* Undo month-view event limiting. Display all events and hide the "more" links
  --------------------------------------------------------------------------------------------------*/
  .fc-more-cell,
.fc-more {
    display: none !important;
  }

  .fc tr.fc-limited {
    display: table-row !important;
  }

  .fc td.fc-limited {
    display: table-cell !important;
  }

  .fc-popover {
    display: none;
    /* never display the "more.." popover in print mode */
  }

  /* TimeGrid Restyling
  --------------------------------------------------------------------------------------------------*/
  /* undo the min-height 100% trick used to fill the container's height */
  .fc-time-grid {
    min-height: 0 !important;
  }

  /* don't display the side axis at all ("all-day" and time cells) */
  .fc-timeGrid-view .fc-axis {
    display: none;
  }

  /* don't display the horizontal lines */
  .fc-slats,
.fc-time-grid hr {
    /* this hr is used when height is underused and needs to be filled */
    display: none !important;
    /* important overrides inline declaration */
  }

  /* let the container that holds the events be naturally positioned and create real height */
  .fc-time-grid .fc-content-skeleton {
    position: static;
  }

  /* in case there are no events, we still want some height */
  .fc-time-grid .fc-content-skeleton table {
    height: 4em;
  }

  /* kill the horizontal spacing made by the event container. event margins will be done below */
  .fc-time-grid .fc-event-container {
    margin: 0 !important;
  }

  /* TimeGrid *Event* Restyling
  --------------------------------------------------------------------------------------------------*/
  /* naturally position events, vertically stacking them */
  .fc-time-grid .fc-event {
    position: static !important;
    margin: 3px 2px !important;
  }

  /* for events that continue to a future day, give the bottom border back */
  .fc-time-grid .fc-event.fc-not-end {
    border-bottom-width: 1px !important;
  }

  /* indicate the event continues via "..." text */
  .fc-time-grid .fc-event.fc-not-end:after {
    content: "...";
  }

  /* for events that are continuations from previous days, give the top border back */
  .fc-time-grid .fc-event.fc-not-start {
    border-top-width: 1px !important;
  }

  /* indicate the event is a continuation via "..." text */
  .fc-time-grid .fc-event.fc-not-start:before {
    content: "...";
  }

  /* time */
  /* undo a previous declaration and let the time text span to a second line */
  .fc-time-grid .fc-event .fc-time {
    white-space: normal !important;
  }

  /* hide the the time that is normally displayed... */
  .fc-time-grid .fc-event .fc-time span {
    display: none;
  }

  /* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
  .fc-time-grid .fc-event .fc-time:after {
    content: attr(data-full);
  }

  /* Vertical Scroller & Containers
  --------------------------------------------------------------------------------------------------*/
  /* kill the scrollbars and allow natural height */
  .fc-scroller,
.fc-day-grid-container,
.fc-time-grid-container {
    /* */
    overflow: visible !important;
    height: auto !important;
  }

  /* kill the horizontal border/padding used to compensate for scrollbars */
  .fc-row {
    border: 0 !important;
    margin: 0 !important;
  }

  /* Button Controls
  --------------------------------------------------------------------------------------------------*/
  .fc-button-group,
.fc button {
    display: none;
    /* don't display any button-related controls */
  }
}
/* DayGridView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-dayGridWeek-view .fc-content-skeleton,
.fc-dayGridDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-dayGrid-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}

.fc-dayGrid-view .fc-week-number,
.fc-dayGrid-view .fc-day-number {
  padding: 2px;
}

.fc-dayGrid-view th.fc-week-number,
.fc-dayGrid-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: right;
}

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-day-number {
  float: left;
}

.fc-ltr .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}

.fc-rtl .fc-dayGrid-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}

.fc-dayGrid-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}

/* when week/day number have own column */
.fc-dayGrid-view td.fc-week-number {
  text-align: center;
}

.fc-dayGrid-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}

/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}

.fc-list-view {
  border-width: 1px;
  border-style: solid;
}

/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}

.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}

.fc-list-table tr:first-child td {
  border-top-width: 0;
}

/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px;
}

.fc-list-heading td {
  font-weight: bold;
}

.fc-ltr .fc-list-heading-main {
  float: left;
}

.fc-ltr .fc-list-heading-alt {
  float: right;
}

.fc-rtl .fc-list-heading-main {
  float: right;
}

.fc-rtl .fc-list-heading-alt {
  float: left;
}

/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}

.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}

.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}

.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}

/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}

.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}
@charset "UTF-8";
/* TimeGridView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-timeGrid-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}

.fc-timeGrid-view .fc-day-grid .fc-row {
  min-height: 3em;
  /* all-day section will never get shorter than this */
}

.fc-timeGrid-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> TimeGridView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.fc-time-grid .fc-mirror-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  margin-bottom: 1px;
}

.fc-time-grid-event-inset {
  box-shadow: 0px 0px 0px 1px #fff;
}

.fc-time-grid-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.fc-time-grid-event .fc-content {
  overflow: hidden;
  max-height: 100%;
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0";
  /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@-webkit-keyframes a{to{transform:rotate(1turn)}}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}.hidden {
  display: none;
}

.gebruikers_show .card-body ul {
  list-style: none;
}

body.fader {
  opacity: 0;
  transition: 0.2s ease;
}
body.faded {
  transition: 0.2s ease;
  opacity: 1;
}

.opdrachtgever_show .card-body ul, .leverancier_show .card-body ul {
  list-style: none;
}
.opdrachtgever_show .card-body img.logo, .leverancier_show .card-body img.logo {
  width: 100%;
}

#leverancier_logo_preview {
  width: 100%;
}

.artikel_show .card-body ul {
  list-style: none;
}
.artikel_show .card-body img.image {
  width: 100%;
}

.header-mobile {
  background-color: #ffffff;
}
.header-mobile .mobile-logo img {
  height: 40px;
  width: auto;
}

.brand {
  background-color: #ffffff;
}

.brand-logo {
  margin: 0 auto;
}
.brand-logo img {
  width: auto;
  height: 50px;
}

.image-input {
  background-position: center;
  background-size: contain;
}
.image-input .image-input-wrapper {
  width: 200px;
  height: 200px;
}

.b-0 {
  bottom: 0;
  position: absolute;
}

.symbol-label img {
  width: 35px;
  height: 35px;
  border-radius: 0.42rem;
}

.logo-preview {
  width: 100%;
  height: auto;
}

.vragenlijst_bg_preview {
  width: 100%;
  height: auto;
}

.keukenopstelling-image-preview {
  width: 100%;
  height: auto;
}

.avatar-delete {
  right: -20px !important;
}

.avatar-add {
  right: 5px !important;
}

@media (max-width: 768px) {
  .login-bg {
    order: 1;
  }
}

@media (max-width: 768px) {
  div.login-wrapper {
    margin-top: 1rem !important;
  }
}
@media (max-width: 768px) {
  div.login-wrapper .login-form img {
    max-height: 90px !important;
  }
}

#hoofdcategorie_dt tr {
  cursor: pointer;
}

.table_actions a {
  width: auto !important;
}

.wizard [data-wizard-type=action-import] {
  display: none;
}

.vragenlijst .text-muted {
  color: #696969 !important;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside {
  background-color: #ffffff;
  box-shadow: 0px 0px 40px rgba(177, 187, 208, 0.15);
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav {
  padding: 0;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step {
  padding: 0.75rem 0;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  margin-bottom: 1.5rem;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step:last-child {
  margin-bottom: 0;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step .wizard-wrapper {
  display: flex;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background-color: #F3F6F9;
  margin-right: 1.4rem;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-check {
  display: none;
  font-size: 1.4rem;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step .wizard-icon .wizard-number {
  font-weight: 600;
  color: #3F4254;
  font-size: 1.35rem;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step .wizard-label {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-title {
  color: #181C32;
  font-weight: 500;
  font-size: 1.4rem;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step .wizard-label .wizard-desc {
  color: #B5B5C3;
  font-size: 1.08rem;
  font-weight: 500;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-icon {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  background-color: #C9F7F5;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-icon .wizard-check {
  color: #1BC5BD;
  display: inline-block;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-icon .wizard-number {
  display: none;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-title {
  color: #B5B5C3;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=done] .wizard-label .wizard-desc {
  color: #D1D3E0;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon {
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
  background-color: #C9F7F5;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon .wizard-check {
  color: #1BC5BD;
  display: none;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-icon .wizard-number {
  color: #1BC5BD;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-title {
  color: #181C32;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step[data-wizard-state=current] .wizard-label .wizard-desc {
  color: #B5B5C3;
}

.vragenlijst.vragenlijst-3 .vragenlijst-aside .aside-img-wizard {
  min-height: 320px !important;
  background-size: 400px;
}

.vragenlijst.vragenlijst-3 .vragenlijst-content {
  background-color: #F3F5F9;
}

.vragenlijst.vragenlijst-3 .vragenlijst-content .form-group .fv-help-block {
  font-size: 1.1rem !important;
  padding-top: 3px;
}

.vragenlijst-aside .wizard-desc {
  color: #696969;
}

@media (min-width: 992px) {
  .vragenlijst.vragenlijst-3 .vragenlijst-aside {
    width: 100%;
    max-width: 600px;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-aside .aside-img {
    min-height: 550px !important;
    background-size: 630px;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-content .top-signup {
    max-width: 650px;
    width: 100%;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-content .top-signin {
    max-width: 450px;
    width: 100%;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-content .top-forgot {
    max-width: 450px;
    width: 100%;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-content .vragenlijst-form {
    width: 100%;
    max-width: 450px;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-content .vragenlijst-form.vragenlijst-form-signup {
    max-width: 750px;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .vragenlijst.vragenlijst-3 .vragenlijst-aside {
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 991.98px) {
  .handtekening-inzending {
    width: 100%;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-aside .aside-img {
    min-height: 500px !important;
    background-size: 500px;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-aside .vragenlijst-logo {
    text-align: center;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav {
    padding: 0;
    align-content: center;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step {
    margin-bottom: 0.5rem;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-aside .wizard-nav .wizard-steps .wizard-step:last-child {
    margin-bottom: 0;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-content .top-signup {
    width: 100%;
    max-width: 400px;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-content .top-signin {
    max-width: 400px;
    width: 100%;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-content .top-forgot {
    max-width: 400px;
    width: 100%;
  }

  .vragenlijst.vragenlijst-3 .vragenlijst-content .vragenlijst-form {
    width: 100%;
    max-width: 400px;
  }
}
@media (max-width: 575.98px) {
  .vragenlijst.vragenlijst-3 .vragenlijst-aside .aside-img {
    min-height: 300px !important;
    background-size: 350px;
  }
}
.vragenlijst-content [data-wizard-type=action-next], .vragenlijst-content [data-wizard-type=action-submit], .vragenlijst-content [data-wizard-type=action-prev] {
  display: inline-block !important;
}

.custom-control.image-checkbox {
  position: relative;
  border: 1px solid #e1e1e1;
  min-height: 190px;
  padding: 5px;
}
@media (max-width: 991px) {
  .custom-control.image-checkbox {
    border: none;
  }
}
.custom-control.image-checkbox .image {
  position: relative;
}
.custom-control.image-checkbox .image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.custom-control.image-checkbox .image > .content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.custom-control.image-checkbox .image > .content img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.custom-control.image-checkbox.bekijken-image-checkbox {
  min-height: 80%;
}
.custom-control.image-checkbox .custom-control-label {
  display: block;
}
.custom-control.image-checkbox .custom-control-input:checked ~ .custom-control-label:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+");
  filter: invert(1);
  background-position: 5px 5px;
  height: 25px;
  width: 25px;
  z-index: 2;
}
.custom-control.image-checkbox .custom-control-input:checked ~ .custom-control-label:after, .custom-control.image-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  opacity: 1;
}
.custom-control.image-checkbox .custom-control-input:checked ~ .custom-control-label:before {
  width: 25px;
  height: 25px;
}
.custom-control.image-checkbox label {
  cursor: pointer;
}
.custom-control.image-checkbox label:before {
  z-index: 1;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control.image-checkbox label:after, .custom-control.image-checkbox label:before {
  transition: opacity 0.3s ease;
  opacity: 0;
  left: 0.25rem;
}
.custom-control.image-checkbox label:focus, .custom-control.image-checkbox label:hover {
  opacity: 0.8;
}

.form-group-image-checkbox.is-invalid label {
  color: #000;
}
.form-group-image-checkbox.is-invalid .invalid-feedback {
  display: block;
}

.vragenlijst-content {
  background-repeat: no-repeat;
  background-size: cover;
}

.vragenlijst-woonconsulent-info p {
  font-size: 16px;
}
.vragenlijst-woonconsulent-info .vragenlijst-woonconsulent-avatar {
  width: 100%;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}

.keuken_opstelling_view {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.image-flip {
  transform: scaleX(-1);
}

#projecten_table span.raw {
  display: none;
}

[data-toggle=tooltip] {
  position: relative;
}
[data-toggle=tooltip]:before {
  content: attr(title);
  display: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, -10px);
  padding: 5px;
  background-color: #000000;
  color: #fff;
  max-width: 400px;
  border-radius: 5px;
  pointer-events: none;
  width: 200px;
}
[data-toggle=tooltip]:hover:before {
  display: block;
}

.progress-circle {
  position: relative;
  display: inline-block;
  margin: 1rem;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #ebebeb;
}

.progress-circle:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: colorload 2s;
  animation: colorload 2s;
}

.progress-circle span {
  color: #8b8b8b;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 90px;
  height: 90px;
  line-height: 60px;
  margin-left: -45px;
  margin-top: -45px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  padding: 15px;
  font-size: 20px;
  z-index: 1;
}

.progress-circle span:after {
  content: "%";
  font-weight: 600;
  color: #8b8b8b;
}

.progress-circle.progress-0:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(90deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-1:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(93.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-2:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(97.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-3:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(100.8deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-4:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(104.4deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-5:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(108deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-6:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(111.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-7:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(115.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-8:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(118.8deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-9:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(122.4deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-10:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(126deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-11:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(129.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-12:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(133.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-13:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(136.8deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-14:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(140.4deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-15:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(129.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-16:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(133.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-17:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(136.8deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-18:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(140.4deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-19:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(144deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-20:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(151.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-21:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(158.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-22:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(161.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-23:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(165.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-24:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(169.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-25:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(180deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-26:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(183.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-27:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(187.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-28:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(190.8deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-29:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(194.4deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-30:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(198deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-31:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(201.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-32:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(205.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-33:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(208.8deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-34:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(212.4deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-35:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(216deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-40:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(234deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-36:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(219.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-37:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(223.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-38:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(226.8deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-39:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(230.4deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-41:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(237.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-42:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(241.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-43:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(244.8deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-44:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(248.4deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-45:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(252deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-46:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(255.6deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-47:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(259.2deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-48:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(262.8deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-49:after {
  background-image: linear-gradient(90deg, #ebebeb 50%, transparent 50%, transparent), linear-gradient(266.4deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-50:after {
  background-image: linear-gradient(-90deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-51:after {
  background-image: linear-gradient(-86.4deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-52:after {
  background-image: linear-gradient(-82.6deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-53:after {
  background-image: linear-gradient(-79.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-54:after {
  background-image: linear-gradient(-75.6deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-55:after {
  background-image: linear-gradient(-72deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-56:after {
  background-image: linear-gradient(-68.4deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-57:after {
  background-image: linear-gradient(-64.8deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-58:after {
  background-image: linear-gradient(-61.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-59:after {
  background-image: linear-gradient(-57.6deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-60:after {
  background-image: linear-gradient(-54deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-61:after {
  background-image: linear-gradient(-50.4deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-62:after {
  background-image: linear-gradient(-46.8deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-63:after {
  background-image: linear-gradient(-43.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-64:after {
  background-image: linear-gradient(-39.6deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-65:after {
  background-image: linear-gradient(-36deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-66:after {
  background-image: linear-gradient(-32.4deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-67:after {
  background-image: linear-gradient(-28.8deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-68:after {
  background-image: linear-gradient(-25.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-69:after {
  background-image: linear-gradient(-21.6deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-70:after {
  background-image: linear-gradient(-18deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-71:after {
  background-image: linear-gradient(-14.4deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-72:after {
  background-image: linear-gradient(-10.8deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-73:after {
  background-image: linear-gradient(-7.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-74:after {
  background-image: linear-gradient(-3.6deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-75:after {
  background-image: linear-gradient(0deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-76:after {
  background-image: linear-gradient(3.6deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-77:after {
  background-image: linear-gradient(7.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-78:after {
  background-image: linear-gradient(10.8deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-79:after {
  background-image: linear-gradient(14.4deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-80:after {
  background-image: linear-gradient(18deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-81:after {
  background-image: linear-gradient(21.6deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-82:after {
  background-image: linear-gradient(25.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-83:after {
  background-image: linear-gradient(28.8deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-84:after {
  background-image: linear-gradient(32.4deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-85:after {
  background-image: linear-gradient(36deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-86:after {
  background-image: linear-gradient(39.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-87:after {
  background-image: linear-gradient(43.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-88:after {
  background-image: linear-gradient(46.8deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-89:after {
  background-image: linear-gradient(50.4deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-90:after {
  background-image: linear-gradient(54deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-91:after {
  background-image: linear-gradient(57.6deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-92:after {
  background-image: linear-gradient(61.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-93:after {
  background-image: linear-gradient(64.8deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-94:after {
  background-image: linear-gradient(68.4deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-95:after {
  background-image: linear-gradient(72deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-96:after {
  background-image: linear-gradient(75.6deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-97:after {
  background-image: linear-gradient(79.2deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-98:after {
  background-image: linear-gradient(82.8deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-99:after {
  background-image: linear-gradient(86.4deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-100:after {
  background-image: linear-gradient(90deg, #1BC5BD 50%, transparent 50%, transparent), linear-gradient(270deg, #1BC5BD 50%, #ebebeb 50%, #ebebeb);
}

@-webkit-keyframes colorload {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}
section.vragenlijst_create .vragenlijst-create-hoofdcatselect {
  margin-bottom: 15px;
}
section.vragenlijst_create .vragenlijst-create-hoofdcatselect .form-check-label {
  margin-left: 15px;
  background-color: #f3f6f9;
  padding: 15px;
  width: 100%;
  border-radius: 0.5rem;
  transition: 0.1s ease;
}
section.vragenlijst_create .vragenlijst-create-hoofdcatselect .form-check-label:hover {
  cursor: pointer;
  background-color: #d4d5de;
}
section.vragenlijst_create .vragenlijst-create-hoofdcatselect .form-check-input {
  width: 20px;
  height: 20px;
  margin-top: 20px;
}
section.vragenlijst_create .edit-subcat-title {
  float: right;
  margin-right: 15px;
  transition: 0.1s ease;
}
section.vragenlijst_create .edit-subcat-title:hover .svg-icon.svg-icon-primary svg g [fill] {
  fill: #e4e6ef !important;
}
section.vragenlijst_create span[data-sub-select], section.vragenlijst_create span[data-main-select] {
  width: 100%;
  display: block;
  height: 100%;
  cursor: pointer;
  background: #f3f6f9;
  padding: 5px 5px 5px 15px;
  border-radius: 4px;
}
section.vragenlijst_create .save-subcat-title {
  margin-right: 2px;
  background: #ebedf3;
  border-radius: 4px;
  position: relative;
  padding: 1px;
  display: inline-block;
}

.alert[data-notify] .close:before {
  display: none;
}

.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item.menu-item-open > .menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #F34213;
}

.aside-menu .menu-nav > .menu-item > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item > .menu-link .menu-icon.svg-icon svg g [fill],
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #F34213;
}

.aside-menu .menu-nav > .menu-item.menu-item-open > .menu-heading .menu-icon.svg-icon svg g [fill], .aside-menu .menu-nav > .menu-item.menu-item-open.menu-item-here > .menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #F34213;
}

.aside-menu {
  background-color: #1C1E2B;
}
.aside-menu .menu-text {
  color: #ffffff !important;
}
.aside-menu .menu-nav .menu-section .menu-text {
  font-size: 1.3rem !important;
}
.aside-menu .menu-nav .menu-item .menu-submenu .menu-item .menu-bullet span {
  background-color: #F34213 !important;
}

.btn-no-hover .svg-icon svg g [fill] {
  fill: #b5b5c3 !important;
}

span[data-sub-select], span[data-main-select] {
  transition: 0.3s;
}

span[data-sub-select].active, span[data-main-select].active {
  border: 1px solid #3699ff;
  box-shadow: 0px 0px 10px 0px rgba(54, 153, 255, 0.3);
  transition: 0.3s ease-in;
}

.form .plan input, .form .payment-plan input, .form .payment-type input {
  display: none;
}

.form label.custom-label {
  position: relative;
  color: #aaa;
  font-size: 1rem;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #aaa;
  box-sizing: border-box;
  padding: 0.65rem 1rem;
  line-height: 1.5;
  font-weight: 400;
  border-radius: 0.42rem;
  width: 75px;
}

.plan input:checked + label, .form .payment-plan input:checked + label, .form .payment-type input:checked + label {
  border: 2px solid #2fcc71;
  background-color: #2fcc71;
  color: #fff;
}

.plan input:checked[value=nee] + label, .form .payment-plan input:checked[value=nee] + label, .form .payment-type input:checked[value=nee] + label {
  border: 2px solid #F44336;
  background-color: #F44336;
  color: #fff;
}

.circleloader {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #43e97b;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
          animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.handle {
  cursor: -webkit-grab;
  cursor: grab;
}

.logo-col {
  background-color: #ffffff;
  padding-bottom: 175px;
  padding-top: 15px;
  margin-bottom: -165px;
}

.form-footer {
  background-color: #ffffff;
}
.form-footer img {
  padding: 5px;
}

.form-onderdelen-header {
  padding-bottom: 0px !important;
}

.form-invullen label {
  margin-top: 0.5rem;
  margin-bottom: 0rem;
}
.form-invullen .col-md-12 {
  padding: 3px;
}

.alert[data-notify] span[data-notify] {
  font-size: 16px;
  font-weight: bold;
}

.action-button-dt {
  transition: 0.5s ease;
}
.action-button-dt .hidden {
  transition: 0.5s ease;
  display: none;
  margin-right: -150px;
}
.action-button-dt:hover {
  width: 100px !important;
  transition: 0.5s ease;
}
.action-button-dt:hover .hidden {
  transition: 0.5s ease;
  display: block;
  margin-right: 0px;
}

.form-container {
  margin-top: 35px;
  border: 1px solid #edeff7;
  border-radius: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

.form-group-title {
  margin-top: -20px;
}
.form-group-title .input-title {
  background-color: #ffffff;
}
.form-group-title .opacity-0 {
  opacity: 0;
}

.timeline-modified .timeline-item .timeline-label {
  width: 90px !important;
}
.timeline-modified:before {
  left: 91px !important;
}

.guusbaan_login .login-aside {
  background-color: #F7F7F7;
}
.guusbaan_login .login-aside .form-control.form-control-solid {
  background-color: #fff;
}
.guusbaan_login .guusbaan_login_aside {
  position: relative !important;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_foto {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_foto .guusbaan_login_banner {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 90%;
  z-index: -1;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_foto .guusbaan_login_banner img {
  height: 100%;
  width: auto;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_foto img {
  z-index: 10;
  height: 75%;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .slogan {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  z-index: 90;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .slogan .lines {
  font-size: 2rem;
  font-weight: 300;
  color: #1C1E2B;
  text-transform: uppercase;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .slogan .lines span {
  font-weight: 700;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .slogan .lines span.emphasize {
  color: #fff;
  font-weight: 300;
  position: relative;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .slogan .lines span.emphasize:before {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  left: -5px;
  background: #1C1E2B;
  z-index: -1;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .slogan .lines span.emphasize span {
  font-weight: 600;
  color: #707C72;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .blocks {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 25%;
  overflow: hidden;
  z-index: 10;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .blocks:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 200vw;
  background-color: #1C1E2B;
  border: 1px solid #707070;
  top: 50%;
  right: 0;
  transform: translate(60%, -50%) rotate(172deg);
  z-index: 5;
}
.guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .blocks:after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vw;
  background-color: #707C72;
  border: 1px solid #707070;
  top: 100%;
  right: 0;
  transform: translate(30%, -10%) rotate(-148deg);
  z-index: 2;
}
@media screen and (max-width: 1900px) {
  .guusbaan_login .guusbaan_login_aside .guusbaan_login_foto {
    justify-content: flex-end;
  }
  .guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .blocks:before {
    transform: translate(80%, -50%) rotate(172deg);
  }
  .guusbaan_login .guusbaan_login_aside .guusbaan_login_inner .blocks:after {
    transform: translate(50%, -10%) rotate(-148deg);
  }
}
@media screen and (max-width: 1500px) {
  .guusbaan_login .guusbaan_login_aside .guusbaan_login_foto {
    display: none;
  }
}
@media screen and (max-width: 1050px) {
  .guusbaan_login .guusbaan_login_aside {
    display: none !important;
  }
  .guusbaan_login .login-aside {
    width: 100%;
    min-height: 100vh;
  }
}

.blocks.blocks--content {
  color: green;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 25%;
  overflow: hidden;
  z-index: -1;
}
.blocks.blocks--content:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: 200vw;
  background-color: #1C1E2B;
  border: 1px solid #707070;
  top: 50%;
  right: 0;
  transform: translate(60%, -50%) rotate(172deg);
  z-index: 5;
}
.blocks.blocks--content:after {
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vw;
  background-color: #707C72;
  border: 1px solid #707070;
  top: 100%;
  right: 0;
  transform: translate(30%, -10%) rotate(-148deg);
  z-index: 2;
}
@media screen and (max-width: 1900px) {
  .blocks.blocks--content:before {
    transform: translate(80%, -50%) rotate(172deg);
  }
  .blocks.blocks--content:after {
    transform: translate(50%, -10%) rotate(-148deg);
  }
}

.btn-brand {
  background-color: #f34213;
  border-color: #f34213;
  color: #fff;
  font-weight: 900 !important;
}
.btn-brand:hover {
  background-color: #f34112;
  border-color: #f34112;
  color: #fff;
  font-weight: 900 !important;
}

.btn-primary {
  background-color: #9ab858 !important;
  border-color: #9ab858 !important;
  color: #fff;
  font-weight: 900 !important;
}
.btn-primary:hover {
  background-color: #9ab857 !important;
  border-color: #9ab857 !important;
  color: #fff;
  font-weight: 900 !important;
}

.navi .navi-item .navi-link.active .navi-text {
  color: #1C1E2B;
}

.navi .navi-item .navi-link.active .navi-icon svg g [fill] {
  fill: #707C72;
}

.photoCarousel {
  cursor: all-scroll;
  position: relative;
}
.photoCarousel:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333333333%;
}
.photoCarousel > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.photoCarousel > .content .photo {
  position: relative;
  position: absolute !important;
  top: 0;
  width: 100%;
  opacity: 0;
  z-index: 0;
}
.photoCarousel > .content .photo:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 133.3333333333%;
}
.photoCarousel > .content .photo > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.photoCarousel > .content .photo.current, .photoCarousel > .content .photo.next {
  opacity: 1;
}
.photoCarousel > .content .photo.current {
  z-index: 50;
}
.photoCarousel > .content .photo.next {
  z-index: 25;
}
.photoCarousel > .content .photo .content {
  background-size: cover;
}

div#kt_wrapper {
  transition: 0.3s ease;
}
div#kt_wrapper:before {
  content: "";
  height: 110%;
  margin-top: -54px;
  width: 100%;
  background-color: #ffffff;
  transition: 0.2s ease;
  position: fixed;
  z-index: 9999999;
}
div#kt_wrapper:after {
  content: "";
  background-image: url("../media/guusbaan/GB.svg");
  height: 100%;
  background-repeat: no-repeat;
  width: 100%;
  z-index: 9999999;
  position: fixed;
  transition: 0.2s ease;
  background-position: 40% 40%;
}
@media (max-width: 768px) {
  div#kt_wrapper:after {
    background-position: 50% 40%;
  }
}

div.loaded#kt_wrapper:before {
  content: "";
  height: 110%;
  margin-top: -54px;
  width: 100%;
  opacity: 0;
  background-color: #ffffff;
  transition: 0.2s ease;
  position: fixed;
  z-index: 9999999;
}
div.loaded#kt_wrapper:after {
  width: 100%;
  opacity: 0;
}

div.loaded-done#kt_wrapper:before {
  content: "";
  height: 110%;
  margin-top: -54px;
  width: 0%;
  opacity: 0;
  background-color: #ffffff;
  position: fixed;
  z-index: 9999999;
}
div.loaded-done#kt_wrapper:after {
  transition: 0.2s ease;
  width: 0%;
  opacity: 0;
}

.mobile-profile-nav {
  height: 80px;
  width: 100%;
  overflow-x: scroll;
}
.mobile-profile-nav .profile-mob-nav-btn {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 4rem;
  background-color: #fff;
  padding: 0.9rem 1.6rem 1rem;
  white-space: nowrap;
  color: #111;
}

.mobile-profile-nav-list {
  padding-left: 0px;
  list-style: none;
  display: flex;
}
.mobile-profile-nav-list .mobile-profile-nav-list-item {
  padding-right: 0.8rem;
}

.profile-nav .navi-link {
  transform: skewx(-17deg);
}
.profile-nav .navi-link span {
  transform: skewx(17deg);
}

.event_type_image_preview {
  width: 100%;
  height: auto;
}

.custom-button {
  color: #1C1E2B;
  font-weight: 700;
  border-bottom: 3px solid #F34213;
}
.custom-button:before {
  content: "//";
  margin-right: 0.5rem;
  color: #F34213;
}
.custom-button.custom-button-icon:before {
  content: "";
  display: none;
}
.custom-button.custom-button-icon i {
  transform: translate(0px, 2px);
}

.custom-icon-button {
  position: relative;
  color: white;
  font-weight: 700;
  padding: 1rem;
  text-align: center;
  transform: skewX(-17deg);
  border-radius: 0px;
  border: 0;
  background-color: #707C72;
}
.custom-icon-button .svg-icon, .custom-icon-button i {
  transform: skewX(17deg);
}
.custom-icon-button .svg-icon svg g [fill], .custom-icon-button i svg g [fill] {
  fill: #ffffff;
}
.custom-icon-button div.compensate-skew {
  transform: skewX(17deg);
}
.custom-icon-button i {
  color: #ffffff;
}
.custom-icon-button.custom-bg-dark {
  background-color: #1C1E2B;
}
.custom-icon-button.custom-bg-orange {
  background-color: #F34213;
}
.custom-icon-button.custom-bg-green {
  background-color: #10da73;
}
.custom-icon-button.half-h-p {
  padding: 0.5rem 1rem 0.5rem 1rem;
}

.disabled {
  opacity: 0.5;
}

.custom-skew-button {
  position: relative;
  color: white;
  font-weight: 700;
  padding: 1rem;
  text-align: center;
  transform: skewX(-17deg);
  border-radius: 0px;
  border: 0;
  background-color: #707C72;
  transition: 0.3s;
}
.custom-skew-button div.de-skew {
  transition: 0.3s;
  transform: skewX(17deg);
}
.custom-skew-button .svg-icon, .custom-skew-button i {
  transform: skewX(17deg);
}
.custom-skew-button .svg-icon svg g [fill], .custom-skew-button i svg g [fill] {
  fill: #ffffff;
}
.custom-skew-button i {
  color: #ffffff;
}
.custom-skew-button.custom-bg-dark {
  background-color: #1C1E2B;
}
.custom-skew-button.custom-bg-orange {
  background-color: #F34213;
}
.custom-skew-button:hover {
  transition: 0.3s;
  transform: skewX(0deg);
}
.custom-skew-button:hover div.de-skew {
  transition: 0.3s;
  transform: skewX(0deg);
}

.font-gs-orange {
  color: #F34213;
}

.feelingrow label {
  display: flex;
  justify-content: center;
  align-items: center;
}
.feelingrow label input {
  display: none;
}
.feelingrow label .smiley {
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.feelingrow label .smiley svg path, .feelingrow label .smiley svg circle {
  fill: #707C72;
  transition: fill 0.2s ease-out;
}
.feelingrow label[for=sad]:hover .smiley svg path, .feelingrow label[for=sad]:hover .smiley svg circle, .feelingrow label[for=sad].active .smiley svg path, .feelingrow label[for=sad].active .smiley svg circle {
  fill: #F34213;
}
.feelingrow label[for=neutral]:hover .smiley svg path, .feelingrow label[for=neutral]:hover .smiley svg circle, .feelingrow label[for=neutral].active .smiley svg path, .feelingrow label[for=neutral].active .smiley svg circle {
  fill: #1C1E2B;
}
.feelingrow label[for=happy]:hover .smiley svg path, .feelingrow label[for=happy]:hover .smiley svg circle, .feelingrow label[for=happy].active .smiley svg path, .feelingrow label[for=happy].active .smiley svg circle {
  fill: #10da73;
}

.cardSmiles .smiley {
  box-sizing: border-box;
  padding: 10px;
  border-radius: 10000px;
  background-color: #ffffff;
  width: 70px;
  height: 70px;
  margin-top: 10px;
}
.cardSmiles .sad.smiley svg path, .cardSmiles .sad.smiley svg circle {
  fill: #F34213;
}
.cardSmiles .neutral.smiley svg path, .cardSmiles .neutral.smiley svg circle {
  fill: #1C1E2B;
}
.cardSmiles .happy.smiley svg path, .cardSmiles .happy.smiley svg circle {
  fill: #10da73;
}

@media screen and (min-width: 768px) {
  .masonryGrid {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 80vh;
    min-height: 100vh;
    margin-bottom: 4rem;
  }
  .masonryGrid.masonryGrid--smaller {
    min-height: unset;
    height: unset;
  }
  .masonryGrid .row {
    height: 75%;
    width: 100%;
    display: flex;
  }
  .masonryGrid .row.mb-3 {
    height: 20%;
  }
  .masonryGrid .row [class^=col-] {
    height: 100%;
  }
  .masonryGrid .row [class^=col-] .card-body {
    overflow-y: scroll;
  }
  .masonryGrid .row .card.gutter-b {
    margin-bottom: 0;
    height: 100%;
  }
  .masonryGrid .row .half {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .masonryGrid .row .half .card {
    height: calc(50% - 12.5px);
  }
  .masonryGrid .row .half .card .card-body {
    overflow-y: scroll !important;
  }
  .masonryGrid ul {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .masonryGrid ul li {
    list-style: none;
    padding: 0.25rem 0.5rem;
  }
  .masonryGrid ul li:nth-of-type(even) {
    background-color: rgba(208, 208, 208, 0.22);
  }
  .masonryGrid .tab-pane .row {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(28, 30, 43, 0.5);
  }
  .masonryGrid .tab-pane .row [class^=col-]:last-of-type {
    text-align: right;
  }
  .masonryGrid .tab-pane .row:last-of-type {
    border-bottom: none;
  }
}

.orientationbuttons button {
  font-size: 1rem;
  padding: 0.5rem;
}

.scrollable::before {
  text-align: right;
  content: "";
  background-image: url("/images/swipe.png");
  background-repeat: no-repeat;
  background-position: right;
  font-family: "Font Awesome 5 Free";
  background-size: 40px;
  height: 40px;
  color: #000;
  font-weight: 900;
  display: block;
  font-size: 2em;
  margin: 5px;
  -webkit-animation-name: scrollLR;
          animation-name: scrollLR;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
}

@-webkit-keyframes scrollLR {
  from {
    margin-right: 0px;
  }
  75% {
    margin-right: 20px;
  }
  to {
    margin-right: 0px;
  }
}

@keyframes scrollLR {
  from {
    margin-right: 0px;
  }
  75% {
    margin-right: 20px;
  }
  to {
    margin-right: 0px;
  }
}
.form-control {
  min-width: 70px !important;
}

.content .container {
  padding: 0 !important;
}

.remark-file-btn {
  background-color: #F3F6F9;
  text-align: left;
}
.remark-file-btn i {
  color: #B5B5C3;
}
/*# sourceMappingURL=app.css.map*/