@charset "UTF-8";
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs5/jszip-3.10.1/pdfmake-0.2.7/dt-2.0.3/b-3.0.1/b-colvis-3.0.1/b-html5-3.0.1/fc-5.0.0/fh-4.0.1/r-3.0.1/rg-1.5.0/sc-2.4.1/sb-1.7.0/sp-2.3.0
 *
 * Included libraries:
 *   JSZip 3.10.1, pdfmake 0.2.7, DataTables 2.0.3, Buttons 3.0.1, Column visibility 3.0.1, HTML5 export 3.0.1, FixedColumns 5.0.0, FixedHeader 4.0.1, Responsive 3.0.1, RowGroup 1.5.0, Scroller 2.4.1, SearchBuilder 1.7.0, SearchPanes 2.3.0
 */
:root {
  --dt-row-selected: 13, 110, 253;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-html-background: white;
}

:root.dark {
  --dt-html-background: rgb(33, 37, 41);
}

table.dataTable td.dt-control {
  text-align: center;
  cursor: pointer;
}

table.dataTable td.dt-control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

html.dark table.dataTable td.dt-control:before, :root[data-bs-theme=dark] table.dataTable td.dt-control:before {
  border-left-color: rgba(255, 255, 255, 0.5);
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before, :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-left-color: transparent;
}

div.dt-scroll-body thead tr, div.dt-scroll-body tfoot tr {
  height: 0;
}

div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td, div.dt-scroll-body tfoot tr th, div.dt-scroll-body tfoot tr td {
  height: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}

div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing, div.dt-scroll-body tfoot tr th div.dt-scroll-sizing, div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}

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

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "▲";
  content: "▲"/"";
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  display: block;
  top: 50%;
  content: "▼";
  content: "▼"/"";
}

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc, table.dataTable thead > tr > td.dt-ordering-asc, table.dataTable thead > tr > td.dt-ordering-desc {
  position: relative;
  padding-right: 30px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  width: 12px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: 0.125;
  line-height: 9px;
  font-size: 0.8em;
}

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}

table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(0, 0, 0, 0.05);
  outline-offset: -2px;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.6;
}

table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before, table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
  display: none;
}

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

div.dt-scroll-body > table.dataTable > thead > tr > th, div.dt-scroll-body > table.dataTable > thead > tr > td {
  overflow: hidden;
}

:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(255, 255, 255, 0.05);
}

div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -22px;
  text-align: center;
  padding: 2px;
  z-index: 10;
}

div.dt-processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}

div.dt-processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(13, 110, 253);
  background: rgb(var(--dt-row-selected));
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dt-processing > div:last-child > div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

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

table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left;
}

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

table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify;
}

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

table.dataTable th.dt-empty, table.dataTable td.dt-empty {
  text-align: center;
  vertical-align: top;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
  text-align: left;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
  text-align: left;
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
} /*! Bootstrap 5 integration for DataTables
*
* ©2020 SpryMedia Ltd, all rights reserved.
* License: MIT datatables.net/license/mit
*/
table.table.dataTable {
  clear: both;
  margin-bottom: 0;
  max-width: none;
  border-spacing: 0;
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: none;
}

table.table.dataTable > :not(caption) > * > * {
  background-color: transparent;
}

table.table.dataTable > tbody > tr {
  background-color: transparent;
}

table.table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
  color: rgb(255, 255, 255);
  color: rgb(var(--dt-row-selected-text));
}

table.table.dataTable > tbody > tr.selected a {
  color: rgb(9, 10, 11);
  color: rgb(var(--dt-row-selected-link));
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
}

table.table.dataTable.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
}

table.table.dataTable.table-hover > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
}

div.dt-container div.dt-length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

div.dt-container div.dt-length select {
  width: auto;
  display: inline-block;
  margin-right: 0.5em;
}

div.dt-container div.dt-search {
  text-align: right;
}

div.dt-container div.dt-search label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
}

div.dt-container div.dt-search input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dt-container div.dt-info {
  padding-top: 0.85em;
}

div.dt-container div.dt-paging {
  margin: 0;
}

div.dt-container div.dt-paging ul.pagination {
  margin: 2px 0;
  flex-wrap: wrap;
}

div.dt-container div.dt-row {
  position: relative;
}

div.dt-scroll-head table.dataTable {
  margin-bottom: 0 !important;
}

div.dt-scroll-body {
  border-bottom-color: var(--bs-border-color);
  border-bottom-width: var(--bs-border-width);
  border-bottom-style: solid;
}

div.dt-scroll-body > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dt-scroll-body > table > tbody > tr:first-child {
  border-top-width: 0;
}

div.dt-scroll-body > table > thead > tr {
  border-width: 0 !important;
}

div.dt-scroll-body > table > tbody > tr:last-child > * {
  border-bottom: none;
}

div.dt-scroll-foot > .dt-scroll-footInner {
  box-sizing: content-box;
}

div.dt-scroll-foot > .dt-scroll-footInner > table {
  margin-top: 0 !important;
  border-top: none;
}

div.dt-scroll-foot > .dt-scroll-footInner > table > tfoot > tr:first-child {
  border-top-width: 0 !important;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-length, div.dt-container div.dt-search, div.dt-container div.dt-info, div.dt-container div.dt-paging {
    text-align: center;
  }
  div.dt-container .row {
    --bs-gutter-y: 0.5rem;
  }
  div.dt-container div.dt-paging ul.pagination {
    justify-content: center !important;
  }
}
table.dataTable.table-sm > thead > tr th.dt-orderable-asc, table.dataTable.table-sm > thead > tr th.dt-orderable-desc, table.dataTable.table-sm > thead > tr th.dt-ordering-asc, table.dataTable.table-sm > thead > tr th.dt-ordering-desc, table.dataTable.table-sm > thead > tr td.dt-orderable-asc, table.dataTable.table-sm > thead > tr td.dt-orderable-desc, table.dataTable.table-sm > thead > tr td.dt-ordering-asc, table.dataTable.table-sm > thead > tr td.dt-ordering-desc {
  padding-right: 20px;
}

table.dataTable.table-sm > thead > tr th.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-desc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-ordering-desc span.dt-column-order {
  right: 5px;
}

div.dt-scroll-head table.table-bordered {
  border-bottom-width: 0;
}

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

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

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

:root[data-bs-theme=dark] {
  --dt-row-hover: 255, 255, 255;
  --dt-row-stripe: 255, 255, 255;
  --dt-column-ordering: 255, 255, 255;
}

@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dataTables_wrapper {
  position: relative;
}

div.dt-buttons {
  position: initial;
}

div.dt-buttons .dt-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border-radius: 0.75em;
  box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 2003;
  overflow: hidden;
}

div.dt-button-info h2 {
  padding: 2rem 2rem 1rem 2rem;
  margin: 0;
  font-weight: normal;
}

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

div.dtb-popover-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 2003;
}

button.dtb-hide-drop {
  display: none !important;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0.5em 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

span.dt-button-spacer {
  display: inline-block;
  margin: 0.5em;
  white-space: nowrap;
}

span.dt-button-spacer.bar {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  vertical-align: middle;
  padding-left: 0.5em;
}

span.dt-button-spacer.bar:empty {
  height: 1em;
  width: 1px;
  padding-left: 0;
}

div.dt-button-collection .dt-button-active {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection .dt-button-active.dt-button-split {
  padding-right: 0;
}

div.dt-button-collection .dt-button-active.dt-button-split:after {
  display: none;
}

div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection .dt-button-active-a a {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active-a a:after {
  position: absolute;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection span.dt-button-spacer {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
  margin: 0.5em 0;
}

div.dt-button-collection span.dt-button-spacer:empty {
  height: 0;
  width: 100%;
}

div.dt-button-collection span.dt-button-spacer.bar {
  border-left: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 0;
}

@media print {
  table.dataTable tr > * {
    box-shadow: none !important;
  }
}
html.dark div.dt-button-info {
  background-color: var(--dt-html-background);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

div.dt-buttons div.btn-group {
  position: initial;
}

div.dt-buttons div.dropdown-menu {
  margin-top: 4px;
  width: 200px;
}

div.dt-buttons div.dropdown-menu .dt-button {
  position: relative;
}

div.dt-buttons div.dropdown-menu div.dt-button-split {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}

div.dt-buttons div.dropdown-menu div.dt-button-split a:first-child {
  min-width: auto;
  flex: 1 0 50px;
  padding-right: 0;
}

div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child {
  min-width: 33px;
  flex: 0;
  background: transparent;
  border: none;
  line-height: 1rem;
  color: var(--bs-dropdown-link-color);
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  overflow: visible;
}

div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:after {
  position: relative;
  left: -3px;
}

div.dt-buttons div.dropdown-menu.fixed {
  position: fixed;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 5px;
  background-color: white;
  padding: 0.5em;
}

div.dt-buttons div.dropdown-menu.fixed.two-column {
  margin-left: -200px;
}

div.dt-buttons div.dropdown-menu.fixed.three-column {
  margin-left: -225px;
}

div.dt-buttons div.dropdown-menu.fixed.four-column {
  margin-left: -300px;
}

div.dt-buttons div.dropdown-menu.fixed.columns {
  margin-left: -409px;
}

@media screen and (max-width: 1024px) {
  div.dt-buttons div.dropdown-menu.fixed.columns {
    margin-left: -308px;
  }
}
@media screen and (max-width: 640px) {
  div.dt-buttons div.dropdown-menu.fixed.columns {
    margin-left: -203px;
  }
}
@media screen and (max-width: 460px) {
  div.dt-buttons div.dropdown-menu.fixed.columns {
    margin-left: -100px;
  }
}
div.dt-buttons div.dropdown-menu.fixed > :last-child {
  max-height: 100vh;
  overflow: auto;
}

div.dt-buttons div.dropdown-menu.two-column > :last-child, div.dt-buttons div.dropdown-menu.three-column > :last-child, div.dt-buttons div.dropdown-menu.four-column > :last-child {
  display: block !important;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-buttons div.dropdown-menu.two-column > :last-child > *, div.dt-buttons div.dropdown-menu.three-column > :last-child > *, div.dt-buttons div.dropdown-menu.four-column > :last-child > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

div.dt-buttons div.dropdown-menu.two-column {
  width: 400px;
}

div.dt-buttons div.dropdown-menu.two-column > :last-child {
  padding-bottom: 1px;
  column-count: 2;
}

div.dt-buttons div.dropdown-menu.three-column {
  width: 450px;
}

div.dt-buttons div.dropdown-menu.three-column > :last-child {
  padding-bottom: 1px;
  column-count: 3;
}

div.dt-buttons div.dropdown-menu.four-column {
  width: 600px;
}

div.dt-buttons div.dropdown-menu.four-column > :last-child {
  padding-bottom: 1px;
  column-count: 4;
}

div.dt-buttons div.dropdown-menu .dt-button {
  border-radius: 0;
}

div.dt-buttons div.dropdown-menu.columns {
  width: auto;
}

div.dt-buttons div.dropdown-menu.columns > :last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  width: 818px;
  padding-bottom: 1px;
}

div.dt-buttons div.dropdown-menu.columns > :last-child .dt-button {
  min-width: 200px;
  flex: 0 1;
  margin: 0;
}

div.dt-buttons div.dropdown-menu.columns.dtb-b3 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b2 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b1 > :last-child {
  justify-content: space-between;
}

div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
  flex: 1 1 32%;
}

div.dt-buttons div.dropdown-menu.columns.dtb-b2 .dt-button {
  flex: 1 1 48%;
}

div.dt-buttons div.dropdown-menu.columns.dtb-b1 .dt-button {
  flex: 1 1 100%;
}

@media screen and (max-width: 1024px) {
  div.dt-buttons div.dropdown-menu.columns > :last-child {
    width: 612px;
  }
}
@media screen and (max-width: 640px) {
  div.dt-buttons div.dropdown-menu.columns > :last-child {
    width: 406px;
  }
  div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
    flex: 0 1 32%;
  }
}
@media screen and (max-width: 460px) {
  div.dt-buttons div.dropdown-menu.columns > :last-child {
    width: 200px;
  }
}
div.dt-buttons span.dt-button-spacer.empty {
  margin: 1px;
}

div.dt-buttons span.dt-button-spacer.bar:empty {
  height: inherit;
}

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

div.dt-buttons .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 rgb(40, 40, 40);
  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-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;
  }
}
:root[data-bs-theme=dark] div.dropdown-menu.dt-button-collection.fixed {
  background-color: rgb(33, 37, 41);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
}

table.dataTable thead tr > .dtfc-fixed-start, table.dataTable thead tr > .dtfc-fixed-end, table.dataTable tfoot tr > .dtfc-fixed-start, table.dataTable tfoot tr > .dtfc-fixed-end {
  top: 0;
  bottom: 0;
  z-index: 3;
  background-color: white;
}

table.dataTable tbody tr > .dtfc-fixed-start, table.dataTable tbody tr > .dtfc-fixed-end {
  z-index: 1;
  background-color: white;
}

table.dataTable tr > .dtfc-fixed-left::after, table.dataTable tr > .dtfc-fixed-right::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}

table.dataTable tr > .dtfc-fixed-left::after {
  right: 0;
  transform: translateX(100%);
}

table.dataTable tr > .dtfc-fixed-right::after {
  left: 0;
  transform: translateX(-80%);
}

table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2);
}

table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2);
}

table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right + .dtfc-fixed-right::after {
  box-shadow: none;
}

div.dt-scroll, div.dtfh-floatingparent {
  position: relative;
}

div.dt-scroll div.dtfc-top-blocker, div.dt-scroll div.dtfc-bottom-blocker, div.dtfh-floatingparent div.dtfc-top-blocker, div.dtfh-floatingparent div.dtfc-bottom-blocker {
  position: absolute;
  background-color: white;
}

html.dark table.dataTable thead tr > .dtfc-fixed-start, html.dark table.dataTable thead tr > .dtfc-fixed-end, html.dark table.dataTable tfoot tr > .dtfc-fixed-start, html.dark table.dataTable tfoot tr > .dtfc-fixed-end {
  background-color: var(--dt-html-background);
}

html.dark table.dataTable tbody tr > .dtfc-fixed-start, html.dark table.dataTable tbody tr > .dtfc-fixed-end {
  background-color: var(--dt-html-background);
}

html.dark table.dataTable.dtfc-scrolling-left tbody > tr > .dtfc-fixed-left::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.3);
}

html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.3);
}

html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right + .dtfc-fixed-right::after {
  box-shadow: none;
}

html.dark div.dtfc-top-blocker, html.dark div.dtfc-bottom-blocker {
  background-color: var(--dt-html-background);
}

div.dtfc-top-blocker, div.dtfc-top-blocker {
  border-bottom: 0px solid #ddd !important;
}

table.dataTable {
  border-collapse: separate;
}

table.dataTable.table-bordered {
  border-left-width: 0;
  border-right-width: 0;
}

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

table.dataTable.table-bordered th:last-child, table.dataTable.table-bordered td:last-child {
  border-right: 1px solid #dee2e6;
}

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

html[data-bs-theme=dark] table.dataTable thead tr > .dtfc-fixed-start, html[data-bs-theme=dark] table.dataTable thead tr > .dtfc-fixed-end, html[data-bs-theme=dark] table.dataTable tfoot tr > .dtfc-fixed-start, html[data-bs-theme=dark] table.dataTable tfoot tr > .dtfc-fixed-end {
  background-color: var(--bs-body-bg);
}

html[data-bs-theme=dark] table.dataTable tbody tr > .dtfc-fixed-start, html[data-bs-theme=dark] table.dataTable tbody tr > .dtfc-fixed-end {
  background-color: var(--bs-body-bg);
}

html[data-bs-theme=dark] div.dtfc-top-blocker, html[data-bs-theme=dark] div.dtfc-bottom-blocker {
  background-color: var(--bs-body-bg);
}

html[data-bs-theme=dark] div.dt-scroll-body {
  border-left-color: var(--bs-border-color) !important;
}

html[data-bs-theme=dark] div.dt-scroll-headInner table.table-bordered tr th:first-child, html[data-bs-theme=dark] div.dt-scroll-footInner table.table-bordered tr th:first-child {
  border-left-color: var(--bs-border-color) !important;
}

table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
  position: relative !important;
  background-color: var(--bs-body-bg);
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dtfh-floatingparent-foot table {
  border-top-color: var(--bs-border-color);
  border-top-width: var(--bs-border-width);
  border-top-style: solid;
}

@media print {
  table.fixedHeader-floating {
    display: none;
  }
}
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 > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  margin-right: 0.5em;
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}

table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

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

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 {
  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 {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}

table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

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 {
  padding-bottom: 0;
  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: fit-content;
  max-height: 75%;
  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: 2.5em;
}

div.dtr-modal div.dtr-modal-content h2 {
  margin-top: 0;
}

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

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%;
  }
}
html.dark table.dataTable > tbody > tr > td.dtr-control:before, html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control:before {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}

html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right::before, html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control.arrow-right::before {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}

html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before, html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before, html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before, html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top-color: rgba(255, 255, 255, 0.5) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

html.dark table.dataTable > tbody > tr.child ul.dtr-details > li, html[data-bs-theme=dark] table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom-color: rgb(64, 67, 70);
}

html.dark div.dtr-modal div.dtr-modal-display, html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display {
  background-color: rgb(33, 37, 41);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

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

table.dataTable.table-bordered th.dtr-control.dtr-hidden + *, table.dataTable.table-bordered td.dtr-control.dtr-hidden + * {
  border-left-width: 1px;
}

table.dataTable tr.dtrg-group th {
  background-color: rgba(0, 0, 0, 0.1);
  text-align: left;
}

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

table.dataTable tr.dtrg-group.dtrg-level-1 th, table.dataTable tr.dtrg-group.dtrg-level-2 th, table.dataTable tr.dtrg-group.dtrg-level-3 th, table.dataTable tr.dtrg-group.dtrg-level-4 th, table.dataTable tr.dtrg-group.dtrg-level-5 th {
  background-color: rgba(0, 0, 0, 0.05);
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 2em;
  font-size: 0.9em;
}

table.dataTable tr.dtrg-group.dtrg-level-2 th {
  background-color: rgba(0, 0, 0, 0.01);
  padding-left: 2.5em;
}

table.dataTable tr.dtrg-group.dtrg-level-3 th {
  background-color: rgba(0, 0, 0, 0.01);
  padding-left: 3em;
}

table.dataTable tr.dtrg-group.dtrg-level-4 th {
  background-color: rgba(0, 0, 0, 0.01);
  padding-left: 3.5em;
}

table.dataTable tr.dtrg-group.dtrg-level-5 th {
  background-color: rgba(0, 0, 0, 0.01);
  padding-left: 4em;
}

html.dark table.dataTable tr.dtrg-group th {
  background-color: rgba(255, 255, 255, 0.1);
}

html.dark table.dataTable tr.dtrg-group.dtrg-level-1 th {
  background-color: rgba(255, 255, 255, 0.05);
}

html.dark table.dataTable tr.dtrg-group.dtrg-level-2 th, html.dark table.dataTable tr.dtrg-group.dtrg-level-3 th, html.dark table.dataTable tr.dtrg-group.dtrg-level-4 th, html.dark table.dataTable tr.dtrg-group.dtrg-level-5 th {
  background-color: rgba(255, 255, 255, 0.01);
}

table.dataTable.table-striped tr.dtrg-level-0 {
  background-color: rgba(0, 0, 0, 0.1);
}

table.dataTable.table-striped tr.dtrg-level-1 {
  background-color: rgba(0, 0, 0, 0.05);
}

table.dataTable.table-striped tr.dtrg-level-2, table.dataTable.table-striped tr.dtrg-level-3, table.dataTable.table-striped tr.dtrg-level-4, table.dataTable.table-striped tr.dtrg-level-5 {
  background-color: rgba(0, 0, 0, 0.01);
}

table.dataTable.table-striped tr.dtrg-level-1 tr.dtrg-level-2 th, table.dataTable.table-striped tr.dtrg-level-3 th, table.dataTable.table-striped tr.dtrg-level-4 th, table.dataTable.table-striped tr.dtrg-level-5 th {
  background-color: transparent;
}

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: 20px;
  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.dt-scroll-body, div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.025), rgba(0, 0, 0, 0.025) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px);
}

div.dts div.dt-scroll-body table, div.dts div.dataTables_scrollBody table {
  background-color: white;
  z-index: 2;
}

div.dts div.dt-length, div.dts div.dt-paging, div.dts div.dataTables_paginate, div.dts div.dataTables_length {
  display: none;
}

html.dark div.dts div.dts_label {
  background: rgba(255, 255, 255, 0.8);
  color: black;
}

html.dark div.dts div.dt-scroll-body, html.dark div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.025) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px);
}

html.dark div.dts div.dt-scroll-body table, html.dark div.dts div.dataTables_scrollBody table {
  background-color: var(--dt-html-background);
  z-index: 2;
}

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

html[data-bs-theme=dark] div.DTS div.dataTables_scrollBody table {
  background-color: var(--bs-body-bg);
}

div.dt-button-collection {
  overflow: visible !important;
  z-index: 2002 !important;
}

div.dt-button-collection div.dtsb-searchBuilder {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

div.dt-button-collection.dtb-collection-closeable div.dtsb-titleRow {
  padding-right: 40px;
}

.dtsb-greyscale {
  border: 1px solid #cecece !important;
}

div.dtsb-logicContainer .dtsb-greyscale {
  border: none !important;
}

div.dtsb-searchBuilder {
  justify-content: space-evenly;
  cursor: default;
  margin-bottom: 1em;
  text-align: left;
}

div.dtsb-searchBuilder button.dtsb-button, div.dtsb-searchBuilder select {
  font-size: 1em;
}

div.dtsb-searchBuilder div.dtsb-titleRow {
  justify-content: space-evenly;
  margin-bottom: 0.5em;
}

div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
  display: inline-block;
  padding-top: 14px;
}

div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title:empty {
  display: inline;
}

div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll {
  float: right;
  margin-bottom: 0.8em;
}

div.dtsb-searchBuilder div.dtsb-vertical .dtsb-value, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-data, div.dtsb-searchBuilder div.dtsb-vertical .dtsb-condition {
  display: block;
}

div.dtsb-searchBuilder div.dtsb-group {
  position: relative;
  clear: both;
  margin-bottom: 0.8em;
}

div.dtsb-searchBuilder div.dtsb-group button.dtsb-search {
  float: right;
}

