/* Modifiers */
:root {
  --blue: hsl(209.53deg, 100%, 25.1%);
  --green: hsl(89.53deg, 100%, 25.1%);
  --yellow: hsl(59.71deg, 100%, 40%);
  --orange: hsl(29.71deg, 100%, 40%);
  --red: hsl(359.64deg, 100%, 32.55%);
  --purple: hsl(299.53deg, 100%, 25.1%);
  --pink: hsl(333.38deg, 59.66%, 53.33%);
  --gray: hsl(226.96deg, 14.84%, 69.61%);
  --dark-gray: hsl(228deg, 13.16%, 29.8%);
  --white: white;
  --black: black;
}

button, .button {
  border-style: solid;
  border-width: 0.125rem;
  border-radius: 0.25rem;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

/* Loading */
.btn-loading:disabled {
  font-size: 0rem !important;
  padding: 0.25rem;
}

.btn-loading:disabled::after {
  content: "";
  font-size: 1rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: 0.75s linear infinite spinner-border;
  animation: 0.75s linear infinite spinner-border;
}

/* Toggle */
.logo-sidebar {
  background-color: white !important;
  border-radius: 15%;
  height: 3rem;
}

.sidebar-container {
  min-width: 17.5rem;
}

.sidebar {
  padding: 0rem 0.5rem;
  min-height: 100%;
}

i.sidebar-user-icon {
  font-size: 2.5rem;
}

img.sidebar-user-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  object-fit: cover;
}

.sidebar-user-info {
  height: 3.75rem;
}

.sidebar-footer {
  font-size: 0.75rem;
}

.sidebar-title {
  font-size: 1.25rem;
  background-color: transparent;
  border: none;
  color: white !important;
  cursor: pointer;
}
.sidebar-title > option {
  color: black !important;
  font-size: 1rem;
}

.sidebar-nav-header {
  font-size: 1.25rem;
  border-bottom: 1px solid white !important;
  margin-top: 1rem;
}

.sidebar-nav-group {
  width: 100%;
}
.sidebar-nav-group > a {
  cursor: pointer;
}
.sidebar-nav-group > a:hover, .sidebar-nav-group > a.active {
  color: hsl(209.53deg, 100%, 25.1%) !important;
  background-color: white !important;
}
.sidebar-nav-group > a > label {
  width: 100%;
  cursor: pointer;
}
.sidebar-nav-group > a::after {
  font-family: "bootstrap-icons";
  content: "\f229";
}
.sidebar-nav-group > a.collapsed::after {
  font-family: "bootstrap-icons";
  content: "\f231";
}
.sidebar-nav-group > ul {
  margin-left: 0.6275rem;
  /*padding-left: 0.375rem;*/
  border-left: 0.25rem double white !important;
}

.sidebar-nav-item:hover, .sidebar-nav-item > a.active {
  color: hsl(209.53deg, 100%, 25.1%) !important;
  background-color: white !important;
}

.sidebar-nav {
  list-style: none;
  padding-left: 0;
}
.sidebar-nav i {
  margin-right: 0.25rem;
}
.sidebar-nav a {
  padding-left: 0.25rem;
  display: flex;
  color: inherit;
  width: 100%;
  text-decoration: none;
}

nav, .nav {
  display: flex;
  flex-wrap: nowrap !important;
  justify-content: space-around;
  width: 100%;
}
nav a, .nav a {
  padding: 0.125rem 0.25rem;
  text-decoration: none;
  text-align: center;
}
nav.pills > a, .nav.pills > a {
  margin: 0 0.25rem;
  border-radius: 0.25rem;
  color: hsl(209.53deg, 100%, 25.1%);
  border-width: 0.125rem;
  border-style: solid;
  border-color: hsl(209.53deg, 100%, 25.1%);
}
nav.pills > a:not(.active):hover, .nav.pills > a:not(.active):hover {
  color: #0054a6;
  border-color: #0054a6;
}
nav.pills > a.active, .nav.pills > a.active {
  background-color: hsl(209.53deg, 100%, 25.1%);
  color: white;
  cursor: default;
}
nav.tabs > a, .nav.tabs > a {
  width: 100%;
  color: black;
  border-bottom: 0.125rem solid black;
}
nav.tabs > a.active, .nav.tabs > a.active {
  color: hsl(209.53deg, 100%, 25.1%);
  border-bottom-color: hsl(209.53deg, 100%, 25.1%);
  cursor: default;
}

.nav-tabs .nav-link {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

table, table.dataTable {
  border-color: hsl(209.53deg, 100%, 25.1%);
  width: 100% !important;
}

thead > tr > th {
  color: white;
  background-color: hsl(209.53deg, 100%, 25.1%) !important;
  white-space: nowrap;
}

table:not(.table-square) tr > th:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}
table:not(.table-square) tr > th:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}
table:not(.table-square) tr.sub > td, table:not(.table-square) tr.sub > th {
  border-radius: 0 0 0.25rem 0.25rem;
}
table:not(.table-square) tr > td:first-child:last-of-type {
  border-radius: 0.25rem;
}
table:not(.table-square) tr > td:first-of-type {
  border-radius: 0.25rem 0 0 0.25rem;
}
table:not(.table-square) tr > td:last-of-type {
  border-radius: 0 0.25rem 0.25rem 0;
}
table:not(.table-square) tr.has-sub-table:has(+ .sub) > td:first-child {
  border-radius: 0.25rem 0 0 0;
}
table:not(.table-square) tr.has-sub-table:has(+ .sub) > td:last-child {
  border-radius: 0 0.25rem 0 0;
}
table:not(.table-square) tr.collapsible {
  cursor: pointer;
}
table:not(.table-square) tr.collapsible:not(.collapsed) > td:first-child {
  border-radius: 0.25rem 0 0 0;
}
table:not(.table-square) tr.collapsible:not(.collapsed) > td:last-child {
  border-radius: 0 0.25rem 0 0;
}
table:not(.table-square) tr.collapsible.collapsed:nth-last-child(-n+2) td, table:not(.table-square) tr.collapsible.collapsed:nth-last-child(-n+2) th {
  border-bottom-width: 0.125rem !important;
}

.table > :not(caption) > * > * {
  padding: 0.25rem 0.5rem;
  border-bottom-width: 0px;
}

