@font-face {
  font-family: Neue Montreal;
  src: url("fonts/PPNeueMontreal-Book.otf") format("opentype");
}
@font-face {
  font-family: Neue Montreal;
  font-weight: bold;
  src: url("fonts/PPNeueMontreal-Bold.otf") format("opentype");
}
@font-face {
  font-family: Neue Montreal;
  font-weight: lighter;
  src: url("fonts/PPNeueMontreal-Medium.otf") format("opentype");
}
@font-face {
  font-family: Neue Montreal;
  font-style: italic;
  src: url("fonts/PPNeueMontreal-Italic.otf") format("opentype");
}
:root {
  --fc-button-bg-color: #dfe5e8;
  --fc-button-text-color: black;
  --fc-button-border-color: #dfe5e8;
  --fc-button-active-bg-color: var(--primary);
  --fc-button-active-border-color: var(--primary);
  --fc-button-hover-bg-color: var(--primary);
  --fc-button-hover-border-color: var(--primary);
}

body {
  font-family: Neue Montreal;
}

.btn-primary {
  --btn-color: var(--component-active-color);
  --btn-bg: var(--primary);
  --btn-border-color: var(--primary);
  --btn-hover-color: var(--component-active-color);
  --btn-hover-bg: #9abfd1;
  --btn-hover-border-color: var(--primary);
  --btn-focus-shadow-rgb: 48, 150, 255;
  --btn-active-color: var(--component-active-color);
  --btn-active-bg: #9abfd1;
  --btn-active-border-color: var(--primary);
  --btn-active-shadow: inset 0 0 0 0 transparent;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: var(--primary);
  --btn-disabled-border-color: var(--primary);
}

.btn-secondary {
  --btn-color: var(--component-active-color);
  --btn-bg: white;
  --btn-border-color: var(--component-active-color);
  --btn-hover-color: var(--component-active-color);
  --btn-hover-bg: var(--page-bg);
  --btn-hover-border-color: var(--component-active-color);
  --btn-focus-shadow-rgb: 69, 135, 167;
  --btn-active-color: var(--component-active-color);
  --btn-active-bg: var(--page-bg);
  --btn-active-border-color: var(--component-active-color);
  --btn-active-shadow: inset 0 0 0 0 transparent;
  --btn-disabled-color: var(--component-active-color);
  --btn-disabled-bg: var(--page-bg);
  --btn-disabled-border-color: var(--component-active-color);
}

.btn-dark {
  --btn-color: #fff;
  --btn-bg: var(--action);
  --btn-border-color: var(--action);
  --btn-hover-color: #fff;
  --btn-hover-bg: #2a303b;
  --btn-hover-border-color: var(--action);
  --btn-focus-shadow-rgb: 70, 75, 84;
  --btn-active-color: #fff;
  --btn-active-bg: #303640;
  --btn-active-border-color: #2a303b;
  --btn-active-shadow: inset 0 0 0 0 transparent;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #252b36;
  --btn-disabled-border-color: #252b36;
}

.btn-group a.link-toggle {
  cursor: pointer;
  color: #f95c2e;
}

.dashboard-contractor {
  color: #ddc7c1;
  background-color: #f8f4f3;
  margin-top: -3px;
  margin-left: -3px;
}

.dashboard-contractor-outer {
  border: 1px solid #ddc7c1;
}

.dashboard-contractor i {
  margin-top: 3px;
  margin-left: -3px;
}

.dashboard-invoice {
  color: #bad1cd;
  background-color: #f1f6f5;
  margin-top: -3px;
  margin-left: -3px;
}

.dashboard-invoice-outer {
  border: 1px solid #bad1cd;
}

.dashboard-invoice i {
  margin-top: 3px;
  margin-left: 9px;
}

.dashboard-payment {
  color: #98aeb9;
  background-color: #f0f5f7;
  margin-top: -2px;
  margin-left: -4px;
}

.dashboard-payment-outer {
  border: 1px solid #98aeb9;
}

.dashboard-payment i {
  margin-top: 3px;
  margin-left: 12px;
}

.dataviewer-th {
  cursor: pointer;
}

a.link-expand {
  cursor: pointer;
}

a.editable-link {
  border-bottom-style: dotted;
  text-decoration: none;
}

.fa-sm {
  font-size: 1.2em;
}

.grecaptcha-badge {
  display: none;
}

h4.text-themecolor {
  font-weight: bold;
}

img.logo {
  margin-top: 5px;
}

.is-invalid .multiselect__tags,
.is-invalid + .tox-tinymce,
.is-invalid .xmx-input,
.is-invalid .xmx-input:hover,
.is-invalid .xmx-input:focus {
  border-color: #ef4444;
}

.label-center {
  margin-top: 8px;
}

.list-group-item .action-icons {
  margin-left: 30px;
}

.login-box {
  padding: 5%;
}

.form-select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill=' none " stroke=" #374151 " stroke-linecap=" round " stroke-linejoin=" round " stroke-width=" 2 " d=" M2 5l6 6 0 "/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.875rem center;
  background-size: 16px 12px;
}

.multiselect__element .multiselect__option--highlight {
  background: var(--primary);
}

.multiselect, .multiselect__input, .multiselect__single {
  color: black;
  font-size: 14px;
}

.multiselect__select {
  margin-top: 4px;
}

.multiselect__single {
  margin-top: 5px;
}

.multiselect__tags {
  min-height: 40px;
  margin-top: 5px;
}

.nav-link {
  border-radius: 25px;
}

.report {
  min-height: 550px;
}

@media (max-width: 767px) {
  .report {
    min-height: 700px;
  }
}
.table:not(.table-invoice) {
  border-collapse: separate;
  border-spacing: 0;
}

.table:not(.table-invoice) th:first-child,
.table:not(.table-invoice) td:first-child {
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
}

.table:not(.table-invoice) th:last-child,
.table:not(.table-invoice) td:last-child {
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}

.table td.vertical-middle {
  vertical-align: middle;
}

.table-striped table tbody tr {
  background-color: transparent !important;
}

.table-title-row {
  color: white;
  background-color: var(--action);
}

.table-responsive td p strong {
  font-weight: bold;
}

.table-responsive .table > :not(:first-child),
.table-invoice.table-lg thead th {
  border-width: 1;
  border-top: 1px;
}

.table-responsive .table tr:last-child {
  border-left: 0;
  border-right: 0;
  border-width: 1px;
}

.table-responsive tr td .xmx-datepicker {
  width: 150px;
}

.table-invoice tbody tr {
  border-color: #D1D5DB;
}

.vs__actions {
  margin-bottom: 2px;
}

.vs__selected-options input.vs__search,
.vs__selected-options input.vs__search:focus {
  line-height: 2;
}

.vs__dropdown-menu .vs__dropdown-option {
  color: var(--component-active-color);
}

.vs__dropdown-menu .vs__dropdown-option--highlight {
  background-color: var(--component-active-bg);
}

.table .v-select .vs__dropdown-toggle,
.table .form-select {
  border-radius: 50rem;
}

.table .v-select .vs__dropdown-toggle {
  padding: 0 7px;
}

.v-select .vs__dropdown-toggle .vs__open-indicator {
  margin-top: 2px;
}

.xmx-input-wrapper .xmx-input {
  font-size: 1rem;
  min-height: 40px;
}