div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup {
  margin: 2px;
  text-align: center;
  padding: 0;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  margin-top: 0.8em;
  margin-right: 0.8em;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
  margin-bottom: 0.8em;
  display: flex;
  justify-content: start;
  flex-flow: row wrap;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
  padding: 0.4em;
  margin-right: 0.8em;
  min-width: 5em;
  max-width: 20em;
  color: inherit;
  font-size: 1em;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic {
  font-style: normal;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic {
  font-style: italic;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {
  flex: 1;
  white-space: nowrap;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont span.dtsp-joiner {
  margin-right: 0.8em;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input.dtsb-value {
  width: 33%;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont select, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input {
  height: 100%;
  box-sizing: border-box;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
  margin-left: auto;
  display: inline-block;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left {
  margin-right: 0.8em;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child {
  margin-right: 0;
}

@media screen and (max-width: 550px) {
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
    display: flex;
    flex-flow: none;
    flex-direction: column;
    justify-content: start;
    padding-right: calc(35px + 0.8em);
    margin-bottom: 0px;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:first-child), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:nth-child(2)), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:last-child) {
    padding-top: 0.8em;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:first-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:nth-child(2), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:last-child {
    padding-top: 0em;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
    max-width: none;
    width: 100%;
    margin-bottom: 0.8em;
    margin-right: 0.8em;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {
    margin-right: 0.8em;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
    position: absolute;
    width: 35px;
    display: flex;
    flex-wrap: wrap-reverse;
    right: 0;
  }
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button {
    margin-right: 0px !important;
  }
}
div.dtsb-searchBuilder div.dtsb-titleRow {
  height: 40px;
}

div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
  padding-top: 10px;
}

div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup {
  margin-right: 8px;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria .form-select {
  width: auto;
  display: inline-block;
  padding-right: 30px !important;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition {
  border-color: #28a745;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data {
  border-color: #dc3545;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value {
  border-color: #007bff;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria .form-control {
  display: inline-block;
  font-size: 1em;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
  overflow: hidden;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic {
  border: none;
  border-radius: 0px;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 3em;
  margin: 0px;
  padding: 0.375rem 0.7rem;
}

div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup {
  border: none;
  border-radius: 0px;
  width: 2em;
  margin: 0px;
}

div.dt-button-collection div.dtsb-searchBuilder {
  padding-left: 10px;
  padding-right: 10px;
}

div.dtsp-topRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  justify-content: space-around;
  align-content: flex-start;
  align-items: flex-start;
}

div.dtsp-topRow input.dtsp-search {
  text-overflow: ellipsis;
  min-width: 50px;
  flex-basis: 90px;
  max-width: none;
}

div.dtsp-topRow input.dtsp-search::placeholder {
  color: inherit;
}

div.dtsp-topRow div.dtsp-subRow1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 auto;
}

div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont {
  position: relative;
  width: 100%;
}

div.dtsp-topRow div.dtsp-subRow1 input {
  padding-right: 2em;
  width: 100% !important;
  box-sizing: border-box;
  font-size: 1em;
}

div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled] {
  background-color: transparent;
  border: none;
  cursor: initial;
  box-shadow: none;
  padding-bottom: 0;
  padding-top: 0;
  min-height: 1em;
  height: fit-content;
  box-sizing: content-box;
}

div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]::placeholder {
  color: initial;
  opacity: 1;
}

div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABbmlDQ1BpY2MAACiRdZE7SwNBFIU/EyWikRRaiFhsoWKhEBREO42FTZAQFYza7G5eQhKX3QQJtoKNhWAh2vgq/AfaCrYKgqAIIhb+Al+NhPVOEkiQZJbZ+3FmzmXmDHjCGTPrtAYhm8vb0bmQthxb0Xzv+PHRxRSabjrWTCQSpun4eaRF1YdR1av5voajM55wTGhpF54wLTsvPC0c3sxbineFe8y0Hhc+ER6x5YDCt0o3KvymOFXhL8X2YnQWPKqnlqpjo47NtJ0VHhYeyGYKZvU86ib+RG5pQWqfzH4coswRQsOgwDoZ8oxKzUlmjX3Bsm+eDfGY8rcoYosjRVq8I6IWpGtCalL0hHwZiir3/3k6yfGxSnd/CNpeXfdzEHz7UNpz3d9T1y2dgfcFrnM1/4bkNPkt+l5NGziGwDZc3tQ04wCudqD32dJtvSx5ZXqSSfi4gK4YdN9Dx2olq+o650+wuCVPdAeHRzAk+wNrfw8JaBFXEnV+AAAACXBIWXMAAA9hAAAPYQGoP6dpAAABMUlEQVQoU6XRr0vDQRjH8akoM4iIjqGoOIZ5oIjB5XWxajaYDGLSIhhNYjcPRDSJwbQNw+L+BNGgYYo/5pT5/shz8vDlBgMPXux7z3N3z+25VOofYyCyd4ZYCavI4gXPsRp9LqiDdrEMH+8wv8Vh8gBfWclFPOEUN3hAHjlMoRa7wTzBS5xgKLFglPkZLjDic6HyDsEMNvGR2Nxifoci3tEI+X770JU0XmPXIlax+LTPh83fFox1X6kxyzdjm9UcdXi9S+Vti6svfyNULhNR9TVsYNhW6Ff9KKCNR7/Zv6eeaQ+6+qcdpu9BqGlp1HFgud+FYdzzUcUExu0Q/cdzHGEFetIlXKPjK/sbqYoOftMiS+j9jzEJPd1Wt+5+kdR/9EM9ucIC5jCbyPc01Q32kfsBppYz3hYFcCwAAAAASUVORK5CYII=") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}

div.dtsp-topRow div.dtsp-subRow2 {
  white-space: nowrap;
  flex: 0 0 auto;
}

div.dtsp-topRow button > span {
  display: inline-block;
  height: 100%;
  width: 100%;
}

div.dtsp-topRow button.dtsp-nameButton span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAK2SURBVFgJ7ZY9j41BFICvryCExrJBQ6HyEYVEIREaUZDQIRoR2ViJKCioxV+gkVXYTVZEQiEUhG2EQnxUCh0FKolY4ut5XnM2cyfva3Pt5m7EPcmzZ2bemTNnzjkzd1utnvQi0IvAfxiBy5z5FoxO89kPY+8mbMjtzs47RXs5/WVpbAG6bWExt5PuIibvhVkwmC+ck3eK9ln6/fAddFojYzBVuYSBpcnIEvRaqOw2RcaN18FPuJH0JvRUxbT3wWf4ltiKPgfVidWlbGZgPozDFfgAC+EA/K2EI4cwcAJ+gPaeQ+VQU2SOMMGcPgPl/m/V2p50rrbRsRgt9Iv5h6xtpP22Bz7Ce1C+gFFxfKzOmShcU+Qmyh2w3w8rIJfddHTck66EukL/xPhj+JM8rHNmFys0Pg4v0up3aFNlwR9NYyodd3OL/C64zpsymcTFcf6ElM4YzjAWKYrJkaq8kE/yUYNP4BoYvS1QRo+hNtF5xfkTUjoTheukSFFMjlTFm6PjceOca/SMpKfeCR1L6Uzk/y2WIkVhNFJlJAZhP+hYns7b9D3IPuhY5mYrIv8OrQJvR5NYyNaW4jsU8pSGNySiVx4o5tXq3JkoXE/mg5R/M8dGJCJpKhaDcjBRdbI/Rm8g69c122om33BHmj2CHoV5qa9jUXBraJ+G1fAVjIBO1klc87ro1K4JZ/K35SWW3TwcyDd6TecqnAEd8cGq2+w84xvBm1n3vS0izKkkwh5XNC/GmFPqqAtPF89AOScKuemaNzoTV1SD5dtSbmLf1/RV+tC0WTgcj6R7HEtrVGWaqu/lYDZ/2pvxQ/kIyw/gFByHC9AHw910hv1aUUumyd8yy0QfhmEkfiNod0Xusct68J1qc8Tdux0Z97Q+hsDb+AYGYEbF/4Guw2Q/qDPqZG/zXgT+3Qj8AtKnfWhFwmuAAAAAAElFTkSuQmCC") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 23px;
  vertical-align: bottom;
}

div.dtsp-topRow button.dtsp-countButton span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAG5SURBVEgN3VU9LwVBFF0fiYhofUSlEQkKhU7z/oBCQkIiGr9BgUbhVzy9BAnhFyjV/AYFiU5ICM7ZN+c5Zud5dm3lJmfmzrkz9+7cu3c3y/6jjOBSF8CxXS7FmTkbwqIJjDpJvTcmsJ4K3KPZUpyZsx0sxoB9J6mnAkyC7wGuuCFIipNtEcpcWExgXpOBc78vgj6N+QO4NVsjwdFM59tUIDxDrHMBOeIQ34C5ZDregXuAQm4YcI68nN9B3wr2PcwPAIPkN2EqtJH6b+QZm1ajjTx7BqwAr26Lb+C2Kvpbt0Mb2HAJ7NrGFGfmXO3DeA4UshDfQAVmH0gaUFg852TTTDvlxwBlCtxy9zXyBhQFaq0wMmIdRebrfgosA3zb2hKnqG0oqchp4QbuR8X0TjzABhbdOT8jnQ/atcgqpnfwOA7yqZyTU587ZkIGdesLTt2EkynOnbreMUUKMI/dA4B/QVOcO13CQh+5wWCgDwo/75u59odB/wjmfhbgvACcAOyZPHihMWAoIwxyCLgf1oxfgjzVbgBXSTzIN+f0pg6s5DkcesLMRpsBrgE2XO3CN64JFP7JtUeKHX4CKtRRXFZ+7dEAAAAASUVORK5CYII=") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  vertical-align: bottom;
}

div.dtsp-topRow button.dtsp-collapseButton span.dtsp-caret {
  position: relative;
  top: 9px;
  display: inline-block;
}

div.dtsp-topRow button.dtsp-collapseButton.dtsp-rotated {
  transform: rotate(180deg);
}

div.dtsp-searchPane table thead th, div.dtsp-searchPane table thead td {
  width: 100% !important;
}

div.dt-button-collection {
  z-index: 2002;
}

div.dt-button-collection.dtb-collection-closeable div.dtsp-titleRow {
  padding-right: 25px;
}

div.dtsp-columns-1 {
  max-width: 100%;
  min-width: 100%;
  margin: 0px !important;
}

div.dtsp-columns-2 {
  max-width: 49%;
  min-width: 49%;
  margin: 0px !important;
}

div.dtsp-columns-3 {
  max-width: 32%;
  min-width: 32%;
  margin: 0px !important;
}

div.dtsp-columns-4 {
  max-width: 24%;
  min-width: 24%;
  margin: 0px !important;
}

div.dtsp-columns-5 {
  max-width: 19%;
  min-width: 19%;
  margin: 0px !important;
}

div.dtsp-columns-6 {
  max-width: 16%;
  min-width: 16%;
  margin: 0px !important;
}

div.dtsp-columns-7 {
  max-width: 14%;
  min-width: 14%;
  margin: 0px !important;
}

div.dtsp-columns-8 {
  max-width: 12%;
  min-width: 12%;
  margin: 0px !important;
}

div.dtsp-columns-9 {
  max-width: 10.5%;
  min-width: 10.5%;
  margin: 0px !important;
}

div.dtsp-narrow {
  flex-direction: column !important;
}

div.dtsp-narrow div.dtsp-subRow1, div.dtsp-narrow div.dtsp-subRow2 {
  width: 100%;
}

div.dtsp-narrow div.dtsp-subRow2 button {
  margin: 0 !important;
  width: 25% !important;
}

div.dt-button-collection div.dtsp-panesContainer {
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 0;
}

div.dtsp-panesContainer {
  margin-bottom: 1em;
}

div.dtsp-searchPane div.dt-container, div.dtsp-searchPane div.dataTables_wrapper {
  width: 100%;
}

div.dtsp-searchPane div.dt-container div.dataTables_layout_cell, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_layout_cell {
  padding: 0;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-head, div.dtsp-searchPane div.dt-container div.dataTables_scrollHead, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-head, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollHead {
  display: none !important;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody {
  background: white !important;
  border: none;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body thead, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody thead, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body thead, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody thead {
  display: none;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body table tr > th, div.dtsp-searchPane div.dt-container div.dt-scroll-body table tr > td, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody table tr > th, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody table tr > td, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body table tr > th, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body table tr > td, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr > th, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr > td {
  padding: 5px 10px;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body td.dtsp-nameColumn, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody td.dtsp-nameColumn, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body td.dtsp-nameColumn, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody td.dtsp-nameColumn {
  width: 100% !important;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  cursor: default;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  flex-grow: 1;
  text-align: left;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  display: inline-block;
  background-color: #cfcfcf;
  text-align: center;
  border-radius: 10px;
  width: auto;
  min-width: 30px;
  color: black;
  font-size: 0.9em;
  padding: 0 4px;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill:empty, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill:empty, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill:empty, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill:empty {
  display: none;
}

div.dtsp-panesContainer {
  clear: both;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

div.dtsp-panesContainer div.dtsp-searchPanes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: stretch;
  clear: both;
  text-align: left;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 0.9em;
  margin-top: 15px !important;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper {
  flex: 1;
  box-sizing: border-box;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container div.dt-search, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container div.dataTables_filter, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dt-search, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dataTables_filter {
  display: none;
}

div.dtsp-panesContainer div.dtsp-title {
  float: left;
  padding: 10px 0;
}

div.dtsp-panesContainer button.dtsp-clearAll, div.dtsp-panesContainer button.dtsp-collapseAll, div.dtsp-panesContainer button.dtsp-showAll {
  float: right;
}

div.dtsp-hidden {
  display: none !important;
}

html.dark div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::placeholder, html[data-bs-theme=dark] div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::placeholder {
  color: white;
}

div.dtsp-panesContainer button.btn-subtle {
  background-color: #f8f9fa;
  border: 1px solid #ced4da;
}

div.dtsp-panesContainer button.btn-subtle.disabled {
  opacity: 0.5;
}

div.dtsp-panesContainer button.btn-subtle:hover {
  background-color: #cbd3da;
}

div.dtsp-panesContainer button.dtsp-clearAll, div.dtsp-panesContainer button.dtsp-showAll {
  margin-left: 3px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow {
  margin: 0.5em 0;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow2 {
  margin-left: 0.5em;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button {
  width: 35px;
  line-height: 20px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-searchIcon, div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-nameButton, div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-countButton {
  padding: 0;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow1 button {
  border-right: none;
  margin-right: 1px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow1 input {
  padding-right: 3em;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow span.dtsp-caret {
  top: 3px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-rotated {
  transform: none;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-rotated span {
  transform: rotate(180deg);
  top: -2px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered:hover button.disabled {
  cursor: pointer !important;
  pointer-events: none;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered:hover input.dtsp-paneInputButton {
  pointer-events: none;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dt-container, div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper {
  border: 2px #f0f0f0 solid;
  border-radius: 4px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dt-container:hover, div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper:hover {
  border: 2px solid #cfcfcf !important;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dtsp-nameCont span.badge, div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dtsp-nameCont span.badge {
  min-width: 30px;
  line-height: 1.25em;
  margin-top: 3.5px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dt-container > div.row.mt-2, div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper > div.row.mt-2 {
  margin: 0 !important;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dt-container > div.row.mt-2 > *, div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper > div.row.mt-2 > * {
  padding: 0;
}

div.dtsp-panesContainer button.disabled {
  cursor: not-allowed;
}

div.dt-button-collection div.dtsp-panesContainer {
  padding: 9px 1rem;
}

html[data-bs-theme=dark] div.dtsp-topRow button.dtsp-searchIcon span {
  filter: invert(1);
}

html[data-bs-theme=dark] div.dtsp-topRow button.dtsp-nameButton span {
  filter: invert(1);
}

html[data-bs-theme=dark] div.dtsp-topRow button.dtsp-countButton span {
  filter: invert(1);
}

html[data-bs-theme=dark] div.dtsp-topRow input.dtsp-paneInputButton, html[data-bs-theme=dark] div.dtsp-topRow button {
  color: inherit;
}

html[data-bs-theme=dark] div.dtsp-panesContainer button.btn-subtle {
  background-color: rgb(33, 37, 41);
  border: var(--bs-border-width) solid var(--bs-border-color);
}

html[data-bs-theme=dark] div.dtsp-panesContainer button.btn-subtle:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-clearAll, html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-collapseAll, html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-showAll {
  color: inherit;
}

html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-clearAll:hover, html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-collapseAll:hover, html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-showAll:hover {
  background-color: rgb(64, 69, 73);
}

html[data-bs-theme=dark] div.dtsp-panesContainer button.dtsp-disabledButton {
  color: rgb(124, 124, 124);
}

html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container, html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper {
  border: 1px solid rgba(255, 255, 255, 0.2);
}

html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container:hover, html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper:hover {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dt-scroll-body, html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dataTables_scrollBody, html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body, html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody {
  background: var(--bs-table-bg) !important;
}

html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill, html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, html[data-bs-theme=dark] div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  background-color: rgb(33, 37, 41);
  color: inherit;
}

.w-1 {
  width: 1% !important;
}

.w-2 {
  width: 2% !important;
}

.w-3 {
  width: 3% !important;
}

.w-4 {
  width: 4% !important;
}

.w-5 {
  width: 5% !important;
}

.w-6 {
  width: 6% !important;
}

.w-7 {
  width: 7% !important;
}

.w-8 {
  width: 8% !important;
}

.w-9 {
  width: 9% !important;
}

.w-10 {
  width: 10% !important;
}

.w-11 {
  width: 11% !important;
}

.w-12 {
  width: 12% !important;
}

.w-13 {
  width: 13% !important;
}

.w-14 {
  width: 14% !important;
}

.w-15 {
  width: 15% !important;
}

.w-16 {
  width: 16% !important;
}

.w-17 {
  width: 17% !important;
}

.w-18 {
  width: 18% !important;
}

.w-19 {
  width: 19% !important;
}

.w-20 {
  width: 20% !important;
}

.w-21 {
  width: 21% !important;
}

.w-22 {
  width: 22% !important;
}

.w-23 {
  width: 23% !important;
}

.w-24 {
  width: 24% !important;
}

.w-25 {
  width: 25% !important;
}

.w-26 {
  width: 26% !important;
}

.w-27 {
  width: 27% !important;
}

.w-28 {
  width: 28% !important;
}

.w-29 {
  width: 29% !important;
}

.w-30 {
  width: 30% !important;
}

.w-31 {
  width: 31% !important;
}

.w-32 {
  width: 32% !important;
}

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

.w-34 {
  width: 34% !important;
}

.w-35 {
  width: 35% !important;
}

.w-36 {
  width: 36% !important;
}

.w-37 {
  width: 37% !important;
}

.w-38 {
  width: 38% !important;
}

.w-39 {
  width: 39% !important;
}

.w-40 {
  width: 40% !important;
}

.w-41 {
  width: 41% !important;
}

.w-42 {
  width: 42% !important;
}

.w-43 {
  width: 43% !important;
}

.w-44 {
  width: 44% !important;
}

.w-45 {
  width: 45% !important;
}

.w-46 {
  width: 46% !important;
}

.w-47 {
  width: 47% !important;
}

.w-48 {
  width: 48% !important;
}

.w-49 {
  width: 49% !important;
}

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

.w-51 {
  width: 51% !important;
}

.w-52 {
  width: 52% !important;
}

.w-53 {
  width: 53% !important;
}

.w-54 {
  width: 54% !important;
}

.w-55 {
  width: 55% !important;
}

.w-56 {
  width: 56% !important;
}

.w-57 {
  width: 57% !important;
}

.w-58 {
  width: 58% !important;
}

.w-59 {
  width: 59% !important;
}

.w-60 {
  width: 60% !important;
}

.w-61 {
  width: 61% !important;
}

.w-62 {
  width: 62% !important;
}

.w-63 {
  width: 63% !important;
}

.w-64 {
  width: 64% !important;
}

.w-65 {
  width: 65% !important;
}

.w-66 {
  width: 66% !important;
}

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

.w-68 {
  width: 68% !important;
}

.w-69 {
  width: 69% !important;
}

.w-70 {
  width: 70% !important;
}

.w-71 {
  width: 71% !important;
}

.w-72 {
  width: 72% !important;
}

.w-73 {
  width: 73% !important;
}

.w-74 {
  width: 74% !important;
}

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

.w-76 {
  width: 76% !important;
}

.w-77 {
  width: 77% !important;
}

.w-78 {
  width: 78% !important;
}

.w-79 {
  width: 79% !important;
}

.w-80 {
  width: 80% !important;
}

.w-81 {
  width: 81% !important;
}

.w-82 {
  width: 82% !important;
}

.w-83 {
  width: 83% !important;
}

.w-84 {
  width: 84% !important;
}

.w-85 {
  width: 85% !important;
}

.w-86 {
  width: 86% !important;
}

.w-87 {
  width: 87% !important;
}

.w-88 {
  width: 88% !important;
}

.w-89 {
  width: 89% !important;
}

.w-90 {
  width: 90% !important;
}

.w-91 {
  width: 91% !important;
}

.w-92 {
  width: 92% !important;
}

.w-93 {
  width: 93% !important;
}

.w-94 {
  width: 94% !important;
}

.w-95 {
  width: 95% !important;
}

.w-96 {
  width: 96% !important;
}

.w-97 {
  width: 97% !important;
}

.w-98 {
  width: 98% !important;
}

.w-99 {
  width: 99% !important;
}

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

.bg-blue-darker {
  background-color: #1723BC !important;
}

.bg-blue-dark {
  background-color: #003FDB !important;
}

.bg-blue {
  background-color: #1563FF !important;
}

.bg-blue-light {
  background-color: #5097FF !important;
}

.bg-blue-lighter {
  background-color: #76AEFF !important;
}

.bg-blue-lightest {
  background-color: #9CC9FF !important;
}

.bg-blue-sky {
  background-color: #DDEDFF !important;
}

.bg-blue-sky-dark {
  background-color: #B0D8FF !important;
}

.bg-purp-darker {
  background-color: #5526C6 !important;
}

.bg-purp-dark {
  background-color: #6E21E8 !important;
}

.bg-purp {
  background-color: #7647EA !important;
}

.bg-purp-light {
  background-color: #8462EF !important;
}

.bg-purp-lighter {
  background-color: #9F8FFF !important;
}

.bg-green-dark {
  background-color: #07A08A !important;
}

.bg-green {
  background-color: #0DBC9A !important;
}

.bg-green-light {
  background-color: #14C6A4 !important;
}

.bg-green-lighter {
  background-color: #57DDC3 !important;
}

.bg-green-lightest {
  background-color: #81EAD6 !important;
}

.bg-orange-darker {
  background-color: #F96A00 !important;
}

.bg-orange-dark {
  background-color: #FC8500 !important;
}

.bg-orange {
  background-color: #FF9D00 !important;
}

.bg-orange-light {
  background-color: #FFBD1A !important;
}

.bg-orange-lighter {
  background-color: #FFCD2C !important;
}

.bg-gray {
  background-color: #333 !important;
}

.bg-gray-light {
  background-color: #A7A7A7 !important;
}

.bg-gray-lighter {
  background-color: #e3e3e3 !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-red {
  background-color: #dc3545 !important;
}

.text-blue-darker {
  color: #1723BC !important;
}

.text-blue-dark {
  color: #003FDB !important;
}

.text-blue {
  color: #1563FF !important;
}

.text-blue-light {
  color: #5097FF !important;
}

.text-blue-lighter {
  color: #76AEFF !important;
}

.text-blue-lightest {
  color: #9CC9FF !important;
}

.text-purp-darker {
  color: #5526C6 !important;
}

.text-purp-dark {
  color: #6E21E8 !important;
}

.text-purp {
  color: #7647EA !important;
}

.text-purp-light {
  color: #8462EF !important;
}

.text-purp-lighter {
  color: #9F8FFF !important;
}

.text-green-dark {
  color: #07A08A !important;
}

.text-green {
  color: #0DBC9A !important;
}

.text-green-light {
  color: #14C6A4 !important;
}

.text-green-lighter {
  color: #57DDC3 !important;
}

.text-green-lightest {
  color: #81EAD6 !important;
}

.text-orange-darker {
  color: #F96A00 !important;
}

.text-orange-dark {
  color: #FC8500 !important;
}

.text-orange {
  color: #FF9D00 !important;
}

.text-orange-light {
  color: #FFBD1A !important;
}

.text-orange-lighter {
  color: #FFCD2C !important;
}

.text-gray {
  color: #333 !important;
}

.text-gray-light {
  color: rgb(89.25, 89.25, 89.25) !important;
}

.text-black {
  color: #000 !important;
}

.text-white {
  color: #fff !important;
}

.text-red {
  color: #dc3545 !important;
}

.datepicker {
  padding: 0.2em;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
  direction: ltr;
  z-index: 1080 !important;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 3em;
  line-height: 2.7em;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  border-radius: 0.2em;
}
.datepicker .datepicker-switch {
  width: 8.0555555556em;
}
.datepicker .cw {
  font-size: 0.5555555556em;
  width: 0.6666666667em;
  padding: 0 0.1em 0 0.25em;
  vertical-align: middle;
}

.datepicker-inline {
  width: 12.2222222222em;
}

.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: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 0.3em;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 0.35em;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 0.3em;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 0.35em;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -0.65em;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -0.7em;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -0.65em;
  border-bottom: 0;
  border-top: 7px solid #000;
  z-index: 2;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -0.7em;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker td,
.datepicker th {
  text-align: center;
  width: 1.1111111111em;
  height: 1.1111111111em;
  -webkit-border-radius: 0.2rem;
  -moz-border-radius: 0.2rem;
  border-radius: 0.2rem;
  border: none;
  font-size: 0.7em;
}

.datepicker th {
  font-weight: 600;
}

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

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

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

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

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today: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);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

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

.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover.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:hover:active {
  background-color: #fbf069\9 ;
}

.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover {
  background: #9CC9FF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today: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);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

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

.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today.disabled.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:hover:active,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today:hover:active {
  background-color: #efe24b\9 ;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {
  background-color: #003FDB;
  border-color: grey grey #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

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

.datepicker table tr td.selected.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover.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:hover:active {
  background-color: #666 \9 ;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
  background-color: #006dcc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

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

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.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:hover:active {
  background-color: #039 \9 ;
}

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

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

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
  background-color: #006dcc;
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

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

.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.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:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active {
  background-color: #039 \9 ;
}

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

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

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

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

.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: 0.15em;
}

.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  -webkit-border-radius: 0.15em 0 0 0.15em;
  -moz-border-radius: 0.15em 0 0 0.15em;
  border-radius: 0.15em 0 0 0.15em;
}
.input-daterange input:last-child {
  -webkit-border-radius: 0 0.15em 0.15em 0;
  -moz-border-radius: 0 0.15em 0.15em 0;
  border-radius: 0 0.15em 0.15em 0;
}
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 0.8em;
  height: 1em;
  padding: 0.2em 0.25em;
  font-weight: 400;
  line-height: 0.9em;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -0.75em;
  margin-right: -0.75em;
}

/*!
 * Bootstrap-select v1.14.0-beta2 (https://developer.snapappointments.com/bootstrap-select)
 *
 * Copyright 2012-2021 SnapAppointments, LLC
 * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
 */
@-webkit-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bs-notify-fadeOut {
  0% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
  }
}
.bootstrap-select > select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
  display: none !important;
}

.bootstrap-select {
  width: 220px\0 ;
  vertical-align: middle;
}

.bootstrap-select > .dropdown-toggle {
  position: relative;
  width: 100%;
  text-align: right;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bootstrap-select > .dropdown-toggle:after {
  margin-top: -1px;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: #999;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
  color: rgba(255, 255, 255, 0.5);
}

.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
  z-index: 0 !important;
}

.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2 !important;
}

.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
  border-color: #b94a48;
}

.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
  border-color: #28a745;
}

.bootstrap-select.fit-width {
  width: auto !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 220px;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: thin dotted #333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
  height: auto;
}

:not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) {
  width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
  float: none;
  z-index: auto;
}

.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) {
  width: auto;
}

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right {
  float: right;
}

.form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select {
  margin-bottom: 0;
}

.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control {
  padding: 0;
}

.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}

.bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle {
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}

.bootstrap-select.form-control-sm .dropdown-toggle {
  padding: 0.25rem 0.5rem;
}

.bootstrap-select.form-control-lg .dropdown-toggle {
  padding: 0.5rem 1rem;
}

.form-inline .bootstrap-select .form-control {
  width: 100%;
}

.bootstrap-select.disabled, .bootstrap-select > .disabled {
  cursor: not-allowed;
}

.bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus {
  outline: 0 !important;
}

.bootstrap-select.bs-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 0 !important;
  padding: 0 !important;
}

.bootstrap-select.bs-container .dropdown-menu {
  z-index: 1060;
}

.bootstrap-select .dropdown-toggle .filter-option {
  position: static;
  top: 0;
  left: 0;
  float: left;
  height: 100%;
  width: 100%;
  text-align: left;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.bs3.bootstrap-select .dropdown-toggle .filter-option {
  padding-right: inherit;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
  position: absolute;
  padding-top: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  float: none;
}

.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
  padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  overflow: hidden;
}

.bootstrap-select .dropdown-toggle .filter-expand {
  width: 0 !important;
  float: left;
  opacity: 0 !important;
  overflow: hidden;
}

.bootstrap-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
  position: relative;
  display: block;
  margin-right: 5px;
  text-align: center;
}

.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected {
  padding-right: inherit;
}

.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
  position: relative;
  top: -webkit-calc(((-1em / 1.5) + 1ex)/ 2);
  top: calc((-0.6666666667em + 1ex) / 2);
  pointer-events: none;
}

.bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span {
  top: auto;
}

.bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected {
  display: none;
}

.input-group .bootstrap-select.form-control .dropdown-toggle {
  border-radius: inherit;
}

.bootstrap-select[class*=col-] .dropdown-toggle {
  width: 100%;
}

.bootstrap-select .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select .dropdown-menu > .inner:focus {
  outline: 0 !important;
}

.bootstrap-select .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bootstrap-select .dropdown-menu li {
  position: relative;
}

.bootstrap-select .dropdown-menu li.active small {
  color: rgba(255, 255, 255, 0.5) !important;
}

.bootstrap-select .dropdown-menu li.disabled a {
  cursor: not-allowed;
}

.bootstrap-select .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.bootstrap-select .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}

.bootstrap-select .dropdown-menu li a span.check-mark {
  display: none;
}

.bootstrap-select .dropdown-menu li a span.text {
  display: inline-block;
}

.bootstrap-select .dropdown-menu li small {
  padding-left: 0.5em;
}

.bootstrap-select .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bootstrap-select .dropdown-menu .notify.fadeOut {
  -webkit-animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
  -o-animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
  animation: 0.3s linear 750ms forwards bs-notify-fadeOut;
}

.bootstrap-select .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option {
  position: static;
  display: inline;
  padding: 0;
}

.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
  display: inline;
}

.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
  content: " ";
}

.bootstrap-select.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}

.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 5px;
}

.bootstrap-select.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}

.bootstrap-select .bs-ok-default:after {
  content: "";
  display: block;
  width: 0.5em;
  height: 1em;
  border-style: solid;
  border-width: 0 0.26em 0.26em 0;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
  z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
  content: "";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
  bottom: auto;
  top: -4px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
  bottom: auto;
  top: -4px;
  border-top: 6px solid #fff;
  border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
  right: 12px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
  right: 13px;
  left: auto;
}

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before {
  display: block;
}

.bs-actionsbox, .bs-donebutton, .bs-searchbox {
  padding: 4px 8px;
}

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-actionsbox .btn-group {
  display: block;
}

.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bs-donebutton .btn-group {
  display: block;
}

.bs-donebutton .btn-group button {
  width: 100%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}

/*@use "../mdtimepicker.min.css";*/
table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover, table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover {
  outline: none;
}

div.dt-container div.dt-info {
  font-size: 0.7222222222em;
  margin-left: 0.4444444444em;
}

.datepicker table td, .datepicker th {
  padding: 0;
}

table th, .dataTable th {
  font-weight: 700;
}
table td, .dataTable td {
  font-weight: 600;
}
table td, table th, .dataTable td, .dataTable th {
  font-size: 1em;
  padding: 0.7777777778rem 0.4444444444rem;
}
table td input.form-control, table td select.form-select, table th input.form-control, table th select.form-select, .dataTable td input.form-control, .dataTable td select.form-select, .dataTable th input.form-control, .dataTable th select.form-select {
  border: 1px solid #BEBEBE;
  height: 2.2222222222rem;
}
table td.desc textarea.form-control, table th.desc textarea.form-control, .dataTable td.desc textarea.form-control, .dataTable th.desc textarea.form-control {
  font-size: 1rem;
}
table td textarea.form-control, table th textarea.form-control, .dataTable td textarea.form-control, .dataTable th textarea.form-control {
  border: 1px solid #BEBEBE;
  font-size: 0.8rem;
}
table th a, .dataTable th a {
  color: #333;
  text-decoration: none;
}
table td a, .dataTable td a:not(.dropdown-item) {
  color: #1563FF;
}

#departmentsTable_wrapper,
#locationsTable_wrapper {
  margin-top: 0 !important;
  height: 100%;
}

#onboardingTable_wrapper > div:first-child,
#loansTable_wrapper > div:first-child,
#employeesTable_wrapper > div:first-child,
#signup_verification_table_wrapper > div:first-child,
#departmentsTable_wrapper > div:first-child,
#locationsTable_wrapper > div:first-child,
#ordersTable_wrapper > div:first-child,
#billingTable_wrapper > div:first-child,
#usersTable_wrapper > div:first-child,
#attendanceReportTable_wrapper > div:first-child,
#timeSheetsTable_wrapper > div:first-child,
#schedulesTable_wrapper > div:first-child,
#leaveOverviewTable_wrapper > div:first-child,
#organisationTable_wrapper > div:first-child,
#leaveSummaryTable_wrapper > div:first-child,
#helpdeskTable_wrapper > div:first-child,
#leaveApprovalTable_wrapper > div:first-child,
#leaveNotificationTable_wrapper > div:first-child,
#hmoTable_wrapper > div:first-child,
#hmoSummaryTable_wrapper > div:first-child,
#taxAdjustmentTable_wrapper > div:first-child,
#payListTable_wrapper > div:first-child,
#leaveAdjustmentsTable_wrapper > div:first-child,
#hmoTableItemisation_wrapper > div:first-child,
#thirteenthMonthTable_wrapper > div:first-child,
#shiftsTable_wrapper > div:first-child,
#appsVistsTable_wrapper > div:first-child,
#signupApprovalTable_wrapper > div:first-child,
#holidaysTable_wrapper > div:first-child,
#timezonesTable_wrapper > div:first-child,
#employeeInfoAcceptanceTable_wrapper > div:first-child,
#userMaintenanceTable_wrapper > div:first-child,
#ytdTaxTable_wrapper > div:first-child,
#paySlipTable_wrapper > div:first-child {
  display: none;
}
#onboardingTable_wrapper > div:nth-child(2), #onboardingTable_wrapper > div:last-child,
#loansTable_wrapper > div:nth-child(2),
#loansTable_wrapper > div:last-child,
#employeesTable_wrapper > div:nth-child(2),
#employeesTable_wrapper > div:last-child,
#signup_verification_table_wrapper > div:nth-child(2),
#signup_verification_table_wrapper > div:last-child,
#departmentsTable_wrapper > div:nth-child(2),
#departmentsTable_wrapper > div:last-child,
#locationsTable_wrapper > div:nth-child(2),
#locationsTable_wrapper > div:last-child,
#ordersTable_wrapper > div:nth-child(2),
#ordersTable_wrapper > div:last-child,
#billingTable_wrapper > div:nth-child(2),
#billingTable_wrapper > div:last-child,
#usersTable_wrapper > div:nth-child(2),
#usersTable_wrapper > div:last-child,
#attendanceReportTable_wrapper > div:nth-child(2),
#attendanceReportTable_wrapper > div:last-child,
#timeSheetsTable_wrapper > div:nth-child(2),
#timeSheetsTable_wrapper > div:last-child,
#schedulesTable_wrapper > div:nth-child(2),
#schedulesTable_wrapper > div:last-child,
#leaveOverviewTable_wrapper > div:nth-child(2),
#leaveOverviewTable_wrapper > div:last-child,
#organisationTable_wrapper > div:nth-child(2),
#organisationTable_wrapper > div:last-child,
#leaveSummaryTable_wrapper > div:nth-child(2),
#leaveSummaryTable_wrapper > div:last-child,
#helpdeskTable_wrapper > div:nth-child(2),
#helpdeskTable_wrapper > div:last-child,
#leaveApprovalTable_wrapper > div:nth-child(2),
#leaveApprovalTable_wrapper > div:last-child,
#leaveNotificationTable_wrapper > div:nth-child(2),
#leaveNotificationTable_wrapper > div:last-child,
#hmoTable_wrapper > div:nth-child(2),
#hmoTable_wrapper > div:last-child,
#hmoSummaryTable_wrapper > div:nth-child(2),
#hmoSummaryTable_wrapper > div:last-child,
#taxAdjustmentTable_wrapper > div:nth-child(2),
#taxAdjustmentTable_wrapper > div:last-child,
#payListTable_wrapper > div:nth-child(2),
#payListTable_wrapper > div:last-child,
#leaveAdjustmentsTable_wrapper > div:nth-child(2),
#leaveAdjustmentsTable_wrapper > div:last-child,
#hmoTableItemisation_wrapper > div:nth-child(2),
#hmoTableItemisation_wrapper > div:last-child,
#thirteenthMonthTable_wrapper > div:nth-child(2),
#thirteenthMonthTable_wrapper > div:last-child,
#shiftsTable_wrapper > div:nth-child(2),
#shiftsTable_wrapper > div:last-child,
#appsVistsTable_wrapper > div:nth-child(2),
#appsVistsTable_wrapper > div:last-child,
#signupApprovalTable_wrapper > div:nth-child(2),
#signupApprovalTable_wrapper > div:last-child,
#holidaysTable_wrapper > div:nth-child(2),
#holidaysTable_wrapper > div:last-child,
#timezonesTable_wrapper > div:nth-child(2),
#timezonesTable_wrapper > div:last-child,
#employeeInfoAcceptanceTable_wrapper > div:nth-child(2),
#employeeInfoAcceptanceTable_wrapper > div:last-child,
#userMaintenanceTable_wrapper > div:nth-child(2),
#userMaintenanceTable_wrapper > div:last-child,
#ytdTaxTable_wrapper > div:nth-child(2),
#ytdTaxTable_wrapper > div:last-child,
#paySlipTable_wrapper > div:nth-child(2),
#paySlipTable_wrapper > div:last-child {
  margin-top: 0 !important;
}

#employeeInfoAcceptanceTable tbody tr {
  cursor: pointer;
}

#payListTable_wrapper .btns_wrapper {
  margin-left: auto;
  width: 13.5416666667vw;
  display: flex;
  justify-content: space-between;
}

#hmoSummaryTable_wrapper {
  margin-top: 0;
}

.legend {
  margin: 0.85em 0;
  display: flex;
  align-items: center;
  font-weight: 700;
}
.legend > div:not(:last-child) {
  margin-right: 1em;
}
.legend > div span {
  width: 0.7777777778em;
  height: 0.7777777778em;
  border-radius: 100%;
  display: inline-block;
  margin-right: 0.25em;
}
.legend > div:first-child {
  margin-left: 8px;
}
.legend > div:nth-child(2) span {
  background-color: #14C6A4;
}
.legend > div:nth-child(3) span {
  background-color: #FF9D00;
}
.legend > div:nth-child(4) span {
  background-color: #76AEFF;
}

#hmoSummaryTable > tbody > tr {
  cursor: pointer;
}
#hmoSummaryTable > tbody > tr > td:last-child:not(.p-0) {
  display: none;
}
#hmoSummaryTable .tr-collapse table {
  width: 100%;
}
#hmoSummaryTable .tr-collapse table th, #hmoSummaryTable .tr-collapse table td {
  padding: 0.275em 0.75em;
}
#hmoSummaryTable .tr-collapse table thead th {
  border-bottom: 1px solid #bebebe;
  padding-top: 0.375em;
  padding-bottom: 0.375em;
}
#hmoSummaryTable .tr-collapse table thead th:last-child {
  text-align: right;
}
#hmoSummaryTable .tr-collapse table tfoot {
  border-top: 1px solid #bebebe;
}
#hmoSummaryTable .tr-collapse table tfoot th {
  padding-top: 0.375em;
  padding-bottom: 0.375em;
}
#hmoSummaryTable .tr-collapse table tfoot th:last-child {
  text-align: right;
}
#hmoSummaryTable .tr-collapse table tbody tr td:last-child {
  text-align: right;
}
#hmoSummaryTable .tr-collapse table tbody tr:hover td {
  background-color: #f1f1f1 !important;
}
#hmoSummaryTable .tr-collapse table th:first-child {
  width: 70%;
}
#hmoSummaryTable .tr-collapse table th:last-child {
  width: 30%;
}