table:not(.table-borderless) > tbody > tr {
  vertical-align: middle;
}
table:not(.table-borderless) > tbody > tr:first-child td, table:not(.table-borderless) > tbody > tr:first-child th {
  border-top-width: 0.125rem !important;
}
table:not(.table-borderless) > tbody > tr:last-child td, table:not(.table-borderless) > tbody > tr:last-child th {
  border-bottom-width: 0.125rem !important;
}
table:not(.table-borderless) > tbody > tr.sub > td, table:not(.table-borderless) > tbody > tr.sub > th {
  border-width: 0 0.125rem 0.0625rem 0.125rem;
  border-color: hsl(209.53deg, 100%, 25.1%);
}
table:not(.table-borderless) > tbody > tr > td {
  border-color: hsl(209.53deg, 100%, 25.1%);
}
table:not(.table-borderless) > tbody > tr > td:not(:first-of-type):not(:last-of-type) {
  border-width: 0.0625rem 0;
}
table:not(.table-borderless) > tbody > tr > td:first-child:last-of-type {
  border-width: 0.0625rem 0.125rem;
}
table:not(.table-borderless) > tbody > tr > td:first-of-type {
  border-width: 0.0625rem 0 0.0625rem 0.125rem;
}
table:not(.table-borderless) > tbody > tr > td:last-of-type {
  border-width: 0.0625rem 0.125rem 0.0625rem 0;
}
table:not(.table-borderless) > tbody > tr > td.status {
  max-width: 1rem;
}
table:not(.table-borderless) > tbody > tr.collapsible {
  cursor: pointer;
}
table:not(.table-borderless) > tbody > tr.collapsible > td:last-child {
  white-space: nowrap;
  padding-right: 1.5rem;
}
table:not(.table-borderless) > tbody > tr.collapsible > td:last-child::after {
  font-family: "bootstrap-icons";
  content: "\f229";
  float: right;
  margin-right: -1.25rem;
  color: hsl(209.53deg, 100%, 25.1%);
}
table:not(.table-borderless) > tbody > tr.collapsible.collapsed:nth-last-child(-n+2) td, table:not(.table-borderless) > tbody > tr.collapsible.collapsed:nth-last-child(-n+2) th {
  border-bottom-width: 0.125rem !important;
}
table:not(.table-borderless) > tbody > tr.collapsible.collapsed > td:last-child::after {
  content: "\f231";
}
table:not(.table-borderless) > tbody > tr.collapsible.collapsed + tr.sub {
  display: none;
}
table:not(.table-borderless) > tbody > tr button {
  padding: 0.125rem;
}
table:not(.table-borderless) > tbody > tr button i {
  display: grid !important;
}

table.dataTable > tbody > tr.dtrg-group > th {
  background-color: rgba(166, 171, 189, 0.2) !important;
}

tr.sub table > thead > tr > th {
  border-bottom-width: 0.125rem !important;
  border-bottom-color: hsl(209.53deg, 100%, 25.1%);
  background-color: transparent !important;
  color: black;
  border-left: none;
  border-right: none;
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
}
tr.sub table > tbody > tr > td {
  padding: 0 0.5rem;
  border: none;
  font-weight: normal;
}

table.dataTable.table-striped > tbody > tr.odd > * {
  box-shadow: inset 0 0 0 9999px rgba(166, 171, 189, 0.2) !important;
}

.table-hover > tbody > tr.sub:hover > *,
table.dataTable.table-hover > tbody > tr.sub:hover > * {
  box-shadow: none;
}
.table-hover > tbody > tr:not(.sub):hover > *,
table.dataTable.table-hover > tbody > tr:not(.sub):hover > * {
  box-shadow: inset 0 0 0 9999px rgba(166, 171, 189, 0.2) !important;
}

.dt-paging-button.page-item.disabled .page-link {
  color: hsl(226.96deg, 14.84%, 69.61%);
}
.dt-paging-button.page-item .page-link {
  color: hsl(209.53deg, 100%, 25.1%);
  border-color: hsl(226.96deg, 14.84%, 69.61%);
}
.dt-paging-button.page-item.active .page-link {
  color: white;
  background-color: hsl(209.53deg, 100%, 25.1%);
  border-color: hsl(209.53deg, 100%, 25.1%);
}

.dt-container > .row > .col-md-auto {
  display: flex;
  align-items: center;
}

div.dt-scroll-body {
  border: none !important;
}

div.dt-scroll-body > table > tbody > tr:last-child > * {
  border-bottom: 0.125rem solid hsl(209.53deg, 100%, 25.1%) !important;
}

:root {
  --valid-svg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23418000' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  --invalid-svg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' width='13' height='13' fill='none' stroke='%23A60001'%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='%23A60001' stroke='none'/%3e%3c/svg%3e");
}

.form-check-input.input-validation-error {
  border-color: hsl(359.64deg, 100%, 32.55%) !important;
}

.was-validated .form-control:invalid, .form-control:invalid, .form-control.input-validation-error {
  border-color: hsl(359.64deg, 100%, 32.55%) !important;
  background-image: var(--invalid-svg);
  padding-right: 1.75rem;
  background-repeat: no-repeat;
  background-position: right 0.25rem center;
  background-size: 1.125rem 1.125rem;
}
.was-validated .form-control:invalid:focus, .form-control:invalid:focus, .form-control.input-validation-error:focus {
  border-color: hsl(359.64deg, 100%, 32.55%) !important;
  box-shadow: 0 0 0 0.25rem rgba(166, 0, 1, 0.25);
}

.modal-body.scroll {
  overflow-y: auto;
  max-height: 60vh;
}

.popover {
  max-width: 750px;
  max-height: 750px;
}

.popover-body:has(#previewIframe) {
  height: 750px;
  width: 750px;
}

html {
  overflow: hidden;
}

body, html {
  height: 100%;
  width: 100%;
  margin: 0;
}

body::before {
  content: "";
  position: absolute;
  z-index: -1;
  height: 100vh;
  width: 100vw;
  background-color: rgba(166, 171, 189, 0.075);
  -webkit-mask: url("../../Content/Images/tile.svg") 0px 0px/90px;
  mask: url("../../Content/Images/tile.svg") 0px 0px/90px;
  /*transform: rotate(45deg);*/
}

.container {
  padding: 0px;
}

.background {
  border-radius: 0.5rem;
  padding: 0.75rem;
  background-color: white;
  border-color: hsl(226.96deg, 14.84%, 69.61%);
  border-width: 1px;
  border-style: solid;
}

input.btn-check:not(:checked) + label.button.blue {
  background-color: transparent !important;
  color: hsl(209.53deg, 100%, 25.1%) !important;
}
input.btn-check:not(:checked) + label.button.blue:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.blue:not(:disabled):hover {
  color: #0054a6 !important;
  border-color: #0054a6 !important;
}
input.btn-check:not(:checked) + label.button.blue:disabled, input.btn-check:not(:checked) + label.button.blue.disabled {
  color: #26405a !important;
  border-color: #26405a !important;
}
input.btn-check:not(:checked) + label.button.blue:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 65, 128, 0.5);
}

input.btn-check:checked + label.button.blue {
  background-color: hsl(209.53deg, 100%, 25.1%) !important;
  border-color: hsl(209.53deg, 100%, 25.1%) !important;
  color: white !important;
}
input.btn-check:checked + label.button.blue:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.blue:hover {
  background-color: #0054a6 !important;
  border-color: #0054a6 !important;
}
input.btn-check:checked + label.button.blue:disabled, input.btn-check:checked + label.button.blue.disabled {
  background-color: #26405a !important;
  border-color: #26405a !important;
  color: white !important;
}
input.btn-check:checked + label.button.blue:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 65, 128, 0.5);
}

