.bootstrap-table .fixed-table-toolbar:after {
  content: "";
  clear: both;
  display: block;
}

.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group {
  display: inline-block;
  margin-left: -1px !important;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group > .btn {
  border-radius: 0;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:first-child > .btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:last-child > .btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.bootstrap-table .fixed-table-toolbar .columns .dropdown-menu {
  text-align: left;
  -ms-overflow-style: scrollbar;
  z-index: 1001;
  max-height: 300px;
  overflow: auto;
}

.bootstrap-table .fixed-table-toolbar .columns label {
  clear: both;
  padding: 3px 20px;
  font-weight: 400;
  line-height: 1.4286;
  display: block;
}

.bootstrap-table .fixed-table-toolbar .columns-left {
  margin-right: 5px;
}

.bootstrap-table .fixed-table-toolbar .columns-right {
  margin-left: 5px;
}

.bootstrap-table .fixed-table-toolbar .pull-right .dropdown-menu {
  left: auto;
  right: 0;
}

.bootstrap-table .fixed-table-container {
  clear: both;
  position: relative;
}

.bootstrap-table .fixed-table-container .table {
  width: 100%;
  margin-bottom: 0 !important;
}

.bootstrap-table .fixed-table-container .table td, .bootstrap-table .fixed-table-container .table th {
  vertical-align: middle;
  box-sizing: border-box;
}

.bootstrap-table .fixed-table-container .table tfoot th, .bootstrap-table .fixed-table-container .table thead th {
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

.bootstrap-table .fixed-table-container .table tfoot th:focus, .bootstrap-table .fixed-table-container .table thead th:focus {
  outline: 0 solid #0000;
}

.bootstrap-table .fixed-table-container .table tfoot th.detail, .bootstrap-table .fixed-table-container .table thead th.detail {
  width: 30px;
}

.bootstrap-table .fixed-table-container .table tfoot th .th-inner, .bootstrap-table .fixed-table-container .table thead th .th-inner {
  vertical-align: bottom;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: .75rem;
  overflow: hidden;
}

.bootstrap-table .fixed-table-container .table tfoot th .sortable, .bootstrap-table .fixed-table-container .table thead th .sortable {
  cursor: pointer;
  background-position: 100%;
  background-repeat: no-repeat;
  padding-right: 30px !important;
}

.bootstrap-table .fixed-table-container .table tfoot th .sortable.sortable-center, .bootstrap-table .fixed-table-container .table thead th .sortable.sortable-center {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.bootstrap-table .fixed-table-container .table tfoot th .both, .bootstrap-table .fixed-table-container .table thead th .both {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\" fill=\"%23dcdcdc\"><path d=\"m103.05877,41.4c9.37707,-12.5 24.60541,-12.5 33.98248,0l96.02113,128c6.90152,9.2 8.92696,22.9 5.17614,34.9s-12.45274,19.8 -22.20489,19.8l-192.04225,-0.1c-9.67713,0 -18.45406,-7.8 -22.20489,-19.8s-1.65036,-25.7 5.17614,-34.9l96.02113,-128l0.07501,0.1zm0,429.3l-96.02113,-128c-6.90152,-9.2 -8.92696,-22.9 -5.17614,-34.9s12.45274,-19.8 22.20489,-19.8l192.04225,0c9.67713,0 18.45406,7.8 22.20489,19.8s1.65036,25.7 -5.17614,34.9l-96.02113,128c-9.37707,12.5 -24.60541,12.5 -33.98248,0l-0.07501,0z\"/></svg>");
  background-position: right 2px center;
  background-size: 16px 16px;
}

.bootstrap-table .fixed-table-container .table tfoot th .asc, .bootstrap-table .fixed-table-container .table thead th .asc {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\" fill=\"%237B83DB\"><path d=\"m136.9496,41.4c-9.3763,-12.5 -24.60342,-12.5 -33.97972,0l-96.01334,128c-6.90096,9.2 -8.92624,22.9 -5.17572,34.9s12.45173,19.8 22.20309,19.8l192.02668,0c9.67634,0 18.45256,-7.8 22.20309,-19.8s1.65023,-25.7 -5.17572,-34.9l-96.01334,-128l-0.07501,0z\"/></svg>");
}

.bootstrap-table .fixed-table-container .table tfoot th .desc, .bootstrap-table .fixed-table-container .table thead th .desc {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\" fill=\"%237B83DB\"><path d=\"m136.94959,471.6c-9.3763,12.5 -24.60342,12.5 -33.97972,0l-96.01334,-128c-6.90096,-9.2 -8.92624,-22.9 -5.17572,-34.9s12.45173,-19.8 22.20308,-19.8l192.02667,0c9.67634,0 18.45256,7.8 22.20308,19.8s1.65023,25.7 -5.17572,34.9l-96.01334,128l-0.07501,0z\"/></svg>");
}

.bootstrap-table .fixed-table-container .table tbody tr.selected td {
  background-color: #00000013;
}

.bootstrap-table .fixed-table-container .table tbody tr.no-records-found td {
  text-align: center;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view {
  display: flex;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title {
  min-width: 30%;
  font-weight: 700;
  display: inline-block;
  text-align: left !important;
  width: auto !important;
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-value {
  text-align: left !important;
  width: 100% !important;
}

.bootstrap-table .fixed-table-container .table .bs-checkbox {
  text-align: center;
}

.bootstrap-table .fixed-table-container .table .bs-checkbox label {
  margin-bottom: 0;
}

.bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="checkbox"], .bootstrap-table .fixed-table-container .table .bs-checkbox label input[type="radio"] {
  margin: 0 auto !important;
}

.bootstrap-table .fixed-table-container .table.table-sm .th-inner {
  padding: .25rem;
}

.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
  border-bottom: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height.has-card-view {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height .table thead th {
  border-bottom: 1px solid #dee2e6;
}

.bootstrap-table .fixed-table-container.fixed-height .table-dark thead th {
  border-bottom: 1px solid #32383e;
}

.bootstrap-table .fixed-table-container .fixed-table-header {
  overflow: hidden;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
  height: 100%;
  overflow: auto;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  transition: visibility, opacity .15s ease-in-out;
  display: flex;
  position: absolute;
  bottom: 0;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.open {
  visibility: visible;
  opacity: 1;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap {
  justify-content: center;
  align-items: baseline;
  display: flex;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text {
  margin-right: 6px;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap:after, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap:before {
  content: "";
  opacity: 0;
  background: #212529;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin: 0 4px;
  animation-name: loading;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  display: block;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot {
  animation-delay: .3s;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap:after {
  animation-delay: .6s;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark {
  background: #212529;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-dot, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap:after, .bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap:before {
  background: #fff;
}

.bootstrap-table .fixed-table-container .fixed-table-footer {
  overflow: hidden;
}

.bootstrap-table .fixed-table-pagination:after {
  content: "";
  clear: both;
  display: block;
}

.bootstrap-table .fixed-table-pagination > .pagination, .bootstrap-table .fixed-table-pagination > .pagination-detail {
  margin-top: 10px;
  margin-bottom: 10px;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .pagination-info {
  margin-right: 5px;
  line-height: 34px;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list {
  display: inline-block;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group {
  vertical-align: middle;
  display: inline-block;
  position: relative;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group .dropdown-menu {
  margin-bottom: 0;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination {
  margin: 0;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a {
  color: #c8c8c8;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a:before {
  content: "⬅";
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a:after {
  content: "➡";
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.disabled a {
  pointer-events: none;
  cursor: default;
}

.bootstrap-table.fullscreen {
  z-index: 1050;
  background: #fff;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: scroll;
  width: 100% !important;
}

.bootstrap-table.bootstrap4 .pagination-lg .page-link, .bootstrap-table.bootstrap5 .pagination-lg .page-link {
  padding: .5rem 1rem;
}

.bootstrap-table.bootstrap5 .float-left {
  float: left;
}

.bootstrap-table.bootstrap5 .float-right {
  float: right;
}

div.fixed-table-scroll-inner {
  width: 100%;
  height: 200px;
}

div.fixed-table-scroll-outer {
  visibility: hidden;
  width: 200px;
  height: 150px;
  top: 0;
  left: 0;
  overflow: hidden;
}

@keyframes loading {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.bootstrap-table .fixed-table-container .table thead th .th-inner {
  padding-left: .5rem;
  padding-right: .5rem;
}

.bootstrap-table .fixed-table-container .table thead th.bs-checkbox .th-inner {
  padding-bottom: 10px;
}

.bootstrap-table .table tr.align-baseline td {
  vertical-align: baseline;
}

.bootstrap-autocomplete .dropdown-item-empty {
  white-space: normal;
}

.form-select.form-select-no-caret {
  background-image: none;
  padding-right: .75rem;
}

.popover {
  --bs-popover-zindex: 1045;
}

.popover.popover-header-only .popover-header {
  border-bottom-left-radius: var(--bs-popover-border-radius);
  border-bottom-right-radius: var(--bs-popover-border-radius);
}

.popover.popover-auto {
  max-width: none;
}

.popover.popover-dark {
  --bs-popover-bg: #000;
}

.modal .modal-footer {
  border-top: none;
}

.modal-content-alert {
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
}

.modal-content-alert > .modal-body {
  padding-bottom: 0;
}

.modal-content-alert-danger {
  --bs-alert-color: #842029;
  --bs-alert-bg: #f8d7da;
  --bs-alert-border-color: #f5c2c7;
  --bs-modal-header-border-color: #f5c2c7;
}

.modal-content-header-only .modal-header {
  border-bottom: none;
}

body {
  --bs-body-font-family: "Roboto", sans-serif;
  --bs-body-font-weight: 300;
}

.btn {
  --bs-btn-font-family: "Roboto", sans-serif;
}

.input-group > button {
  line-height: 1;
}

.progress-with-text {
  position: relative;
}

.progress-with-text .progress {
  height: 1.6em;
}

.progress-with-text .progress-bar {
  background: #03a9f4;
}

.progress-with-text .progress-text {
  text-align: center;
  text-shadow: 0 0 5px #fff;
  width: 100%;
  margin-top: -.45em;
  font-size: .9em;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 0;
}

.me-n1 {
  margin-right: -.25rem;
}

.me-n2 {
  margin-right: -.5rem;
}

.mt-n1 {
  margin-top: -.25rem;
}

.mb-n2 {
  margin-bottom: -.5rem;
}

.btn-link.btn-link-dotted {
  text-decoration: underline dotted;
}

.btn-secondary {
  --bs-btn-color: #0a0a0a;
  --bs-btn-bg: #f2f2f2;
  --bs-btn-border-color: #f2f2f2;
  --bs-btn-box-shadow: 0px 1px 2px #76757580, 0px 2px 4px #8f8f8fbf;
  box-shadow: var(--bs-btn-box-shadow);
}

.btn-primary, .btn-success, .btn-danger, .btn-warning {
  --bs-btn-border-color: #f2f2f22e;
  --bs-btn-box-shadow: 0px 1px 2px #76757580, 0px 2px 4px #8f8f8fbf;
  box-shadow: var(--bs-btn-box-shadow);
}

.input-group .form-control {
  border-inline-end: none !important;
}

.input-group .btn-secondary.shadow-none {
  --bs-btn-border-color: #ced4da;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  --bs-btn-box-shadow: none;
}

.form-control.disabled {
  opacity: 1;
  background-color: #e9ecef;
}

.form-control-nofocus:focus {
  box-shadow: none;
  border-color: #ced4da;
  outline: none;
}

.form-control-text {
  color: #212529;
  appearance: none;
  background-clip: padding-box;
  border: 1px solid #0000;
  border-radius: .375rem;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

tr:last-of-type.last-border-bottom-0, tr:last-of-type.last-border-bottom-0 td {
  border-bottom-width: 0;
}

tr:first-of-type.first-border-top-0, tr:first-of-type.first-border-top-0 td {
  border-top-width: 0;
}

.navbar.navbar-dark {
  background: #0066a3;
}

.navbar .navbar-brand {
  background-color: unset;
  box-shadow: unset;
}

.fa-stack.small {
  font-size: .5em;
}

.fa-stack.small i {
  vertical-align: middle;
}

.border-gray {
  --bs-border-opacity: 1;
  border-color: #d0d0d0 !important;
}

.table tr.stripe {
  background: #f0f0f0;
}

.table td {
  font-weight: 400;
}

.datepicker {
  direction: ltr;
  border-radius: 4px;
  padding: 4px;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  border: 7px solid #0000;
  border-top: 0;
  border-bottom-color: #0003;
  display: inline-block;
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  border: 6px solid #0000;
  border-top: 0;
  border-bottom-color: #fff;
  display: inline-block;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  border-top: 7px solid #999;
  border-bottom: 0;
  bottom: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
  border-top: 6px solid #fff;
  border-bottom: 0;
  bottom: -6px;
}

.datepicker table {
  -webkit-touch-callout: none;
  user-select: none;
  -khtml-user-select: none;
  margin: 0;
}

.datepicker td, .datepicker th {
  text-align: center;
  border: none;
  border-radius: 4px;
  width: 20px;
  height: 20px;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: #0000;
}

.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {
  cursor: pointer;
  background: #eee;
}

.datepicker table tr td.old, .datepicker table tr td.new {
  color: #999;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  color: #999;
  cursor: default;
  background: none;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  filter: progid:DXImageTransform. Microsoft. gradient(enabled= false);
  color: #000;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: linear-gradient(#fdd49a, #fdf59a);
  background-repeat: repeat-x;
  border-color: #0000001a #0000001a #00000040;
}

.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active {
  background-color: #fbf069 \9 ;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0;
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  filter: progid:DXImageTransform. Microsoft. gradient(enabled= false);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: linear-gradient(#f3c17a, #f3e97a);
  background-repeat: repeat-x;
  border-color: #0000001a #0000001a #00000040;
  border-radius: 0;
}

.datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active {
  background-color: #efe24b \9 ;
}

.datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, gray);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, gray);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(gray));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, gray);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, gray);
  filter: progid:DXImageTransform. Microsoft. gradient(enabled= false);
  color: #fff;
  text-shadow: 0 -1px #00000040;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(gray));
  background-image: linear-gradient(#b3b3b3, gray);
  background-repeat: repeat-x;
  border-color: #0000001a #0000001a #00000040;
}

.datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] {
  background-color: gray;
}

.datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active {
  background-color: #666 \9 ;
}

.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #04c);
  background-image: -ms-linear-gradient(to bottom, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
  background-image: -o-linear-gradient(to bottom, #08c, #04c);
  filter: progid:DXImageTransform. Microsoft. gradient(enabled= false);
  color: #fff;
  text-shadow: 0 -1px #00000040;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: linear-gradient(#08c, #04c);
  background-repeat: repeat-x;
  border-color: #0000001a #0000001a #00000040;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] {
  background-color: #04c;
}

.datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active {
  background-color: #039 \9 ;
}

.datepicker table tr td span {
  float: left;
  cursor: pointer;
  border-radius: 4px;
  width: 23%;
  height: 54px;
  margin: 1%;
  line-height: 54px;
  display: block;
}

.datepicker table tr td span:hover, .datepicker table tr td span.focused {
  background: #eee;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  color: #999;
  cursor: default;
  background: none;
}

.datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #04c);
  background-image: -ms-linear-gradient(to bottom, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
  background-image: -o-linear-gradient(to bottom, #08c, #04c);
  filter: progid:DXImageTransform. Microsoft. gradient(enabled= false);
  color: #fff;
  text-shadow: 0 -1px #00000040;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: linear-gradient(#08c, #04c);
  background-repeat: repeat-x;
  border-color: #0000001a #0000001a #00000040;
}

.datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: #04c;
}

.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
  background-color: #039 \9 ;
}

.datepicker table tr td span.old, .datepicker table tr td span.new {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .prev.disabled, .datepicker .next.disabled {
  visibility: hidden;
}

.datepicker .cw {
  vertical-align: middle;
  width: 12px;
  padding: 0 2px 0 5px;
  font-size: 10px;
}

.input-append.date .add-on, .input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  text-align: center;
  text-shadow: 0 1px #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  width: auto;
  min-width: 16px;
  height: 18px;
  margin-left: -5px;
  margin-right: -5px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 18px;
  display: inline-block;
}

@keyframes progressButtonBackAnimation {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.btn-outline-primary.progress-button-back, .btn-primary.progress-button-back {
  opacity: .85;
  background-image: linear-gradient(90deg, #5a9cfd, #5a9cfd 5%, #0d6efd 5% 10%, #5a9cfd 10% 15%, #0d6efd 15% 20%, #5a9cfd 20% 25%, #0d6efd 25% 30%, #5a9cfd 30% 35%, #0d6efd 35% 40%, #5a9cfd 40% 45%, #0d6efd 45% 50%, #5a9cfd 50% 55%, #0d6efd 55% 60%, #5a9cfd 60% 65%, #0d6efd 65% 70%, #5a9cfd 70% 75%, #0d6efd 75% 80%, #5a9cfd 80% 85%, #0d6efd 85% 90%, #5a9cfd 90% 95%, #0d6efd 95% 100%);
  background-size: 200% 100%;
  animation: 2s linear infinite progressButtonBackAnimation;
}

.btn-outline-secondary.progress-button-back, .btn-secondary.progress-button-back {
  opacity: .85;
  background-image: linear-gradient(90deg, #969696, #969696 5%, #6c757d 5% 10%, #969696 10% 15%, #6c757d 15% 20%, #969696 20% 25%, #6c757d 25% 30%, #969696 30% 35%, #6c757d 35% 40%, #969696 40% 45%, #6c757d 45% 50%, #969696 50% 55%, #6c757d 55% 60%, #969696 60% 65%, #6c757d 65% 70%, #969696 70% 75%, #6c757d 75% 80%, #969696 80% 85%, #6c757d 85% 90%, #969696 90% 95%, #6c757d 95% 100%);
  background-size: 200% 100%;
  animation: 2s linear infinite progressButtonBackAnimation;
}

.btn-outline-danger.progress-button-back, .btn-danger.progress-button-back {
  opacity: .85;
  background-image: linear-gradient(90deg, #dc828a, #dc828a 5%, #dc3545 5% 10%, #dc828a 10% 15%, #dc3545 15% 20%, #dc828a 20% 25%, #dc3545 25% 30%, #dc828a 30% 35%, #dc3545 35% 40%, #dc828a 40% 45%, #dc3545 45% 50%, #dc828a 50% 55%, #dc3545 55% 60%, #dc828a 60% 65%, #dc3545 65% 70%, #dc828a 70% 75%, #dc3545 75% 80%, #dc828a 80% 85%, #dc3545 85% 90%, #dc828a 90% 95%, #dc3545 95% 100%);
  background-size: 200% 100%;
  animation: 2s linear infinite progressButtonBackAnimation;
}

.btn-outline-success.progress-button-back, .btn-success.progress-button-back {
  opacity: .85;
  background-image: linear-gradient(90deg, #668777, #668777 5%, #198754 5% 10%, #668777 10% 15%, #198754 15% 20%, #668777 20% 25%, #198754 25% 30%, #668777 30% 35%, #198754 35% 40%, #668777 40% 45%, #198754 45% 50%, #668777 50% 55%, #198754 55% 60%, #668777 60% 65%, #198754 65% 70%, #668777 70% 75%, #198754 75% 80%, #668777 80% 85%, #198754 85% 90%, #668777 90% 95%, #198754 95% 100%);
  background-size: 200% 100%;
  animation: 2s linear infinite progressButtonBackAnimation;
}

.reloading-fade {
  position: relative;
}

.reloading-fade:after {
  content: " ";
  opacity: .2;
  background-image: linear-gradient(90deg, #a3a3a3, #a3a3a3 5%, #888 5% 10%, #a3a3a3 10% 15%, #888 15% 20%, #a3a3a3 20% 25%, #888 25% 30%, #a3a3a3 30% 35%, #888 35% 40%, #a3a3a3 40% 45%, #888 45% 50%, #a3a3a3 50% 55%, #888 55% 60%, #a3a3a3 60% 65%, #888 65% 70%, #a3a3a3 70% 75%, #888 75% 80%, #a3a3a3 80% 85%, #888 85% 90%, #a3a3a3 90% 95%, #888 95% 100%);
  background-size: 200% 100%;
  animation: 2s linear infinite progressButtonBackAnimation;
  position: absolute;
  inset: 0;
}

.lds-dual-ring {
  background: url("../lds-dual-ring.ab6dee43.gif") center no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
}

input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.blink-opacity {
  animation: .75s steps(5, start) infinite blink-opacity-animation;
}

@keyframes blink-opacity-animation {
  from {
    opacity: .25;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: .25;
  }
}

@-webkit-keyframes blink-animation {
  from {
    opacity: .25;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: .25;
  }
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: normal;
  src: url("../Roboto-Regular.ca197847.ttf") format("truetype");
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: bold;
  src: url("../Roboto-Bold.fdb9b54a.ttf") format("truetype");
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: normal;
  src: url("../Roboto-Italic.5abfa3f1.ttf") format("truetype");
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: bold;
  src: url("../Roboto-BoldItalic.9ee7b4cb.ttf") format("truetype");
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 300;
  src: url("../Roboto-Light.1695f332.ttf") format("truetype");
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 300;
  src: url("../Roboto-LightItalic.50b96eae.ttf") format("truetype");
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  src: url("../Roboto-Medium.91322885.ttf") format("truetype");
}

@font-face {
  font-family: Roboto;
  font-style: italic;
  font-weight: 500;
  src: url("../Roboto-MediumItalic.dde87bd9.ttf") format("truetype");
}

.sidebar {
  font-size: .875rem;
}

.sidebar > div {
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}

.sidebar-fixed {
  z-index: 100;
  padding: 48px 0 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset -1px 0 #0000001a;
}

@media (width <= 767.98px) {
  .sidebar {
    top: 5rem;
  }
}

.sidebar-sticky {
  height: calc(100vh - 48px);
  padding-top: .5rem;
  position: relative;
  top: 0;
  overflow: hidden auto;
}

.sidebar .nav-link {
  color: #333;
  font-weight: 300;
}

.sidebar .nav-link .feather {
  color: #727272;
  margin-right: 4px;
}

.sidebar .nav-link.active {
  color: #2470dc;
}

.sidebar .nav-link:hover .feather, .sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  text-transform: uppercase;
  font-size: .75rem;
}

.navbar-brand {
  background-color: #00000040;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  box-shadow: inset -1px 0 #00000040;
}

.nav-link.navbar-toggler {
  font-size: var(--bs-nav-link-font-size);
}

.navbar .form-control {
  border-width: 0;
  border-radius: 0;
  padding: .75rem 1rem;
}

.form-control-dark {
  color: #fff;
  background-color: #ffffff1a;
  border-color: #ffffff1a;
}

.form-control-dark:focus {
  border-color: #0000;
  box-shadow: 0 0 0 3px #ffffff40;
}

.nav-shorty .nav .nav-shortable, .nav-shorty .nav .sidebar-heading {
  display: none;
}

.badge.badge-unread-events {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity));
}

.badge.badge-unread-events.max-WARNING {
  color: var(--bs-body-color);
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity));
}

.badge.badge-unread-events.max-ERROR {
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity));
}

.offcanvas {
  --bs-offcanvas-width: 30vw;
}

.offcanvas .alert.event-unread {
  position: relative;
}

.offcanvas .alert.event-unread:before {
  --unread-bg-color: var(--bs-alert-color);
  content: " ";
  filter: brightness(200%);
  background: var(--unread-bg-color);
  background: linear-gradient(90deg, var(--unread-bg-color) 0%, #f000 100%);
  width: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
}

.offcanvas .alert.alert-default.event-unread:before {
  --unread-bg-color: #4b4b4b;
}

.btn-toggle-nav a {
  margin-top: .125rem;
  padding: .1875rem .5rem;
  text-decoration: none;
  display: inline-flex;
}

.btn-toggle-nav a:hover, .btn-toggle-nav a:focus {
  background-color: #2470dc96;
}

.btn-toggle-nav a.active {
  background-color: #2470dc5e;
}

.nav {
  --bs-nav-pills-link-active-bg: #2470dcc9;
}

html.login-page {
  width: 100%;
  height: 100%;
}

html.login-page body {
  background: linear-gradient(#0066a1 0%, #0c6efd 100%);
  width: 100%;
  height: 100%;
}

.form-signin-caption {
  text-align: center;
  max-width: 45em;
  margin: auto;
  padding: 10vh 0;
}

.form-signin {
  background: #fff;
  border-radius: 1em;
  width: 100%;
  max-width: 45em;
  margin: auto;
  padding: 2em 5em;
}

.form-signin .checkbox {
  text-align: center;
  font-weight: 400;
}

.form-signin .form-floating:focus-within {
  z-index: 2;
}

.popover.dashboard-popover {
  max-width: 500px;
  box-shadow: 0 3px 10px #555;
}

.schema-svg-container > svg {
  margin: 1rem 2rem 0;
}

.schema-svg-backlight {
  background: #f3f3f3;
}

.schema-svg-position-backlight {
  --backlight-color: #ff8700;
  box-shadow: 0 0 5px var(--backlight-color);
  background: var(--backlight-color);
  border-radius: 11px;
}

.schema-svg-position-backlight-next {
  --backlight-color: #3800ff;
}

.schema-svg-position-backlight-on {
  --backlight-color: #2bff00;
}

.schema-svg-selectarea {
  cursor: not-allowed;
}

.schema-svg-position-selectarea {
  cursor: pointer;
}

.dashboard-body {
  grid-template: "navbar navbar"
                 "sidebar main" minmax(100px, 1fr)
                 / auto minmax(100px, 1fr);
  width: 100vw;
  height: 100vh;
  display: grid;
}

.dashboard-body .navbar {
  grid-area: navbar;
}

.dashboard-body .sidebar {
  grid-area: sidebar;
}

.dashboard-body main {
  grid-area: main;
}

.dashboard-container {
  grid-template-rows: auto auto minmax(100px, 1fr);
  grid-template-areas: "topbar"
                       "schema"
                       "forms";
  display: grid;
}

.dashboard-container .dashboard-topbar {
  grid-area: topbar;
}

.dashboard-container .dashboard-schema {
  grid-area: schema;
}

.dashboard-container .dashboard-widgets {
  grid-area: forms;
}

.dashboard-widgets {
  grid-template-columns: 45em minmax(100px, 1fr);
  grid-template-areas: "list form";
  gap: 1em;
  padding: 0 1em 1em;
  display: grid;
}

.dashboard-widgets .dashboard-widgets__alive, .dashboard-widgets .dashboard-widgets__finished {
  grid-area: list;
}

.dashboard-widgets .dashboard-widgets__form {
  grid-area: form;
  position: relative;
}

.dashboard-widgets .dashboard-widgets__form > div {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.dashboard-widgets, .dashboard-widgets .form-select, .dashboard-widgets .form-control, .dashboard-widgets .form-control-text {
  font-size: 12px;
}

.dashboard-widgets .btn {
  --bs-btn-font-size: 12px;
}

.dashboard-widgets .dashboard-widgets__alive-caption, .dashboard-widgets .dashboard-widgets__alive-col1-header, .dashboard-widgets .dashboard-widgets__alive-col2-header, .dashboard-widgets .dashboard-widgets__finished-caption, .dashboard-widgets .dash-form__caption {
  font-size: 16px;
  font-weight: normal;
}

.dashboard-widgets .dashboard-widgets__alive-col1-header, .dashboard-widgets .dashboard-widgets__alive-col2-header {
  padding-top: 10px;
  padding-bottom: 11px;
}

.dashboard-widgets__alive {
  grid-template: "caption caption"
                 "col1-head col2-head"
                 "col1-body col2-body" minmax(0, 1fr)
                 "footer footer"
                 / 50% 50%;
  display: grid;
}

.dashboard-widgets__alive .dashboard-widgets__alive-caption {
  grid-area: caption;
}

.dashboard-widgets__alive .dashboard-widgets__alive-col1-header {
  grid-area: col1-head;
}

.dashboard-widgets__alive .dashboard-widgets__alive-col1-body {
  grid-area: col1-body;
  position: relative;
}

.dashboard-widgets__alive .dashboard-widgets__alive-col1-body > div {
  position: absolute;
  inset: 0;
  overflow: auto;
}

.dashboard-widgets__alive .dashboard-widgets__alive-col2-header {
  grid-area: col2-head;
}

.dashboard-widgets__alive .dashboard-widgets__alive-col2-body {
  grid-area: col2-body;
  position: relative;
}

.dashboard-widgets__alive .dashboard-widgets__alive-col2-body > div {
  position: absolute;
  inset: 0;
  overflow: auto;
}

.dashboard-widgets__alive .dashboard-widgets__alive-footer {
  grid-area: footer;
}

.dashboard-widgets__finished {
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-areas: "caption"
                       "body";
  display: grid;
}

.dashboard-widgets__finished .dashboard-widgets__finished-caption {
  grid-area: caption;
}

.dashboard-widgets__finished .dashboard-widgets__finished-body {
  grid-area: body;
  position: relative;
}

.dashboard-widgets__finished .dashboard-widgets__finished-body > div {
  position: absolute;
  inset: 0;
  overflow: auto;
}

.dash-form {
  grid-template: "caption caption caption"
                 "col1 col2 col3" 1fr
                 / minmax(0, 1fr) minmax(0, 1fr) auto;
  display: grid;
}

.dash-form .dash-form__caption {
  grid-area: caption;
}

.dash-form .dash-form__db-details {
  grid-area: col1;
}

.dash-form .dash-form__form-details {
  grid-area: col2;
}

.dash-form .dash-form__form-other {
  grid-area: col3;
  max-width: 38em;
}

.dash-form table {
  margin: 0;
}

.dash-form__db-details {
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "head"
                       "caption"
                       "table"
                       "foot";
  display: grid;
}

.dash-form__db-details .dash-form__db-details-filter {
  grid-area: head;
}

.dash-form__db-details .dash-form__db-details-caption {
  grid-area: caption;
}

.dash-form__db-details .dash-form__db-details-table {
  grid-area: table;
}

.dash-form__db-details .dash-form__db-details-foot {
  grid-area: foot;
}

.dash-form__db-details-table {
  position: relative;
}

.dash-form__db-details-table > div {
  position: absolute;
  inset: 0;
  overflow: auto;
}

.dash-form__form-details {
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "head"
                       "caption"
                       "body"
                       "foot";
  display: grid;
}

.dash-form__form-details .dash-form__form-type {
  grid-area: head;
}

.dash-form__form-details .dash-form__form-details-caption {
  grid-area: caption;
}

.dash-form__form-details .dash-form__form-details-table {
  grid-area: body;
}

.dash-form__form-details .dash-form__form-details-foot {
  grid-area: foot;
}

.dash-form__form-details-table {
  position: relative;
}

.dash-form__form-details-table > div {
  position: absolute;
  inset: 0;
  overflow: auto;
}

.dash-form__form-other {
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "head"
                       "body"
                       "foot";
  display: grid;
}

.dash-form__form-other .dash-form__form-other-head {
  grid-area: head;
}

.dash-form__form-other .dash-form__form-other-body {
  grid-area: body;
}

.dash-form__form-other .dash-form__form-other-foot {
  grid-area: foot;
}

.dash-form__db-details-filter, .dash-form__form-type, .dash-form__form-other-head {
  height: 3.4em;
}

.dashboard-card .card-header {
  background-color: #f0f0f0;
  padding: .5rem 1rem;
  font-size: 1rem;
}

.container-row-widget {
  cursor: pointer;
  background: var(--svg-container-background);
  color: var(--svg-container-text-color);
  border-color: var(--svg-container-badge-background);
}

.container-row-widget .vr {
  background-color: var(--svg-container-badge-background);
}

.container-row-widget [data-bind="number"], .container-row-widget [data-bind="process"], .container-row-widget [data-bind="coating"] {
  font-weight: bold;
}

.report-one {
  width: 297mm;
  margin: 0 auto;
  font-size: 12px;
}

.report-one .report-page {
  border: 1px dashed #cdcdcd;
  width: 297mm;
  padding: 2em 2em 2em 25mm;
}

.report-one tr > td, .report-one tr > th {
  padding: .5em;
}

.report-one .bold-border-cell {
  border: 2px solid #000;
}

.report-one .report-page-chart {
  grid-template-rows: auto 1fr;
  grid-template-areas: "header"
                       "chart-container";
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.report-one .report-page-chart > .report-page-title {
  grid-area: header;
}

.report-one .report-page-chart > .report-page-chart-container {
  grid-area: chart-container;
}

.report-one .report-page-chart-container {
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "header"
                       "chart"
                       "footer";
  display: grid;
}

.report-one .report-page-chart-container .report-chart-header {
  grid-area: header;
  font-size: 150%;
}

.report-one .report-page-chart-container .report-chart {
  grid-area: chart;
}

.report-one .report-page-chart-container .report-chart-footer {
  grid-area: footer;
}

.report-one .report-page-chart-container .report-chart-axis-label {
  font-size: 150%;
  font-weight: bold;
}

.report-one .report-chart {
  height: 120mm;
}

.report-one .report-chart svg g.tick line {
  stroke: #ccc;
  stroke-opacity: 1;
}

.report-one--highlight {
  color: #0409c9;
}

@media print {
  .report-one {
    width: auto;
    margin: 0;
    padding: 0;
  }

  .report-one .report-page {
    border: none;
    width: auto;
    height: auto;
    padding: 0 0 0 25mm;
  }
}

.journal-table tbody tr td:first-child, .journal-table tbody tr td:nth-child(2), .journal-table tbody tr td:nth-child(3) {
  white-space: nowrap;
}

.journal-table tbody tr td:nth-child(5) {
  width: 99%;
}

@media print {
  @page {
    size: auto;
    margin: 2rem;
  }

  .print-no-col {
    flex: none !important;
    width: auto !important;
    margin-left: 0 !important;
  }

  .col-print-12 {
    flex: none;
    width: 100%;
    margin-left: 0;
  }

  .form-text {
    display: none !important;
  }

  .form-select, .form-control {
    border: none;
  }

  .page-break {
    clear: both;
    page-break-after: always;
  }
}

.hidden {
  display: none !important;
}

.visibility-hidden {
  visibility: hidden;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer, .table-row-pointer tbody tr {
  cursor: pointer;
}

.w-2em {
  width: 2em;
}

.w-3em {
  width: 3em;
}

.w-4em {
  width: 4em;
}

.w-6em {
  width: 6em;
}

.w-8em {
  width: 8em;
}

.w-9em {
  width: 9em;
}

.pre-line {
  white-space: pre-line;
}

tr:first-child .muted-in-first-row, tr:last-child .muted-in-last-row {
  opacity: .1;
}

.swap-above {
  background-color: #5f9ea0;
}

.swap-below {
  background-color: #f0f8ff;
}

.narrow-form {
  max-width: 40em;
}

.form-label-strong label.form-label {
  font-weight: bold;
}

label.form-label, label.col-form-label, .title-highlight {
  color: #122776;
}

.fw-normal {
  font-weight: normal;
}

.cm-editor-form-control .cm-editor {
  border: 1px solid #ced4da;
  border-radius: .375rem;
}

.cm-editor-form-control .cm-editor.cm-focused {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem #0d6efd40;
}

.cm-editor-form-control .cm-scroller {
  border-radius: .375rem;
}

.cb-svg-preview > svg {
  max-width: 100%;
  max-height: 100%;
}

.single-page-form, .single-page-form-control {
  max-width: 50em;
}

.w99p {
  width: 99%;
}

.w-0 {
  width: 0;
}

.w-10em {
  width: 10em;
}

.w-5em {
  width: 5em;
}

.w-7em {
  width: 7em;
}

.min-h-100 {
  min-height: 100%;
}

.min-h-100vh {
  min-height: 100vh;
}

.max-w-70em {
  max-width: 70em;
}

.sticky-h1 {
  background: #fff;
  position: sticky;
  top: 48px;
  box-shadow: 0 0 5px #fff;
}

.table-hide1 > thead > tr > th.table-hide1-hidden, .table-hide1 > tbody > tr > td.table-hide1-hidden, .hide-group1-hide .hide-group1 {
  display: none;
}

.container-widget {
  min-width: 25em;
}

tr.dynamic-step-row {
  background: #f0f0f0;
}

tr.dynamic-step-row > td {
  border-bottom: 1px solid #fff;
}

.overflow-ellipsis {
  text-overflow: ellipsis;
}

.vr {
  width: 1px;
}

.fs80 {
  font-size: 80%;
}

.fs125 {
  font-size: 125%;
}
/*# sourceMappingURL=theme.css.map */