#ytdTaxTable_wrapper thead th > .dt-column-title {
  display: inline-block;
  width: 5em;
}
#ytdTaxTable_wrapper thead th:first-child > .dt-column-title {
  width: 5em;
}
#ytdTaxTable_wrapper thead th:nth-child(2) > .dt-column-title {
  width: 12em;
}

#hmoTableItemisation_wrapper thead th > .dt-column-title {
  display: inline-block;
  width: 6em;
}
#hmoTableItemisation_wrapper thead th:first-child > .dt-column-title {
  width: 12em;
}
#hmoTableItemisation_wrapper thead th:nth-child(3) > .dt-column-title, #hmoTableItemisation_wrapper thead th:nth-child(4) > .dt-column-title, #hmoTableItemisation_wrapper thead th:nth-child(5) > .dt-column-title {
  width: 12em;
}
#hmoTableItemisation_wrapper thead th:nth-child(14) > .dt-column-title, #hmoTableItemisation_wrapper thead th:nth-child(15) > .dt-column-title {
  width: 10em;
}

#organisationTable th:nth-child(5),
#organisationTable th:nth-child(6),
#organisationTable th:nth-child(7),
#organisationTable th:nth-child(8) {
  width: 12em;
}
#organisationTable .custom_add_item {
  display: flex;
  align-items: center;
}
#organisationTable .custom_add_item input, #organisationTable .custom_add_item .btn {
  height: 2em;
  border-radius: 0.25em;
}
#organisationTable .custom_add_item .btn {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
#organisationTable .selected_items {
  display: flex;
  flex-wrap: wrap;
}
#organisationTable .selected_items.disabled {
  display: block;
}
#organisationTable .selected_items.disabled > div {
  font-size: 0.8888888889em;
  display: block;
  border: none;
  margin: 0;
  border-radius: 0;
  padding: 0;
}
#organisationTable .selected_items.disabled > div span {
  display: none;
}
#organisationTable .selected_items > div {
  display: flex;
  align-items: center;
  border: 1px solid #b1b1b1;
  margin: 0.15em;
  border-radius: 0.25em;
  padding: 0.15em 0.5em;
  font-size: 0.7777777778em;
}
#organisationTable .selected_items > div:hover {
  border-color: #FF5F6B;
}
#organisationTable .selected_items > div span {
  margin-left: 0.25rem;
  color: #FF5F6B;
  font-size: 1.0555555556em;
  cursor: pointer;
}
#organisationTable td .custom_add_item {
  margin-top: 0.25em;
}
#organisationTable td .custom_add_item.disabled {
  display: none;
}
#organisationTable td .bootstrap-select {
  margin-top: 0.25em;
}
#organisationTable td .bootstrap-select.disabled .dropdown-toggle {
  display: none;
}
#organisationTable td .bootstrap-select .dropdown-toggle {
  border: 1px solid #b1b1b1;
  height: 2em;
  border-radius: 0.25em;
}
#organisationTable td .bootstrap-select .dropdown-toggle .filter-option {
  display: flex;
  align-items: center;
}
#organisationTable td .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  font-size: 0.7777777778em;
}

#leaveApprovalTable_wrapper tbody td .items-table-actions {
  width: 17.7777777778em;
}

#listOfRecipientsExternalEmailAddressTable tbody tr td:first-child {
  width: 80%;
}

#leaveSummaryTable_wrapper table.table thead th > .dt-column-title {
  width: 6em;
  display: inline-block;
}
#leaveSummaryTable_wrapper table.table thead th:first-child > .dt-column-title {
  width: 12em;
}
#leaveSummaryTable_wrapper table.table thead th:nth-child(2) > .dt-column-title {
  width: 8em;
}
#leaveSummaryTable_wrapper table.table thead th:nth-child(3) > .dt-column-title {
  width: 8em;
}

#leaveOverviewTable_wrapper table.table thead th > .dt-column-title {
  display: inline-block;
}
#leaveOverviewTable_wrapper table.table thead th:first-child > .dt-column-title {
  width: 6em;
}
#leaveOverviewTable_wrapper table.table thead th:nth-child(2) > .dt-column-title {
  width: 12em;
}
#leaveOverviewTable_wrapper table.table thead th:nth-child(3) > .dt-column-title {
  width: 10em;
}
#leaveOverviewTable_wrapper table.table thead th:nth-child(4) > .dt-column-title {
  width: 12em;
}
#leaveOverviewTable_wrapper table.table tbody td a {
  display: inline-block;
  font-size: 0.85em;
  padding: 0.25rem 0.5rem;
  margin: 0.15em 0;
  border-radius: 0.25rem;
  width: 9.4444444444em;
}

#schedulesTable_wrapper .dt-scroll-head {
  border-top: 1px solid #DEE2E6 !important;
}
#schedulesTable_wrapper table.table thead th > .dt-column-title {
  display: inline-block;
  width: 8em;
}
#schedulesTable_wrapper table.table thead th:first-child > .dt-column-title {
  width: 16em;
}
#schedulesTable_wrapper table.table tbody tr td {
  vertical-align: middle;
}
#schedulesTable_wrapper table.table tbody tr td a {
  text-decoration: none;
  color: #000;
}
#schedulesTable_wrapper table.table tbody tr td.holiday,
#schedulesTable_wrapper table.table tbody tr td span.holiday {
  background-color: #76aeff;
}
#schedulesTable_wrapper table.table tbody tr td.annual,
#schedulesTable_wrapper table.table tbody tr td span.annual {
  background-color: #14c6a4;
}
#schedulesTable_wrapper table.table tbody tr td.sick,
#schedulesTable_wrapper table.table tbody tr td span.sick {
  background-color: #ff9d00;
}
#schedulesTable_wrapper table.table tbody tr td span {
  border-radius: 1rem;
  display: inline-block;
  padding: 0.2rem 0.5rem;
  margin: 0.15em 0;
  width: 100%;
}

#attendanceReportTable_wrapper table.table thead th:nth-child(n+5) {
  font-size: 0.8333333333em;
  text-align: left;
}

#billingTable tbody tr,
#usersTable tbody tr {
  cursor: pointer;
}

#onboardingTable thead th:nth-child(1) span.dt-column-title {
  width: 3em;
  display: flex;
}
#onboardingTable thead th:nth-child(2) span.dt-column-title {
  width: 12em;
  display: flex;
}
#onboardingTable thead th:nth-child(3) span.dt-column-title {
  width: 10em;
  display: flex;
}
#onboardingTable thead th:nth-child(4) span.dt-column-title {
  display: flex;
}
#onboardingTable thead th:nth-child(5) span.dt-column-title {
  width: 6em;
  display: flex;
}
#onboardingTable thead th:nth-child(6) span.dt-column-title {
  width: 8em;
  display: flex;
}
#onboardingTable thead th:nth-child(7) span {
  display: none;
}
#onboardingTable tbody td:nth-child(8) select {
  width: 11.3888888889rem;
  font-size: 0.8333333333em;
}
#onboardingTable .ob_btns {
  width: 25.5555555556em;
}
#onboardingTable .ob_btns .btn {
  width: 4.8888888889em;
  justify-content: center;
}
#onboardingTable .ob_btns .btn svg path {
  fill: #fff;
}

#onboardingTable thead tr > th:first-child,
#employeesTable thead tr > th:first-child {
  text-align: left !important;
}
#onboardingTable tbody tr > td:first-child,
#employeesTable tbody tr > td:first-child {
  text-align: left !important;
}
#onboardingTable tbody tr td,
#employeesTable tbody tr td {
  vertical-align: middle;
}

thead.sticky-top {
  top: -1px;
}

#timeBasedAdjustmentsTable,
#payrollInputTable,
#payrollReportTable {
  table-layout: fixed;
}
#timeBasedAdjustmentsTable th, #timeBasedAdjustmentsTable td,
#payrollInputTable th,
#payrollInputTable td,
#payrollReportTable th,
#payrollReportTable td {
  width: 5em;
}
#timeBasedAdjustmentsTable th:first-child, #timeBasedAdjustmentsTable td:first-child,
#payrollInputTable th:first-child,
#payrollInputTable td:first-child,
#payrollReportTable th:first-child,
#payrollReportTable td:first-child {
  position: sticky;
  left: 0;
  z-index: 100;
  width: 15em;
}
#timeBasedAdjustmentsTable thead,
#payrollInputTable thead,
#payrollReportTable thead {
  border-top-color: transparent;
}
#timeBasedAdjustmentsTable tbody tr td:first-child,
#payrollInputTable tbody tr td:first-child,
#payrollReportTable tbody tr td:first-child {
  border-left-color: transparent;
}
#timeBasedAdjustmentsTable tbody tr td:last-child,
#payrollInputTable tbody tr td:last-child,
#payrollReportTable tbody tr td:last-child {
  border-right-color: transparent;
}

#payrollInputTable th, #payrollInputTable td {
  width: 7em;
}
#payrollInputTable th:first-child, #payrollInputTable td:first-child {
  width: 12em;
}
#payrollInputTable thead th {
  font-size: 0.8854166667vw;
}
#payrollInputTable thead th:nth-child(1), #payrollInputTable thead th:nth-child(2), #payrollInputTable thead th:nth-child(7), #payrollInputTable thead th:nth-child(9), #payrollInputTable thead th:nth-child(12) {
  font-size: 0.9375vw;
}
#payrollInputTable thead th:nth-child(27) {
  width: 25em;
}

#payrollReportTable th, #payrollReportTable td {
  width: 7em;
}
#payrollReportTable th.notes, #payrollReportTable td.notes {
  width: 15em;
}
#payrollReportTable th.notes > div, #payrollReportTable td.notes > div {
  font-size: 0.85em;
}

.table-row-clickable-with-tickbox tr, .table-row-clickable-with-tickbox tr * {
  cursor: pointer;
}

#workbook_table th:first-child, #workbook_table th:nth-child(2) {
  width: 10em;
}
#workbook_table th:nth-child(3) {
  width: 6em;
}
#workbook_table th:last-child {
  width: 5em;
}

@media only screen and (max-width: 991px) {
  .dataTable td, table td {
    padding: 0.2222222222rem 0.2222222222rem;
  }
  .dataTable th, table th {
    padding: 0.5555555556rem 0.2222222222rem;
  }
  .table-responsive > .dt-container > .row:last-child {
    position: sticky;
    left: 0;
  }
  #payrollInputTable thead th:nth-child(1), #payrollInputTable thead th:nth-child(2), #payrollInputTable thead th:nth-child(7), #payrollInputTable thead th:nth-child(9), #payrollInputTable thead th:nth-child(12),
  #payrollInputTable thead th {
    font-size: 1rem;
  }
  #timeBasedAdjustmentsTable, #payrollInputTable, #payrollReportTable {
    table-layout: auto;
  }
}
@media only screen and (max-width: 576px) {
  .table-layout-fixed-on-mobile {
    table-layout: fixed;
  }
  .table-layout-fixed-on-mobile tr td {
    width: 400px;
  }
  #schedulesTable_wrapper table.table thead th:first-child > .dt-column-title {
    width: 8em;
  }
  #leaveOverviewTable_wrapper table.table thead th:first-child > .dt-column-title {
    width: 4em;
  }
  #leaveOverviewTable_wrapper table.table thead th:nth-child(2) > .dt-column-title {
    width: 8em;
  }
}
.filters {
  background-color: #fff;
  border: 1px solid #BEBEBE;
  padding: 0.4166666667em 0.4166666667em;
  border-radius: 0.75em;
  height: 5.4166666667em;
  display: flex;
  align-items: center;
  margin-top: 1em;
  width: 101.8333333333em;
  margin-left: auto;
  margin-right: auto;
}
.filters .col .form-group.search {
  position: relative;
}
.filters .col .form-group.search input {
  padding-right: 2.5em;
}
.filters .col .form-group.search svg {
  position: absolute;
  top: 80%;
  right: 0.5em;
  width: 1em;
  transform: translateY(-80%);
}
.filters .col .form-group.search svg path {
  fill: #333;
}
.filters.gc .f_inner {
  align-items: start;
}
.filters.gc .f_inner .right {
  width: 7.2222222222em;
}
.filters.active {
  width: 100%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.filters.active .f_inner {
  width: 101.8333333333em;
  margin-left: auto;
  margin-right: auto;
  padding: 0.4166666667em 0.4166666667em;
}
.filters .action_btns {
  display: flex;
  margin-left: auto;
}
.filters .action_btns .orange {
  background-color: #F69701;
}
.filters .action_btns .orange:hover {
  background-color: rgb(253.9971659919, 158.7279352227, 8.3028340081);
}
.filters .action_btns .green {
  background-color: #0FAF8D;
}
.filters .action_btns .green:hover {
  background-color: rgb(16.2078947368, 189.0921052632, 152.3542105263);
}
.filters .action_btns .blue {
  background-color: #5097FF;
}
.filters .action_btns .blue:hover {
  background-color: rgb(95.3, 160.0925714286, 255);
}
.filters .action_btns .purp {
  background-color: #8462EF;
}
.filters .action_btns .purp:hover {
  background-color: rgb(142.8780346821, 111.8849710983, 240.4150289017);
}
.filters .action_btns .text {
  color: #fff;
  font-size: 0.8333333333em;
}
.filters .action_btns .icon {
  width: 1.2222222222em;
  height: 1.2222222222em;
  margin-bottom: 0.2777777778em;
}
.filters .action_btns .icon svg {
  width: 100%;
}
.filters .action_btns a:not(.dropdown-item) {
  -webkit-transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -ms-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  width: 4.5555555556em;
  height: 4.5555555556em;
  border-radius: 0.75em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  text-align: center;
}
.filters .action_btns a:not(.dropdown-item):not(:last-child) {
  margin-right: 0.6666666667em;
}
.filters .action_btns a:not(.dropdown-item) span {
  line-height: normal;
}
.filters .action_btns .dropdown-item {
  font-weight: 600;
}
.filters .action_btns .dropdown-item:hover, .filters .action_btns .dropdown-item:active, .filters .action_btns .dropdown-item:focus {
  background-color: #0DBC9A;
  color: #fff;
}
.filters .f_inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filters .f_inner .left {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.filters .f_inner .left > div {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 0.7em;
  gap: 0.5rem;
}
.filters .f_inner .left > div:last-child {
  margin-bottom: 0;
}
.filters .f_inner .left .form-group {
  line-height: normal;
  width: 100%;
  max-width: 17.2555555556em;
  margin-top: 0;
  margin-bottom: 0;
}
.filters .f_inner .left .form-group.form-group-range .input-daterange .input-group {
  width: 8.3333333333em;
}
.filters .f_inner .left .form-group.form-group-radio-switch {
  width: auto;
  margin-right: 1.7777777778em;
}
.filters .f_inner .left .form-group.form-group-radio-switch label:not(.toggleSwitch) {
  color: #333;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.filters .f_inner .left .form-group.form-group-radio-switch .form-text {
  font-size: 0.6666666667em;
  margin-left: 0.3rem;
  margin-bottom: 0.25rem;
}
.filters .f_inner .left .form-group:last-child {
  margin-right: 0;
}
.filters .f_inner .left .form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button {
  background-color: #fff !important;
}
.filters .f_inner .left .form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button .filter-option-inner-inner {
  font-size: 0.8333333333em;
}
.filters .f_inner .left .form-group label:not(.toggleSwitch) {
  color: #333;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.filters .f_inner .left .form-group input:not([type=checkbox]), .filters .f_inner .left .form-group select {
  border: 1px solid #BEBEBE;
  height: 2.1944444444rem;
  font-size: 0.8333333333em;
}
.filters .f_inner .left .form-group.search {
  position: relative;
}
.filters .f_inner .left .form-group.search input {
  padding-right: 2.5em;
}
.filters .f_inner .left .form-group.search i, .filters .f_inner .left .form-group.search svg {
  position: absolute;
  top: 80%;
  right: 0.5em;
  width: 1em;
  transform: translateY(-80%);
}
.filters .f_inner .left .form-group.search i path, .filters .f_inner .left .form-group.search svg path {
  fill: #333;
}
.filters .f_inner .left .form-group.date_range {
  width: 15.2777777778em;
}
.filters .f_inner .left .form-group .dr {
  display: flex;
  align-items: center;
}
.filters .f_inner .left .form-group .dr span {
  color: #333;
  font-weight: 600;
  font-size: 0.7222222222em;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.filters .f_inner .right {
  width: 11.6666666667em;
  padding-right: 0.25em;
}
.filters .f_inner .right .dropdown-menu-more {
  width: 22.2222222222em;
}
.filters .f_inner .right .rf_controls {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.filters .f_inner .right .rf_controls > div:first-child {
  margin-bottom: 0.25em;
}
.filters .f_inner .right .rf_controls > div:first-child a {
  color: #8A8A8A;
  font-size: 0.8333333333em;
  text-decoration: none;
  font-weight: 600;
  line-height: normal;
  position: relative;
  padding-left: 1.2em;
  height: 0.7777777778rem;
  display: inline-block;
}
.filters .f_inner .right .rf_controls > div:first-child a svg {
  width: 0.7777777778rem;
  height: 0.7777777778rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.filters .f_inner .right .rf_controls > div:first-child a svg path {
  fill: #8A8A8A;
}
.filters .f_inner .right .rf_controls > div:last-child .demo {
  display: flex;
  align-items: center;
}
.filters .f_inner .right .rf_controls > div:last-child .demo span {
  font-size: 0.8888888889em;
}
.filters .f_inner .right .rf_controls > div:last-child .demo select {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  border: 1px solid #BEBEBE;
  height: 2.1rem;
  font-size: 0.8rem;
}
.filters .f_inner .right .rf_controls > div:last-child .dt-length label {
  display: flex;
  align-items: center;
  font-size: 0.8333333333em;
}
.filters .f_inner .right .rf_controls > div:last-child .dt-length label select {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border: 1px solid #BEBEBE;
  width: 3.8888888889rem;
  height: 2.1944444444rem;
}

.action_add_new {
  width: 4.5555555556em;
  height: 4.5555555556em;
}
.action_add_new.lg {
  width: 5.8333333333em;
  height: 4.5555555556em;
}
.action_add_new.lg a:not(.dropdown-item) {
  width: 5.8333333333em;
  height: 4.5555555556em;
}
.action_add_new.purp a:not(.dropdown-item) {
  background-color: #7647EA;
}
.action_add_new.purp a:not(.dropdown-item):hover {
  background-color: rgb(135.0414634146, 93.887804878, 236.612195122);
}
.action_add_new.purp .icon {
  background: url(../images/icon_filters_add_new_purp.svg) no-repeat center;
}
.action_add_new a:not(.dropdown-item) {
  -webkit-transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -ms-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  border-radius: 0.75em;
  background-color: #1723BC;
  width: 4.5555555556em;
  height: 4.5555555556em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
}
.action_add_new a:not(.dropdown-item):hover {
  background-color: rgb(25.7796208531, 39.2298578199, 210.7203791469);
}
.action_add_new .icon {
  background: url(../images/icon_filters_add_new.svg) no-repeat center;
  background-size: 100% auto;
  width: 1.2222222222em;
  height: 1.2222222222em;
  margin-bottom: 0.2777777778em;
}
.action_add_new .text {
  color: #fff;
  text-align: center;
  line-height: 1.2;
  font-size: 0.8888888889em;
}

.offcanvas-backdrop {
  z-index: 5002;
}

#offcanvasFilter {
  width: 22.2222222222em;
  background-color: #efefef;
  z-index: 5003;
}
#offcanvasFilter .offcanvas-header {
  border-bottom: 1px solid #a5a5a5;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
#offcanvasFilter .offcanvas-header .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23999999' viewBox='0 0 320 512'%3E%3Cpath d='M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z'/%3E%3C/svg%3E");
  background-size: auto 100%;
}
#offcanvasFilter .offcanvas-body {
  display: flex;
  flex-direction: column;
}
#offcanvasFilter .offcanvas-body .offcanvas-body-heading {
  margin-bottom: 1em;
}
#offcanvasFilter .offcanvas-body .offcanvas-body-heading a {
  text-decoration: none;
}
#offcanvasFilter .offcanvas-body .offcanvas-body-heading > div {
  display: flex;
  align-items: center;
  line-height: normal;
}
#offcanvasFilter .offcanvas-body .offcanvas-body-heading > div:first-child svg {
  margin-right: 0.5em;
}
#offcanvasFilter .offcanvas-body .offcanvas-body-heading > div:first-child span {
  position: relative;
  top: 0.15em;
  font-weight: 600;
}
#offcanvasFilter .offcanvas-body .offcanvas-body-heading > div:last-child svg {
  width: 0.65em;
  margin-right: 0.25rem;
}
#offcanvasFilter .offcanvas-body .offcanvas-body-heading > div:last-child span {
  font-size: 0.6666666667em;
  color: #4D4D4D;
  font-weight: 600;
}
#offcanvasFilter .offcanvas-title {
  margin-left: 1em;
  font-weight: 600;
  position: relative;
  top: 0.1em;
}
#offcanvasFilter .form-group {
  margin-bottom: 1em;
}
#offcanvasFilter .form-group.search {
  position: relative;
}
#offcanvasFilter .form-group.search svg {
  position: absolute;
  bottom: 0.5em;
  right: 0.5em;
  width: 1em;
}
#offcanvasFilter .form-group label {
  font-size: 0.625em;
  color: #4D4D4D;
  margin-left: 0.5rem;
}
#offcanvasFilter .form-group > input.form-control, #offcanvasFilter .form-group > select.form-select, #offcanvasFilter .form-group > .bootstrap-select button {
  border-radius: 3em;
}
#offcanvasFilter .form-group > .bootstrap-select button {
  background-color: #fff !important;
}
#offcanvasFilter .form-group > select.form-select {
  padding-left: 1em;
  padding-right: 1em;
}
#offcanvasFilter .form-group .input-daterange {
  justify-content: space-between;
}
#offcanvasFilter .form-group .input-daterange .input-group {
  width: 45%;
}
#offcanvasFilter .form-group .input-daterange .input-group input.form-control {
  border-top-left-radius: 3em !important;
  border-bottom-left-radius: 3em !important;
}
#offcanvasFilter .form-group .input-daterange .input-group span.input-group-text {
  border-top-right-radius: 3em !important;
  border-bottom-right-radius: 3em !important;
  padding-right: 1rem;
}
#offcanvasFilter .form-group.form-group-radio-switch {
  display: flex;
  align-items: center;
}
#offcanvasFilter .form-group.form-group-radio-switch label {
  font-size: 0.875em;
  color: #000;
  margin-bottom: 0;
}
#offcanvasFilter .form-group.form-group-radio-switch .w-100 {
  width: auto !important;
}
#offcanvasFilter .page_length label {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  font-size: 0.75em;
}
#offcanvasFilter .page_length label select {
  width: 5rem;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1rem;
  margin-left: 0.5em;
  margin-right: 0.5em;
  border-radius: 3em;
}
#offcanvasFilter .action_btns {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
#offcanvasFilter .action_btns > button {
  justify-content: center;
  width: 48%;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .filters {
    width: 100%;
    padding: 0 1em;
    border: none;
    background-color: transparent;
    height: auto;
    margin-top: 0;
  }
  .filters.filters_paylist .filter_icon {
    margin-left: 0;
  }
  .filters .f_inner {
    width: 100%;
  }
  .filters .f_inner .left {
    border: 1px solid #a5a5a5;
    border-radius: 3em;
    padding: 0.3em;
  }
  .filters .f_inner .left > div {
    flex-wrap: nowrap;
  }
  .filters .f_inner .left .form-group {
    width: 15.53em;
    max-width: 100%;
    flex-shrink: 0;
  }
  .filters .f_inner .left .form-group.search {
    margin-right: 0.75em;
    flex: 1;
  }
  .filters .f_inner .left .form-group.search label:not(.w-100) {
    display: none;
  }
  .filters .f_inner .left .form-group.search input {
    background-color: #e0e0e0;
    border-color: #e0e0e0;
    border-radius: 3em;
    height: 2.5rem;
  }
  .filters .f_inner .left .form-group.search input::placeholder {
    color: #808080;
  }
  .filters .f_inner .left .form-group.search svg {
    top: 50%;
    transform: translateY(-50%);
    right: 1em;
  }
  .filters .f_inner .left .form-group.search svg path {
    fill: #808080;
  }
  .filters .f_inner .right {
    display: none;
  }
  .filters .filter_icon {
    color: #333;
    text-decoration: none;
    margin-left: auto;
    display: flex;
    align-items: center;
    line-height: normal;
    margin-right: 0.5em;
  }
  .filters .filter_icon svg {
    width: 1.2222222222em;
    height: 1.2222222222em;
    margin-right: 0.5em;
  }
  .filters .filter_icon span {
    position: relative;
    top: 0.15em;
    font-weight: 700;
  }
  .filters .action_btns {
    margin-right: 0.75em;
  }
  .filters .action_btns .text {
    font-weight: 100;
    font-size: 0.3888888889em;
    padding-left: 1px;
    padding-right: 1px;
  }
  .filters .action_btns .icon {
    width: 0.7777777778em;
    height: 0.7777777778em;
    margin-bottom: 0.1666666667em;
  }
  .filters .action_btns a:not(.dropdown-item) {
    -webkit-transition: all 0.125s ease-in-out;
    -moz-transition: all 0.125s ease-in-out;
    -ms-transition: all 0.125s ease-in-out;
    -o-transition: all 0.125s ease-in-out;
    transition: all 0.125s ease-in-out;
    width: 2.2222222222em;
    height: 2.2222222222em;
    border-radius: 100%;
  }
  .filters .action_btns a:not(.dropdown-item):not(:last-child) {
    margin-right: 0.25em;
  }
  .filters .action_btns .orange .text {
    color: #c15600;
  }
  .filters .action_btns .green .text {
    color: #00624a;
  }
  .action_add_new {
    width: auto !important;
    height: auto !important;
    margin-right: 0.75em;
  }
  .action_add_new a:not(.dropdown-item) {
    width: 2.2222222222em;
    height: 2.2222222222em;
    border-radius: 100%;
  }
  .action_add_new .icon {
    margin-bottom: 0.1666666667em;
    width: 0.7777777778em;
    height: 0.7777777778em;
  }
  .action_add_new.purp .icon {
    background-size: 100% auto;
  }
  .action_add_new .text {
    line-height: normal;
    font-size: 0.2777777778em;
    font-weight: 100;
    color: #b9beff;
  }
}
@media only screen and (max-width: 576px) {
  .action_add_new a:not(.dropdown-item) {
    padding: 0.5em;
  }
}
.form-control.datepicker {
  padding: 0.375rem 0.75rem;
  border-radius: var(--bs-border-radius);
  z-index: 1 !important;
}

.form-group-label {
  color: #333;
  font-weight: 600;
  margin-bottom: 0.25rem;
  font-size: 0.65em;
}

.form-group-label-lg {
  color: #333;
  font-weight: 600;
  margin-bottom: 0.25rem;
  font-size: 0.85em;
}

.form-check label {
  font-size: 0.8333333333em;
  font-weight: 600;
  padding-top: 0.1em;
}

.checkbox-eic label {
  display: block;
  width: 1em;
  height: 1em;
  cursor: pointer;
}
.checkbox-eic input {
  visibility: hidden;
  display: none;
}
.checkbox-eic input:checked ~ .checkbox {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231563FF' viewBox='0 0 512 512'%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
  border-color: #1563FF;
}
.checkbox-eic .checkbox {
  display: block;
  width: inherit;
  height: inherit;
  border: 1px solid #bebebe;
  border-radius: 100%;
  transition: all 0.12375s;
}

.bootstrap-select .dropdown-item {
  font-size: 0.8333333333rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.bootstrap-select li.selected .bs-ok-default:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231563FF' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
}
.bootstrap-select li .bs-ok-default:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23bebebe' d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256z'/%3E%3C/svg%3E");
  width: 1em;
  height: 1em;
  background-size: 100% auto;
  background-position: center;
  border: none;
  transform: none;
}
.bootstrap-select li a {
  padding-left: 2rem;
}
.bootstrap-select li a span.check-mark {
  display: inline-block !important;
  position: absolute;
  display: inline-block;
  right: auto;
  left: 15px;
  top: 7px !important;
}
.bootstrap-select li a:active {
  background-color: transparent !important;
  color: #333;
}

.form-group2 .input-group .input-group-text,
.form-group2 .input-group > input {
  border-color: #bebebe;
}

.form-group2 {
  margin: 0.25em 0;
}
.form-group2 .note {
  display: flex;
  align-items: center;
  line-height: normal;
  margin-top: 0.5em;
}
.form-group2 .note svg {
  width: 0.8888888889em;
  margin-right: 0.25em;
  position: relative;
  top: -0.1em;
}
.form-group2 .note svg path {
  fill: #5097FF;
}
.form-group2 .note span {
  font-size: 0.8333333333em;
}
.form-group2 .input-group .input-group-text, .form-group2 .input-group > input, .form-group2 .input-group > select {
  border: 1px solid #bebebe;
  height: 2.2222222222em;
}

.form-group2 > label:not(.toggleSwitch) {
  color: #000;
  font-weight: 600;
  margin-bottom: 0.25rem;
  font-size: 0.8333333333em;
  margin-left: 0.3rem;
}

.custom_checkbox {
  position: relative;
  cursor: pointer;
  user-select: none;
  padding-left: 1.8em;
  line-height: normal;
}

.custom_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom_checkbox input:checked ~ .checkmark {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='28' viewBox='0 0 29 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 28C22.232 28 28.5 21.732 28.5 14C28.5 6.26801 22.232 0 14.5 0C6.76801 0 0.5 6.26801 0.5 14C0.5 21.732 6.76801 28 14.5 28Z' fill='url(%23paint0_linear_1835_1360)'/%3E%3Cpath d='M7.37217 12.0955C6.92698 11.6503 6.20676 11.6487 5.76351 12.092C5.32027 12.5352 5.32183 13.2554 5.76703 13.7006L11.7845 19.7181C12.2297 20.1633 12.9499 20.1649 13.3932 19.7216C13.8364 19.2784 13.8349 18.5582 13.3897 18.113L7.37217 12.0955Z' fill='%23F9F9F9'/%3E%3Cpath d='M23.2287 9.89561C23.6739 9.45041 23.6755 8.73019 23.2323 8.28695C22.789 7.8437 22.0688 7.84527 21.6236 8.29047L11.7877 18.1263C11.3425 18.5715 11.341 19.2918 11.7842 19.735C12.2274 20.1783 12.9477 20.1767 13.3929 19.7315L23.2287 9.89561Z' fill='%23F9F9F9'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1835_1360' x1='2.37' y1='7' x2='26.63' y2='21' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231563FF'/%3E%3Cstop offset='0.13' stop-color='%232656FA'/%3E%3Cstop offset='0.41' stop-color='%23463EF0'/%3E%3Cstop offset='0.64' stop-color='%235A2FEB'/%3E%3Cstop offset='0.8' stop-color='%23622AE9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% auto;
  background-position: center;
  border: none;
  background-repeat: no-repeat;
}