button.blue, .button.blue {
  background-color: hsl(209.53deg, 100%, 25.1%) !important;
  border-color: hsl(209.53deg, 100%, 25.1%) !important;
  color: white !important;
}
button.blue:not(:disabled), .button.blue:not(:disabled) {
  cursor: pointer;
}
button.blue:hover, .button.blue:hover {
  background-color: #0054a6 !important;
  border-color: #0054a6 !important;
}
button.blue:disabled, button.blue.disabled, .button.blue:disabled, .button.blue.disabled {
  background-color: #26405a !important;
  border-color: #26405a !important;
  color: white !important;
}
button.blue.light, .button.blue.light {
  background-color: #005eb9 !important;
  border-color: #005eb9 !important;
  color: white !important;
}
button.blue.dark, .button.blue.dark {
  background-color: #00376d !important;
  border-color: #00376d !important;
  color: #d9d9d9 !important;
}
button.blue.outline, .button.blue.outline {
  background-color: transparent;
  color: hsl(209.53deg, 100%, 25.1%) !important;
}
button.blue.outline:not(:disabled):hover, .button.blue.outline:not(:disabled):hover {
  color: #0054a6 !important;
  border-color: #0054a6 !important;
}
button.blue.outline:disabled, button.blue.outline.disabled, .button.blue.outline:disabled, .button.blue.outline.disabled {
  color: #26405a !important;
  border-color: #26405a !important;
}
button.blue:active:focus, .button.blue:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 65, 128, 0.5);
}

.blue {
  color: hsl(209.53deg, 100%, 25.1%) !important;
}
.blue:disabled, .blue.disabled {
  color: #26405a;
}
.blue.light {
  color: #005eb9;
}
.blue.dark {
  color: #00376d;
}

.bg-blue {
  background-color: hsl(209.53deg, 100%, 25.1%) !important;
}
.bg-blue:disabled, .bg-blue.disabled {
  background-color: #26405a;
}
.bg-blue.light {
  background-color: #005eb9;
}
.bg-blue.dark {
  background-color: #00376d;
}

.border-blue {
  border-color: hsl(209.53deg, 100%, 25.1%) !important;
}
.border-blue:disabled, .border-blue.disabled {
  border-color: #26405a;
}
.border-blue.light {
  border-color: #005eb9;
}
.border-blue.dark {
  border-color: #00376d;
}

.accent-blue {
  accent-color: hsl(209.53deg, 100%, 25.1%) !important;
}
.accent-blue:disabled, .accent-blue.disabled {
  accent-color: #26405a;
}
.accent-blue.light {
  accent-color: #005eb9;
}
.accent-blue.dark {
  accent-color: #00376d;
}

input.btn-check:not(:checked) + label.button.green {
  background-color: transparent !important;
  color: hsl(89.53deg, 100%, 25.1%) !important;
}
input.btn-check:not(:checked) + label.button.green:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.green:not(:disabled):hover {
  color: #54a600 !important;
  border-color: #54a600 !important;
}
input.btn-check:not(:checked) + label.button.green:disabled, input.btn-check:not(:checked) + label.button.green.disabled {
  color: #405a26 !important;
  border-color: #405a26 !important;
}
input.btn-check:not(:checked) + label.button.green:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 128, 0, 0.5);
}

input.btn-check:checked + label.button.green {
  background-color: hsl(89.53deg, 100%, 25.1%) !important;
  border-color: hsl(89.53deg, 100%, 25.1%) !important;
  color: white !important;
}
input.btn-check:checked + label.button.green:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.green:hover {
  background-color: #54a600 !important;
  border-color: #54a600 !important;
}
input.btn-check:checked + label.button.green:disabled, input.btn-check:checked + label.button.green.disabled {
  background-color: #405a26 !important;
  border-color: #405a26 !important;
  color: white !important;
}
input.btn-check:checked + label.button.green:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 128, 0, 0.5);
}

button.green, .button.green {
  background-color: hsl(89.53deg, 100%, 25.1%) !important;
  border-color: hsl(89.53deg, 100%, 25.1%) !important;
  color: white !important;
}
button.green:not(:disabled), .button.green:not(:disabled) {
  cursor: pointer;
}
button.green:hover, .button.green:hover {
  background-color: #54a600 !important;
  border-color: #54a600 !important;
}
button.green:disabled, button.green.disabled, .button.green:disabled, .button.green.disabled {
  background-color: #405a26 !important;
  border-color: #405a26 !important;
  color: white !important;
}
button.green.light, .button.green.light {
  background-color: #5eb900 !important;
  border-color: #5eb900 !important;
  color: white !important;
}
button.green.dark, .button.green.dark {
  background-color: #376d00 !important;
  border-color: #376d00 !important;
  color: #d9d9d9 !important;
}
button.green.outline, .button.green.outline {
  background-color: transparent;
  color: hsl(89.53deg, 100%, 25.1%) !important;
}
button.green.outline:not(:disabled):hover, .button.green.outline:not(:disabled):hover {
  color: #54a600 !important;
  border-color: #54a600 !important;
}
button.green.outline:disabled, button.green.outline.disabled, .button.green.outline:disabled, .button.green.outline.disabled {
  color: #405a26 !important;
  border-color: #405a26 !important;
}
button.green:active:focus, .button.green:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(65, 128, 0, 0.5);
}

.green {
  color: hsl(89.53deg, 100%, 25.1%) !important;
}
.green:disabled, .green.disabled {
  color: #405a26;
}
.green.light {
  color: #5eb900;
}
.green.dark {
  color: #376d00;
}

.bg-green {
  background-color: hsl(89.53deg, 100%, 25.1%) !important;
}
.bg-green:disabled, .bg-green.disabled {
  background-color: #405a26;
}
.bg-green.light {
  background-color: #5eb900;
}
.bg-green.dark {
  background-color: #376d00;
}

.border-green {
  border-color: hsl(89.53deg, 100%, 25.1%) !important;
}
.border-green:disabled, .border-green.disabled {
  border-color: #405a26;
}
.border-green.light {
  border-color: #5eb900;
}
.border-green.dark {
  border-color: #376d00;
}

.accent-green {
  accent-color: hsl(89.53deg, 100%, 25.1%) !important;
}
.accent-green:disabled, .accent-green.disabled {
  accent-color: #405a26;
}
.accent-green.light {
  accent-color: #5eb900;
}
.accent-green.dark {
  accent-color: #376d00;
}

input.btn-check:not(:checked) + label.button.yellow {
  background-color: transparent !important;
  color: hsl(59.71deg, 100%, 40%) !important;
}
input.btn-check:not(:checked) + label.button.yellow:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.yellow:not(:disabled):hover {
  color: #ebe900 !important;
  border-color: #ebe900 !important;
}
input.btn-check:not(:checked) + label.button.yellow:disabled, input.btn-check:not(:checked) + label.button.yellow.disabled {
  color: #8f8e3d !important;
  border-color: #8f8e3d !important;
}
input.btn-check:not(:checked) + label.button.yellow:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(204, 203, 0, 0.5);
}