.custom_checkbox .checkmark {
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  top: 50%;
  height: 1.4583333333vw;
  width: 1.4583333333vw;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #A5A5A5;
}

.form-group {
  margin: 0.25em 0;
  line-height: normal;
}
.form-group.position-relative .checkbox-eic {
  position: absolute;
  bottom: 0.55em;
  right: 0.6em;
}
.form-group .note {
  display: flex;
  align-items: center;
  line-height: normal;
  margin-top: 0.5em;
}
.form-group .note svg {
  width: 0.8888888889em;
  margin-right: 0.25em;
  position: relative;
  top: -0.1em;
}
.form-group .note svg path {
  fill: #5097FF;
}
.form-group .note span {
  font-size: 0.8333333333em;
}
.form-group .form-text {
  font-size: 0.75em;
  color: #000;
}
.form-group.form-group-with-time {
  position: relative;
}
.form-group.form-group-with-time .time_icon {
  cursor: pointer;
  position: absolute;
  bottom: 0.55em;
  right: 0.4em;
}
.form-group.form-group-with-time .time_icon svg {
  width: 1.1105555556em;
  height: 1.1105555556em;
}
.form-group.form-group-with-time .form-control.is-invalid, .form-group.form-group-with-time .was-validated .form-control:invalid {
  background-position: calc(100% - 1.7em) 0.55em;
}
.form-group .input-daterange {
  align-items: center;
  display: flex;
  position: relative;
}
.form-group .input-daterange .input-group-addon {
  font-size: 0.8333333333em;
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  position: relative;
}
.form-group .input-daterange .input-group {
  width: 7.6111111111em;
}
.form-group .input-daterange .input-group .form-control {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.form-group .input-daterange .input-group .input-group-text {
  padding-left: 0.25rem;
  padding-right: 0.5rem;
  border-left: none;
}
.form-group .input-daterange .input-group .input-group-text svg {
  height: 0.8888888889em;
  width: 0.8333333333em;
}
.form-group > label:not(.toggleSwitch) {
  color: #000;
  font-weight: 600;
  margin-bottom: 0.25rem;
  font-size: 0.8333333333em;
  margin-left: 0.3rem;
}
.form-group .input-group > input {
  border: 1px solid #bebebe;
  border-right: none !important;
  height: 2.2222222222em;
}
.form-group .input-group .input-group-text {
  border-color: #bebebe;
  border-left: none;
}
.form-group > input, .form-group > select {
  border: 1px solid #bebebe;
  height: 2.2222222222em;
}
.form-group > textarea {
  border: 1px solid #bebebe;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: auto;
  display: block;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .is-invalid ~ button {
  border-color: #FF5F6B;
  position: relative;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .is-invalid ~ button:before {
  content: "";
  width: 14px;
  height: 16px;
  position: absolute;
  top: 0.7rem;
  right: 2rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  border: 1px solid #bebebe;
  border-radius: 0.375rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  background-color: transparent !important;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button:hover, .form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button:active, .form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button:focus {
  background-color: transparent;
  outline: none !important;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button::after {
  display: none;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button .filter-option-inner {
  height: 100%;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button .filter-option-inner-inner {
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 1em;
  color: #333;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .bs-searchbox input {
  border: 1px solid #bebebe;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-item.active, .form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-item:active {
  background-color: #5097FF;
}
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .no-results {
  color: #FF5F6B;
}

.toggleSwitch {
  display: inline-block;
  width: 4.1666666667em;
  height: 1.7611111111em;
  position: relative;
  overflow: visible;
  padding: 0;
  cursor: pointer;
}
.toggleSwitch span span {
  display: none;
}
.toggleSwitch * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.toggleSwitch label,
.toggleSwitch > span {
  height: 1.7611111111rem;
  vertical-align: middle;
}
.toggleSwitch input:focus ~ a,
.toggleSwitch input:focus + label {
  outline: none;
}
.toggleSwitch label {
  position: relative;
  z-index: 3;
  display: block;
  width: 100%;
}
.toggleSwitch input {
  position: absolute;
  opacity: 0;
  z-index: 5;
}
.toggleSwitch input:checked ~ a {
  border-color: #fff;
  left: 100%;
  margin-left: -1.5111111111em;
}
.toggleSwitch input:checked ~ span:before {
  border-color: #1563FF;
  box-shadow: inset 0 0 0 30px #1563FF;
}
.toggleSwitch input:checked ~ span span:first-of-type {
  opacity: 0;
}
.toggleSwitch input:checked ~ span span:last-of-type {
  opacity: 1;
  color: #fff;
}
.toggleSwitch > span {
  position: absolute;
  left: -50px;
  width: 100%;
  margin: 0;
  padding-right: 50px;
  text-align: left;
  white-space: nowrap;
}
.toggleSwitch > span span {
  top: 50%;
  display: flex;
  transform: translateY(-50%);
  align-items: center;
  position: absolute;
  left: 0;
  z-index: 5;
  width: 50%;
  margin-left: 50px;
  text-align: left;
  font-size: 0.8333333333em;
  text-transform: uppercase;
  width: 100%;
  left: 15%;
  opacity: 0;
}
.toggleSwitch > span span:first-of-type {
  color: #868686;
  opacity: 1;
  left: 2.6em;
}
.toggleSwitch > span:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50px;
  background-color: #D8D8D8;
  border: 1px solid #D8D8D8;
  border-radius: 30px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.toggleSwitch a {
  position: absolute;
  right: 50%;
  z-index: 4;
  display: block;
  padding: 0;
  top: 0.29em;
  left: 0.4em;
  width: 1.1777777778em;
  height: 1.1777777778em;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 992px) {
  .custom_checkbox .checkmark {
    height: 1.5555555556em;
    width: 1.5555555556em;
  }
}
.inner-container {
  width: 101.8333333333em;
  margin-left: auto;
  margin-right: auto;
}

.inner-container-lg {
  width: 97.75em;
  margin-left: auto;
  margin-right: auto;
}

.inner-container-sm {
  width: 84.75em;
  margin-left: auto;
  margin-right: auto;
}

.marketing_page #header {
  padding-top: 0.4166666667em;
  padding-bottom: 0.4166666667em;
  margin-bottom: 2.1666666667em;
  background-color: #fff;
}
.marketing_page #header ul.site-navbar-nav li a:hover, .marketing_page #header ul.site-navbar-nav li a:active {
  color: #1563FF;
}
.marketing_page #header ul.site-navbar-nav li a.active {
  text-decoration: underline;
  text-underline-offset: 0.375em !important;
}
.marketing_page #header.logged_in {
  padding: 0;
}
.marketing_page #header.logged_in .top .inner-container {
  padding-left: 0;
  padding-right: 0;
  width: 101.8333333333em;
}
.marketing_page #header .top .inner-container {
  padding-left: 1.4444416667em;
  padding-right: 1.4444416667em;
  width: 98.2316666667em;
}
.marketing_page #header.scrolled {
  box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28);
  background-color: #fff;
}
.marketing_page #footer.logged_in {
  background-color: #fff;
  padding-top: 2em;
}
.marketing_page #footer .icon {
  width: 1.5833333333em;
}
.marketing_page #footer .logo {
  width: 16.3333333333em;
}
.marketing_page #footer li {
  font-size: 1.0833333333em;
}
.marketing_page #footer li:not(:last-child) {
  margin-bottom: 0.25em;
}
.marketing_page #footer li a {
  color: #333;
  text-decoration: none;
}
.marketing_page #footer .copyright {
  font-size: 0.75em;
}
.marketing_page .modal-backdrop.show {
  opacity: 0.75;
}

ul.bullets-blue li::marker {
  color: #1563FF;
}

.inner-container-sm {
  width: 84.7775em;
  margin-left: auto;
  margin-right: auto;
}

.eot_logo_home {
  width: 30.6666666667em;
  margin-bottom: 2.8888916667em;
}

.hp_1 {
  height: 36.9166666667em;
}
.hp_1 > div {
  width: 50%;
}
.hp_1 .left {
  padding: 0 9.3889166667em 0 0;
}
.hp_1 p {
  font-size: 2em;
}
.hp_1 .right {
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
}
.hp_1 .right img {
  width: 50em;
}

.hp_2 {
  margin-top: 2.5em;
  margin-bottom: 2em;
}
.hp_2 h1 {
  margin-bottom: 0.75em;
}
.hp_2 .left > div.row {
  margin-bottom: 1em;
  padding-right: 5.777775em;
}
.hp_2 .left > div.row:first-child img {
  width: 4.2508333333em;
}
.hp_2 .left > div.row:nth-child(2) img {
  width: 4.1158333333em;
}
.hp_2 .left > div.row:nth-child(3) img {
  width: 4.1158333333em;
}
.hp_2 .left > div.row:nth-child(4) img {
  width: 4.0833333333em;
}
.hp_2 .left > div.row h3 {
  font-weight: 600;
  margin-top: 1.1rem;
  margin-bottom: 0.2em;
  font-size: 1.6666666667em;
}
.hp_2 .left > div.row ul {
  padding-left: 1em;
  margin-bottom: 0;
}
.hp_2 .left > div.row ul li {
  font-size: 1.4166666667em;
}
.hp_2 .left > div.row p {
  font-size: 1.4166666667em;
}
.hp_2 .right {
  display: flex;
  flex-wrap: wrap;
}
.hp_2 .right > div {
  width: 18.9166666667rem;
  height: 24.5rem;
  border-radius: 1em 1em 4em 1em;
  padding: 1.5em 1em 0;
  color: #fff;
  font-size: 1.25em;
  overflow: hidden;
  margin-bottom: 2.2em;
}
.hp_2 .right > div:first-child {
  background-color: #1563FF;
  margin-right: 2.1666666667rem;
}
.hp_2 .right > div:first-child img {
  width: 9.9166666667rem;
}
.hp_2 .right > div:nth-child(2) {
  background-color: #8462EF;
  margin-top: 2.2em;
}
.hp_2 .right > div:nth-child(2) img {
  width: 9.1666666667rem;
}
.hp_2 .right > div:nth-child(3) {
  background-color: #00A888;
  margin-top: -2.2em;
  margin-right: 2.1666666667rem;
}
.hp_2 .right > div:nth-child(3) img {
  width: 10.9166666667rem;
}
.hp_2 .right > div:nth-child(4) {
  background-color: #FC8500;
}
.hp_2 .right > div:nth-child(4) img {
  width: 11.0833333333rem;
}
.hp_2 .right > div p {
  margin-bottom: 0;
  font-weight: 300;
}

.pricing_section {
  padding-top: 3em;
  padding-bottom: 3em;
  background-color: #f9f9f9;
  z-index: 0;
  position: relative;
}
.pricing_section .main_img {
  width: 26.8333333333em;
}
.pricing_section .right {
  padding-left: 5.0555583333em;
  margin-top: 2em;
}
.pricing_section .right p {
  font-size: 1.4166666667em;
  margin-bottom: 1.6666666667rem;
}
.pricing_section .form-group label {
  font-size: 1.0833333333em;
  font-weight: 600;
  color: #333333;
}
.pricing_section .form-group span.note {
  font-size: 0.9166666667em;
  font-style: italic;
  font-weight: 600;
}
.pricing_section .form-group span.note_sm {
  font-size: 0.8333333333em;
  font-style: italic;
  font-weight: 600;
}
.pricing_section .form-group textarea {
  min-height: 7em;
}
.pricing_section .left {
  padding-left: 0.75em;
}
.pricing_section .left h1 {
  margin-left: 0.3rem;
}
.pricing_section .form-control, .pricing_section .form-select {
  font-size: 1.0833333333rem;
  height: 2.8608333333rem;
}
.pricing_section .form-control:not(.is-invalid), .pricing_section .form-select:not(.is-invalid) {
  border-color: #dee2e6;
}
.pricing_section .form-select {
  background-size: 1.3333333333em 1em;
  background-position: right 0.8333333333em center;
}
.pricing_section .form-check-input:checked {
  background-color: #1563FF;
  border-color: #1563FF;
}
.pricing_section .form-check {
  display: flex;
  align-items: center;
  padding: 0;
}
.pricing_section .form-check label {
  padding-top: 0;
  margin-left: 0.5em;
}
.pricing_section .form-check > input {
  width: 1.4166666667em;
  height: 1.4166666667em;
  border-color: #dee2e6;
  margin-top: 0.3611108333em;
  float: none;
  margin: 0;
}

.hp_4 {
  margin-top: 4.3333333333em;
}
.hp_4 .left {
  padding-right: 5.0555583333em;
}
.hp_4 .left h2 {
  margin-bottom: 0.5em;
}
.hp_4 .left p {
  font-size: 1.4166666667em;
}
.hp_4 .right img {
  width: 37.0833333333em;
}

.hp_5 {
  margin-top: 4.3333333333em;
}
.hp_5 .box {
  background-color: #1563FF;
  border-radius: 1em 5em 1em 5em;
  padding: 3em 5em;
}
.hp_5 .row > div {
  color: #fff;
  text-align: center;
}
.hp_5 .row > div h4 {
  font-weight: 600;
}
.hp_5 .row > div img {
  margin-bottom: 1em;
}
.hp_5 .row > div p {
  font-weight: 300;
  font-size: 1.4166666667em;
}
.hp_5 .row > div:first-child img {
  width: 2.6666666667em;
}
.hp_5 .row > div:nth-child(2) img {
  width: 3em;
}
.hp_5 .row > div:nth-child(3) img {
  width: 4.25em;
}

.hp_6 {
  margin: 2em 0;
}
.hp_6 .left {
  padding-right: 1.0833333333em;
}
.hp_6 .logos .OrcaTech {
  width: 4.6666666667em;
}
.hp_6 .logos .Pega {
  width: 3.75em;
}
.hp_6 .logos .HPE {
  width: 6em;
}
.hp_6 .logos .IBM {
  width: 4.8333333333em;
}
.hp_6 .logos .azul {
  width: 4.8333333333em;
}
.hp_6 .logos .Google {
  width: 5.5833333333em;
}
.hp_6 .logos .Abnormal {
  width: 7.25em;
}
.hp_6 .logos .Veeam {
  width: 6.8333333333em;
}
.hp_6 .logos .Acronis {
  width: 6.5em;
}
.hp_6 .logos .NTT {
  width: 5.75em;
}
.hp_6 .logos .Barracuda {
  width: 7.75em;
}
.hp_6 .logos .Nutanix {
  width: 7.6666666667em;
}
.hp_6 .logos .Druva {
  width: 5.5em;
}
.hp_6 .logos .freshworks {
  width: 8.3333333333em;
}
.hp_6 .logos .LogRhythm {
  width: 9.0833333333em;
}
.hp_6 .logos .lightspeed {
  width: 8.6666666667em;
}
.hp_6 .logos .PureStorage {
  width: 9.9166666667em;
}
.hp_6 .logos .Juniper {
  width: 6.5em;
}
.hp_6 .logos .HeyYou {
  width: 3.9166666667em;
}
.hp_6 .logos img {
  margin: 1.7333333333em 2.1666666667em;
}

.hp_7 {
  background: rgb(0, 63, 219);
  background: linear-gradient(41deg, rgb(0, 63, 219) 0%, rgb(32, 56, 223) 23%, rgb(67, 48, 228) 54%, rgb(89, 43, 231) 79%, rgb(98, 42, 233) 95%);
  position: relative;
}
.hp_7:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2.4441666667em;
  background-color: #fff;
}
.hp_7 .left img {
  position: relative;
  z-index: 2;
  width: 40.1666666667em;
}
.hp_7 .right {
  color: #fff;
  padding-left: 2.8888916667em;
  padding-right: 5.777775em;
  margin-top: 2.4444416667em;
}
.hp_7 .right a {
  color: #AED7FF;
}

.contact_section {
  padding-top: 2.8888916667em;
  padding-bottom: 2.8888916667em;
}
.contact_section .left {
  padding-right: 11.5555833333em;
}
.contact_section .left img {
  width: 7em;
  margin-bottom: 1.5em;
}
.contact_section .form-floating > .form-control-plaintext ~ label::after, .contact_section .form-floating > .form-control:focus ~ label::after, .contact_section .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .contact_section .form-floating > .form-select ~ label::after {
  background-color: transparent;
}
.contact_section .form-floating .form-control {
  border: none;
  border-bottom: 1px solid #4D4D4D;
  border-radius: 0;
  height: 4.4444416667rem;
  min-height: 4.4444416667rem;
  font-size: 1.4166666667em;
}
.contact_section .form-floating .form-control.is-invalid {
  border-color: #dc3545;
}
.contact_section .form-floating .form-control::placeholder {
  font-style: italic;
}
.contact_section .form-floating textarea.form-control {
  height: 7.2225rem;
  min-height: 7.2225rem;
}
.contact_section .form-floating label {
  font-style: italic;
  color: #999;
  font-size: 1.4166666667em;
}

#loginmodal {
  background: linear-gradient(131.94deg, #1563FF 14.03%, #1F5CFC 19.26%, #4142F4 39.78%, #5A30ED 59.25%, #6925E9 77.04%, #6E21E8 91.63%);
}
#loginmodal .modal-content {
  background-color: transparent;
}
#loginmodal .form-group label {
  font-size: 1.0833333333em;
  font-weight: 600;
  color: #333333;
  margin-bottom: 0.7222225em;
}
#loginmodal .form-group span.note {
  font-size: 0.9166666667em;
  font-style: italic;
  font-weight: 600;
}
#loginmodal .form-group span.note_sm {
  font-size: 0.8333333333em;
  font-style: italic;
  font-weight: 600;
}
#loginmodal .form-group textarea {
  min-height: 7em;
}
#loginmodal .form-control, #loginmodal .form-select {
  font-size: 1.0833333333rem;
  height: 2.8608333333rem;
}
#loginmodal .form-control:not(.is-invalid), #loginmodal .form-select:not(.is-invalid) {
  border-color: #dee2e6;
}
#loginmodal .modal-header {
  border-bottom: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
#loginmodal .modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
}
#loginmodal .login-box {
  width: 29.4441666667em;
}
#loginmodal .login-box h4 {
  margin-bottom: 0.75em;
  font-size: 1.5555583333em;
  color: #fff;
  text-align: center;
  font-weight: 600;
}
#loginmodal .login-box .box {
  background-color: #fff;
  padding: 2.8888916667em 3.177775em;
  border-top-right-radius: 0.75em;
  border-top-left-radius: 4em;
  border-bottom-left-radius: 0.75em;
  border-bottom-right-radius: 4em;
}
#loginmodal .login-box .remember-forgot {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#loginmodal .login-box .remember-forgot .form-check {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}
#loginmodal .login-box .remember-forgot .form-check-input {
  margin: 0 0.25em 0 0;
  float: none;
}
#loginmodal .login-box .remember-forgot .form-check-label {
  margin-top: 0.2em;
  color: #808080;
  line-height: normal;
}
#loginmodal .login-box .remember-forgot a {
  font-size: 1em;
  display: inline-block;
  line-height: normal;
  color: #333333;
}
#loginmodal .login-box .button-wrap {
  text-align: center;
}
#loginmodal .login-box .forgot {
  display: none;
}
#loginmodal .login-box .forgot .remember-forgot {
  justify-content: end;
}
#loginmodal .login-box .forgot .button-wrap {
  text-align: left;
}
#loginmodal .login-box.forgot_successful > h4 {
  display: none;
}
#loginmodal .login-box.forgot_successful .forgot_success {
  display: block;
}
#loginmodal .login-box.forgot_successful .forgot_initial {
  display: none;
}

.es_1 {
  padding-bottom: 7.222225em;
}
.es_1 .left {
  width: 50%;
  padding-right: 2.8888916667em;
}
.es_1 .right {
  width: 50%;
}
.es_1 .right img {
  width: 37.8333333333em;
}
.es_1 p {
  font-size: 1.4166666667em;
}

.es_2 {
  background-color: #EEF7FF;
}
.es_2 .row-1 {
  padding-top: 4.3333333333em;
}
.es_2 .row-1 .left {
  margin-top: -7.9444416667em;
}
.es_2 .row-1 .left img {
  width: 36.5em;
}
.es_2 .row-1 .right {
  padding-left: 2.8888916667em;
}
.es_2 .row-2 {
  padding-bottom: 4.3333333333em;
}
.es_2 .row-2 .left {
  margin-top: -4.3333333333em;
  padding-right: 4.3333333333em;
}
.es_2 .row-2 .right {
  position: relative;
  bottom: -8.6666666667em;
}
.es_2 .row-2 .right img {
  width: 35.3333333333em;
}
.es_2 p {
  font-size: 1.4166666667em;
}

.es_3 {
  padding-top: 7.222225em;
  padding-bottom: 7.222225em;
}
.es_3 .left img {
  width: 35.1666666667em;
}
.es_3 .right {
  padding-left: 4.3333333333em;
}
.es_3 p {
  font-size: 1.4166666667em;
}

.hrng_1 .left {
  width: 50%;
}
.hrng_1 .left p {
  font-size: 1.4166666667em;
}
.hrng_1 .right {
  width: 50%;
}
.hrng_1 .right img {
  margin-right: -3.1055583333em;
  width: 41.9166666667em;
}

.hrng_2 > div {
  position: relative;
}
.hrng_2 > div:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14.4155833333em;
  width: 2px;
  height: 100%;
  background-color: #5097FF;
}
.hrng_2 > div > div.d-flex {
  margin: 4.3333333333em 0;
  position: relative;
}
.hrng_2 > div > div.d-flex:first-child:before {
  content: "";
  background-color: #fff;
  width: 2.8888916667em;
  height: 50%;
  position: absolute;
  left: 13em;
  top: 0;
}
.hrng_2 > div > div.d-flex:first-child .left img {
  width: 3.75em;
}
.hrng_2 > div > div.d-flex:nth-child(2) .left img {
  width: 2.9166666667em;
}
.hrng_2 > div > div.d-flex:nth-child(3) .left img {
  width: 4.4166666667em;
}
.hrng_2 > div > div.d-flex:nth-child(4):before {
  content: "";
  background-color: #fff;
  width: 2.8888916667em;
  height: 50%;
  position: absolute;
  left: 13em;
  bottom: 0;
}
.hrng_2 > div > div.d-flex:nth-child(4) .left img {
  width: 4.4166666667em;
}
.hrng_2 > div > div.d-flex .left {
  width: 10.4166666667vw;
}
.hrng_2 > div > div.d-flex .left img {
  margin-bottom: 0.5rem;
}
.hrng_2 > div > div.d-flex .right {
  position: relative;
  padding-left: 7.222225em;
}
.hrng_2 > div > div.d-flex .right:before {
  content: "";
  width: 1.5833333333em;
  height: 1.5833333333em;
  border-radius: 100%;
  border: 2px solid #5097FF;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 2.6em;
  transform: translateY(-50%);
  background-color: #fff;
}
.hrng_2 > div > div.d-flex .right p {
  font-size: 1.4166666667em;
}

.pr_1 {
  padding-bottom: 2.8888916667em;
}
.pr_1 .left {
  padding-right: 2.8888916667em;
}
.pr_1 .left p {
  font-size: 1.4166666667em;
}
.pr_1 .left, .pr_1 .right {
  width: 50%;
}
.pr_1 .right img {
  width: 40.9166666667em;
}

.abt_1 .left {
  padding-right: 4.3333333333em;
}
.abt_1 .left p {
  font-size: 1.4166666667em;
}
.abt_1 .left, .abt_1 .right {
  width: 50%;
}
.abt_1 .right img {
  width: 37.75em;
}

.con_1 .left, .con_1 .right {
  width: 50%;
}
.con_1 .left svg {
  width: 1.2170166667em;
  font-size: 1rem;
}
.con_1 .left h2 {
  line-height: normal;
}
.con_1 .right img {
  width: 33.3333333333em;
}

@media only screen and (max-width: 992px) {
  .marketing_page {
    font-size: 18px;
  }
  .marketing_page #footer .icon {
    width: 1.5616666667em;
  }
  .marketing_page #footer .logo {
    width: 12.2222222222em;
  }
  .marketing_page #footer li {
    font-size: 0.7777777778em;
  }
  .marketing_page #footer .copyright {
    font-size: 0.6111111111em;
  }
  .marketing_page #header.logged_in .top .inner-container {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
  }
  .marketing_page #offcanvas_main_menu_mobile {
    font-size: 14.625px;
  }
  .inner-container, .inner-container-lg, .inner-container-sm, .inner-container-xl {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
  .hp_1 {
    height: 22.2222222222em;
  }
  .hp_1 .left {
    padding-right: 2em;
    margin-bottom: 1em;
    width: 60%;
  }
  .hp_1 p {
    font-size: 1.3333333333em;
  }
  .hp_1 .right {
    text-align: right;
    width: 40%;
    top: 50%;
    transform: translateY(-50%);
  }
  .hp_1 .right img {
    width: 30.5555555556em;
  }
  .eot_logo_home {
    width: 13.8888888889em;
    margin-bottom: 2em;
  }
  .hp_2 .left > div.row:first-child img {
    width: 6.7222222222em;
  }
  .hp_2 .left > div.row:nth-child(2) img {
    width: 6.7222222222em;
  }
  .hp_2 .left > div.row:nth-child(3) img {
    width: 6.9444444444em;
  }
  .hp_2 .left > div.row:nth-child(4) img {
    width: 6.7222222222em;
  }
  .hp_2 .left > div.row ul li {
    font-size: 1em;
  }
  .hp_2 .left > div.row h3 {
    font-size: 1.1111111111em;
  }
  .hp_2 .left > div.row p {
    font-size: 1em;
  }
  .hp_2 .right {
    justify-content: center;
  }
  .hp_2 .right > div {
    width: 40%;
    height: 21.1111111111em;
    font-size: 1em;
  }
  .hp_2 .right > div:first-child {
    margin-right: 2.5em;
  }
  .hp_2 .right > div:first-child img {
    width: 9.8888888889em;
  }
  .hp_2 .right > div:nth-child(2) img {
    width: 9.1666666667em;
  }
  .hp_2 .right > div:nth-child(3) {
    margin-right: 2.5em;
  }
  .hp_2 .right > div:nth-child(3) img {
    width: 10.9444444444em;
  }
  .hp_2 .right > div:nth-child(4) img {
    width: 11.0555555556em;
  }
  .hp_2 .right > div h4 {
    font-size: 1em;
  }
  .pricing_section {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .pricing_section .main_img {
    width: 21.1111111111em;
  }
  .pricing_section .right {
    padding-left: 0.75em;
    padding-right: 0.75em;
    margin-top: 0;
  }
  .pricing_section .right p {
    font-size: 1em;
  }
  .pricing_section .form-group label {
    font-size: 0.7777777778em;
  }
  .pricing_section .form-group span.note {
    font-size: 0.6666666667em;
  }
  .pricing_section .form-group span.note_sm {
    font-size: 0.6111111111em;
  }
  .hp_4 {
    margin-top: 3em;
  }
  .hp_4 .right img {
    width: 22.2222222222em;
  }
  .hp_4 .left p {
    font-size: 1em;
  }
  .hp_4 .left h2 {
    font-size: 1.3333333333em;
  }
  .hp_5 .box {
    padding: 2em 3em;
  }
  .hp_5 .row > div:first-child img {
    width: 2.6111111111em;
  }
  .hp_5 .row > div:nth-child(2) img {
    width: 2.9811111111em;
  }
  .hp_5 .row > div:nth-child(3) img {
    width: 4.2888888889em;
  }
  .hp_5 .row > div h4, .hp_5 .row > div p {
    font-size: 1em;
  }
  .hp_6 {
    margin: 3em 0;
  }
  .hp_6 .logos .OrcaTech {
    width: 3.2814444444em;
  }
  .hp_6 .logos .Pega {
    width: 2.6436666667em;
  }
  .hp_6 .logos .HPE {
    width: 4.214em;
  }
  .hp_6 .logos .IBM {
    width: 3.4070555556em;
  }
  .hp_6 .logos .azul {
    width: 3.3595em;
  }
  .hp_6 .logos .Google {
    width: 3.9013333333em;
  }
  .hp_6 .logos .Abnormal {
    width: 5.1014444444em;
  }
  .hp_6 .logos .Veeam {
    width: 4.7584444444em;
  }
  .hp_6 .logos .Acronis {
    width: 4.5511666667em;
  }
  .hp_6 .logos .NTT {
    width: 4.0382222222em;
  }
  .hp_6 .logos .Barracuda {
    width: 5.4444444444em;
  }
  .hp_6 .logos .Nutanix {
    width: 5.3674444444em;
  }
  .hp_6 .logos .Druva {
    width: 3.8585555556em;
  }
  .hp_6 .logos .freshworks {
    width: 5.8333333333em;
  }
  .hp_6 .logos .LogRhythm {
    width: 6.3567777778em;
  }
  .hp_6 .logos .lightspeed {
    width: 6.0585em;
  }
  .hp_6 .logos .PureStorage {
    width: 6.9688888889em;
  }
  .hp_6 .logos .Juniper {
    width: 4.5476666667em;
  }
  .hp_6 .logos .HeyYou {
    width: 2.7222222222em;
  }
  .hp_6 .logos img {
    margin: 1.2em 1.5em;
  }
  .hp_6 h1 {
    font-size: 1.5555555556em;
  }
  .hp_7:before {
    display: none;
  }
  .hp_7 .left img {
    width: 22.2222222222em;
  }
  .hp_7 .right {
    padding: 2em 4em 2em 2em;
  }
  .contact_section .left img {
    width: 2.8105555556em;
  }
  .contact_section .left h1 {
    font-size: 1.5555555556em;
  }
  .contact_section .form-floating .form-control {
    height: 4.4444444444em;
    min-height: 4.4444444444em;
    font-size: 0.8888888889em;
  }
  .contact_section .form-floating textarea.form-control {
    height: 7.2222222222em;
    min-height: 7.2222222222em;
  }
  .contact_section .form-floating label {
    font-size: 1em;
  }
  .es_1 {
    padding-bottom: 2em;
  }
  .es_1 .left, .es_1 .right {
    width: 100%;
  }
  .es_1 .right {
    padding-right: 0;
  }
  .es_1 .right img {
    width: 16.6666666667em;
  }
  .es_1 p {
    font-size: 1em;
  }
  .es_2 .row-1 {
    padding-top: 2em;
  }
  .es_2 .row-1 .left {
    margin-top: 1.5em;
    margin-bottom: 0;
  }
  .es_2 .row-1 .left img {
    width: 16.6666666667em;
  }
  .es_2 .row-1 .right {
    padding-left: 0.75rem;
  }
  .es_2 .row-2 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .es_2 .row-2 .left {
    margin-top: 0;
    padding-right: 3em;
  }
  .es_2 .row-2 .right {
    bottom: 0;
    margin-bottom: 0;
    margin-top: 1.5em;
  }
  .es_2 .row-2 .right img {
    width: 16.6666666667em;
  }
  .es_2 p {
    font-size: 1em;
  }
  .es_3 {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .es_3 .left img {
    width: 16.6666666667em;
  }
  .es_3 .right {
    padding-left: 0.75rem;
  }
  .es_3 p {
    font-size: 1em;
  }
  .hrng_1 .left, .hrng_1 .right {
    width: 50%;
  }
  .hrng_1 .left p {
    font-size: 1em;
  }
  .hrng_1 .right img {
    width: 22.2222222222em;
  }
  .hrng_2 > div:before {
    left: 12.5em;
  }
  .hrng_2 > div > div.d-flex {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .hrng_2 > div > div.d-flex:first-child .left img {
    width: 3.0044444444em;
  }
  .hrng_2 > div > div.d-flex:first-child:before {
    left: 9em;
  }
  .hrng_2 > div > div.d-flex:nth-child(2) .left img {
    width: 2.3244444444em;
  }
  .hrng_2 > div > div.d-flex:nth-child(3) .left img {
    width: 3.56em;
  }
  .hrng_2 > div > div.d-flex:nth-child(4) .left img {
    width: 3.5644444444em;
  }
  .hrng_2 > div > div.d-flex:nth-child(4):before {
    left: 9em;
  }
  .hrng_2 > div > div.d-flex .left {
    width: 8.8888888889em;
  }
  .hrng_2 > div > div.d-flex .left h3 {
    font-size: 1.1111111111em;
  }
  .hrng_2 > div > div.d-flex .right {
    flex: 1;
    padding-left: 5em;
  }
  .hrng_2 > div > div.d-flex .right:before {
    width: 1em;
    height: 1em;
    left: 1.2em;
  }
  .hrng_2 > div > div.d-flex .right p {
    font-size: 1em;
  }
  .pr_1 .left p, .abt_1 .left p {
    font-size: 1em;
  }
  .pr_1 .right img, .abt_1 .right img {
    width: 22.2222222222em;
  }
  .con_1 .left h2 {
    font-size: 1.3333333333em;
  }
}
@media only screen and (max-width: 576px) {
  .inner-container, .inner-container-lg, .inner-container-sm, .inner-container-xl {
    padding-left: 1em;
    padding-right: 1em;
  }
  .hp_1 {
    height: auto;
    flex-direction: column;
  }
  .hp_1 .left {
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
  }
  .hp_1 .left .d-flex {
    flex-direction: column;
  }
  .hp_1 .left .d-flex > a:first-child {
    margin-right: 0 !important;
    margin-bottom: 1em;
  }
  .hp_1 .right {
    width: 100%;
    position: relative;
    top: auto;
    transform: none;
    right: -1em;
  }
  .hp_1 .right img {
    width: 90%;
  }
  .hp_2 .left > div.row {
    padding-right: 0;
  }
  .hp_2 .left > div.row h3 {
    margin-top: 0.5rem;
  }
  .hp_2 .left > div.row:first-child img {
    width: 3.3611111111em;
  }
  .hp_2 .left > div.row:nth-child(2) img {
    width: 3.3611111111em;
  }
  .hp_2 .left > div.row:nth-child(3) img {
    width: 3.4722222222em;
  }
  .hp_2 .left > div.row:nth-child(4) img {
    width: 3.3611111111em;
  }
  .hp_2 .right > div {
    width: 80%;
    height: auto;
  }
  .hp_2 .right > div:first-child {
    margin: 0 0 1em;
  }
  .hp_2 .right > div:nth-child(2) {
    margin: 0 0 1em;
  }
  .hp_2 .right > div:nth-child(3) {
    margin: 0 0 1em;
  }
  .hp_2 .right > div:nth-child(4) {
    margin: 0;
  }
  .hp_4 {
    margin-top: 2em;
  }
  .hp_4 .left {
    padding-right: 1.5rem;
  }
  .hp_4 .left h2 {
    margin-top: 0.5em;
  }
  .hp_5 {
    margin-top: 2em;
  }
  .hp_5 .box {
    padding: 2em;
  }
  .hp_6 {
    margin: 3em 0;
  }
  .hp_6 .logos {
    display: flex;
  }
  .hp_6 .logos > div {
    flex-wrap: wrap;
  }
  .hp_6 .logos .OrcaTech {
    width: 2.6251666667em;
  }
  .hp_6 .logos .Pega {
    width: 2.1149444444em;
  }
  .hp_6 .logos .HPE {
    width: 3.3712222222em;
  }
  .hp_6 .logos .IBM {
    width: 2.7256666667em;
  }
  .hp_6 .logos .azul {
    width: 2.6876111111em;
  }
  .hp_6 .logos .Google {
    width: 3.1210555556em;
  }
  .hp_6 .logos .Abnormal {
    width: 4.0811666667em;
  }
  .hp_6 .logos .Veeam {
    width: 3.8067222222em;
  }
  .hp_6 .logos .Acronis {
    width: 3.6409444444em;
  }
  .hp_6 .logos .NTT {
    width: 3.2305555556em;
  }
  .hp_6 .logos .Barracuda {
    width: 4.3555555556em;
  }
  .hp_6 .logos .Nutanix {
    width: 4.2939444444em;
  }
  .hp_6 .logos .Druva {
    width: 3.0868333333em;
  }
  .hp_6 .logos .freshworks {
    width: 4.6666666667em;
  }
  .hp_6 .logos .LogRhythm {
    width: 5.0854444444em;
  }
  .hp_6 .logos .lightspeed {
    width: 4.8467777778em;
  }
  .hp_6 .logos .PureStorage {
    width: 5.5751111111em;
  }
  .hp_6 .logos .Juniper {
    width: 3.6381111111em;
  }
  .hp_6 .logos .HeyYou {
    width: 2.1777777778em;
  }
  .hp_6 .logos img {
    margin: 1em 0.5em;
  }
  .hp_7 .right {
    padding: 1em;
    margin-top: 0;
  }
  .hp_7 .right h1 {
    font-size: 1.5555555556em;
  }
  .contact_section .left {
    padding-right: 0.75rem;
  }
  .contact_section .left img {
    width: 2.7777777778em;
  }
  .es_1 .left {
    padding-right: 0;
  }
  .es_1 .right img {
    width: 13.8888888889em;
  }
  .es_2 .row-1 .left {
    margin-top: 0;
  }
  .es_2 .row-1 .left img {
    width: 13.8888888889em;
  }
  .es_2 .row-2 .left {
    padding-right: 0;
  }
  .es_2 .row-2 .right {
    margin-top: 0;
    padding-right: 0;
  }
  .es_2 .row-2 .right img {
    width: 13.8888888889em;
  }
  .es_3 {
    padding-top: 2em;
    padding-bottom: 0;
  }
  .es_3 .left img {
    width: 13.8888888889em;
  }
  .es_3 .right {
    padding-left: 0.75rem;
  }
  .hrng_1 .left, .hrng_1 .right {
    width: 100%;
  }
  .hrng_1 .right img {
    width: 16.6666666667em;
  }
  .hrng_2 > div:before {
    display: none;
  }
  .hrng_2 > div > div.d-flex {
    flex-direction: column;
    margin: 2em 0;
  }
  .hrng_2 > div > div.d-flex:before {
    display: none !important;
  }
  .hrng_2 > div > div.d-flex .left {
    width: 100%;
    margin-bottom: 0.5em;
  }
  .hrng_2 > div > div.d-flex .right {
    width: 100%;
    padding-left: 0;
  }
  .hrng_2 > div > div.d-flex .right:before {
    display: none;
  }
  .pr_1 .left, .pr_1 .right, .abt_1 .left, .abt_1 .right, .con_1 .left, .con_1 .right {
    width: 100%;
  }
  .pr_1 .left, .abt_1 .left, .con_1 .left {
    padding-right: 0;
  }
  .pr_1 .right img, .abt_1 .right img, .con_1 .right img {
    width: 16.6666666667em;
  }
  .pr_1 {
    padding-bottom: 0;
  }
}
html {
  font-size: 0.9375vw;
}

body[mdtimepicker-display=on] {
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  font-family: articulat-cf, sans-serif;
  font-weight: 500;
  background-color: #f5f5f5;
  overflow-y: scroll;
  font-size: 1em;
}
body.marketing_page {
  background-color: #fff;
}

.font-bold,
strong {
  font-weight: 700 !important;
}

.font-med {
  font-weight: 600 !important;
}

.font-heavy {
  font-weight: 900 !important;
}

.offcanvas {
  z-index: 5002;
}

h6 {
  font-size: 1.2222222222em;
}

@keyframes spin {
  0% {
    width: 5.5555555556em;
  }
  25% {
    width: 5.5555555556em;
    transform: rotate(0deg);
  }
  50% {
    width: 2.2222222222em;
    transform: rotate(360deg);
  }
  75% {
    width: 2.2222222222em;
    transform: rotate(0);
  }
  100% {
    width: 5.5555555556em;
  }
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  right: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  z-index: 9001;
  align-items: center;
  background: rgba(255, 255, 255, 0.75);
}
.loading__container {
  position: relative;
  width: 5.5555555556em;
  height: 5.5555555556em;
  border-radius: 100%;
  isolation: isolate;
  animation: spin 1s ease-in-out 0.2s forwards infinite;
}
.loading__ring {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.2222222222em;
  height: 2.2222222222em;
  border-radius: 2.5em;
  mix-blend-mode: overlay;
}
.loading__ring--orange {
  background-color: #ff9d00;
  right: 0;
}
.loading__ring--green {
  background-color: #0dbc9a;
  transform: translate(-50%, -50%);
  left: 50%;
}
.loading__ring--blue {
  background-color: #1563ff;
  left: 0;
}

.dropdown-hover:hover .dropdown-menu {
  display: block;
}

#header.logged_in {
  background-color: #fff;
}
#header .top {
  height: 3.6111111111em;
}
#header .top .inner-container {
  height: 3.6111111111em;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header ul.site-navbar-nav li {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
#header ul.site-navbar-nav li a {
  font-size: 1.09375vw;
  color: #333;
  font-weight: 600;
}
#header .bot {
  height: 3.6111111111em;
  background-color: #1563FF;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  width: 27px;
  height: 27px;
}

#logo img {
  width: 13.3055555556em;
}
#logo.org-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: normal;
}
#logo .eot img {
  width: 13.3055555556em;
}
#logo .sep {
  margin-left: 0.9444444444em;
  margin-right: 0.9444444444em;
  width: 1.5px;
  height: 2.5555555556em;
  align-self: stretch;
  background-color: #a5a5a5;
}
#logo .org {
  font-weight: 900;
  color: #1563FF;
  font-size: 1.3611111111em;
  line-height: normal;
  position: relative;
  top: 0.21em;
}

.rounded-profile-pic-sm,
.user_img {
  width: 1.75em;
  height: 1.75em;
  border-radius: 100%;
}

#ddlPriority ~ button,
#ddlStatuses ~ button {
  outline: none !important;
}
#ddlPriority ~ button:hover, #ddlPriority ~ button:active, #ddlPriority ~ button:focus, #ddlPriority ~ button.show,
#ddlStatuses ~ button:hover,
#ddlStatuses ~ button:active,
#ddlStatuses ~ button:focus,
#ddlStatuses ~ button.show {
  background-color: transparent;
  border-color: transparent;
  outline: none !important;
}
#ddlPriority ~ button .filter-option,
#ddlStatuses ~ button .filter-option {
  display: flex;
  align-items: center;
}

#ddlPriority ~ button[title=Low], #ddlPriority ~ button.Low {
  background-color: #57DDC3;
}
#ddlPriority ~ button[title=Medium], #ddlPriority ~ button.Medium {
  background-color: #FFCD2C;
}
#ddlPriority ~ button[title=High], #ddlPriority ~ button.High {
  background-color: #FF5F6B;
}

#ddlStatuses ~ button[title=New], #ddlStatuses ~ button.New {
  background-color: #14C6A4;
  color: #fff;
}
#ddlStatuses ~ button[title=Assigned], #ddlStatuses ~ button.Assigned {
  background-color: #FC8500;
  color: #fff;
}
#ddlStatuses ~ button[title=InProgress], #ddlStatuses ~ button.InProgress {
  background-color: #FFBD1A;
  color: #fff;
}
#ddlStatuses ~ button[title=Resolved], #ddlStatuses ~ button.Resolved {
  background-color: #003FDB;
  color: #fff;
}
#ddlStatuses ~ button[title=Closed], #ddlStatuses ~ button.Closed {
  background-color: #1563FF;
  color: #fff;
}

.history .item-your-message textarea:focus {
  outline: none;
  box-shadow: none;
}
.history .item-your-message .item .bot .btn-outline-secondary svg path {
  fill: #333;
}
.history .item-your-message .item .bot .btn-outline-secondary:hover svg path {
  fill: #fff;
}
.history .item-your-message .item .bot .btn-blue {
  width: 7em;
  justify-content: center;
}
.history .item-your-message .box:last-child .thumb:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  top: auto;
  background-color: #fff;
}
.history .box {
  padding-bottom: 1em;
  position: relative;
  padding-left: 3em;
}
.history .box:before {
  content: "";
  width: 1px;
  background-color: rgb(178.5, 178.5, 178.5);
  height: 100%;
  position: absolute;
  top: 0;
  left: 1.1em;
  transform: translate(-50%, 0);
}
.history .box:first-child .thumb:before, .history .box:last-child .thumb:before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  background-color: #fff;
}
.history .box:first-child .thumb:before {
  content: "";
  top: 0;
  left: 0;
}
.history .box:last-child .thumb:before {
  content: "";
  bottom: 0;
  left: 0;
}
.history .box .thumb {
  position: absolute;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  height: 100%;
}
.history .box .thumb img {
  position: relative;
  z-index: 2;
  width: 2.2em;
  height: 2.2em;
  border-radius: 100%;
  margin-top: -0.5em;
}
.history .box:nth-child(even) .item {
  background-color: hsl(0, 0%, 104%);
}
.history .item {
  border: 1px solid rgb(178.5, 178.5, 178.5);
  border-radius: 1em;
  padding: 1em;
}
.history .item .top {
  display: flex;
  margin-bottom: 1em;
}
.history .item .top > div:not(.dropdown) {
  font-size: 0.7777777778em;
}
.history .item .top > div:nth-child(2) {
  margin-left: auto;
}
.history .item .top a.more {
  padding-left: 1em;
  display: inline-block;
  width: 0.25em;
  height: 1em;
  background-size: 0.25em auto;
  background-repeat: no-repeat;
  background-position: top right;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 512'%3E%3Cpath d='M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z'/%3E%3C/svg%3E");
}
.history .item .mid {
  margin-bottom: 1em;
}
.history .item .mid .remarks {
  font-size: 0.7777777778em;
}
.history .item .mid .message {
  white-space: pre-wrap;
  margin-bottom: 1rem;
  font-size: 0.8888888889em;
}
.history .item .mid textarea {
  margin-bottom: 0.5rem;
}
.history .item .bot {
  display: flex;
  justify-content: end;
}
.history .item .bot .btn-outline-primary svg path {
  fill: #1563FF;
}
.history .item .bot .btn-outline-primary:hover svg path {
  fill: #fff;
}

.details-container .body .form-group > label {
  margin-left: 0;
}
.details-container .body .submitted_info {
  line-height: 1.3;
}
.details-container .body #body_message {
  height: 7em;
  overflow: auto;
}
.details-container .body label,
.details-container .body .label {
  font-weight: 700 !important;
}

#helpdesk_assignto_users ~ button,
#helpdesk_reportedby_users ~ button {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 100%;
  background-color: #1563FF;
  color: #fff;
  justify-content: center;
  padding: 0;
  align-items: center;
  line-height: 0;
  display: flex;
  cursor: pointer;
  border: none;
  outline: none;
  position: relative;
}
#helpdesk_assignto_users ~ button:hover, #helpdesk_assignto_users ~ button:active, #helpdesk_assignto_users ~ button:focus,
#helpdesk_reportedby_users ~ button:hover,
#helpdesk_reportedby_users ~ button:active,
#helpdesk_reportedby_users ~ button:focus {
  border: none;
  outline: none !important;
}
#helpdesk_assignto_users ~ button:after,
#helpdesk_reportedby_users ~ button:after {
  content: "+";
  border: none;
  margin: 0;
  position: absolute;
  z-index: 2;
}
#helpdesk_assignto_users ~ button .filter-option,
#helpdesk_reportedby_users ~ button .filter-option {
  display: none;
}

#helpdesk_reportedby_users ~ button:after {
  content: "✎";
  border: none;
  margin: 0;
  position: absolute;
  z-index: 2;
}

span.add_user {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 100%;
  background-color: #1563FF;
  color: #fff;
  justify-content: center;
  align-items: center;
  line-height: 0;
  font-size: 1.3em;
  display: flex;
  cursor: pointer;
}

.user_thumb {
  position: relative;
  margin-right: 0.5em;
}
.user_thumb:hover span.remove {
  display: flex;
}
.user_thumb span.remove {
  display: none;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 100%;
  background-color: rgba(255, 95, 107, 0.75);
  color: #fff;
  justify-content: center;
  align-items: center;
  line-height: normal;
  font-size: 1.3em;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

input[type=radio]#low:checked + .btn {
  background-color: #57DDC3;
  border-color: #57DDC3;
}
input[type=radio]#medium:checked + .btn {
  background-color: #FFBD1A;
  border-color: #FFBD1A;
}
input[type=radio]#high:checked + .btn {
  background-color: #FF5F6B;
  border-color: #FF5F6B;
}

#c_user .dropdown-toggle {
  outline: none;
  border: none;
  background: transparent;
}
#c_user .dropdown-toggle:after {
  display: none;
}
#c_user .dropdown-item:active {
  background-color: #5097FF;
}
#c_user .c_user_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
#c_user .left {
  width: 2.5555555556em;
}
#c_user .left img {
  border-radius: 40%;
  width: 2.5555555556em;
}
#c_user .right {
  padding-left: 0.5em;
  display: flex;
  align-items: center;
  line-height: normal;
}
#c_user .right > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: start;
}
#c_user .right > div:last-child {
  margin-left: 0.5em;
}
#c_user .right > div svg {
  width: 0.75em;
}
#c_user .right > div svg path {
  fill: #333;
}
#c_user .right .name,
#c_user .right .position {
  font-size: 1em;
}
#c_user .right .name {
  margin-bottom: 0.25em;
  font-weight: 600;
  color: #333;
}
#c_user .right .name span:last-child {
  display: none;
}
#c_user .right .position {
  color: #1563FF;
  font-weight: 500;
  font-size: 0.7777777778em;
}

a {
  color: #1563FF;
}
a.orange {
  color: #FF9D00;
}
a.purple {
  color: #7647EA;
}
a.green {
  color: #0DBC9A;
}
a.gray {
  color: #646464;
}

.content-with-sidebar {
  display: flex;
}
.content-with-sidebar .left,
.content-with-sidebar .right {
  border: 1px solid red;
  width: 11.1111111111em;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  padding-right: 0.25rem;
}

.breadcrumb {
  font-size: 0.6666666667em;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.breadcrumb a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
}
.breadcrumb .breadcrumb-item {
  padding-left: 0.25rem;
}
.breadcrumb .breadcrumb-item:first-child {
  padding-left: 0;
}
.breadcrumb .breadcrumb-item.active {
  color: #5097FF;
  text-decoration: underline;
}

.btn-icon {
  height: 1em;
  margin-right: 0.4em;
}

.btn {
  height: 2.2222222222em;
  display: inline-flex;
  line-height: normal;
  padding: 0;
  align-items: center;
  font-weight: 400;
  padding-left: 0.9rem;
  padding-right: 0.9rem;
  border-radius: 1.2rem;
  justify-content: space-between;
}
.btn.btn-slightly-rounded {
  border-radius: 0.5rem;
}
.btn.right-icon svg {
  margin-left: 0.35rem;
  margin-right: 0;
}
.btn.disabled, .btn:disabled {
  border-color: transparent;
}
.btn svg {
  margin-top: -0.15em;
  height: 0.7222222222em;
  margin-right: 0.35rem;
}
.btn span {
  font-size: 0.8333333333em;
}
.btn.btn-outline-gray {
  border: 1px solid #808080 !important;
  color: #808080;
}
.btn.btn-no-bg {
  color: #808080;
}
.btn.btn-no-bg svg path {
  fill: #808080;
}
.btn.btn-blue {
  background-color: #1563FF !important;
  color: #fff !important;
}
.btn.btn-blue:hover, .btn.btn-blue:active, .btn.btn-blue:focus {
  background-color: rgb(46.5, 116, 255);
  color: #fff;
}
.btn.btn-blue-light {
  background-color: #5097FF !important;
  color: #fff !important;
}
.btn.btn-blue-light:hover, .btn.btn-blue-light:active, .btn.btn-blue-light:focus {
  background-color: rgb(105.5, 166.1542857143, 255);
  color: #fff;
}
.btn.btn-blue-dark {
  background-color: #003FDB !important;
  color: #fff !important;
}
.btn.btn-blue-dark:hover, .btn.btn-blue-dark:active, .btn.btn-blue-dark:focus {
  background-color: rgb(0, 70.3356164384, 244.5);
  color: #fff;
}
.btn.btn-purp {
  background-color: #7647EA !important;
  color: #fff !important;
}
.btn.btn-purp:hover, .btn.btn-purp:active, .btn.btn-purp:focus {
  background-color: rgb(135.0414634146, 93.887804878, 236.612195122);
  color: #fff;
}
.btn.btn-purp-light {
  background-color: #8462EF !important;
  color: #fff !important;
}
.btn.btn-purp-light:hover, .btn.btn-purp-light:active, .btn.btn-purp-light:focus {
  background-color: rgb(150.1300578035, 121.1416184971, 241.3583815029);
  color: #fff;
}
.btn.btn-green-light {
  background-color: #14C6A4 !important;
  color: #fff !important;
}
.btn.btn-green-light:hover, .btn.btn-green-light:active, .btn.btn-green-light:focus {
  background-color: rgb(22.3394495413, 221.1605504587, 183.1834862385);
  color: #fff;
}
.btn.btn-green {
  background-color: #0DBC9A !important;
  color: #fff !important;
}
.btn.btn-green:hover, .btn.btn-green:active, .btn.btn-green:focus {
  background-color: rgb(14.6492537313, 211.8507462687, 173.5373134328);
  color: #fff;
}
.btn.btn-orange {
  background-color: #FF9D00 !important;
  color: #fff !important;
}
.btn.btn-orange:hover, .btn.btn-orange:active, .btn.btn-orange:focus {
  background-color: rgb(255, 166.8, 25.5);
  color: #fff;
}
.btn.btn-orange-dark {
  background-color: #FC8500 !important;
  color: #fff !important;
}
.btn.btn-orange-dark:hover, .btn.btn-orange-dark:active, .btn.btn-orange-dark:focus {
  background-color: rgb(255, 145.2083333333, 22.5);
  color: #fff;
}
.btn.btn-orange-darker {
  background-color: #F96A00 !important;
  color: #fff !important;
}
.btn.btn-orange-darker:hover, .btn.btn-orange-darker:active, .btn.btn-orange-darker:focus {
  background-color: rgb(255, 119.7530120482, 19.5);
  color: #fff;
}
.btn.btn-gray {
  background-color: #333 !important;
  color: #fff !important;
}
.btn.btn-gray:hover, .btn.btn-gray:active, .btn.btn-gray:focus {
  background-color: rgb(63.75, 63.75, 63.75);
  color: #fff;
}
.btn.btn-gray-lighter {
  background-color: #4D4D4D !important;
  color: #fff !important;
}
.btn.btn-gray-lighter:hover, .btn.btn-gray-lighter:active, .btn.btn-gray-lighter:focus {
  background-color: rgb(89.75, 89.75, 89.75);
  color: #fff;
}
.btn.btn-gray-light {
  background-color: #dedede !important;
  color: #4d4d4d !important;
}
.btn.btn-gray-light:hover, .btn.btn-gray-light:active, .btn.btn-gray-light:focus {
  background-color: rgb(234.75, 234.75, 234.75);
  color: #4d4d4d;
}
.btn.btn-gray-light svg path {
  fill: #4d4d4d;
}
.btn.btn-red {
  background-color: #ff4848 !important;
  color: #fff !important;
}
.btn.btn-red:hover, .btn.btn-red:active, .btn.btn-red:focus {
  background-color: rgb(255, 97.5, 97.5);
  color: #fff;
}
.btn.btn-red svg path {
  fill: #fff;
}
.btn.btn-outline {
  border-color: #fff;
  color: #fff;
}
.btn.btn-outline-white {
  border-color: #fff;
  color: #fff;
  font-weight: 600;
  padding-left: 2.1666666667rem;
  padding-right: 2.1666666667rem;
  padding-top: 0.6583333333rem;
  padding-bottom: 0.6583333333rem;
  position: relative;
  font-size: 1.1666666667em;
}
.btn.btn-outline-white.btn-lg {
  font-size: 1.4444416667em;
  padding-top: 0.9316666667rem;
  padding-bottom: 0.9316666667rem;
}
.btn.btn-outline-blue {
  font-weight: 600;
  padding-left: 2.1666666667rem;
  padding-right: 2.1666666667rem;
  padding-top: 0.6583333333rem;
  padding-bottom: 0.6583333333rem;
  position: relative;
  color: #333333;
  background: #fff;
  background-clip: padding-box;
  border: solid 0.15625vw transparent;
  font-size: 1.1666666667em;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}