input.btn-check:checked + label.button.yellow {
  background-color: hsl(59.71deg, 100%, 40%) !important;
  border-color: hsl(59.71deg, 100%, 40%) !important;
  color: white !important;
}
input.btn-check:checked + label.button.yellow:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.yellow:hover {
  background-color: #ebe900 !important;
  border-color: #ebe900 !important;
}
input.btn-check:checked + label.button.yellow:disabled, input.btn-check:checked + label.button.yellow.disabled {
  background-color: #8f8e3d !important;
  border-color: #8f8e3d !important;
  color: white !important;
}
input.btn-check:checked + label.button.yellow:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(204, 203, 0, 0.5);
}

button.yellow, .button.yellow {
  background-color: hsl(59.71deg, 100%, 40%) !important;
  border-color: hsl(59.71deg, 100%, 40%) !important;
  color: white !important;
}
button.yellow:not(:disabled), .button.yellow:not(:disabled) {
  cursor: pointer;
}
button.yellow:hover, .button.yellow:hover {
  background-color: #ebe900 !important;
  border-color: #ebe900 !important;
}
button.yellow:disabled, button.yellow.disabled, .button.yellow:disabled, .button.yellow.disabled {
  background-color: #8f8e3d !important;
  border-color: #8f8e3d !important;
  color: white !important;
}
button.yellow.light, .button.yellow.light {
  background-color: #faf900 !important;
  border-color: #faf900 !important;
  color: white !important;
}
button.yellow.dark, .button.yellow.dark {
  background-color: #adad00 !important;
  border-color: #adad00 !important;
  color: #d9d9d9 !important;
}
button.yellow.outline, .button.yellow.outline {
  background-color: transparent;
  color: hsl(59.71deg, 100%, 40%) !important;
}
button.yellow.outline:not(:disabled):hover, .button.yellow.outline:not(:disabled):hover {
  color: #ebe900 !important;
  border-color: #ebe900 !important;
}
button.yellow.outline:disabled, button.yellow.outline.disabled, .button.yellow.outline:disabled, .button.yellow.outline.disabled {
  color: #8f8e3d !important;
  border-color: #8f8e3d !important;
}
button.yellow:active:focus, .button.yellow:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(204, 203, 0, 0.5);
}

.yellow {
  color: hsl(59.71deg, 100%, 40%) !important;
}
.yellow:disabled, .yellow.disabled {
  color: #8f8e3d;
}
.yellow.light {
  color: #faf900;
}
.yellow.dark {
  color: #adad00;
}

.bg-yellow {
  background-color: hsl(59.71deg, 100%, 40%) !important;
}
.bg-yellow:disabled, .bg-yellow.disabled {
  background-color: #8f8e3d;
}
.bg-yellow.light {
  background-color: #faf900;
}
.bg-yellow.dark {
  background-color: #adad00;
}

.border-yellow {
  border-color: hsl(59.71deg, 100%, 40%) !important;
}
.border-yellow:disabled, .border-yellow.disabled {
  border-color: #8f8e3d;
}
.border-yellow.light {
  border-color: #faf900;
}
.border-yellow.dark {
  border-color: #adad00;
}

.accent-yellow {
  accent-color: hsl(59.71deg, 100%, 40%) !important;
}
.accent-yellow:disabled, .accent-yellow.disabled {
  accent-color: #8f8e3d;
}
.accent-yellow.light {
  accent-color: #faf900;
}
.accent-yellow.dark {
  accent-color: #adad00;
}

input.btn-check:not(:checked) + label.button.orange {
  background-color: transparent !important;
  color: hsl(29.71deg, 100%, 40%) !important;
}
input.btn-check:not(:checked) + label.button.orange:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.orange:not(:disabled):hover {
  color: #eb7400 !important;
  border-color: #eb7400 !important;
}
input.btn-check:not(:checked) + label.button.orange:disabled, input.btn-check:not(:checked) + label.button.orange.disabled {
  color: #8f663d !important;
  border-color: #8f663d !important;
}
input.btn-check:not(:checked) + label.button.orange:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(204, 101, 0, 0.5);
}

input.btn-check:checked + label.button.orange {
  background-color: hsl(29.71deg, 100%, 40%) !important;
  border-color: hsl(29.71deg, 100%, 40%) !important;
  color: white !important;
}
input.btn-check:checked + label.button.orange:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.orange:hover {
  background-color: #eb7400 !important;
  border-color: #eb7400 !important;
}
input.btn-check:checked + label.button.orange:disabled, input.btn-check:checked + label.button.orange.disabled {
  background-color: #8f663d !important;
  border-color: #8f663d !important;
  color: white !important;
}
input.btn-check:checked + label.button.orange:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(204, 101, 0, 0.5);
}

button.orange, .button.orange {
  background-color: hsl(29.71deg, 100%, 40%) !important;
  border-color: hsl(29.71deg, 100%, 40%) !important;
  color: white !important;
}
button.orange:not(:disabled), .button.orange:not(:disabled) {
  cursor: pointer;
}
button.orange:hover, .button.orange:hover {
  background-color: #eb7400 !important;
  border-color: #eb7400 !important;
}
button.orange:disabled, button.orange.disabled, .button.orange:disabled, .button.orange.disabled {
  background-color: #8f663d !important;
  border-color: #8f663d !important;
  color: white !important;
}
button.orange.light, .button.orange.light {
  background-color: #fa7c00 !important;
  border-color: #fa7c00 !important;
  color: white !important;
}
button.orange.dark, .button.orange.dark {
  background-color: #ad5600 !important;
  border-color: #ad5600 !important;
  color: #d9d9d9 !important;
}
button.orange.outline, .button.orange.outline {
  background-color: transparent;
  color: hsl(29.71deg, 100%, 40%) !important;
}
button.orange.outline:not(:disabled):hover, .button.orange.outline:not(:disabled):hover {
  color: #eb7400 !important;
  border-color: #eb7400 !important;
}
button.orange.outline:disabled, button.orange.outline.disabled, .button.orange.outline:disabled, .button.orange.outline.disabled {
  color: #8f663d !important;
  border-color: #8f663d !important;
}
button.orange:active:focus, .button.orange:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(204, 101, 0, 0.5);
}

.orange {
  color: hsl(29.71deg, 100%, 40%) !important;
}
.orange:disabled, .orange.disabled {
  color: #8f663d;
}
.orange.light {
  color: #fa7c00;
}
.orange.dark {
  color: #ad5600;
}

.bg-orange {
  background-color: hsl(29.71deg, 100%, 40%) !important;
}
.bg-orange:disabled, .bg-orange.disabled {
  background-color: #8f663d;
}
.bg-orange.light {
  background-color: #fa7c00;
}
.bg-orange.dark {
  background-color: #ad5600;
}