.btn.btn-outline-blue.btn-lg {
  font-size: 1.4444416667em;
  padding-top: 0.9316666667rem;
  padding-bottom: 0.9316666667rem;
}
.btn.btn-outline-blue.submit {
  background-color: #f9f9f9;
}
.btn.btn-outline-blue:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -0.15625vw;
  border-radius: inherit;
  background: linear-gradient(135deg, #1563ff, #5037ef, #6e21e8);
}
.btn.btn-outline-blue:hover, .btn.btn-outline-blue:active, .btn.btn-outline-blue:focus {
  border-color: #1563ff;
  color: #fff;
  background: linear-gradient(to right, #1563ff, #5037ef, #6e21e8);
}
.btn.btn-outline-blue:hover:before, .btn.btn-outline-blue:active:before, .btn.btn-outline-blue:focus:before {
  margin: 0;
  background: none;
}
.btn.btn-outline-blue:hover svg path, .btn.btn-outline-blue:active svg path, .btn.btn-outline-blue:focus svg path {
  fill: #fff;
}
.btn.btn-outline-blue.btn-rounded {
  border-radius: 2rem;
}
.btn.btn-outline-blue span {
  font-size: 1em;
}
.btn.btn-outline-blue svg {
  width: 0.4166666667em;
  margin: 0;
  height: auto;
  position: relative;
  top: -0.07em;
}
.btn.btn-outline-blue svg path {
  fill: #6e21e8;
}
.btn.btn-rounded {
  border-radius: 2rem;
}
.btn.btn-primary-blue {
  font-weight: 600;
  padding-left: 2.1666666667rem;
  padding-right: 2.1666666667rem;
  padding-top: 0.6583333333rem;
  padding-bottom: 0.6583333333rem;
  position: relative;
  color: #fff;
  background-clip: padding-box;
  background: linear-gradient(to right, #1563ff, #5037ef, #6e21e8);
  font-size: 1.1666666667em;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}
.btn.btn-primary-blue:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: inherit;
  margin: 0;
  background: none;
}
.btn.btn-primary-blue:hover, .btn.btn-primary-blue:active, .btn.btn-primary-blue:focus {
  border-color: #1563ff;
  color: #fff;
  background: linear-gradient(to right, #6e21e8, #5037ef, #1563ff);
}
.btn.btn-primary-blue:hover:before, .btn.btn-primary-blue:active:before, .btn.btn-primary-blue:focus:before {
  margin: 0;
}
.btn.btn-primary-blue:hover svg path, .btn.btn-primary-blue:active svg path, .btn.btn-primary-blue:focus svg path {
  fill: #fff;
}
.btn.btn-primary-blue.btn-lg {
  font-size: 1.4444416667em;
  padding-top: 0.9316666667rem;
  padding-bottom: 0.9316666667rem;
}
.btn.btn-primary-blue.btn-rounded {
  border-radius: 2rem;
}
.btn.btn-primary-blue svg {
  width: 0.4166666667em;
}
.btn.btn-primary-blue svg path {
  fill: #fff;
}

.btn.btn-gradient {
  position: relative;
  color: #343a40;
  background: #fff;
  background-clip: padding-box;
  border: 2px solid #1563ff;
  border-radius: 3px;
  padding-left: 3em;
  padding-right: 3em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  font-size: 0.9375vw;
}

.btn.btn-gradient:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -2px;
  border-radius: inherit;
  background: linear-gradient(135deg, #1563ff, #5037ef, #6e21e8);
}

.btn.btn-gradient:hover,
.btn.btn-gradient:active,
.btn.btn-gradient:focus {
  border-color: #1563ff;
  color: #fff;
  background: linear-gradient(to right, #1563ff, #5037ef, #6e21e8);
}

.btn.btn-gradient:hover:before,
.btn.btn-gradient:active:before,
.btn.btn-gradient:focus:before {
  margin: 0;
  background: none;
}

.btn.btn-gradient:hover svg path,
.btn.btn-gradient:active svg path,
.btn.btn-gradient:focus svg path {
  fill: #fff;
}

.btn.btn-gradient span {
  font-size: 0.9375vw;
  font-weight: 600;
}

.btn-check:checked + .btn-gradient {
  border-color: #1563ff;
  color: #fff;
  background: linear-gradient(to right, #1563ff, #5037ef, #6e21e8);
}

.btn-check:checked + .btn-gradient:before {
  margin: 0;
  background: none;
}

.btn-check:checked + .btn-gradient svg path {
  fill: #fff;
}

.last-edited {
  line-height: normal;
}
.last-edited > div:first-child {
  width: 1em;
}
.last-edited span {
  line-height: normal;
}

.revert {
  width: 0.9444444444em;
}

.hover-cursor-pointer {
  cursor: pointer;
}

.bg-none {
  background-color: transparent !important;
  background: none !important;
}

.btn-check:checked + .btn-gray-light {
  background-color: #8462EF !important;
  border-color: #8462EF !important;
  color: #fff !important;
}

.btn-sm {
  height: 1.8rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.btn-sm svg {
  width: 0.6rem;
}

tbody tr:hover {
  background-color: #fff !important;
}

.form-select,
.form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button {
  background-size: 0.85em auto !important;
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  --bs-form-select-bg-icon-size: 12px 12px; /* set the background size here */
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon);
  background-size: 0.85em auto !important;
}

#itemFilesTable th,
#itemFilesTable td {
  background-color: transparent;
}
#itemFilesTable thead th {
  border-top: 1.5px solid #bbbbbb;
  border-bottom: 1.5px solid #bbbbbb;
}

.table-with-inline-editing td:last-child .items-table-actions a:nth-child(2):not(.cancel):not(.convert) {
  display: none;
}
.table-with-inline-editing tr :disabled {
  padding: 0;
  border: none !important;
  overflow: hidden;
  width: 100%;
  resize: none;
  color: #000;
}
.table-with-inline-editing tr select:disabled {
  height: auto;
  background-color: transparent;
  background: none;
}

.scrolled-down {
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}

.scrolled-up {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}

.preview-content .sec-tracker-wrap {
  -webkit-transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -ms-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  height: calc(100vh - 9.4em);
  display: flex;
  align-items: center;
}
.preview-content .sec-tracker-wrap.scrolled-down {
  height: 100vh;
  transform: none;
}
.preview-content .sec-tracker-wrap.scrolled-up {
  transform: none;
  top: 9em;
}
.preview-content .sec-tracker {
  position: relative;
  -webkit-transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -ms-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 85%;
  width: 13.2em;
}
.preview-content .sec-tracker:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0.6em;
  height: 100%;
  width: 2px;
  background-color: #e1e1e1;
}
.preview-content .sec-tracker .sec-label-wrap {
  display: flex;
  justify-content: end;
  align-items: center;
  line-height: normal;
  width: 100%;
}
.preview-content .sec-tracker .sec-label-wrap.active .sec-label,
.preview-content .sec-tracker .sec-label-wrap.active .circ {
  opacity: 1;
}
.preview-content .sec-tracker .sec-label-wrap.active .circ {
  background-color: #1563FF;
}
.preview-content .sec-tracker .sec-label-wrap.active .circ span {
  background-color: #1563FF;
}
.preview-content .sec-tracker .sec-label-wrap .sec-label {
  opacity: 0.6;
  color: #1563FF;
  font-size: 1.1111111111em;
  width: calc(100% - 1.4375em);
  text-align: right;
  text-decoration: none;
  -webkit-transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -ms-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
}
.preview-content .sec-tracker .sec-label-wrap .sec-label.active {
  opacity: 1;
}
.preview-content .sec-tracker .sec-label-wrap .sec-label.active ~ .circ {
  opacity: 1;
  background-color: #1563FF;
}
.preview-content .sec-tracker .sec-label-wrap .sec-label.active ~ .circ span {
  background-color: #1563FF;
}
.preview-content .sec-tracker .sec-label-wrap .circ {
  -webkit-transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -ms-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  opacity: 0.6;
  width: 1.3333333333em;
  height: 1.2777777778em;
  border-radius: 100%;
  margin-left: 0.9em;
  z-index: 2;
  position: relative;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.preview-content .sec-tracker .sec-label-wrap .circ span {
  width: 1em;
  height: 1em;
  border-radius: 100%;
  border: 1.5px solid #1563FF;
  display: inline-block;
}
.preview-content .sec {
  display: flex;
  justify-content: start;
  width: 90%;
}
.preview-content .sec .num-title-wrap {
  margin-top: 2em;
  padding-top: 1em;
}
.preview-content .sec .num-title {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
}
.preview-content .sec .num-title .num {
  background-color: #1563FF;
  color: #fff;
  font-weight: 900;
  font-size: 2.2222222222em;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.16875rem;
  height: 5.16875rem;
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 1.75rem;
  border-bottom-left-radius: 1.75rem;
  border-bottom-right-radius: 0.35rem;
}
.preview-content .sec .num-title .title {
  margin-top: 1rem;
  color: #1563FF;
  font-size: 1.5555555556em;
  font-weight: 900;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  line-height: 1.2;
  width: 4.7222222222em;
}
.preview-content .sec .sec-content {
  padding-top: 3em;
  padding-bottom: 4em;
}
.preview-content .sec h3 {
  font-size: 1.7777777778em;
}
.preview-content .sec p,
.preview-content .sec li {
  font-size: 1.1111111111em;
  font-weight: 400;
}
.preview-content .sec .preview-table {
  width: 100%;
}
.preview-content .sec .preview-table.calculation th,
.preview-content .sec .preview-table.calculation td {
  padding-top: 0.35em;
  padding-bottom: 0.35em;
}
.preview-content .sec .preview-table.calculation th:first-child,
.preview-content .sec .preview-table.calculation td:first-child {
  width: auto;
}
.preview-content .sec .preview-table.calculation th:first-child span.lbl,
.preview-content .sec .preview-table.calculation td:first-child span.lbl {
  display: inline-block;
  width: 6.1111111111em;
}
.preview-content .sec .preview-table.calculation th:first-child .form-group input,
.preview-content .sec .preview-table.calculation td:first-child .form-group input {
  width: 10em;
}
.preview-content .sec .preview-table.calculation th:nth-child(2),
.preview-content .sec .preview-table.calculation td:nth-child(2) {
  width: 9.4444444444em;
}
.preview-content .sec .preview-table.calculation th:nth-child(2).takte,
.preview-content .sec .preview-table.calculation td:nth-child(2).takte {
  width: 18.8888888889em;
}
.preview-content .sec .preview-table.calculation th:last-child,
.preview-content .sec .preview-table.calculation td:last-child {
  width: 9.4444444444em;
  display: none;
}
.preview-content .sec .preview-table.takte th:first-child,
.preview-content .sec .preview-table.takte td:first-child {
  width: 25.1111111111em;
}
.preview-content .sec .preview-table.takte th:nth-child(2), .preview-content .sec .preview-table.takte th:nth-child(3), .preview-content .sec .preview-table.takte th:nth-child(4),
.preview-content .sec .preview-table.takte td:nth-child(2),
.preview-content .sec .preview-table.takte td:nth-child(3),
.preview-content .sec .preview-table.takte td:nth-child(4) {
  width: 9.4444444444em;
}
.preview-content .sec .preview-table td {
  font-weight: 400;
}
.preview-content .sec .preview-table th,
.preview-content .sec .preview-table td {
  padding: 0.15em 1em;
  font-size: 1em;
}
.preview-content .sec .preview-table th:first-child,
.preview-content .sec .preview-table td:first-child {
  width: auto;
}
.preview-content .sec .preview-table th {
  font-weight: 900;
  vertical-align: middle;
  border-bottom: 1.5px solid #b7b7b7;
  padding-top: 0.35em;
  padding-bottom: 0.35em;
}
.preview-content .sec .preview-table .info-icon {
  display: inline-block;
  position: relative;
  top: -0.1em;
}
.preview-content .sec .preview-table .info-icon img {
  width: 0.6833333333em;
  height: 0.6777777778em;
}
.preview-content .sec .num-list .num {
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 100%;
  background-color: #1563FF;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.15em;
  font-size: 0.85em;
  text-align: center;
}
.preview-content .sec .num-list .list-text {
  width: calc(100% - 1.5625em);
  padding-left: 1em;
}
.preview-content .sec-1 .sec-1-img-1 {
  width: 21.7555555556em;
}
.preview-content .sec-1 .sec-1-img-2 {
  width: 31.5374276352em;
}
.preview-content .sec-2 .icons > div:first-child img {
  width: 3.4455555556em;
}
.preview-content .sec-2 .icons > div:nth-child(2) img {
  width: 4.0833333333em;
}
.preview-content .sec-2 .icons > div:nth-child(3) img {
  width: 4.5166666667em;
}
.preview-content .sec-5 img {
  width: 19.9444444444em;
}
.preview-content .sec-7 img {
  width: 19.9444444444em;
}
.preview-content .sec-8 img {
  width: 29.2em;
}

.border-bottom-blue {
  border-bottom: 2px solid #1563FF;
}

.border-e-none {
  border-right: none !important;
}

.border-s-none {
  border-left: none !important;
}

#itemsTable tr :disabled {
  padding: 0;
  border: none;
  overflow: hidden;
  width: 100%;
  resize: none;
}
#itemsTable td,
#itemsTable th {
  background-color: transparent;
}
#itemsTable td:last-child .items-table-actions a:nth-child(2):not(.cancel) {
  display: none;
}
#itemsTable thead th {
  border-top: 1.5px solid #bbbbbb;
  border-bottom: 1.5px solid #bbbbbb;
}
#itemsTable thead th:first-child {
  width: 7em;
}
#itemsTable thead th:nth-child(2) {
  width: 30em;
}
#itemsTable thead th:last-child {
  width: 14em;
}

.bootstrap-select .dropdown-menu {
  z-index: 1081 !important;
}

.items-table-actions {
  display: flex;
  justify-content: end;
}
.items-table-actions a {
  display: flex;
  align-items: center;
  line-height: normal;
  font-weight: 600;
  margin-right: 0.5em;
}
.items-table-actions a.text-green svg path {
  fill: #0DBC9A;
}
.items-table-actions a.text-blue-light svg path {
  fill: #1563FF;
}
.items-table-actions a.text-orange svg path {
  fill: #FF9D00;
}
.items-table-actions a.text-red svg path {
  fill: #FF5F6B;
}
.items-table-actions a:last-child {
  margin-right: 0;
}
.items-table-actions a svg {
  position: relative;
  top: -0.1em;
  width: 1em;
  margin-right: 0.25em;
}

.pagination {
  align-items: center;
}
.pagination .page-item.active a.page-link {
  background-color: #1563FF;
  color: #fff;
  border-radius: 0.375rem;
}
.pagination .page-item .page-link {
  color: #333;
  border: none;
  font-size: 0.7222222222em;
  padding: 0.375rem 0.6666666667rem;
}
.pagination .page-item .page-link.next, .pagination .page-item .page-link.previous, .pagination .page-item .page-link.last, .pagination .page-item .page-link.first {
  font-size: 1.2rem;
}
.pagination .page-item.disabled .page-link {
  opacity: 0.8;
  background: none;
}

#primary_menu {
  background-color: #1563FF;
  padding-top: 0;
  padding-bottom: 0;
  height: 3.6111111111em;
}
#primary_menu .navbar-nav {
  flex-direction: row;
}
#primary_menu .nav-item {
  margin-right: 2.85em;
}
#primary_menu .nav-link {
  color: #fff;
  font-weight: 600;
  font-size: 1.1111111111em;
  padding: 0;
  line-height: normal;
}
#primary_menu .nav-link:hover, #primary_menu .nav-link:active, #primary_menu .nav-link:focus, #primary_menu .nav-link.active {
  color: #9CC9FF;
}

.flip {
  transform: rotate(180deg);
}

.mc_top_btns,
.inline-btn-group {
  display: flex;
}
.mc_top_btns > div,
.mc_top_btns > a,
.inline-btn-group > div,
.inline-btn-group > a {
  margin-right: 0.75rem;
}
.mc_top_btns > div:last-child,
.mc_top_btns > a:last-child,
.inline-btn-group > div:last-child,
.inline-btn-group > a:last-child {
  margin-right: 0;
}

.mc_top_btns.editing .edit {
  display: none;
}
.mc_top_btns.editing .cancel,
.mc_top_btns.editing .save {
  display: block !important;
}

#main_content .mc_top {
  padding-top: 0.85em;
  padding-bottom: 0.85em;
}

.invalid-feedback {
  font-size: 0.75em;
}

.mdtimepicker .mdtp__wrapper {
  bottom: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}

.trigger_timepicker {
  cursor: pointer;
}

.inactive_div {
  opacity: 0.6;
  background: #f3f3f3;
  cursor: not-allowed;
}

.form-group.tickbox_as_btns {
  width: auto !important;
}
.form-group.tickbox_as_btns.tickbox_as_btns_sm .item label {
  font-size: 0.75rem !important;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.form-group.tickbox_as_btns > label {
  color: #333;
  font-weight: 600;
  margin-left: 0.5rem;
  margin-bottom: 0.25rem;
  font-size: 0.9em;
}
.form-group.tickbox_as_btns .items {
  display: flex;
  flex-wrap: wrap;
}
.form-group.tickbox_as_btns .item {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}
.form-group.tickbox_as_btns .item:last-child {
  margin-right: 0;
}
.form-group.tickbox_as_btns .item input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
.form-group.tickbox_as_btns .item label {
  font-weight: 400 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  height: 2.6rem;
}
.form-group.tickbox_as_btns.blue-dark input:checked + label {
  background-color: rgb(55.8, 113.104109589, 255) !important;
}
.form-group.tickbox_as_btns.blue input:checked + label {
  background-color: rgb(112.8, 160.2, 255) !important;
}
.form-group.tickbox_as_btns.purp-light input:checked + label {
  background-color: rgb(99.2652542373, 50.7915254237, 215.8084745763) !important;
}
.form-group.tickbox_as_btns.gray-light input:checked + label {
  background-color: #003FDB !important;
  color: #fff !important;
}
.form-group.form-group-password {
  position: relative;
}
.form-group.form-group-password .is-invalid ~ a svg {
  right: 1.75em;
}
.form-group.form-group-password svg {
  position: absolute;
  width: 0.85em;
  top: 2.25em;
  right: 0.75em;
  cursor: pointer;
}
.form-group.form-group-password svg path {
  fill: #333;
}
.form-group.form-group-password svg.hide_pass {
  display: none;
}
.form-group.form-group-password.showing .hide_pass {
  display: block;
}
.form-group.form-group-password.showing .show_pass {
  display: none;
}

#content {
  margin-top: 1em;
}

.non-link {
  pointer-events: none;
}

#secondary_menu {
  background-color: #e6e7e8;
  margin-bottom: 1em;
  height: 3.3333333333em;
}
#secondary_menu .seconday_menu_inner {
  display: flex;
  align-items: stretch;
  height: 3.3333333333em;
}
#secondary_menu .back_link {
  display: flex;
  font-weight: 700;
  align-items: center;
  text-decoration: none;
  color: #333;
  line-height: normal;
  font-size: 1.1111111111em;
}
#secondary_menu .back_link svg {
  width: 0.4927777778rem;
  height: 0.86rem;
  margin-right: 0.25rem;
  margin-top: -0.1em;
}
#secondary_menu .left_info {
  font-weight: 700;
  padding-left: 1em;
  padding-right: 1em;
  margin-left: 1em;
  margin-right: 1em;
  border-left: 1.4px solid #c3c3c3;
  border-right: 1.4px solid #c3c3c3;
  display: flex;
  align-items: center;
}
#secondary_menu .left_info span.name {
  font-size: 1.1111111111em;
}
#secondary_menu .left_info .form-group select {
  border: 1px solid #bebebe;
  height: 2.6em;
  font-size: 1em;
  width: 13em;
}
#secondary_menu .right_menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
}
#secondary_menu .right_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#secondary_menu .right_menu ul li {
  display: inline-block;
}
#secondary_menu .right_menu ul li:last-child a {
  margin-right: 0;
}
#secondary_menu .right_menu ul li a {
  text-decoration: none;
  color: #333;
  font-weight: 700;
  margin-right: 1.7777777778em;
  font-size: 1.1111111111em;
}
#secondary_menu .right_menu ul li a i,
#secondary_menu .right_menu ul li a svg {
  width: 0.75rem;
  position: relative;
  top: -0.1rem;
}
#secondary_menu .right_menu ul li a:hover, #secondary_menu .right_menu ul li a.active {
  color: #1563FF;
}
#secondary_menu .right_menu .with_org_order_menu {
  display: flex;
  flex-wrap: wrap;
}
#secondary_menu .right_menu .with_org_order_menu .process_overview_link {
  position: absolute;
  bottom: -2.5em;
  right: 0;
  padding: 0.5em 1.5em;
  background-color: #f5f5f5;
  width: 100%;
  text-align: right;
}
#secondary_menu .right_menu .with_org_order_menu span.name {
  font-size: 1.1111111111em;
  font-weight: 700;
}

ol.lower-roman {
  list-style-type: lower-roman;
}
ol.lower-alpha {
  list-style-type: lower-alpha;
}
ol.terms-and-conditions, ol.code-of-conduct {
  list-style: none;
  padding-left: 0;
}
ol.terms-and-conditions li, ol.code-of-conduct li {
  margin-bottom: 0.75em;
}
ol.terms-and-conditions li span, ol.code-of-conduct li span {
  margin-right: 0.5em;
}
ol.list-style-none {
  list-style: none;
}
ol.list-bullet-mb-0 li {
  margin-bottom: 0;
}

ul.list-bullet-mb-0 li {
  margin-bottom: 0;
}
ul.list-col-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 27.7777777778em;
}
ul.list-col-2 li {
  width: 48%;
}
ul.list-blue {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.list-blue li {
  color: #1563FF;
  position: relative;
  padding-left: 0.85em;
}
ul.list-blue li:before {
  content: "";
  position: absolute;
  top: 0.45em;
  left: 0;
  width: 0.3em;
  height: 0.3em;
  background-color: #1563FF;
  border-radius: 100%;
}
ul.list-blue li span {
  color: #000;
}

.input-daterange input {
  text-align: left !important;
  border-radius: var(--bs-border-radius) !important;
}

.cols,
.cols-tablet {
  display: flex;
  justify-content: space-between;
}

.drop-zone {
  border-radius: 0.75em;
  border: 2px dashed #e6e8e9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 1.5em;
  cursor: pointer;
  margin-bottom: 1em;
  height: 13.8888888889em;
}
.drop-zone .drop-zone__prompt {
  text-align: center;
}
.drop-zone .drop-zone--over {
  border-style: solid;
}
.drop-zone .drop-zone__thumb {
  width: 10em;
  height: 10em;
  border-radius: 0.75em;
  overflow: hidden;
  background-color: #afb5ba;
  background-size: cover;
  position: relative;
}
.drop-zone .drop-zone__thumb:after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.25em 0;
  color: #fff;
  background: #5097ff;
  font-size: 0.75em;
  text-align: center;
}
.drop-zone svg {
  color: #5097ff;
  width: 4em;
  height: 4em;
  margin-bottom: 1em;
}
.drop-zone input[type=file] {
  display: none;
}

.contract-content td {
  font-size: 1rem;
}

.font-size-sm {
  font-size: 1em;
}

span.exc {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' class='bi bi-exclamation' viewBox='0 0 16 16'%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.553.553 0 0 1-1.1 0L7.1 4.995z'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 0.85em;
  height: 0.85em;
  background-color: #ff5555;
  display: inline-block;
  border-radius: 100%;
  margin-left: 0.35em;
  top: 0.08em;
  position: relative;
}

.title-sm {
  font-size: 1.1111111111rem;
}

.form-check > input {
  border: 1px solid #bebebe;
}

.border,
.border-bottom,
.border-top {
  border-color: #cecece !important;
}

#accordionHMO {
  background-color: transparent;
}
#accordionHMO .accordion-button {
  padding: 0 0 1rem;
  background-color: transparent;
  border: none;
}
#accordionHMO .accordion-button:active, #accordionHMO .accordion-button:focus {
  box-shadow: none;
}
#accordionHMO .accordion-item {
  border: none;
  margin-bottom: 1em;
  background-color: transparent;
}
#accordionHMO .accordion-body {
  padding: 0;
  border: none;
  background-color: transparent;
}

.with-left-sidebar aside {
  width: 18.2777777778em;
  padding: 0.8888888889em 0.8888888889em;
  margin-right: 1em;
  margin-top: 0;
}
.with-left-sidebar aside.sticky-top {
  z-index: 1019;
  top: 11.5558333333em;
}
.with-left-sidebar aside.helpdesk_sidebar {
  width: 27.7777777778em;
}
.with-left-sidebar aside ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.with-left-sidebar aside ul li {
  display: block;
  margin: 0.25em 0;
}
.with-left-sidebar aside ul li button,
.with-left-sidebar aside ul li a {
  display: inline-block;
  width: 100%;
  color: #919191;
  text-decoration: none;
  padding: 0.85em 1.25em;
  border-radius: 0.35em;
  font-weight: 700;
  line-height: normal;
  text-align: left;
}
.with-left-sidebar aside ul li button.active, .with-left-sidebar aside ul li button:hover,
.with-left-sidebar aside ul li a.active,
.with-left-sidebar aside ul li a:hover {
  background-color: #1563FF;
  color: #fff;
}
.with-left-sidebar > div:last-child {
  flex: 1;
}

.shift_days .shift {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.shift_days .shift:first-child {
  border-top: 1px solid #bebebe;
}
.shift_days .shift:not(:last-child) {
  border-bottom: 1px solid #bebebe;
}

.expiredpass_container {
  background: linear-gradient(131.94deg, #1563ff 14.03%, #1f5cfc 19.26%, #4142f4 39.78%, #5a30ed 59.25%, #6925e9 77.04%, #6e21e8 91.63%);
}
.expiredpass_container .inner {
  width: 29.4444444444em;
  margin: 0 auto;
}
.expiredpass_container .box {
  background-color: #fff;
  padding: 2em 2.2em;
}
.expiredpass_container .box p,
.expiredpass_container .box li {
  color: #808080;
  font-size: 0.8333333333em;
}
.expiredpass_container .box ul {
  margin-top: 0.5em;
  padding-left: 1.5em;
}
.expiredpass_container h4 {
  margin-bottom: 1rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 2.1666666667em;
}
.expiredpass_container .form-label {
  font-size: 1.0833333333em;
  color: #808080;
  margin-bottom: 0.2rem;
}
.expiredpass_container .form-control {
  background-color: #f5f7ff;
  font-size: 1.2277777778em;
  border: none;
  border-radius: 0.2rem;
  line-height: normal;
}
.expiredpass_container .button-wrap {
  text-align: center;
}
.expiredpass_container .button-wrap button {
  border-radius: 2rem;
  padding: 0 1.5rem !important;
  font-weight: 700;
  line-height: normal !important;
  border: none !important;
  color: #fff !important;
  height: 2.5555555556em;
}

.shift {
  display: flex;
  width: 100%;
  justify-content: start;
  align-items: center;
}
.shift.shift-no-overflow {
  overflow-x: unset;
}
.shift .form-group {
  margin-right: 1.5555555556em;
  max-width: 20.7011111111em;
  width: 100%;
}
.shift .form-group.form-group-radio-switch {
  width: auto;
}
.shift .form-group.form-group-radio-switch.heading label {
  width: 4.1666666667rem;
}
.shift .action_add_new {
  margin: 0.25em 0;
}
.shift .action_add_new .btn-red {
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 1.7604166667em;
}
.shift .action_add_new .btn-red svg {
  margin-right: 0.1rem;
}

.welcome_org_content {
  padding-top: 1.5em;
  padding-left: 2em;
  padding-right: 2em;
}
.welcome_org_content > div:last-child img {
  width: 30.5555555556em;
}
.welcome_org_content .logo img {
  width: 19.7722222222em;
}
.welcome_org_content p {
  font-size: 1.4444444444em;
}
.welcome_org_content .laptop {
  display: flex;
  align-items: center;
  margin: 2.5em 0 3em;
}
.welcome_org_content .laptop > div:first-child img {
  width: 18.2388888889em;
}
.welcome_org_content .laptop > div:last-child {
  display: flex;
  align-items: center;
}
.welcome_org_content .laptop > div:last-child a {
  font-size: 1.5555555556em;
  text-decoration: none;
}
.welcome_org_content .laptop > div:last-child img {
  width: 1.3694444444em;
}

abbr {
  color: #FF5F6B;
  font-weight: 700;
}

.three-cols,
.two-cols {
  display: flex;
  justify-content: space-between;
}
.three-cols > div,
.two-cols > div {
  width: 32%;
}
.three-cols .form-group,
.two-cols .form-group {
  margin: 0.25em 0;
  line-height: normal;
}
.three-cols .form-group > label,
.two-cols .form-group > label {
  color: #333;
  font-weight: 600;
  margin-bottom: 0.25rem;
  font-size: 0.65em;
}
.three-cols .form-group > input,
.three-cols .form-group > select,
.two-cols .form-group > input,
.two-cols .form-group > select {
  border: 1px solid #bebebe;
  height: 2.1rem;
  font-size: 0.8em;
}

.form-group-switch-hz {
  display: flex;
  align-items: center;
}
.form-group-switch-hz > div:not(:last-child) {
  margin-right: 1em;
}
.form-group-switch-hz .form-check {
  min-height: auto;
}
.form-group-switch-hz .form-check input {
  margin-top: 0;
  margin-right: 0.5em;
}
.form-group-switch-hz .form-check label {
  margin-right: 0.8em;
}

.form-check-input[type=radio] {
  border-color: #bebebe;
}

#jd {
  display: flex;
  justify-content: space-between;
}
#jd .left {
  width: 6.4166666667em;
  margin-right: 1em;
}
#jd .left .action_btns {
  display: flex;
  margin-left: auto;
  flex-direction: column;
}
#jd .left .action_btns .orange {
  background-color: #f69701;
}
#jd .left .action_btns .orange:hover {
  background-color: rgb(253.9971659919, 158.7279352227, 8.3028340081);
}
#jd .left .action_btns .dark-blue {
  background-color: #1723bc;
}
#jd .left .action_btns .dark-blue:hover {
  background-color: rgb(24.6677725118, 37.5379146919, 201.6322274882);
}
#jd .left .action_btns .text {
  color: #fff;
  line-height: normal;
  font-size: 0.7777777778em;
}
#jd .left .action_btns .icon {
  width: 1.1111111111em;
  height: 1.1111111111em;
  margin-bottom: 0.4444444444em;
}
#jd .left .action_btns .icon svg {
  width: 100%;
}
#jd .left .action_btns a {
  -webkit-transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
  -ms-transition: all 0.125s ease-in-out;
  -o-transition: all 0.125s ease-in-out;
  transition: all 0.125s ease-in-out;
  width: 4.5555555556em;
  height: 4.5555555556em;
  border-radius: 0.75em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-decoration: none;
  text-align: center;
}
#jd .left .action_btns a:not(:last-child) {
  margin-bottom: 0.6666666667em;
}
#jd .right {
  flex: 1;
}
#jd .right .paragraph > :first-child > :first-child,
#jd .right .item > :first-child > :first-child {
  font-size: 0.8333333333em;
  font-weight: 600;
}
#jd .right .paragraph > :first-child .delete,
#jd .right .item > :first-child .delete {
  display: flex;
  line-height: normal;
  align-items: center;
  font-size: 0.8333333333em;
  color: #ff4848;
  text-decoration: none;
  font-weight: 600;
}
#jd .right .paragraph > :first-child .delete svg,
#jd .right .item > :first-child .delete svg {
  width: 0.6166666667rem;
  margin-right: 0.25rem;
  position: relative;
  top: -0.15em;
}
#jd .right .paragraph > :first-child .delete svg path,
#jd .right .item > :first-child .delete svg path {
  fill: #ff4848;
}

.photo_sec {
  display: flex;
  align-items: center;
}
.photo_sec > div {
  margin-right: 1em;
}
.photo_sec > div.croppiebot {
  width: 7.3529411765vw;
}
.photo_sec > div.croppiebot .croppie-container .cr-slider-wrap {
  margin: 0.5em 0 0;
  width: 100%;
}
.photo_sec > div.croppiebot .controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -0.5em;
}
.photo_sec > div.croppiebot .controls button {
  border: none;
  outline: none;
  background: none;
  padding: 0;
  cursor: pointer;
  width: 0.8333333333rem;
}
.photo_sec > div.croppiebot .controls button.croppie-cancel {
  margin-right: 0.85em;
}
.photo_sec > div.croppiebot .controls button.croppie-cancel svg {
  width: 100%;
}
.photo_sec > div.croppiebot .controls button.croppie-cancel svg path {
  fill: #333;
}
.photo_sec > div.croppiebot .controls button.croppie-upload svg {
  width: 100%;
}
.photo_sec > div.croppiebot .controls button.croppie-upload svg path {
  fill: #0DBC9A;
}
.photo_sec .uploadphotowrap {
  width: 10.5em;
}
.photo_sec .thumb {
  border-radius: 100%;
  overflow: hidden;
  width: 5.5555555556em;
  height: 5.5555555556em;
}
.photo_sec .thumb img {
  width: 100%;
}
.photo_sec .delete_photo {
  text-decoration: none;
  line-height: normal;
  display: flex;
  align-items: center;
  width: 8em;
}
.photo_sec .delete_photo svg {
  width: 0.9em;
  position: relative;
  top: -0.1em;
  margin-right: 0.25em;
}
.photo_sec .delete_photo span {
  color: #000;
  font-size: 0.85em;
}
.photo_sec .note {
  font-size: 0.7777777778em;
  position: relative;
  padding-left: 5em;
}
.photo_sec .note strong {
  position: absolute;
  top: 0;
  left: 0;
}

.two-cols > div {
  width: 49%;
}

.modal-header {
  padding: 0.75em 1em 0;
  border: none;
}

.modal-footer {
  padding: 0 1em 0.75em;
  border: none;
}
.modal-footer .delete {
  color: #FF5F6B;
  text-decoration: none;
}

.modal-title {
  font-weight: 700;
  font-size: 1.4805555556em;
  display: block;
  width: 100%;
  color: #1563FF;
}

#editShiftModal table td {
  font-size: 0.8333333333em;
}

.form-check-input:checked {
  background-color: #518fff;
  border-color: #518fff;
}

.form-switch .form-check-input {
  width: 2.6666666667em;
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-color: #518fff;
  border-color: #518fff;
}

.container-bg-white {
  background-color: #fff;
  padding: 0.8888888889em 0.8888888889em;
  border: 1px solid #bebebe;
  border-radius: 0.5em;
}

.container-bg-transparent {
  padding: 0.8888888889em 0.8888888889em;
  overflow: auto;
}

.dt-container {
  background-color: #fff;
  padding-left: 0.5555555556em;
  padding-right: 0.5555555556em;
  margin-top: 1em;
  border: 1px solid #bebebe;
  border-radius: 0.75em;
  overflow: auto;
}

.tr-collapse:hover > * {
  background-color: transparent !important;
  box-shadow: none !important;
}
.tr-collapse:hover > * td {
  background-color: transparent !important;
  box-shadow: none !important;
}
.tr-collapse > td:not(:first-child) {
  display: none;
}
.tr-collapse > td:first-child {
  padding: 0;
}
.tr-collapse > td:hover {
  background-color: transparent;
}

.container-bg-white {
  padding: 0.8888888889em 0.8888888889em;
}
.container-bg-white.container-bg-white-with-heading {
  padding: 0;
  overflow: hidden;
  border-top-right-radius: 0.75em;
  border-top-left-radius: 0.75em;
}
.container-bg-white.container-bg-white-with-heading .heading {
  border-top-right-radius: 0.75em;
  border-top-left-radius: 0.75em;
  background-color: #5097FF;
  padding: 0.35em;
}
.container-bg-white.container-bg-white-with-heading .title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2222222222em;
}
.container-bg-white.container-bg-white-with-heading > div:last-child {
  padding: 2em;
}

.badge {
  font-size: 1em;
  font-weight: 400;
  border-radius: 1em;
  padding: 0.5em 1.2em;
}
.badge.badge-sm {
  font-size: 0.75em;
}

.navbar-toggler {
  border-color: #fff;
  font-size: 1rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.navbar-toggler:focus {
  box-shadow: none;
}

#add_adjustment_notes {
  height: calc(100% - 22px);
}

#year-total {
  background-color: #1563FF;
  margin-bottom: 0.75em;
  border-radius: 0.75em;
  padding: 1rem 1.25rem;
  color: #fff;
  font-weight: 700;
}