.border-orange {
  border-color: hsl(29.71deg, 100%, 40%) !important;
}
.border-orange:disabled, .border-orange.disabled {
  border-color: #8f663d;
}
.border-orange.light {
  border-color: #fa7c00;
}
.border-orange.dark {
  border-color: #ad5600;
}

.accent-orange {
  accent-color: hsl(29.71deg, 100%, 40%) !important;
}
.accent-orange:disabled, .accent-orange.disabled {
  accent-color: #8f663d;
}
.accent-orange.light {
  accent-color: #fa7c00;
}
.accent-orange.dark {
  accent-color: #ad5600;
}

input.btn-check:not(:checked) + label.button.red {
  background-color: transparent !important;
  color: hsl(359.64deg, 100%, 32.55%) !important;
}
input.btn-check:not(:checked) + label.button.red:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.red:not(:disabled):hover {
  color: #c80001 !important;
  border-color: #c80001 !important;
}
input.btn-check:not(:checked) + label.button.red:disabled, input.btn-check:not(:checked) + label.button.red.disabled {
  color: #743232 !important;
  border-color: #743232 !important;
}
input.btn-check:not(:checked) + label.button.red:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(166, 0, 1, 0.5);
}

input.btn-check:checked + label.button.red {
  background-color: hsl(359.64deg, 100%, 32.55%) !important;
  border-color: hsl(359.64deg, 100%, 32.55%) !important;
  color: white !important;
}
input.btn-check:checked + label.button.red:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.red:hover {
  background-color: #c80001 !important;
  border-color: #c80001 !important;
}
input.btn-check:checked + label.button.red:disabled, input.btn-check:checked + label.button.red.disabled {
  background-color: #743232 !important;
  border-color: #743232 !important;
  color: white !important;
}
input.btn-check:checked + label.button.red:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(166, 0, 1, 0.5);
}

button.red, .button.red {
  background-color: hsl(359.64deg, 100%, 32.55%) !important;
  border-color: hsl(359.64deg, 100%, 32.55%) !important;
  color: white !important;
}
button.red:not(:disabled), .button.red:not(:disabled) {
  cursor: pointer;
}
button.red:hover, .button.red:hover {
  background-color: #c80001 !important;
  border-color: #c80001 !important;
}
button.red:disabled, button.red.disabled, .button.red:disabled, .button.red.disabled {
  background-color: #743232 !important;
  border-color: #743232 !important;
  color: white !important;
}
button.red.light, .button.red.light {
  background-color: #da0001 !important;
  border-color: #da0001 !important;
  color: white !important;
}
button.red.dark, .button.red.dark {
  background-color: #8d0001 !important;
  border-color: #8d0001 !important;
  color: #d9d9d9 !important;
}
button.red.outline, .button.red.outline {
  background-color: transparent;
  color: hsl(359.64deg, 100%, 32.55%) !important;
}
button.red.outline:not(:disabled):hover, .button.red.outline:not(:disabled):hover {
  color: #c80001 !important;
  border-color: #c80001 !important;
}
button.red.outline:disabled, button.red.outline.disabled, .button.red.outline:disabled, .button.red.outline.disabled {
  color: #743232 !important;
  border-color: #743232 !important;
}
button.red:active:focus, .button.red:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(166, 0, 1, 0.5);
}

.red {
  color: hsl(359.64deg, 100%, 32.55%) !important;
}
.red:disabled, .red.disabled {
  color: #743232;
}
.red.light {
  color: #da0001;
}
.red.dark {
  color: #8d0001;
}

.bg-red {
  background-color: hsl(359.64deg, 100%, 32.55%) !important;
}
.bg-red:disabled, .bg-red.disabled {
  background-color: #743232;
}
.bg-red.light {
  background-color: #da0001;
}
.bg-red.dark {
  background-color: #8d0001;
}

.border-red {
  border-color: hsl(359.64deg, 100%, 32.55%) !important;
}
.border-red:disabled, .border-red.disabled {
  border-color: #743232;
}
.border-red.light {
  border-color: #da0001;
}
.border-red.dark {
  border-color: #8d0001;
}

.accent-red {
  accent-color: hsl(359.64deg, 100%, 32.55%) !important;
}
.accent-red:disabled, .accent-red.disabled {
  accent-color: #743232;
}
.accent-red.light {
  accent-color: #da0001;
}
.accent-red.dark {
  accent-color: #8d0001;
}

input.btn-check:not(:checked) + label.button.purple {
  background-color: transparent !important;
  color: hsl(299.53deg, 100%, 25.1%) !important;
}
input.btn-check:not(:checked) + label.button.purple:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.purple:not(:disabled):hover {
  color: #a500a6 !important;
  border-color: #a500a6 !important;
}
input.btn-check:not(:checked) + label.button.purple:disabled, input.btn-check:not(:checked) + label.button.purple.disabled {
  color: #59265a !important;
  border-color: #59265a !important;
}
input.btn-check:not(:checked) + label.button.purple:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(127, 0, 128, 0.5);
}

input.btn-check:checked + label.button.purple {
  background-color: hsl(299.53deg, 100%, 25.1%) !important;
  border-color: hsl(299.53deg, 100%, 25.1%) !important;
  color: white !important;
}
input.btn-check:checked + label.button.purple:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.purple:hover {
  background-color: #a500a6 !important;
  border-color: #a500a6 !important;
}
input.btn-check:checked + label.button.purple:disabled, input.btn-check:checked + label.button.purple.disabled {
  background-color: #59265a !important;
  border-color: #59265a !important;
  color: white !important;
}
input.btn-check:checked + label.button.purple:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(127, 0, 128, 0.5);
}

button.purple, .button.purple {
  background-color: hsl(299.53deg, 100%, 25.1%) !important;
  border-color: hsl(299.53deg, 100%, 25.1%) !important;
  color: white !important;
}
button.purple:not(:disabled), .button.purple:not(:disabled) {
  cursor: pointer;
}
button.purple:hover, .button.purple:hover {
  background-color: #a500a6 !important;
  border-color: #a500a6 !important;
}
button.purple:disabled, button.purple.disabled, .button.purple:disabled, .button.purple.disabled {
  background-color: #59265a !important;
  border-color: #59265a !important;
  color: white !important;
}
button.purple.light, .button.purple.light {
  background-color: #b800b9 !important;
  border-color: #b800b9 !important;
  color: white !important;
}
button.purple.dark, .button.purple.dark {
  background-color: #6c006d !important;
  border-color: #6c006d !important;
  color: #d9d9d9 !important;
}
button.purple.outline, .button.purple.outline {
  background-color: transparent;
  color: hsl(299.53deg, 100%, 25.1%) !important;
}
button.purple.outline:not(:disabled):hover, .button.purple.outline:not(:disabled):hover {
  color: #a500a6 !important;
  border-color: #a500a6 !important;
}
button.purple.outline:disabled, button.purple.outline.disabled, .button.purple.outline:disabled, .button.purple.outline.disabled {
  color: #59265a !important;
  border-color: #59265a !important;
}
button.purple:active:focus, .button.purple:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(127, 0, 128, 0.5);
}