#accordionHMOTotal .accordion-item {
  margin-bottom: 0.75em;
  border-radius: 0.75em;
}
#accordionHMOTotal .accordion-item .accordion-header button {
  border: 1px solid #dddddd;
  border-radius: 0.75em;
  background-color: transparent;
}
#accordionHMOTotal .accordion-item .accordion-header button:focus {
  box-shadow: none;
}
#accordionHMOTotal .accordion-item .accordion-header button[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#accordionHMOTotal .accordion-item .accordion-header span {
  font-weight: 700;
}
#accordionHMOTotal .accordion-item .accordion-button::after {
  background-size: 0.95rem auto !important;
}
#accordionHMOTotal .accordion-body {
  padding: 0;
}
#accordionHMOTotal .accordion-body ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
#accordionHMOTotal .accordion-body ul li {
  padding: 1em 1.25em;
  border-bottom: 1px solid #c3c3c3;
}
#accordionHMOTotal .accordion-body ul li a {
  color: #333;
  text-decoration: none;
}
#accordionHMOTotal .accordion-body ul li a:hover {
  color: #1563FF;
  text-decoration: underline;
}
#accordionHMOTotal .accordion-body ul li:last-child {
  border-bottom: none;
}

.two-col-right-sidebar {
  display: flex;
  justify-content: space-between;
}
.two-col-right-sidebar > div:first-child {
  flex: 1;
}
.two-col-right-sidebar > div:last-child {
  margin-left: 1em;
  width: 18.25em;
}
.two-col-right-sidebar .comms_copy .default {
  margin-bottom: 1rem;
  font-size: 0.8333333333em;
}
.two-col-right-sidebar .form-switch .form-check-input {
  width: 2.7em;
}

.onboarding_job_description p {
  font-size: 0.8333333333em;
}
.onboarding_job_description .btns .btn:not(:last-child) {
  margin-right: 0.75em;
}
.onboarding_job_description .btns .btn svg {
  width: 0.8333333333em;
}

.payrun_menu,
.third_level_menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.payrun_menu li,
.third_level_menu li {
  display: inline-block;
}
.payrun_menu li:not(:last-child),
.third_level_menu li:not(:last-child) {
  margin-right: 1.5em;
}
.payrun_menu li a,
.third_level_menu li a {
  text-decoration: none;
  color: #000;
}
.payrun_menu li a.disabled,
.third_level_menu li a.disabled {
  pointer-events: none;
}
.payrun_menu li a.active,
.third_level_menu li a.active {
  color: #1563FF;
}

#footer {
  background-color: #fff;
  padding-top: 4em;
  padding-top: 3em;
}
#footer .inner-container {
  width: 82.2916666667vw;
  margin-left: auto;
  margin-right: auto;
}
#footer .icon {
  width: 1.4640625vw;
}
#footer .logo {
  width: 15.3130208333vw;
}
#footer li {
  font-size: 1.0416666667vw;
}
#footer li:not(:last-child) {
  margin-bottom: 0.25em;
}
#footer li a {
  color: #333;
  text-decoration: none;
}
#footer .copyright {
  font-size: 0.7291666667vw;
}

#mobile_menu {
  display: none;
}
#mobile_menu a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 1.3333333333em;
  height: 1.3333333333em;
}
#mobile_menu a span {
  display: inline-block;
  width: 1.3333333333em;
  height: 2px;
  background-color: #8dc1ff;
}
#mobile_menu a span:nth-child(2) {
  width: 0.8333333333em;
}

#offcanvas_main_menu_mobile {
  z-index: 5003;
  background-color: #003fdb;
}
#offcanvas_main_menu_mobile .nav-link ~ ul.navbar-nav {
  display: none;
}
#offcanvas_main_menu_mobile .offcanvas-body {
  padding: 0;
}
#offcanvas_main_menu_mobile .nav-item:first-child .nav-link {
  border-top: 1px solid #fff;
}
#offcanvas_main_menu_mobile .nav-item .nav-link {
  border-bottom: 1px solid #fff;
  padding: 0.5em;
  color: #fff;
  font-size: 1.125em;
}
#offcanvas_main_menu_mobile .nav-item .nav-link.parent {
  background-color: #1425bf;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E");
  background-size: 1em auto;
  background-repeat: no-repeat;
  background-position: 96% center;
}
#offcanvas_main_menu_mobile .nav-item .nav-link.parent.open {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z'/%3E%3C/svg%3E");
}
#offcanvas_main_menu_mobile .nav-item .nav-link.parent ~ ul li .nav-link {
  padding-left: 1em;
  background-color: #0a66ea;
}

.flex-auto {
  flex: auto !important;
}

#get_quote_btn {
  background: rgb(21, 99, 255);
  background: linear-gradient(135deg, rgb(21, 99, 255) 13%, rgb(52, 75, 246) 46%, rgb(110, 33, 232) 97%);
  width: 6.71875vw;
  height: 4.1145833333vw;
  border-radius: 3em;
  position: fixed;
  bottom: 0.85em;
  right: 1em;
  z-index: 1020;
}
#get_quote_btn a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-decoration: none;
}
#get_quote_btn a span.text {
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  margin-top: 0.2em;
}
#get_quote_btn a span.icon {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='22' fill='%23F9F9F9'/%3E%3Cg clip-path='url(%23clip0_0_1)'%3E%3Cpath d='M143 -2H-1883V138H143V-2Z' fill='url(%23paint0_linear_0_1)'/%3E%3Cpath d='M-15.0469 61.4297C-36.8269 61.4297 -54.5469 43.7097 -54.5469 21.9297C-54.5469 0.149687 -36.8269 -17.5703 -15.0469 -17.5703H34.9531C56.7331 -17.5703 74.4531 0.149687 74.4531 21.9297C74.4531 43.7097 56.7331 61.4297 34.9531 61.4297H-15.0469Z' fill='url(%23paint1_linear_0_1)'/%3E%3Cpath d='M34.9531 -17.0703C56.4531 -17.0703 73.9531 0.429688 73.9531 21.9297C73.9531 43.4297 56.4531 60.9297 34.9531 60.9297H-15.0469C-36.5469 60.9297 -54.0469 43.4297 -54.0469 21.9297C-54.0469 0.429688 -36.5469 -17.0703 -15.0469 -17.0703H34.9531ZM34.9531 -18.0703H-15.0469C-37.1369 -18.0703 -55.0469 -0.160313 -55.0469 21.9297C-55.0469 44.0197 -37.1369 61.9297 -15.0469 61.9297H34.9531C57.0431 61.9297 74.9531 44.0197 74.9531 21.9297C74.9531 -0.160313 57.0431 -18.0703 34.9531 -18.0703Z' fill='white'/%3E%3Cg style='mix-blend-mode:overlay'%3E%3Cpath d='M14.671 15.2403H5.23096C4.96096 15.2403 4.74097 15.4603 4.74097 15.7303C4.74097 16.0003 4.96096 16.2203 5.23096 16.2203H14.671C14.941 16.2203 15.151 16.0003 15.151 15.7303C15.151 15.4603 14.931 15.2403 14.671 15.2403ZM18.9409 6.1803L13.0709 0.310303C12.9209 0.160303 12.721 0.0703125 12.491 0.0703125H2.88098C2.28098 0.0703125 1.74095 0.310327 1.35095 0.710327C0.960952 1.10033 0.710938 1.65031 0.710938 2.25031V19.0003C0.710938 19.6003 0.960952 20.1403 1.35095 20.5403C1.75095 20.9303 2.29098 21.1803 2.88098 21.1803H17.001C17.581 21.1803 18.131 20.9403 18.521 20.5603L18.541 20.5403C18.931 20.1403 19.171 19.6003 19.171 19.0003V6.76031C19.171 6.55031 19.0909 6.34031 18.9409 6.19031V6.1803ZM12.981 2.52032L16.731 6.27032H13.861C13.621 6.27032 13.401 6.17031 13.241 6.01031L13.2209 5.9903C13.0709 5.8303 12.991 5.62033 12.991 5.40033V2.53033L12.981 2.52032ZM17.551 19.0003C17.551 19.1503 17.491 19.2903 17.391 19.3903C17.291 19.4903 17.151 19.5503 17.001 19.5503H2.88098C2.73098 19.5503 2.59097 19.4903 2.49097 19.3903C2.39097 19.2903 2.33093 19.1503 2.33093 19.0003V2.25031C2.33093 2.10031 2.39097 1.96029 2.49097 1.86029C2.59097 1.76029 2.73098 1.70032 2.88098 1.70032H12.001V5.40033C12.001 5.89033 12.201 6.3403 12.511 6.6803L12.541 6.71033C12.871 7.04033 13.3409 7.25031 13.8409 7.25031H17.541V19.0103L17.551 19.0003ZM4.74097 8.88031C4.74097 9.15031 4.96096 9.3703 5.23096 9.3703H14.671C14.941 9.3703 15.151 9.15031 15.151 8.88031C15.151 8.61031 14.931 8.39032 14.671 8.39032H5.23096C4.96096 8.39032 4.74097 8.61031 4.74097 8.88031ZM14.671 11.8203H5.23096C4.96096 11.8203 4.74097 12.0403 4.74097 12.3103C4.74097 12.5803 4.96096 12.8003 5.23096 12.8003H14.671C14.941 12.8003 15.151 12.5803 15.151 12.3103C15.151 12.0403 14.931 11.8203 14.671 11.8203Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_0_1' x1='-870' y1='138' x2='-870' y2='-2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234D4D4D' stop-opacity='0.45'/%3E%3Cstop offset='0.18' stop-color='%234D4D4D' stop-opacity='0.33'/%3E%3Cstop offset='0.61' stop-color='%234D4D4D' stop-opacity='0.09'/%3E%3Cstop offset='0.92' stop-color='%234D4D4D' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_0_1' x1='-43.0069' y1='-8.65031' x2='62.9032' y2='52.4997' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.13' stop-color='%231563FF'/%3E%3Cstop offset='0.46' stop-color='%23344BF6'/%3E%3Cstop offset='0.97' stop-color='%236E21E8'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_0_1'%3E%3Crect width='1920' height='1080' fill='white' transform='translate(-1830 -982)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 1em;
  height: 1.1666666667em;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
}

#jobDescModal .modal-dialog,
#jobDescModal2 .modal-dialog,
#jobDescViewModal .modal-dialog,
#processOverviewModal .modal-dialog {
  backdrop-filter: blur(4px);
}
#jobDescModal .modal-content,
#jobDescModal2 .modal-content,
#jobDescViewModal .modal-content,
#processOverviewModal .modal-content {
  width: 80vw;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  justify-content: center;
}
#jobDescModal .modal-body,
#jobDescModal2 .modal-body,
#jobDescViewModal .modal-body,
#processOverviewModal .modal-body {
  background-color: #fff;
  flex: none;
}

#processOverviewModal .modal-content {
  justify-content: start;
  width: auto;
}
#processOverviewModal .modal-body {
  background-color: transparent;
}
#processOverviewModal .side_info {
  position: relative;
}
#processOverviewModal .side_info > .box {
  width: 21.875vw;
  position: absolute;
  left: 0.75rem;
}
#processOverviewModal .side_info > .box .description {
  background-color: #a9d4ff;
  line-height: 1.3;
}
#processOverviewModal .box-row {
  display: flex;
  justify-content: space-between;
}
#processOverviewModal .box-row > div:first-child:not(.box) {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17.96875vw;
  height: 9.21875vw;
}
#processOverviewModal .box-row > div:first-child:not(.box) > div {
  width: 9.375vw;
}
#processOverviewModal .box-row > div:first-child:not(.box) h2 {
  font-weight: 700;
}
#processOverviewModal .box-row.mid {
  margin-top: 2em;
}
#processOverviewModal .box-row.last {
  margin-top: -7em;
}
#processOverviewModal .box {
  position: relative;
  background-color: #6e21e8;
  border-radius: 0.5em;
  overflow: hidden;
  margin-bottom: 1em;
}
#processOverviewModal .box:last-child {
  margin-bottom: 0;
}
#processOverviewModal .box .step {
  background-color: #76aeff;
  position: absolute;
  top: -1em;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2em;
  font-weight: 600;
  padding: 0.1em 1em;
  font-size: 1.171875vw;
}
#processOverviewModal .box .title {
  padding: 0.2em;
  text-align: center;
  line-height: normal;
  font-size: 1.0416666667vw;
  font-weight: 600;
  color: #fff;
  background-color: #1563FF;
}
#processOverviewModal .box p {
  font-size: 0.859375vw;
}
#processOverviewModal .box .description {
  background-color: #fff;
  padding: 0.5em;
  color: #000;
}
#processOverviewModal .box .description p,
#processOverviewModal .box .description ul {
  font-size: 0.8333333333vw;
}
#processOverviewModal .box .description ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
#processOverviewModal .box .description ul li {
  position: relative;
  padding-left: 0.85em;
}
#processOverviewModal .box .description ul li:before {
  content: "";
  width: 0.3645833333vw;
  height: 0.3645833333vw;
  border-radius: 100%;
  background-color: #1563FF;
  position: absolute;
  top: 0.5em;
  left: 0;
}
#processOverviewModal .box .description ul.list-inline li {
  padding-left: 0;
}
#processOverviewModal .box .description ul.list-inline li:before {
  display: none;
}
#processOverviewModal .box .description ul.list-inline li > div {
  line-height: normal;
}
#processOverviewModal .box .description ul.list-inline li div.num {
  width: 0.78125vw;
  height: 0.78125vw;
  background-color: #1563FF;
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin-right: 0.5em;
}
#processOverviewModal .box .description ul.list-inline li span {
  font-size: 0.46875vw;
  color: #fff;
  line-height: 1;
}
#processOverviewModal .step_row {
  margin-bottom: 1em;
  position: relative;
}
#processOverviewModal .step_row:last-child {
  margin-bottom: 0;
}
#processOverviewModal .step_row .arrow-right {
  background: url(../images/arrow_right.svg) no-repeat bottom center;
  background-size: 100% auto;
  width: 2.2619791667vw;
  height: 1.2791666667vw;
  display: inline-block;
  position: absolute;
  top: 1.7em;
  right: -1.7em;
  z-index: 1;
}
#processOverviewModal .step_row .step {
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex-direction: column;
  line-height: normal;
  margin-right: 1em;
  width: 3.90625vw;
  position: relative;
}
#processOverviewModal .step_row .step:not(.empty) {
  height: 3.90625vw;
  background-color: #1563FF;
}
#processOverviewModal .step_row .step .text {
  font-size: 0.8333333333vw;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.2em;
}
#processOverviewModal .step_row .step .num {
  font-size: 1.4583333333vw;
  font-weight: 700;
}
#processOverviewModal .step_row .step .arrow {
  background: url(../images/arrow_lb.svg) no-repeat bottom center;
  background-size: 100% auto;
  width: 1.2791666667vw;
  height: 1.6572916667vw;
  display: inline-block;
  position: absolute;
  bottom: -1.1em;
  left: 1.35em;
  z-index: 1;
}
#processOverviewModal .step_row .step .arrow.arrow-reverse {
  transform: rotate(180deg) translate(0, 0);
  left: -1.65em;
  right: auto;
  top: 2.5em;
}
#processOverviewModal .step_row .step .arrow.long {
  height: 4.8390625vw;
  background: url(../images/arrow_lb3.svg) no-repeat bottom center;
  background-size: 100% auto;
  bottom: -3.4em;
}
#processOverviewModal .step_row .step .arrow.longer {
  height: 5.4640625vw;
  background: url(../images/arrow_lb3.svg) no-repeat bottom center;
  background-size: 100% auto;
  bottom: -3.4em;
}
#processOverviewModal .step_row .process {
  color: #000;
}
#processOverviewModal .step_row .process.empty {
  flex: 1;
}
#processOverviewModal .step_row .process:not(.empty) {
  flex: 1;
  background-color: #fff;
  border-radius: 0.5em;
  overflow: hidden;
}
#processOverviewModal .step_row .process:not(.empty) .title {
  padding: 0.2em;
  text-align: center;
  line-height: normal;
  font-size: 1.0416666667vw;
  font-weight: 600;
  color: #fff;
  background-color: #1563FF;
}
#processOverviewModal .step_row .process:not(.empty) > div {
  padding: 0.5em;
}
#processOverviewModal .step_row .process:not(.empty) p {
  font-size: 0.8333333333vw;
  line-height: 1.1;
}

#order-tab {
  margin-left: 2.5em !important;
}

#order-tabContent table td {
  font-weight: normal;
}
#order-tabContent table td input.form-control {
  height: auto;
}
#order-tabContent .note {
  line-height: normal;
  position: relative;
  padding-left: 1.25em;
}
#order-tabContent .note svg {
  width: 0.8888888889em;
  position: absolute;
  top: 0;
  left: 0;
}
#order-tabContent .note svg path {
  fill: #5097FF;
}
#order-tabContent .note span {
  font-size: 0.8333333333em;
}

#ordersTable tbody td:nth-child(10),
#ordersTable tbody td:nth-child(7),
#ordersTable tbody td:nth-child(8),
#ordersTable tbody td:nth-child(9),
#ordersTable tbody th:nth-child(10),
#ordersTable tbody th:nth-child(7),
#ordersTable tbody th:nth-child(8),
#ordersTable tbody th:nth-child(9),
#ordersTable thead td:nth-child(10),
#ordersTable thead td:nth-child(7),
#ordersTable thead td:nth-child(8),
#ordersTable thead td:nth-child(9),
#ordersTable thead th:nth-child(10),
#ordersTable thead th:nth-child(7),
#ordersTable thead th:nth-child(8),
#ordersTable thead th:nth-child(9) {
  border-left: 1px solid #ced4da;
}

.status {
  position: relative;
  padding: 0.35em 0.5em 0.35em 1.3em;
  border-radius: 0.78125vw;
  line-height: normal;
  display: inline-block;
}

.status:before {
  content: "";
  width: 0.46875vw;
  height: 0.46875vw;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
}

.status.status-quotation {
  background-color: #fff2d2;
}

.status.status-quotation:before {
  background-color: #ff9d00;
}

.status.status-recruitment {
  background-color: #ebf4ff;
}

.status.status-recruitment:before {
  background-color: #76aeff;
}

.status.status-accepted {
  background-color: #ddf8f3;
}

.status.status-accepted:before {
  background-color: #14c6a4;
}

.status.status-live {
  background-color: #e7e2fb;
}

.status.status-live:before {
  background-color: #8462ef;
}

.status.status-amendment {
  background-color: #e0e0e0;
}

.status.status-amendment:before {
  background-color: #646464;
}

.legend_sec {
  font-size: 0.6666666667em;
  margin-top: 1.1111111111em;
  margin-left: 0.8333333333em;
}

.legend_sec > div span {
  width: 0.5555555556em;
  height: 0.5555555556em;
  margin-right: 0.2222222222em;
}

.legend_sec {
  font-size: 0.9375vw;
  color: #000;
  margin-top: 1.5625vw;
  margin-left: 1.171875vw;
}

.legend_sec > div {
  display: flex;
  line-height: normal;
}

.legend_sec > div span {
  width: 0.78125vw;
  height: 0.78125vw;
  margin-right: 0.3125vw;
  border-radius: 100%;
  display: inline-block;
}

.legend_sec > div span.orange {
  background-color: #ff9d00;
}

.legend_sec > div span.lightblue {
  background-color: #76aeff;
}

.legend_sec > div span.green {
  background-color: #14c6a4;
}

.legend_sec > div span.purple {
  background-color: #8462ef;
}

.legend_sec > div span.gray {
  background-color: #646464;
}

@keyframes shimmer {
  0% {
    background-position: -1200px 0;
  }
  100% {
    background-position: 1200px 0;
  }
}
.shimmer:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: linear;
  background: #ddd;
  background: linear-gradient(to right, #f0f0f0 8%, #ffffff 18%, #f0f0f0 33%);
  background-size: 1200px 100%;
}

.input-group.shimmer {
  position: relative;
}

.input-group.shimmer .input-group-text {
  position: relative;
  z-index: 2;
}

.input-group.shimmer input {
  z-index: -2;
}

#ordersTable tr {
  cursor: pointer;
}

.contract_list > li > ol > li,
.contract_list > li > ul > li,
.contract_list > li > ol > li > ul > li,
.contract_list > li > ol > li > ol li {
  padding-left: 2em;
}

.contract_list > li {
  padding-left: 1.2em;
}

.contract_list li {
  position: relative;
}

.contract_list li > span:not(.font-bold):not(.spnCurrencyResult) {
  position: absolute;
  top: 0;
  left: 0;
}

.contract_list li ul {
  margin-left: 1.2em;
}

.with-left-sidebar aside.sticky-top-left {
  top: 11.6em;
  z-index: 1019;
}

.with-left-sidebar aside.sticky-top-left-preliminary {
  top: 8.2em;
  z-index: 1019;
}

#payListTable .dt-column-order {
  display: none;
}

.swal-custom .sa-icon {
  width: 40px;
  height: 40px;
}

.swal-custom .sa-icon.sa-warning .sa-body {
  width: 5px;
  height: 18px;
  top: 5px;
}

.swal-custom .sa-icon.sa-warning .sa-dot {
  bottom: 5px;
}

.swal-custom .swal-custom-footer {
  font-size: 0.85em;
}

.swal-custom .sa-confirm-button-container {
  width: 70%;
}

.swal-custom .sa-confirm-button-container button {
  width: 100%;
}