.purple {
  color: hsl(299.53deg, 100%, 25.1%) !important;
}
.purple:disabled, .purple.disabled {
  color: #59265a;
}
.purple.light {
  color: #b800b9;
}
.purple.dark {
  color: #6c006d;
}

.bg-purple {
  background-color: hsl(299.53deg, 100%, 25.1%) !important;
}
.bg-purple:disabled, .bg-purple.disabled {
  background-color: #59265a;
}
.bg-purple.light {
  background-color: #b800b9;
}
.bg-purple.dark {
  background-color: #6c006d;
}

.border-purple {
  border-color: hsl(299.53deg, 100%, 25.1%) !important;
}
.border-purple:disabled, .border-purple.disabled {
  border-color: #59265a;
}
.border-purple.light {
  border-color: #b800b9;
}
.border-purple.dark {
  border-color: #6c006d;
}

.accent-purple {
  accent-color: hsl(299.53deg, 100%, 25.1%) !important;
}
.accent-purple:disabled, .accent-purple.disabled {
  accent-color: #59265a;
}
.accent-purple.light {
  accent-color: #b800b9;
}
.accent-purple.dark {
  accent-color: #6c006d;
}

input.btn-check:not(:checked) + label.button.pink {
  background-color: transparent !important;
  color: hsl(333.38deg, 59.66%, 53.33%) !important;
}
input.btn-check:not(:checked) + label.button.pink:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.pink:not(:disabled):hover {
  color: #d4548d !important;
  border-color: #d4548d !important;
}
input.btn-check:not(:checked) + label.button.pink:disabled, input.btn-check:not(:checked) + label.button.pink.disabled {
  color: #a46c85 !important;
  border-color: #a46c85 !important;
}
input.btn-check:not(:checked) + label.button.pink:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(207, 65, 128, 0.5);
}

input.btn-check:checked + label.button.pink {
  background-color: hsl(333.38deg, 59.66%, 53.33%) !important;
  border-color: hsl(333.38deg, 59.66%, 53.33%) !important;
  color: white !important;
}
input.btn-check:checked + label.button.pink:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.pink:hover {
  background-color: #d4548d !important;
  border-color: #d4548d !important;
}
input.btn-check:checked + label.button.pink:disabled, input.btn-check:checked + label.button.pink.disabled {
  background-color: #a46c85 !important;
  border-color: #a46c85 !important;
  color: white !important;
}
input.btn-check:checked + label.button.pink:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(207, 65, 128, 0.5);
}

button.pink, .button.pink {
  background-color: hsl(333.38deg, 59.66%, 53.33%) !important;
  border-color: hsl(333.38deg, 59.66%, 53.33%) !important;
  color: white !important;
}
button.pink:not(:disabled), .button.pink:not(:disabled) {
  cursor: pointer;
}
button.pink:hover, .button.pink:hover {
  background-color: #d4548d !important;
  border-color: #d4548d !important;
}
button.pink:disabled, button.pink.disabled, .button.pink:disabled, .button.pink.disabled {
  background-color: #a46c85 !important;
  border-color: #a46c85 !important;
  color: white !important;
}
button.pink.light, .button.pink.light {
  background-color: #d65d93 !important;
  border-color: #d65d93 !important;
  color: white !important;
}
button.pink.dark, .button.pink.dark {
  background-color: #b92f6c !important;
  border-color: #b92f6c !important;
  color: #d9d9d9 !important;
}
button.pink.outline, .button.pink.outline {
  background-color: transparent;
  color: hsl(333.38deg, 59.66%, 53.33%) !important;
}
button.pink.outline:not(:disabled):hover, .button.pink.outline:not(:disabled):hover {
  color: #d4548d !important;
  border-color: #d4548d !important;
}
button.pink.outline:disabled, button.pink.outline.disabled, .button.pink.outline:disabled, .button.pink.outline.disabled {
  color: #a46c85 !important;
  border-color: #a46c85 !important;
}
button.pink:active:focus, .button.pink:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(207, 65, 128, 0.5);
}

.pink {
  color: hsl(333.38deg, 59.66%, 53.33%) !important;
}
.pink:disabled, .pink.disabled {
  color: #a46c85;
}
.pink.light {
  color: #d65d93;
}
.pink.dark {
  color: #b92f6c;
}

.bg-pink {
  background-color: hsl(333.38deg, 59.66%, 53.33%) !important;
}
.bg-pink:disabled, .bg-pink.disabled {
  background-color: #a46c85;
}
.bg-pink.light {
  background-color: #d65d93;
}
.bg-pink.dark {
  background-color: #b92f6c;
}

.border-pink {
  border-color: hsl(333.38deg, 59.66%, 53.33%) !important;
}
.border-pink:disabled, .border-pink.disabled {
  border-color: #a46c85;
}
.border-pink.light {
  border-color: #d65d93;
}
.border-pink.dark {
  border-color: #b92f6c;
}

.accent-pink {
  accent-color: hsl(333.38deg, 59.66%, 53.33%) !important;
}
.accent-pink:disabled, .accent-pink.disabled {
  accent-color: #a46c85;
}
.accent-pink.light {
  accent-color: #d65d93;
}
.accent-pink.dark {
  accent-color: #b92f6c;
}

input.btn-check:not(:checked) + label.button.gray {
  background-color: transparent !important;
  color: hsl(226.96deg, 14.84%, 69.61%) !important;
}
input.btn-check:not(:checked) + label.button.gray:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.gray:not(:disabled):hover {
  color: #afb3c4 !important;
  border-color: #afb3c4 !important;
}
input.btn-check:not(:checked) + label.button.gray:disabled, input.btn-check:not(:checked) + label.button.gray.disabled {
  color: #adafb6 !important;
  border-color: #adafb6 !important;
}
input.btn-check:not(:checked) + label.button.gray:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(166, 171, 189, 0.5);
}

input.btn-check:checked + label.button.gray {
  background-color: hsl(226.96deg, 14.84%, 69.61%) !important;
  border-color: hsl(226.96deg, 14.84%, 69.61%) !important;
  color: white !important;
}
input.btn-check:checked + label.button.gray:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.gray:hover {
  background-color: #afb3c4 !important;
  border-color: #afb3c4 !important;
}
input.btn-check:checked + label.button.gray:disabled, input.btn-check:checked + label.button.gray.disabled {
  background-color: #adafb6 !important;
  border-color: #adafb6 !important;
  color: white !important;
}
input.btn-check:checked + label.button.gray:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(166, 171, 189, 0.5);
}