@media (min-width: 992px) {
  .row-cols-lg-7 > * {
    flex: 0 0 auto;
    width: 14.285714% !important; /* 100 / 7 */
  }
}
@media (min-width: 1400px) {
  .row-cols-xxl-7 > * {
    flex: 0 0 auto;
    width: 14.285714% !important;
  }
}
@media only screen and (max-width: 992px) {
  html {
    font-size: 2.0181634712vw;
  }
  .full-day.col {
    margin-bottom: 1em;
  }
  .full-week-days {
    display: none;
  }
  #aPreviousWeeks {
    margin: 0 !important;
  }
  #aNextWeeks {
    margin-right: 0 !important;
  }
  #aPreviousWeeks,
  #aNextWeeks {
    width: 1.5em !important;
  }
  #jobDescModal .modal-content,
  #jobDescModal2 .modal-content,
  #jobDescViewModal .modal-content,
  #processOverviewModal .modal-content {
    width: 95vw;
  }
  #jobDescModal .modal-body,
  #jobDescModal2 .modal-body,
  #jobDescViewModal .modal-body,
  #processOverviewModal .modal-body {
    flex: auto;
  }
  #processOverviewModal .modal-content {
    padding-top: 1em;
  }
  #processOverviewModal .side_info {
    margin-top: 1em;
  }
  #processOverviewModal .side_info > .box {
    width: auto;
    position: relative;
    left: auto;
  }
  #processOverviewModal .box-row {
    align-items: center;
    flex-direction: column !important;
  }
  #processOverviewModal .box-row > div:first-child:not(.box) {
    width: 19.1666666667em;
    height: auto;
    margin-bottom: 2em;
  }
  #processOverviewModal .box-row > div:first-child:not(.box) > div {
    width: 100%;
    text-align: center;
  }
  #processOverviewModal .box-row.mid, #processOverviewModal .box-row.last {
    margin-top: 0;
  }
  #processOverviewModal .box {
    margin-bottom: 1.4em;
  }
  #processOverviewModal .box .title {
    font-size: 1.1111111111em;
  }
  #processOverviewModal .box p {
    font-size: 0.6111111111em;
  }
  #processOverviewModal .box .description {
    padding: 1em;
  }
  #processOverviewModal .box .description p,
  #processOverviewModal .box .description ul {
    font-size: 0.8888888889em;
  }
  #processOverviewModal .box .description ul li:before {
    content: "";
    width: 0.3888888889em;
    height: 0.3888888889em;
  }
  #processOverviewModal .box .description ul.list-inline li div.num {
    width: 0.8333333333em;
    height: 0.8333333333em;
  }
  #processOverviewModal .box .description ul.list-inline li span {
    font-size: 0.5em;
  }
  #processOverviewModal .step_row {
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.4em;
    position: relative;
  }
  #processOverviewModal .step_row:last-child:before {
    display: none;
  }
  #processOverviewModal .step_row:not(.empty):before {
    content: "";
    background: url(../images/arrow_lb.svg) no-repeat bottom center;
    background-size: 100% auto;
    width: 1.3644444444em;
    height: 1.7677777778em;
    position: absolute;
    bottom: -1.5em;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, 0);
  }
  #processOverviewModal .step_row .step {
    border-radius: 1em;
    display: flex;
    flex-direction: row;
    margin-right: 0;
    height: auto;
    padding: 0.35em;
    width: 5.5555555556em;
  }
  #processOverviewModal .step_row .step:not(.empty) {
    height: auto;
  }
  #processOverviewModal .step_row .step .text {
    margin-bottom: 0;
    margin-right: 0.25em;
    font-weight: 700;
    font-size: 0.8888888889em;
  }
  #processOverviewModal .step_row .step .num {
    font-size: 0.8888888889em;
  }
  #processOverviewModal .step_row .step .arrow {
    background: url(../images/arrow_lb.svg) no-repeat bottom center;
    background-size: 100% auto;
    width: 1.3644444444em;
    height: 1.7677777778em;
    bottom: -1.1em;
    left: 1em;
    z-index: 1;
    display: none;
  }
  #processOverviewModal .step_row .step .arrow.long {
    height: 5.1616666667em;
    bottom: -3.4em;
  }
  #processOverviewModal .step_row .step .arrow.longer {
    height: 5.8283333333em;
    bottom: -3.4em;
  }
  #processOverviewModal .step_row .process {
    margin-top: -0.9em;
  }
  #processOverviewModal .step_row .process.empty {
    margin-bottom: 0.5em;
  }
  #processOverviewModal .step_row .process.empty p {
    font-size: 1.2222222222em;
  }
  #processOverviewModal .step_row .process:not(.empty) {
    width: 100%;
  }
  #processOverviewModal .step_row .process:not(.empty) .title {
    padding: 1.2em 0 0;
    font-weight: 700;
    font-size: 1.1111111111em;
    color: #000;
    background-color: transparent;
  }
  #processOverviewModal .step_row .process:not(.empty) > div {
    padding: 0.5em 1em 1em;
    text-align: center;
  }
  #processOverviewModal .step_row .process:not(.empty) p {
    font-size: 0.8888888889em;
  }
  #logo .sep {
    height: 1.5em;
  }
  .filters .f_inner .left .form-group > .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) > button {
    background-color: transparent !important;
    border: none !important;
  }
  .filters .f_inner .left > div:first-child {
    margin-bottom: 0;
  }
  #mobile_menu {
    display: flex;
    padding-left: 1em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    background-color: #1563FF;
    position: absolute;
    left: 0;
    align-items: center;
  }
  .btn.btn-outline-white {
    font-size: 1rem;
  }
  .btn.btn-outline-white:not(#btnGoback) {
    border: solid 0.1111111111em transparent;
  }
  .btn.btn-outline-white:before {
    margin: -0.1111111111em;
  }
  .btn.btn-outline-white svg {
    width: 0.3722222222em;
  }
  .btn.btn-outline-blue {
    font-size: 0.6666666667em;
    padding-right: 0.8333333333em;
    padding-left: 0.8333333333em;
    border-radius: 0.2222222222em;
    border: solid 0.1111111111em transparent;
  }
  .btn.btn-outline-blue:before {
    margin: -0.1111111111em;
  }
  .btn.btn-outline-blue .icon {
    margin-right: 0.2777777778em;
  }
  .btn.btn-outline-blue.btn-lg {
    font-size: 1em;
    padding-right: 1.5em;
    padding-left: 1.5em;
  }
  .marketing_page #header {
    font-size: 15.4995px;
  }
  .marketing_page #header .top .inner-container {
    width: 100%;
  }
  .marketing_page .sticky_action_btns_bot {
    display: none;
  }
  #header {
    font-size: 15.4995px;
  }
  #header.logged_in #main_menu {
    display: none;
  }
  #header.logged_in .top {
    height: auto;
    padding: 0.5em 0;
  }
  #header.logged_in .top .inner-container {
    height: auto;
    border: none;
  }
  #header.logged_in #c_user .dropdown-toggle {
    padding-left: 0;
    padding-right: 0;
  }
  #header.logged_in #c_user .left {
    display: none;
  }
  #header.logged_in #c_user .right {
    padding: 0;
  }
  #header.logged_in #c_user .right > div:last-child {
    display: none;
  }
  #header.logged_in #c_user .right .name {
    margin: 0;
  }
  #header.logged_in #c_user .right .name span:first-child {
    display: none;
  }
  #header.logged_in #c_user .right .name span:last-child {
    background-color: #76aeff;
    color: #fff;
    width: 2.0833333333rem;
    height: 2.0833333333rem;
    border-radius: 100%;
    font-size: 1.1111111111em;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
  }
  #header.logged_in #c_user .right .position {
    display: none;
  }
  #header.logged_in .bot .inner-container {
    padding-left: 0;
    padding-right: 0;
  }
  #header .top {
    height: 5.5555555556em;
  }
  #header .top .inner-container {
    flex-wrap: wrap;
    height: 5.5555555556em;
    border-bottom: 1px solid #333;
  }
  #header .top .inner-container > .text-end .btn.btn-outline-blue {
    font-size: 0.7777777778em;
    padding-right: 1.6666666667em;
    padding-left: 1.6666666667em;
  }
  #header .top .inner-container #main_menu {
    order: 3;
    width: 100%;
    flex-basis: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
  #header .bot {
    height: auto;
  }
  #header ul.site-navbar-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
  #header ul.site-navbar-nav li:first-child {
    margin-left: 0 !important;
  }
  #header ul.site-navbar-nav li:first-child a {
    padding-left: 0 !important;
  }
  #header ul.site-navbar-nav li a {
    font-size: 18px;
  }
  body:not(.marketing_page).with-aside-menu #header {
    padding-bottom: 4em;
  }
  body:not(.marketing_page).with-aside-menu #header:after {
    content: "";
    bottom: -1em;
    height: 2.5em;
    border-top-left-radius: 1.35em;
    border-top-right-radius: 1.35em;
  }
  body:not(.marketing_page).with-aside-menu #main_content {
    padding-top: 1em;
  }
  body:not(.marketing_page).with-aside-menu.preliminary #main_content {
    padding-top: 5em;
  }
  body:not(.marketing_page) #header {
    background-color: #1563FF;
    padding-bottom: 1.25em;
  }
  body:not(.marketing_page) #header:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #efefef;
    height: 1.25em;
    z-index: -1;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
  }
  body:not(.marketing_page) #logo .eot {
    background-image: url(../images/eot_logo_white.svg);
    background-size: 100% auto;
    background-position: 0 0;
    width: 10.1111111111em;
    height: 1.125em;
    background-repeat: no-repeat;
  }
  body:not(.marketing_page) #logo .eot img {
    display: none;
  }
  body:not(.marketing_page) #logo .sep {
    background-color: #fff;
  }
  body:not(.marketing_page) #logo .org {
    color: #8dc1ff;
    font-size: 1.1666666667em;
    font-weight: 600;
  }
  body:not(.marketing_page) #primary_menu {
    height: 3em;
  }
  body:not(.marketing_page) #primary_menu .nav-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  body:not(.marketing_page) #primary_menu .nav-item .nav-link {
    display: none;
  }
  body:not(.marketing_page) #primary_menu .nav-item .nav-link.active {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    font-size: 1.25em;
    font-weight: 700;
    color: #fff;
    padding: 0;
  }
  body:not(.marketing_page) #main_content {
    background-color: #efefef;
  }
  body:not(.marketing_page) #main_content > .inner-container .filters {
    width: calc(100% + 2em) !important;
    margin-left: -1em;
  }
  body:not(.marketing_page) #main_content > .inner-container .inner-container {
    padding-left: 0;
    padding-right: 0;
  }
  body:not(.marketing_page) #footerTop.logged_in {
    padding-bottom: 7rem;
  }
  #primary_menu {
    width: 100%;
    overflow-x: auto;
  }
  #primary_menu .navbar-nav {
    position: relative;
    align-items: center;
    height: 100%;
    width: 100%;
    padding-left: 3em;
  }
  #primary_menu .nav-item {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0.5em;
    padding-left: 0.5em;
  }
  #primary_menu .nav-item .nav-link {
    color: #b8d5ff;
    border: 1px solid #66a1ff;
    border-radius: 2em;
    padding: 0.75em 1.2em;
    font-size: 0.8333333333rem;
  }
  #logo .eot img {
    width: 10.1111111111em;
  }
  #content {
    margin-top: 0;
  }
  .inner-container {
    width: 100%;
    padding-left: 1em;
    padding-right: 1em;
  }
  #jobdesc-tab-pane .inner-container {
    width: 100%;
  }
  .dataTable td,
  .dataTable th {
    font-size: 1em;
  }
  .sticky_action_btns_bot {
    background-color: #333333;
    position: fixed;
    z-index: 5001;
    bottom: 1em;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
    padding: 0.5em;
  }
  .sticky_action_btns_bot a {
    color: #fff;
    text-decoration: none;
    margin: 0 1.25em;
    background-position: center 0.5em;
    padding-top: 1.25em;
    background-repeat: no-repeat;
  }
  .sticky_action_btns_bot a span {
    font-size: 0.6493506494em;
    font-weight: 100;
  }
  .sticky_action_btns_bot a.trigger_home {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.545 7.20895C11.545 6.90895 11.785 6.66891 12.085 6.66891C12.385 6.66891 12.625 6.90895 12.625 7.20895V12.4589C12.625 12.7589 12.385 12.9989 12.085 12.9989H3.23498C2.93498 12.9989 2.69501 12.7589 2.69501 12.4589V7.20895C2.69501 6.90895 2.93498 6.66891 3.23498 6.66891C3.53498 6.66891 3.77499 6.90895 3.77499 7.20895V11.9289H11.545V7.20895ZM1.595 7.35891L7.655 1.29891L13.715 7.35891C13.925 7.56891 14.265 7.56891 14.475 7.35891C14.685 7.14891 14.685 6.8089 14.475 6.5989L8.04498 0.168906C7.83498 -0.0510938 7.495 -0.0510938 7.285 0.168906L0.845 6.60891C0.635 6.81891 0.635 7.15892 0.845 7.36892C1.055 7.57892 1.39498 7.57892 1.60498 7.36892L1.595 7.35891Z' fill='white'/%3E%3C/svg%3E%0A");
  }
  .sticky_action_btns_bot a.trigger_menu {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5112 0.0703125H0.801239C0.37598 0.0703125 0.03125 0.415073 0.03125 0.840332C0.03125 1.26559 0.37598 1.61029 0.801239 1.61029H12.5112C12.9365 1.61029 13.2812 1.26559 13.2812 0.840332C13.2812 0.415073 12.9365 0.0703125 12.5112 0.0703125Z' fill='white'/%3E%3Cpath d='M12.5112 9.53906H0.801239C0.37598 9.53906 0.03125 9.88382 0.03125 10.3091C0.03125 10.7343 0.37598 11.0791 0.801239 11.0791H12.5112C12.9365 11.0791 13.2812 10.7343 13.2812 10.3091C13.2812 9.88382 12.9365 9.53906 12.5112 9.53906Z' fill='white'/%3E%3Cpath d='M8.87125 4.80078H0.801239C0.37598 4.80078 0.03125 5.14554 0.03125 5.5708C0.03125 5.99606 0.37598 6.34082 0.801239 6.34082H8.87125C9.29651 6.34082 9.64124 5.99606 9.64124 5.5708C9.64124 5.14554 9.29651 4.80078 8.87125 4.80078Z' fill='white'/%3E%3C/svg%3E%0A");
  }
  .sticky_action_btns_bot a.trigger_filter {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.49814 9.57861H8.83813C9.01813 9.57861 9.16815 9.72857 9.16815 9.90857V10.5386H14.2081C14.5081 10.5386 14.7481 10.7786 14.7481 11.0886C14.7481 11.3986 14.4981 11.6286 14.2081 11.6286H9.16815V12.2586C9.16815 12.4386 9.01813 12.5886 8.83813 12.5886H6.49814C6.31814 12.5886 6.16815 12.4386 6.16815 12.2586V11.6286H1.12814C0.828143 11.6286 0.588135 11.3886 0.588135 11.0886C0.588135 10.7886 0.838143 10.5386 1.12814 10.5386H6.16815V9.90857C6.16815 9.72857 6.31814 9.57861 6.49814 9.57861ZM14.2081 1.51862C14.5081 1.51862 14.7481 1.7586 14.7481 2.0686C14.7481 2.3786 14.4981 2.60858 14.2081 2.60858H12.1581V3.22858C12.1581 3.41858 12.0081 3.55859 11.8281 3.55859H9.47815C9.29815 3.55859 9.14813 3.40858 9.14813 3.22858V2.59857H1.11813C0.818134 2.59857 0.578125 2.35859 0.578125 2.05859C0.578125 1.75859 0.828134 1.50861 1.11813 1.50861H9.14813V0.888611C9.14813 0.698611 9.29815 0.558594 9.47815 0.558594H11.8281C12.0081 0.558594 12.1581 0.708611 12.1581 0.888611V1.51862H14.2081ZM1.12814 7.11859C0.828143 7.11859 0.588135 6.8786 0.588135 6.5686C0.588135 6.2586 0.838143 6.02863 1.12814 6.02863H3.17813V5.39862C3.17813 5.21862 3.32814 5.0686 3.49814 5.0686H5.84814C6.02814 5.0686 6.16815 5.21862 6.16815 5.39862V6.02863H14.1982C14.4982 6.02863 14.7381 6.2686 14.7381 6.5686C14.7381 6.8686 14.4882 7.11859 14.1982 7.11859H6.16815V7.7486C6.16815 7.9286 6.01814 8.07861 5.84814 8.07861H3.49814C3.31814 8.07861 3.17813 7.9286 3.17813 7.7486V7.11859H1.12814ZM11.5081 1.21857H9.81815V2.90857H11.5081V1.21857ZM5.51813 5.72858H3.82812V7.41858H5.51813V5.72858ZM8.50815 10.2286H6.81815V11.9186H8.50815V10.2286Z' fill='white'/%3E%3C/svg%3E%0A");
  }
  .sticky_action_btns_bot a.trigger_logout {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5622 6.16891L16.5822 6.18893L16.5922 6.21889V6.23891C16.5922 6.23891 16.6322 6.27891 16.6422 6.29891L16.6522 6.31893V6.33895C16.6522 6.33895 16.6822 6.3889 16.6822 6.4089V6.46889V6.51894L16.6922 6.54891V6.6589L16.6722 6.70895C16.6722 6.70895 16.6622 6.7689 16.6522 6.7889V6.80892L16.6322 6.82894C16.6322 6.82894 16.6122 6.87895 16.5922 6.89895V6.91891L16.5722 6.93893L16.5522 6.96889L12.0422 11.4789C11.8222 11.6989 11.4622 11.6989 11.2522 11.4789C11.0222 11.2589 11.0222 10.8989 11.2522 10.6789L14.7922 7.13894H4.30219C3.99219 7.13894 3.74219 6.88894 3.74219 6.57894C3.74219 6.26894 3.99219 6.01894 4.30219 6.01894H14.7922L11.2522 2.46889C11.0222 2.24889 11.0222 1.88891 11.2522 1.66891C11.4622 1.44891 11.8222 1.44891 12.0422 1.66891L16.5422 6.16891H16.5522H16.5622Z' fill='white'/%3E%3Cpath d='M1.71875 12.2603L1.71875 0.88031C1.71875 0.571031 1.46803 0.320312 1.15875 0.320313H1.14874C0.839463 0.320313 0.588745 0.571031 0.588745 0.88031L0.588745 12.2603C0.588745 12.5696 0.839463 12.8203 1.14874 12.8203H1.15875C1.46803 12.8203 1.71875 12.5696 1.71875 12.2603Z' fill='white'/%3E%3Cpath d='M1.14215 1.44922L8.18219 1.44922C8.49147 1.44922 8.74219 1.1985 8.74219 0.889221V0.879211C8.74219 0.569932 8.49147 0.319214 8.18219 0.319214L1.14215 0.319214C0.832871 0.319214 0.582153 0.569932 0.582153 0.879211V0.889221C0.582153 1.1985 0.832871 1.44922 1.14215 1.44922Z' fill='white'/%3E%3Cpath d='M1.14215 12.832L8.18219 12.832C8.49147 12.832 8.74219 12.5813 8.74219 12.272V12.262C8.74219 11.9527 8.49147 11.702 8.18219 11.702H1.14215C0.832871 11.702 0.582153 11.9527 0.582153 12.262V12.272C0.582153 12.5813 0.832871 12.832 1.14215 12.832Z' fill='white'/%3E%3Cpath d='M7.61719 0.889709V3.61969C7.61719 3.92897 7.86791 4.17969 8.17719 4.17969H8.18719C8.49647 4.17969 8.74719 3.92897 8.74719 3.61969V0.889709C8.74719 0.58043 8.49647 0.329712 8.18719 0.329712H8.17719C7.86791 0.329712 7.61719 0.58043 7.61719 0.889709Z' fill='white'/%3E%3Cpath d='M7.61719 9.54205V12.272C7.61719 12.5813 7.86791 12.832 8.17719 12.832H8.18719C8.49647 12.832 8.74719 12.5813 8.74719 12.272V9.54205C8.74719 9.23277 8.49647 8.98206 8.18719 8.98206H8.17719C7.86791 8.98206 7.61719 9.23277 7.61719 9.54205Z' fill='white'/%3E%3C/svg%3E%0A");
  }
  .shift {
    overflow-x: auto;
  }
  .shift .form-group {
    flex-shrink: 0;
    max-width: 10em;
  }
  .with-left-sidebar {
    flex-direction: column;
  }
  .with-left-sidebar aside.not_menu {
    margin-right: 0;
    margin-bottom: 1em;
    width: 100%;
    padding-bottom: 0;
  }
  .with-left-sidebar aside.not_menu:not(.helpdesk_sidebar) {
    padding-left: 0;
    padding-right: 0;
  }
  .with-left-sidebar aside:not(.not_menu) {
    width: 100%;
    margin-left: -1em;
    margin-right: -1em;
    margin-top: -2.5em;
    background-color: transparent;
    border: none;
    padding: 0;
    overflow: auto;
    margin-bottom: 1em;
    z-index: 1021 !important;
  }
  .with-left-sidebar aside:not(.not_menu) ul {
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
  }
  .with-left-sidebar aside:not(.not_menu) ul li {
    margin-right: 0.35em;
    margin-left: 0.35em;
    display: inline-block;
    vertical-align: top;
  }
  .with-left-sidebar aside:not(.not_menu) ul li:first-child {
    margin-left: 1em;
  }
  .with-left-sidebar aside:not(.not_menu) ul li:last-child {
    margin-right: 1em;
  }
  .with-left-sidebar aside:not(.not_menu) ul li a,
  .with-left-sidebar aside:not(.not_menu) ul li button {
    font-size: 0.8333333333em;
    background-color: #fff;
    border-radius: 1em;
    color: #333;
    padding: 1em 1em;
    font-weight: 600;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    max-width: 12.8em;
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.25em;
    white-space: normal;
    height: 4.5em;
    display: inline-flex;
    align-items: center;
  }
  .with-left-sidebar aside:not(.not_menu) ul li a.active,
  .with-left-sidebar aside:not(.not_menu) ul li button.active {
    background-color: #5097FF;
    color: #fff;
  }
  .with-left-sidebar > div:last-child {
    width: 100%;
  }
  .tab-pane .inner-container {
    padding-left: 0;
    padding-right: 0;
  }
  #order-tab {
    margin-left: 0 !important;
    overflow-x: scroll;
    width: 96% !important;
  }
  #secondary_menu {
    height: auto;
    z-index: 1081 !important;
    background-color: transparent;
    margin-bottom: 0;
  }
  #secondary_menu.is-org-order .right_menu {
    flex-direction: column;
    align-items: end;
  }
  #secondary_menu .back_link {
    padding-left: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #fff;
  }
  #secondary_menu .back_link svg path {
    fill: #fff;
  }
  #secondary_menu .left_info {
    color: #fff;
  }
  #secondary_menu .left_info .text-blue {
    color: #fff !important;
  }
  #secondary_menu .inner-container {
    padding-left: 0;
    padding-right: 0;
  }
  #secondary_menu .seconday_menu_inner {
    width: 100%;
    flex-wrap: wrap;
    height: auto;
  }
  #secondary_menu .right_menu {
    padding: 0.5em 1em;
    overflow-x: auto;
    flex: 1;
  }
  #secondary_menu .right_menu:has(.rm_r:empty), #secondary_menu .right_menu:has(.rm_l:empty) {
    display: none;
  }
  #secondary_menu .right_menu .with_org_order_menu .process_overview_link {
    position: relative;
    bottom: auto;
    background: transparent;
    padding: 0;
    text-align: left;
    width: auto;
    right: auto;
    margin-left: 2em;
  }
  #secondary_menu .right_menu .rm_l {
    width: 100%;
    color: #fff;
  }
  #secondary_menu .right_menu .rm_l .text-blue,
  #secondary_menu .right_menu .rm_l span a {
    color: #fff !important;
  }
  #secondary_menu .right_menu .rm_l ul {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
  }
  #secondary_menu .right_menu .rm_l ul li {
    flex-shrink: 0;
    margin-left: 0.35em;
    margin-right: 0.35em;
  }
  #secondary_menu .right_menu .rm_l ul li:first-child {
    margin-left: 0;
  }
  #secondary_menu .right_menu .rm_l ul li a {
    color: #b8d5ff;
    border: 1px solid #66a1ff;
    border-radius: 2em;
    padding: 0.5em 1em;
    font-size: 0.9166666667rem;
    margin-right: 0;
  }
  #secondary_menu .right_menu .rm_l ul li a.active {
    background-color: #001fba;
    border-color: #001fba;
  }
  #secondary_menu .right_menu ul li:last-child a {
    margin-right: 1.7777777778em;
  }
  #secondary_menu .left_info {
    border-right: none;
  }
  #secondary_menu #divSelftManagedOrganisation {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-right: 0;
  }
  #secondary_menu #divSelftManagedOrganisation strong {
    color: #fff;
    font-size: 1em;
  }
  #secondary_menu #divSelftManagedOrganisation .form-group select {
    height: auto;
  }
  #employee_sidebar.sticky-top,
  .generic_sidebar.sticky-top {
    top: auto;
  }
  .photo_sec {
    flex-wrap: wrap;
  }
  .drop-zone .drop-zone__prompt.w-62 {
    width: 100% !important;
  }
  .preview-content .sec-tracker-wrap {
    display: none;
  }
  .preview-content .sec {
    flex-direction: column;
    width: 100%;
  }
  .preview-content .sec > div {
    width: 100% !important;
  }
  .preview-content .sec > div.sec-content {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .preview-content .sec-2 .w-90 {
    width: 100% !important;
  }
  .preview-content .sec-4 > div.w-15 {
    height: auto !important;
  }
  .preview-content .sec-4 .w-80 {
    width: 100% !important;
  }
  .preview-content .sec-4 .border.w-72 {
    width: 100% !important;
  }
  .preview-content .sec-6 > div.w-15 {
    height: auto !important;
  }
  #year-total > div.d-flex {
    flex-direction: column;
  }
  #accordionHMOTotal .accordion-item .accordion-header button > span {
    flex-direction: column;
  }
  #accordionHMOTotal .accordion-body ul li > div.d-flex {
    flex-direction: column;
  }
  .cols-tablet {
    flex-direction: column;
  }
  .cols-tablet > div {
    width: 100% !important;
  }
  .two-col-right-sidebar {
    flex-direction: column;
  }
  .two-col-right-sidebar > div {
    width: 100% !important;
  }
  .two-col-right-sidebar > div:first-child {
    order: 2;
  }
  .two-col-right-sidebar > div:last-child {
    order: 1;
    margin-left: 0;
    margin-bottom: 1em;
  }
  #footer .inner-container {
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
  #footer .icon {
    width: 1.4285714286em;
  }
  #footer .logo {
    width: 14.025974026em;
  }
  #footer li {
    font-size: 0.9090909091em;
  }
  #footer .copyright {
    font-size: 0.7142857143em;
  }
  #get_quote_btn {
    background: rgb(20, 198, 164);
    background: linear-gradient(135deg, rgb(20, 198, 164) 21%, rgb(20, 181, 179) 42%, rgb(20, 138, 218) 85%, rgb(21, 122, 234) 100%);
    width: 14.6384479718vw;
    height: 9.3474426808vw;
    border: 1px solid #fff;
  }
  #get_quote_btn a span.text {
    font-size: 2.1164021164vw;
  }
  #get_quote_btn a span.icon {
    width: 2.0052910053vw;
    height: 2.2927689594vw;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='12' height='14' fill='%23F9F9F9'/%3E%3Cmask id='mask0_0_1' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='-318' y='-766' width='378' height='822'%3E%3Cpath d='M-41.6269 -762.567C-41.6269 -748.907 -52.6969 -737.837 -66.3569 -737.837H-189.707C-203.367 -737.837 -214.437 -748.907 -214.437 -762.567V-762.587C-214.437 -764.457 -215.957 -765.977 -217.827 -765.977H-284.047C-302.687 -765.977 -317.797 -750.867 -317.797 -732.227V21.3035C-317.797 39.9435 -302.687 55.0535 -284.047 55.0535H26.0831C44.7231 55.0535 59.8331 39.9435 59.8331 21.3035V-731.817C59.8331 -750.377 44.8431 -765.457 26.2831 -765.567L-38.2068 -765.957C-40.0868 -765.967 -41.6169 -764.447 -41.6169 -762.567H-41.6269Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_0_1)'%3E%3Cpath d='M89 -685.008H-347V63.9922H89V-685.008Z' fill='%23EFEFEF'/%3E%3Cpath d='M65.5 -704.008H-323.5V63.9922H65.5V-704.008Z' fill='white'/%3E%3C/g%3E%3Cmask id='mask1_0_1' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='-318' y='-766' width='378' height='822'%3E%3Cpath d='M-41.6269 -762.567C-41.6269 -748.907 -52.6969 -737.837 -66.3569 -737.837H-189.707C-203.367 -737.837 -214.437 -748.907 -214.437 -762.567V-762.587C-214.437 -764.457 -215.957 -765.977 -217.827 -765.977H-284.047C-302.687 -765.977 -317.797 -750.867 -317.797 -732.227V21.3035C-317.797 39.9435 -302.687 55.0535 -284.047 55.0535H26.0831C44.7231 55.0535 59.8331 39.9435 59.8331 21.3035V-731.817C59.8331 -750.377 44.8431 -765.457 26.2831 -765.567L-38.2068 -765.957C-40.0868 -765.967 -41.6169 -764.447 -41.6169 -762.567H-41.6269Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_0_1)'%3E%3Cpath d='M-271.211 -98.9666H13.2394C19.1394 -98.9666 23.9294 -94.1766 23.9294 -88.2766V109.193C23.9294 138.693 -0.0206203 162.633 -29.5106 162.633H-271.201C-277.101 162.633 -281.891 157.843 -281.891 151.943V-88.2866C-281.891 -94.1866 -277.101 -98.9766 -271.201 -98.9766L-271.211 -98.9666Z' fill='%231563FF'/%3E%3Cpath d='M120.717 -6.00781H-378.703V95.9922H120.717V-6.00781Z' fill='url(%23paint0_linear_0_1)'/%3E%3C/g%3E%3Cpath d='M36.7634 -786.703H-295.587C-318.446 -786.703 -336.977 -768.172 -336.977 -745.313V31.3169C-336.977 54.176 -318.446 72.7069 -295.587 72.7069H36.7634C59.6225 72.7069 78.1534 54.176 78.1534 31.3169V-745.313C78.1534 -768.172 59.6225 -786.703 36.7634 -786.703Z' stroke='%23BCBCBC' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M33.8719 -778.484H-292.688C-313.062 -778.484 -329.578 -761.968 -329.578 -741.594V27.5856C-329.578 47.9594 -313.062 64.4756 -292.688 64.4756H33.8719C54.2457 64.4756 70.7619 47.9594 70.7619 27.5856V-741.594C70.7619 -761.968 54.2457 -778.484 33.8719 -778.484Z' stroke='%23BCBCBC' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M-41.6269 -762.567C-41.6269 -748.907 -52.6969 -737.837 -66.3569 -737.837H-189.707C-203.367 -737.837 -214.437 -748.907 -214.437 -762.567V-762.587C-214.437 -764.457 -215.957 -765.977 -217.827 -765.977H-284.047C-302.687 -765.977 -317.797 -750.867 -317.797 -732.227V21.3035C-317.797 39.9435 -302.687 55.0535 -284.047 55.0535H26.0831C44.7231 55.0535 59.8331 39.9435 59.8331 21.3035V-731.817C59.8331 -750.377 44.8431 -765.457 26.2831 -765.567L-38.2068 -765.957C-40.0868 -765.967 -41.6169 -764.447 -41.6169 -762.567H-41.6269Z' stroke='%23BCBCBC' stroke-width='0.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg filter='url(%23filter0_d_0_1)'%3E%3Cpath d='M-8.89844 43.5156C-23.5084 43.5156 -35.3984 31.6256 -35.3984 17.0156C-35.3984 2.40563 -23.5084 -9.48438 -8.89844 -9.48438H21.1016C35.7116 -9.48438 47.6016 2.40563 47.6016 17.0156C47.6016 31.6256 35.7116 43.5156 21.1016 43.5156H-8.89844Z' fill='url(%23paint1_linear_0_1)'/%3E%3Cpath d='M21.1016 -8.98438C35.4616 -8.98438 47.1016 2.65563 47.1016 17.0156C47.1016 31.3756 35.4616 43.0156 21.1016 43.0156H-8.89844C-23.2584 43.0156 -34.8984 31.3756 -34.8984 17.0156C-34.8984 2.65563 -23.2584 -8.98438 -8.89844 -8.98438H21.1016ZM21.1016 -9.98438H-8.89844C-23.7884 -9.98438 -35.8984 2.12562 -35.8984 17.0156C-35.8984 31.9056 -23.7884 44.0156 -8.89844 44.0156H21.1016C35.9916 44.0156 48.1016 31.9056 48.1016 17.0156C48.1016 2.12562 35.9916 -9.98438 21.1016 -9.98438Z' fill='white'/%3E%3Cg style='mix-blend-mode:overlay' opacity='0.8'%3E%3Cpath d='M9.01404 10.3444H3.19397C3.02397 10.3444 2.89404 10.4844 2.89404 10.6444C2.89404 10.8044 3.02397 10.9444 3.19397 10.9444H9.01404C9.17404 10.9444 9.31409 10.8144 9.31409 10.6444C9.31409 10.4744 9.18404 10.3444 9.01404 10.3444ZM11.6541 4.75439L8.03406 1.1344C7.94406 1.0444 7.81407 0.984375 7.67407 0.984375H1.75403C1.38403 0.984375 1.05408 1.13439 0.804077 1.37439C0.564077 1.61439 0.414062 1.9544 0.414062 2.3244V12.6444C0.414062 13.0144 0.564077 13.3444 0.804077 13.5944C1.04408 13.8344 1.38402 13.9844 1.74402 13.9844H10.444C10.804 13.9844 11.134 13.8344 11.384 13.6044H11.394C11.634 13.3444 11.7841 13.0144 11.7841 12.6444V5.10437C11.7841 4.97437 11.734 4.84439 11.644 4.75439H11.6541ZM7.98401 2.50439L10.2941 4.81439H8.52405C8.37405 4.81439 8.24404 4.75436 8.14404 4.65436H8.13403C8.04403 4.54436 7.99402 4.41441 7.99402 4.27441V2.50439H7.98401ZM10.7941 12.6544C10.7941 12.7444 10.754 12.8344 10.694 12.8944C10.634 12.9544 10.544 12.9944 10.454 12.9944H1.75403C1.66403 12.9944 1.57404 12.9544 1.51404 12.8944C1.45404 12.8344 1.41406 12.7444 1.41406 12.6544V2.33441C1.41406 2.24441 1.45404 2.15436 1.51404 2.09436C1.57404 2.03436 1.66403 1.99438 1.75403 1.99438H7.37402V4.27441C7.37402 4.57441 7.49397 4.85439 7.69397 5.06439L7.71399 5.08441C7.92399 5.29441 8.20404 5.41437 8.51404 5.41437H10.7941V12.6644V12.6544ZM2.90405 6.42438C2.90405 6.58438 3.03398 6.72437 3.20398 6.72437H9.02405C9.18405 6.72437 9.32397 6.59438 9.32397 6.42438C9.32397 6.25438 9.19405 6.12439 9.02405 6.12439H3.20398C3.03398 6.12439 2.90405 6.25438 2.90405 6.42438ZM9.01404 8.23438H3.19397C3.02397 8.23438 2.89404 8.36436 2.89404 8.53436C2.89404 8.70436 3.02397 8.83441 3.19397 8.83441H9.01404C9.17404 8.83441 9.31409 8.69436 9.31409 8.53436C9.31409 8.37436 9.18404 8.23438 9.01404 8.23438Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_1' x='-40.8984' y='-15.9844' width='96' height='66' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dx='1'/%3E%3CfeGaussianBlur stdDeviation='3'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_1'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_1' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_0_1' x1='-128.993' y1='95.9922' x2='-128.993' y2='-6.00781' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234D4D4D' stop-opacity='0.45'/%3E%3Cstop offset='0.18' stop-color='%234D4D4D' stop-opacity='0.33'/%3E%3Cstop offset='0.61' stop-color='%234D4D4D' stop-opacity='0.09'/%3E%3Cstop offset='0.92' stop-color='%234D4D4D' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_0_1' x1='-20.1284' y1='-9.21438' x2='32.3316' y2='43.2456' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0.21' stop-color='%2314C6A4'/%3E%3Cstop offset='0.42' stop-color='%2314B5B3'/%3E%3Cstop offset='0.85' stop-color='%23148ADA'/%3E%3Cstop offset='1' stop-color='%23157AEA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  }
}
@media only screen and (max-width: 576px) {
  html {
    font-size: 3.75vw;
  }
  .week-nav .prev {
    margin-left: -2em !important;
  }
  .week-nav .next {
    margin-left: -1.2em !important;
  }
  #aPreviousWeeks,
  #aNextWeeks {
    width: 1.2em !important;
  }
  #logo .org {
    font-size: 1em;
    top: 0.1em;
  }
  #logo .eot img {
    width: 9.6875rem;
  }
  #loginmodal .form-group label {
    font-size: 0.7777777778em;
  }
  #loginmodal .form-group span.note {
    font-size: 0.6666666667em;
  }
  #loginmodal .form-group span.note_sm {
    font-size: 0.6111111111em;
  }
  #loginmodal .login-box .remember-forgot a {
    font-size: 0.6666666667em;
  }
  #loginmodal .btn.btn-primary-blue.btn-lg {
    font-size: 1em;
  }
  #c_user .right {
    padding-left: 0;
  }
  #c_user .left img {
    width: 2.1203830369em;
  }
  #secondary_menu .seconday_menu_inner {
    flex-wrap: wrap;
  }
  #secondary_menu .right_menu .with_org_order_menu .process_overview_link {
    margin-left: 0;
  }
  #order-tab {
    margin-bottom: 1em !important;
  }
  .sticky_action_btns_bot > div {
    justify-content: space-evenly;
  }
  .sticky_action_btns_bot > div > * {
    width: 45%;
    justify-content: center;
  }
  ul.list-col-2 {
    flex-direction: column;
    width: 100%;
  }
  #eec-content .d-flex.justify-content-between {
    flex-direction: column;
  }
  #eec-content .d-flex.justify-content-between > div {
    width: 100% !important;
  }
  .three-cols,
  .two-cols,
  .cols {
    flex-direction: column;
  }
  .three-cols > div,
  .two-cols > div,
  .cols > div {
    width: 100% !important;
  }
  .breadcrumb {
    font-size: 0.75em;
  }
  .welcome_org_content {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }
  .welcome_org_content > div {
    width: 100% !important;
  }
  .welcome_org_content > div:first-child {
    order: 2;
  }
  .welcome_org_content > div:last-child {
    order: 1;
    text-align: center;
    margin-bottom: 1.5em;
  }
  .welcome_org_content > div:last-child img {
    margin-left: auto;
    margin-right: auto;
    font-size: 0.6rem;
  }
  .welcome_org_content .laptop {
    flex-direction: column;
  }
  .welcome_org_content .laptop > div:first-child {
    margin-bottom: 1em;
  }
  .form-group.tickbox_as_btns .item {
    margin-bottom: 0.5em;
  }
  .preview-content > div {
    width: 100%;
    flex-direction: column;
  }
  .preview-content > div > div {
    width: 100%;
    flex-direction: column;
  }
  .preview-content .sec-1 .sec-1-img-2 {
    font-size: 10px;
  }
  .preview-content .sec .preview-table {
    table-layout: fixed;
  }
  .preview-content .sec .preview-table td,
  .preview-content .sec .preview-table th {
    width: 9em !important;
  }
  .preview-content .sec .preview-table.calculation td {
    width: 15em !important;
  }
  .preview-content .sec .calculator_table .list-text {
    padding-left: 0;
    width: 100%;
  }
  .preview-content .sec .num-title-wrap {
    margin-top: 2em;
  }
  .preview-content #choose_currency,
  .preview-content #choose_job_title {
    width: 10em;
  }
  #wrapperHMOSummary {
    flex-direction: column;
  }
  #wrapperHMOSummary > div {
    width: 100% !important;
  }
  body:not(.marketing_page) .modal-dialog-centered {
    align-items: end !important;
    min-height: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
  }
  body:not(.marketing_page) .modal-content {
    border: none;
    background-color: #efefef;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 7em;
    border-top-left-radius: 1.25rem;
    border-top-right-radius: 1.25rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  body:not(.marketing_page) .modal-header {
    padding-left: 0;
    padding-right: 0;
  }
  body:not(.marketing_page) .modal-header .modal-title {
    font-size: 1.1111111111em;
  }
  body:not(.marketing_page) .modal-body {
    background-color: #fff;
    border-radius: 0.5rem;
    margin: 0.5em 0;
  }
  body:not(.marketing_page) .modal-footer {
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .payrun_menu li {
    display: block;
    margin-right: 0;
  }
  #get_quote_btn {
    width: 22.1333333333vw;
    height: 14.1333333333vw;
  }
  #get_quote_btn a span.text {
    font-size: 3.2vw;
  }
  #get_quote_btn a span.icon {
    width: 3.032vw;
    height: 3.4666666667vw;
  }
}