button.gray, .button.gray {
  background-color: hsl(226.96deg, 14.84%, 69.61%) !important;
  border-color: hsl(226.96deg, 14.84%, 69.61%) !important;
  color: white !important;
}
button.gray:not(:disabled), .button.gray:not(:disabled) {
  cursor: pointer;
}
button.gray:hover, .button.gray:hover {
  background-color: #afb3c4 !important;
  border-color: #afb3c4 !important;
}
button.gray:disabled, button.gray.disabled, .button.gray:disabled, .button.gray.disabled {
  background-color: #adafb6 !important;
  border-color: #adafb6 !important;
  color: white !important;
}
button.gray.light, .button.gray.light {
  background-color: #b3b8c7 !important;
  border-color: #b3b8c7 !important;
  color: white !important;
}
button.gray.dark, .button.gray.dark {
  background-color: #878ea6 !important;
  border-color: #878ea6 !important;
  color: #d9d9d9 !important;
}
button.gray.outline, .button.gray.outline {
  background-color: transparent;
  color: hsl(226.96deg, 14.84%, 69.61%) !important;
}
button.gray.outline:not(:disabled):hover, .button.gray.outline:not(:disabled):hover {
  color: #afb3c4 !important;
  border-color: #afb3c4 !important;
}
button.gray.outline:disabled, button.gray.outline.disabled, .button.gray.outline:disabled, .button.gray.outline.disabled {
  color: #adafb6 !important;
  border-color: #adafb6 !important;
}
button.gray:active:focus, .button.gray:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(166, 171, 189, 0.5);
}

.gray {
  color: hsl(226.96deg, 14.84%, 69.61%) !important;
}
.gray:disabled, .gray.disabled {
  color: #adafb6;
}
.gray.light {
  color: #b3b8c7;
}
.gray.dark {
  color: #878ea6;
}

.bg-gray {
  background-color: hsl(226.96deg, 14.84%, 69.61%) !important;
}
.bg-gray:disabled, .bg-gray.disabled {
  background-color: #adafb6;
}
.bg-gray.light {
  background-color: #b3b8c7;
}
.bg-gray.dark {
  background-color: #878ea6;
}

.border-gray {
  border-color: hsl(226.96deg, 14.84%, 69.61%) !important;
}
.border-gray:disabled, .border-gray.disabled {
  border-color: #adafb6;
}
.border-gray.light {
  border-color: #b3b8c7;
}
.border-gray.dark {
  border-color: #878ea6;
}

.accent-gray {
  accent-color: hsl(226.96deg, 14.84%, 69.61%) !important;
}
.accent-gray:disabled, .accent-gray.disabled {
  accent-color: #adafb6;
}
.accent-gray.light {
  accent-color: #b3b8c7;
}
.accent-gray.dark {
  accent-color: #878ea6;
}

input.btn-check:not(:checked) + label.button.dark-gray {
  background-color: transparent !important;
  color: hsl(228deg, 13.16%, 29.8%) !important;
}
input.btn-check:not(:checked) + label.button.dark-gray:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.dark-gray:not(:disabled):hover {
  color: #52566a !important;
  border-color: #52566a !important;
}
input.btn-check:not(:checked) + label.button.dark-gray:disabled, input.btn-check:not(:checked) + label.button.dark-gray.disabled {
  color: #484a50 !important;
  border-color: #484a50 !important;
}
input.btn-check:not(:checked) + label.button.dark-gray:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 86, 0.5);
}

input.btn-check:checked + label.button.dark-gray {
  background-color: hsl(228deg, 13.16%, 29.8%) !important;
  border-color: hsl(228deg, 13.16%, 29.8%) !important;
  color: white !important;
}
input.btn-check:checked + label.button.dark-gray:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.dark-gray:hover {
  background-color: #52566a !important;
  border-color: #52566a !important;
}
input.btn-check:checked + label.button.dark-gray:disabled, input.btn-check:checked + label.button.dark-gray.disabled {
  background-color: #484a50 !important;
  border-color: #484a50 !important;
  color: white !important;
}
input.btn-check:checked + label.button.dark-gray:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 86, 0.5);
}

button.dark-gray, .button.dark-gray {
  background-color: hsl(228deg, 13.16%, 29.8%) !important;
  border-color: hsl(228deg, 13.16%, 29.8%) !important;
  color: white !important;
}
button.dark-gray:not(:disabled), .button.dark-gray:not(:disabled) {
  cursor: pointer;
}
button.dark-gray:hover, .button.dark-gray:hover {
  background-color: #52566a !important;
  border-color: #52566a !important;
}
button.dark-gray:disabled, button.dark-gray.disabled, .button.dark-gray:disabled, .button.dark-gray.disabled {
  background-color: #484a50 !important;
  border-color: #484a50 !important;
  color: white !important;
}
button.dark-gray.light, .button.dark-gray.light {
  background-color: #595f74 !important;
  border-color: #595f74 !important;
  color: white !important;
}
button.dark-gray.dark, .button.dark-gray.dark {
  background-color: #383b49 !important;
  border-color: #383b49 !important;
  color: #d9d9d9 !important;
}
button.dark-gray.outline, .button.dark-gray.outline {
  background-color: transparent;
  color: hsl(228deg, 13.16%, 29.8%) !important;
}
button.dark-gray.outline:not(:disabled):hover, .button.dark-gray.outline:not(:disabled):hover {
  color: #52566a !important;
  border-color: #52566a !important;
}
button.dark-gray.outline:disabled, button.dark-gray.outline.disabled, .button.dark-gray.outline:disabled, .button.dark-gray.outline.disabled {
  color: #484a50 !important;
  border-color: #484a50 !important;
}
button.dark-gray:active:focus, .button.dark-gray:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 86, 0.5);
}

.dark-gray {
  color: hsl(228deg, 13.16%, 29.8%) !important;
}
.dark-gray:disabled, .dark-gray.disabled {
  color: #484a50;
}
.dark-gray.light {
  color: #595f74;
}
.dark-gray.dark {
  color: #383b49;
}

.bg-dark-gray {
  background-color: hsl(228deg, 13.16%, 29.8%) !important;
}
.bg-dark-gray:disabled, .bg-dark-gray.disabled {
  background-color: #484a50;
}
.bg-dark-gray.light {
  background-color: #595f74;
}
.bg-dark-gray.dark {
  background-color: #383b49;
}

.border-dark-gray {
  border-color: hsl(228deg, 13.16%, 29.8%) !important;
}
.border-dark-gray:disabled, .border-dark-gray.disabled {
  border-color: #484a50;
}
.border-dark-gray.light {
  border-color: #595f74;
}
.border-dark-gray.dark {
  border-color: #383b49;
}

.accent-dark-gray {
  accent-color: hsl(228deg, 13.16%, 29.8%) !important;
}
.accent-dark-gray:disabled, .accent-dark-gray.disabled {
  accent-color: #484a50;
}
.accent-dark-gray.light {
  accent-color: #595f74;
}
.accent-dark-gray.dark {
  accent-color: #383b49;
}

input.btn-check:not(:checked) + label.button.white {
  background-color: transparent !important;
  color: white !important;
}
input.btn-check:not(:checked) + label.button.white:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.white:not(:disabled):hover {
  color: white !important;
  border-color: white !important;
}
input.btn-check:not(:checked) + label.button.white:disabled, input.btn-check:not(:checked) + label.button.white.disabled {
  color: white !important;
  border-color: white !important;
}
input.btn-check:not(:checked) + label.button.white:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}

input.btn-check:checked + label.button.white {
  background-color: white !important;
  border-color: white !important;
  color: white !important;
}
input.btn-check:checked + label.button.white:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.white:hover {
  background-color: white !important;
  border-color: white !important;
}
input.btn-check:checked + label.button.white:disabled, input.btn-check:checked + label.button.white.disabled {
  background-color: white !important;
  border-color: white !important;
  color: white !important;
}
input.btn-check:checked + label.button.white:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}

button.white, .button.white {
  background-color: white !important;
  border-color: white !important;
  color: white !important;
}
button.white:not(:disabled), .button.white:not(:disabled) {
  cursor: pointer;
}
button.white:hover, .button.white:hover {
  background-color: white !important;
  border-color: white !important;
}
button.white:disabled, button.white.disabled, .button.white:disabled, .button.white.disabled {
  background-color: white !important;
  border-color: white !important;
  color: white !important;
}
button.white.light, .button.white.light {
  background-color: white !important;
  border-color: white !important;
  color: white !important;
}
button.white.dark, .button.white.dark {
  background-color: #d9d9d9 !important;
  border-color: #d9d9d9 !important;
  color: #d9d9d9 !important;
}
button.white.outline, .button.white.outline {
  background-color: transparent;
  color: white !important;
}
button.white.outline:not(:disabled):hover, .button.white.outline:not(:disabled):hover {
  color: white !important;
  border-color: white !important;
}
button.white.outline:disabled, button.white.outline.disabled, .button.white.outline:disabled, .button.white.outline.disabled {
  color: white !important;
  border-color: white !important;
}
button.white:active:focus, .button.white:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}

.white {
  color: white !important;
}
.white:disabled, .white.disabled {
  color: white;
}
.white.light {
  color: white;
}
.white.dark {
  color: #d9d9d9;
}

.bg-white {
  background-color: white !important;
}
.bg-white:disabled, .bg-white.disabled {
  background-color: white;
}
.bg-white.light {
  background-color: white;
}
.bg-white.dark {
  background-color: #d9d9d9;
}

.border-white {
  border-color: white !important;
}
.border-white:disabled, .border-white.disabled {
  border-color: white;
}
.border-white.light {
  border-color: white;
}
.border-white.dark {
  border-color: #d9d9d9;
}

.accent-white {
  accent-color: white !important;
}
.accent-white:disabled, .accent-white.disabled {
  accent-color: white;
}
.accent-white.light {
  accent-color: white;
}
.accent-white.dark {
  accent-color: #d9d9d9;
}

input.btn-check:not(:checked) + label.button.black {
  background-color: transparent !important;
  color: black !important;
}
input.btn-check:not(:checked) + label.button.black:not(:disabled) {
  cursor: pointer;
}
input.btn-check:not(:checked) + label.button.black:not(:disabled):hover {
  color: #1a1a1a !important;
  border-color: #1a1a1a !important;
}
input.btn-check:not(:checked) + label.button.black:disabled, input.btn-check:not(:checked) + label.button.black.disabled {
  color: black !important;
  border-color: black !important;
}
input.btn-check:not(:checked) + label.button.black:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
}

input.btn-check:checked + label.button.black {
  background-color: black !important;
  border-color: black !important;
  color: white !important;
}
input.btn-check:checked + label.button.black:not(:disabled) {
  cursor: pointer;
}
input.btn-check:checked + label.button.black:hover {
  background-color: #1a1a1a !important;
  border-color: #1a1a1a !important;
}
input.btn-check:checked + label.button.black:disabled, input.btn-check:checked + label.button.black.disabled {
  background-color: black !important;
  border-color: black !important;
  color: white !important;
}
input.btn-check:checked + label.button.black:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
}

button.black, .button.black {
  background-color: black !important;
  border-color: black !important;
  color: white !important;
}
button.black:not(:disabled), .button.black:not(:disabled) {
  cursor: pointer;
}
button.black:hover, .button.black:hover {
  background-color: #1a1a1a !important;
  border-color: #1a1a1a !important;
}
button.black:disabled, button.black.disabled, .button.black:disabled, .button.black.disabled {
  background-color: black !important;
  border-color: black !important;
  color: white !important;
}
button.black.light, .button.black.light {
  background-color: #262626 !important;
  border-color: #262626 !important;
  color: white !important;
}
button.black.dark, .button.black.dark {
  background-color: black !important;
  border-color: black !important;
  color: #d9d9d9 !important;
}
button.black.outline, .button.black.outline {
  background-color: transparent;
  color: black !important;
}
button.black.outline:not(:disabled):hover, .button.black.outline:not(:disabled):hover {
  color: #1a1a1a !important;
  border-color: #1a1a1a !important;
}
button.black.outline:disabled, button.black.outline.disabled, .button.black.outline:disabled, .button.black.outline.disabled {
  color: black !important;
  border-color: black !important;
}
button.black:active:focus, .button.black:active:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.5);
}

.black {
  color: black !important;
}
.black:disabled, .black.disabled {
  color: black;
}
.black.light {
  color: #262626;
}
.black.dark {
  color: black;
}

.bg-black {
  background-color: black !important;
}
.bg-black:disabled, .bg-black.disabled {
  background-color: black;
}
.bg-black.light {
  background-color: #262626;
}
.bg-black.dark {
  background-color: black;
}

.border-black {
  border-color: black !important;
}
.border-black:disabled, .border-black.disabled {
  border-color: black;
}
.border-black.light {
  border-color: #262626;
}
.border-black.dark {
  border-color: black;
}

.accent-black {
  accent-color: black !important;
}
.accent-black:disabled, .accent-black.disabled {
  accent-color: black;
}
.accent-black.light {
  accent-color: #262626;
}
.accent-black.dark {
  accent-color: black;
}

.badge {
  color: white;
  cursor: default;
}
.badge.collapsible {
  width: 1rem;
  overflow: hidden;
  color: transparent;
}
.badge.collapsible:hover {
  width: unset;
  position: relative;
  z-index: 10;
  color: white;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-help {
  cursor: help;
}

.overflow-ellipsis {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fs-7 {
  font-size: 0.75rem !important;
}

.fs-8 {
  font-size: 0.5rem !important;
}

.fs-9 {
  font-size: 0.25rem !important;
}

[draggable=true] {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

[draggable=true]:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

.grip {
  min-width: 8px;
  max-width: 8px;
  background-image: radial-gradient(black 1px, transparent 0);
  background-size: 6px 6px;
  background-position: -2px;
}

/*# sourceMappingURL=Site.css.map */