/**
 * Code generated by Microsoft. Changes to this file are not
 * supported. We recommend that you do not modify this file. Any
 * change to this file will get overwritten with a theme applied using
 * Site Styling panel from Power Apps Portals.
 */
:root {
  --portalThemeColor1: #334786;
  --portalThemeColor2: #ffca4b;
  --portalThemeColor3: #287393;
  --portalThemeColor4: #d92e20;
  --portalThemeColor5: #f3dbb1;
  --portalThemeColor6: #88aba2;
  --portalThemeColor7: #ffffff;
  --portalThemeColor8: #2d77ec;
  --portalThemeColor9: #d92e20d9;
  --portalThemeColor10: #f0f5f9;
  --portalThemeColor11: #d6d6d6;
  --portalThemeColor12: #f5f5f5;
  --portalThemeColor13: #000000;
  --portalThemeOnColor1: #ffffff;
  --portalThemeOnColor2: #2a2c2e;
  --portalThemeOnColor3: #e6e6e6;
  --portalThemeOnColor4: #2a2c2e;
  --portalThemeOnColor5: #333333;
  --portalThemeOnColor6: #2a2c2e;
  --portalThemeOnColor7: #2a2c2e;
  --portalThemeOnColor8: #ffffff;
  --portalThemeOnColor9: #2a2c2e;
  --portalThemeOnColor10: #cccccc;
  --portalThemeOnColor11: #605e5c;
  --portalThemeOnColor12: ;
}

[data-component-theme="portalThemeColor1"] {
  background-color: var(--portalThemeColor1);
  color: var(--portalThemeOnColor1);
}
[data-component-theme="portalThemeColor1"] h1,
[data-component-theme="portalThemeColor1"] h2,
[data-component-theme="portalThemeColor1"] h3,
[data-component-theme="portalThemeColor1"] h4,
[data-component-theme="portalThemeColor1"] h5,
[data-component-theme="portalThemeColor1"] h6 {
  color: var(--portalThemeColor4);
}

[data-component-theme="portalThemeColor1"] p {
  color: var(--portalThemeColor1);
}

[data-component-theme="portalThemeColor2"] {
  background-color: var(--portalThemeColor2);
  color: var(--portalThemeOnColor2);
}
[data-component-theme="portalThemeColor2"] h1,
[data-component-theme="portalThemeColor2"] h2,
[data-component-theme="portalThemeColor2"] h3,
[data-component-theme="portalThemeColor2"] h4,
[data-component-theme="portalThemeColor2"] h5,
[data-component-theme="portalThemeColor2"] h6,
[data-component-theme="portalThemeColor2"] p {
  color: var(--portalThemeOnColor2);
}

[data-component-theme="portalThemeColor3"] {
  background-color: var(--portalThemeColor3);
  color: var(--portalThemeOnColor3);
}
[data-component-theme="portalThemeColor3"] h1,
[data-component-theme="portalThemeColor3"] h2,
[data-component-theme="portalThemeColor3"] h3,
[data-component-theme="portalThemeColor3"] h4,
[data-component-theme="portalThemeColor3"] h5,
[data-component-theme="portalThemeColor3"] h6,
[data-component-theme="portalThemeColor3"] p {
  color: var(--portalThemeOnColor4);
}

[data-component-theme="portalThemeColor4"] {
  background-color: var(--portalThemeColor4);
  color: var(--portalThemeOnColor4);
}
[data-component-theme="portalThemeColor4"] h1,
[data-component-theme="portalThemeColor4"] h2,
[data-component-theme="portalThemeColor4"] h3,
[data-component-theme="portalThemeColor4"] h4,
[data-component-theme="portalThemeColor4"] h5,
[data-component-theme="portalThemeColor4"] h6,
[data-component-theme="portalThemeColor4"] p {
  color: var(--portalThemeOnColor4);
}

[data-component-theme="portalThemeColor5"] {
  background-color: var(--portalThemeColor5);
  color: var(--portalThemeOnColor5);
}
[data-component-theme="portalThemeColor5"] h1,
[data-component-theme="portalThemeColor5"] h2,
[data-component-theme="portalThemeColor5"] h3,
[data-component-theme="portalThemeColor5"] h4,
[data-component-theme="portalThemeColor5"] h5,
[data-component-theme="portalThemeColor5"] h6,
[data-component-theme="portalThemeColor5"] p {
  color: var(--portalThemeOnColor5);
}

[data-component-theme="portalThemeColor6"] {
  background-color: var(--portalThemeColor6);
  color: var(--portalThemeOnColor6);
}
[data-component-theme="portalThemeColor6"] h1,
[data-component-theme="portalThemeColor6"] h2,
[data-component-theme="portalThemeColor6"] h3,
[data-component-theme="portalThemeColor6"] h4,
[data-component-theme="portalThemeColor6"] h5,
[data-component-theme="portalThemeColor6"] h6,
[data-component-theme="portalThemeColor6"] p {
  color: var(--portalThemeOnColor6);
}

[data-component-theme="portalThemeColor7"] {
  background-color: var(--portalThemeColor7);
  color: var(--portalThemeOnColor7);
}
[data-component-theme="portalThemeColor7"] h1,
[data-component-theme="portalThemeColor7"] h2,
[data-component-theme="portalThemeColor7"] h3,
[data-component-theme="portalThemeColor7"] h4,
[data-component-theme="portalThemeColor7"] h5,
[data-component-theme="portalThemeColor7"] h6,
[data-component-theme="portalThemeColor7"] p {
  color: var(--portalThemeOnColor7);
}

[data-component-theme="portalThemeColor8"] {
  background-color: var(--portalThemeColor8);
  color: var(--portalThemeOnColor8);
}
[data-component-theme="portalThemeColor8"] h1,
[data-component-theme="portalThemeColor8"] h2,
[data-component-theme="portalThemeColor8"] h3,
[data-component-theme="portalThemeColor8"] h4,
[data-component-theme="portalThemeColor8"] h5,
[data-component-theme="portalThemeColor8"] h6,
[data-component-theme="portalThemeColor8"] p {
  color: var(--portalThemeOnColor8);
}

[data-component-theme="portalThemeColor9"] {
  background-color: var(--portalThemeColor9);
  color: var(--portalThemeOnColor9);
}
[data-component-theme="portalThemeColor9"] h1,
[data-component-theme="portalThemeColor9"] h2,
[data-component-theme="portalThemeColor9"] h3,
[data-component-theme="portalThemeColor9"] h4,
[data-component-theme="portalThemeColor9"] h5,
[data-component-theme="portalThemeColor9"] h6,
[data-component-theme="portalThemeColor9"] p {
  color: var(--portalThemeOnColor9);
}

[data-component-theme="portalThemeColor10"] {
  background-color: var(--portalThemeColor10);
  color: var(--portalThemeOnColor10);
}
[data-component-theme="portalThemeColor10"] h1,
[data-component-theme="portalThemeColor10"] h2,
[data-component-theme="portalThemeColor10"] h3,
[data-component-theme="portalThemeColor10"] h4,
[data-component-theme="portalThemeColor10"] h5,
[data-component-theme="portalThemeColor10"] h6,
[data-component-theme="portalThemeColor10"] p {
  color: var(--portalThemeOnColor10);
}

[data-component-theme="portalThemeColor11"] {
  background-color: var(--portalThemeColor11);
  color: var(--portalThemeOnColor11);
}
[data-component-theme="portalThemeColor11"] h1,
[data-component-theme="portalThemeColor11"] h2,
[data-component-theme="portalThemeColor11"] h3,
[data-component-theme="portalThemeColor11"] h4,
[data-component-theme="portalThemeColor11"] h5,
[data-component-theme="portalThemeColor11"] h6,
[data-component-theme="portalThemeColor11"] p {
  color: var(--portalThemeOnColor11);
}

[data-component-theme="portalThemeColor12"] {
  background-color: var(--portalThemeColor12);
  color: var(--portalThemeOnColor12);
}
[data-component-theme="portalThemeColor12"] h1,
[data-component-theme="portalThemeColor12"] h2,
[data-component-theme="portalThemeColor12"] h3,
[data-component-theme="portalThemeColor12"] h4,
[data-component-theme="portalThemeColor12"] h5,
[data-component-theme="portalThemeColor12"] h6,
[data-component-theme="portalThemeColor12"] p {
  color: var(--portalThemeOnColor12);
}

body {
  color: #000000;
  background-color: var(--portalThemeOnColor1);
  position: relative;
  top: 100px;
  height: calc(100% - 150px);
}

body[data-sitemap-state="/access-denied/"] {
  top: 70px;
  height: calc(100% - 100px);
}

body[data-sitemap-state="/access-denied/"] .wrapper-body {
  min-height: calc(100vh - 345px) !important;
}

body[data-sitemap-state="/access-denied/"] .navbar-right-container {
  display: none;
}

body[data-sitemap-state="/access-denied/"] .static-top.navbar-dark {
  min-height: 70px;
}

legend {
  color: #000000;
}

footer .footer-bottom {
  background-color: var(--portalThemeColor3);
}

.columnBlockLayout {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 16px;
}

.breadcrumb {
  background-color: transparent;
}
.breadcrumb > li a {
  color: #2a2c2e;
}
.breadcrumb > li a:hover {
  color: #2a2c2e;
}
.breadcrumb > .active {
  color: #000000;
}

.nav-tabs > li > a:hover {
  background-color: #f2f2f2;
  color: #2a2c2e;
}

.nav-tabs > li > a:focus {
  background-color: #f2f2f2;
  color: #2a2c2e;
}

.btn-primary {
  color: var(--portalThemeColor7);
  background-color: var(--portalThemeColor4);
  border-color: var(--portalThemeColor4);
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: var(--portalThemeColor4);
}
.btn-primary:hover {
  color: var(--portalThemeColor7);
  background-color: #d92e20d9;
  border-color: #d92e20d9;
}
.btn-primary:active,
.btn-primary.active {
  color: var(--portalThemeColor7);
  background-color: #d92e20d9;
  border-color: #d92e20d9;
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus {
  color: var(--portalThemeColor7);
  background-color: #d92e20d9;
  border-color: #d92e20d9;
}
.btn-primary:focus,
.btn-primary.focus {
  color: var(--portalThemeColor7);
  background-color: #d92e20d9;
  border-color: #d92e20d9;
}

.static-top.navbar-dark {
  background-color: var(--portalThemeColor1);
  padding: 0px;
  position: fixed;
  top: 0;
  z-index: 5;
  width: 100%;
}

.navbar-toggler {
  background-color: var(--portalThemeColor4);
}

.static-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: Arial;
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
}

.static-top.navbar .menu-bar > .navbar-nav > li > a.dropdown-toggle {
  top: 0;
  right: 0;
}

.static-top.navbar
  .menu-bar
  > .navbar-nav
  > li
  > a:not(.active-menu, .show):hover {
  text-decoration: none;
  background-color: var(--portalThemeColor1);
  color: var(--portalThemeColor4);
}

.navbar-dark .navbar-toggler {
  border: 1px solid var(--portalThemeColor4);
}
.navbar-dark .navbar-toggler:hover {
  background-color: #d92e20d9;
  border-color: #d92e20d9;
}
.navbar-dark .navbar-toggler:focus {
  border: 1px solid #ffffff;
  background-color: #d92e20d9;
}
.navbar-dark .navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%232A2C2E'  stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-nav > li > a,
.navbar-dark .navbar-nav > li.dropdown > a {
  color: #ffffff;
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
}
.navbar-dark .navbar-nav > li > a:hover,
.navbar-dark .navbar-nav > li.dropdown > a:hover {
  background-color: transparent;
  color: var(--portalThemeColor4);
  text-decoration: Underline;
}
.navbar-dark .navbar-nav > li > a:focus,
.navbar-dark .navbar-nav > li.dropdown > a:focus {
  background-color: transparent;
  color: var(--portalThemeColor4);
  text-decoration: Underline;
}
.navbar-dark .navbar-nav > li > a:focus-visible,
.navbar-dark .navbar-nav > li.dropdown > a:focus-visible {
  background-color: transparent;
  color: var(--portalThemeColor4);
  text-decoration: Underline;
}

.navbar-dark .navbar-nav a.show,
.navbar-dark .navbar-nav a.dropdown-toggle.show {
  color: var(--portalThemeColor4);
}
.navbar-dark .navbar-nav a.show:hover,
.navbar-dark .navbar-nav a.dropdown-toggle.show:hover {
  color: var(--portalThemeColor4);
}
.navbar-dark .navbar-nav a.show:focus,
.navbar-dark .navbar-nav a.dropdown-toggle.show:focus {
  color: var(--portalThemeColor4);
}

.navbar-dark .navbar-nav .show.dropdown-menu {
  background-color: var(--portalThemeColor4);
  text-decoration: none;
}
.navbar-dark .navbar-nav .show.dropdown-menu > li > a {
  color: var(--portalThemeColor1);
  text-decoration: none;
  font-size: 0.9rem;
  padding: 15px;
  text-transform: uppercase;
  max-width: 180px;
  text-wrap: wrap;
  text-align: center;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li:first-child:hover {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li:last-child:hover {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.navbar-dark .navbar-nav .show.dropdown-menu > li > a:hover {
  background-color: transparent;
  color: var(--portalThemeColor13);
  text-decoration: none;
  border: none;
}
.navbar-dark .navbar-nav .show.dropdown-menu > li > a:focus {
  background-color: transparent;
  color: var(--portalThemeColor13);
  text-decoration: none;
  border: none;
}

.navbar-dark .navbar-nav .show.dropdown-menu > .active > a {
  background-color: transparent;
  color: var(--portalThemeColor13);
  text-decoration: none;
  border: none;
}
.navbar-dark .navbar-nav .show.dropdown-menu > .active > a:hover {
  background-color: transparent;
  color: var(--portalThemeColor13);
  text-decoration: none;
  border: none;
}
.navbar-dark .navbar-nav .show.dropdown-menu > .active > a:focus {
  background-color: transparent;
  color: var(--portalThemeColor13);
  text-decoration: none;
  border: none;
}

.nav > li > a {
  text-decoration: none;
}
.nav > li > a:hover {
  background-color: #f2f2f2;
}
.nav > li > a:focus {
  background-color: #f2f2f2;
}

.nav .show.dropdown-menu {
  background-color: #ffffff;
}
.nav .show.dropdown-menu > li > a {
  text-decoration: none;
  color: #000000;
}
.nav .show.dropdown-menu > li > a:hover {
  background-color: #f2f2f2;
  color: #000000;
}
.nav .show.dropdown-menu > li > a:focus {
  background-color: #f2f2f2;
  color: #000000;
}
.nav .show.dropdown-menu > .active > a {
  background-color: #f2f2f2;
  color: #000000;
}
.nav .show.dropdown-menu > .active > a:hover {
  background-color: #f2f2f2;
  color: #000000;
}
.nav .show.dropdown-menu > .active > a:focus {
  background-color: #f2f2f2;
  color: #000000;
}

.nav > .dropdown > a.show {
  text-decoration: none;
  background-color: Underline;
}
.nav > .dropdown > a.show:hover {
  background-color: Underline;
}
.nav > .dropdown > a.show:focus {
  background-color: Underline;
}

@media (min-width: 576px) {
  .row.sectionBlockLayout > .container,
  .row.sectionBlockLayout > .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .row.sectionBlockLayout > .container,
  .row.sectionBlockLayout > .container-md,
  .row.sectionBlockLayout > .container-sm {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .row.sectionBlockLayout > .container,
  .row.sectionBlockLayout > .container-lg,
  .row.sectionBlockLayout > .container-md,
  .row.sectionBlockLayout > .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .row.sectionBlockLayout > .container,
  .row.sectionBlockLayout > .container-lg,
  .row.sectionBlockLayout > .container-md,
  .row.sectionBlockLayout > .container-sm,
  .row.sectionBlockLayout > .container-xl {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .row.sectionBlockLayout > .container,
  .row.sectionBlockLayout > .container-lg,
  .row.sectionBlockLayout > .container-md,
  .row.sectionBlockLayout > .container-sm,
  .row.sectionBlockLayout > .container-xl,
  .row.sectionBlockLayout > .container-xxl {
    max-width: 1320px;
  }
}

.sectionPrimaryColor {
  background-color: #ffca4b;
  color: #000000;
}
.sectionPrimaryColor h1,
.sectionPrimaryColor h2,
.sectionPrimaryColor h3,
.sectionPrimaryColor h4,
.sectionPrimaryColor h5,
.sectionPrimaryColor h6,
.sectionPrimaryColor p,
.sectionPrimaryColor a {
  color: #000000;
}
.sectionPrimaryColor .crmEntityFormView h1,
.sectionPrimaryColor .crmEntityFormView h2,
.sectionPrimaryColor .crmEntityFormView h3,
.sectionPrimaryColor .crmEntityFormView h4,
.sectionPrimaryColor .crmEntityFormView h5,
.sectionPrimaryColor .crmEntityFormView h6,
.sectionPrimaryColor .crmEntityFormView p,
.sectionPrimaryColor .crmEntityFormView a {
  color: #000000;
}
.sectionPrimaryColor .entitylist h1,
.sectionPrimaryColor .entitylist h2,
.sectionPrimaryColor .entitylist h3,
.sectionPrimaryColor .entitylist h4,
.sectionPrimaryColor .entitylist h5,
.sectionPrimaryColor .entitylist h6,
.sectionPrimaryColor .entitylist p,
.sectionPrimaryColor .entitylist a {
  color: #000000;
}

a,
.a {
  color: var(--portalThemeColor8);
  font-family: Arial;
  font-weight: 400;
  font-size: 14px;
}
a:hover,
a:focus,
.a:hover,
.a:focus {
  color: var(--portalThemeColor8);
}

a[disabled] {
  color: #a19f9d;
  pointer-events: none;
}

button[disabled] {
  background-color: #f3f2f1;
  color: #a19f9d;
  pointer-events: none;
  border: 2px;
}

.btn-secondary.dropdown-toggle.show {
  color: #2a2c2e;
  background-color: #e6e6e6;
  border-color: var(--portalThemeColor4);
}

.btn-default.dropdown-toggle.show {
  color: #2a2c2e;
  background-color: #e6e6e6;
  border-color: var(--portalThemeColor4);
}

.btn-primary.dropdown-toggle.show {
  color: #ffffff;
  background-color: var(--portalThemeColor4);
  border-color: var(--portalThemeColor4);
}
.btn-primary.dropdown-toggle.show:hover,
.btn-primary.dropdown-toggle.show:focus,
.btn-primary.dropdown-toggle.show.focus {
  color: #2a2c2e;
  background-color: #d92e20d9;
  border-color: #b26900;
}

.crmEntityFormView,
.entitylist,
.modal-content,
.popover-content {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #f2f2f2;
}

.card-body,
.list-group-item {
  background-color: #ffffff;
  color: #000000;
}

.card-header {
  background-color: #f2f2f2;
  color: #000000;
}

.facet-list-group-item-title {
  color: #000000;
}

td.form-control {
  border: none;
  display: table-cell;
  width: auto;
}

.form-control {
  background-color: #ffffff;
  color: #000000;
}

input {
  background-color: #ffffff;
}

.bootstrap-datetimepicker-widget {
  background-color: #ffffff;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td span:hover {
  color: black;
}
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active:hover {
  color: white;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: unset;
}

.login-heading-section {
  color: unset;
}

.static-top.navbar-dark .navbar-brand a {
  color: #ffffff;
}

.search-results .highlight {
  color: #000000;
}

.table > thead > tr.info > td {
  background-color: #f2f2f2;
}

.table > thead > tr.info > th {
  background-color: #f2f2f2;
}

.table > thead > tr > td.info {
  background-color: #f2f2f2;
}

.table > thead > tr > th.info {
  background-color: #f2f2f2;
}

.table > tbody > tr.info > td {
  background-color: #f2f2f2;
}

.table > tbody > tr.info > th {
  background-color: #f2f2f2;
}

.table > tbody > tr > td.info {
  background-color: #f2f2f2;
}

.table > tbody > tr > th.info {
  background-color: #f2f2f2;
}

.table > tfoot > tr.info > td {
  background-color: #f2f2f2;
}

.table > tfoot > tr.info > th {
  background-color: #f2f2f2;
}

.table > tfoot > tr > td.info {
  background-color: #f2f2f2;
}

.table > tfoot > tr > th.info {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr:hover {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr > td.info:hover {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr > th.info:hover {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr.info:hover > td {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr.info:hover > th {
  background-color: #f2f2f2;
}

.table-hover > tbody > tr:hover > .info {
  background-color: #f2f2f2;
}

.form-close {
  color: #000000;
}
.form-close:hover {
  color: #000000 !important;
}
.form-close:focus {
  color: #000000 !important;
}

::placeholder {
  color: #000000 !important;
}

.help-block {
  color: #000000;
}

.msos-selection-container,
.msos-container,
.msos-caret-container,
.msos-action-buttons:hover {
  color: #000000 !important;
  background: #ffffff !important;
}

.msos-option-selected,
.msos-selected-display-item,
.msos-quick-delete,
.msos-quick-delete:hover {
  background: #f2f2f2 !important;
}

.msos-label,
.msos-quick-delete,
.msos-quick-delete:hover {
  color: #000000 !important;
}

.msos-option-focused:after,
.msos-selecteditems:focus
  .msos-selected-display-item.msos-selecteditem-active:after,
.msos-selecteditems-toggle:focus {
  border-color: #000000 !important;
}

.msos-option:hover,
.msos-option-selected:hover {
  background: #f9f9f9 !important;
}

.msos-selecteditems-toggle {
  color: #ffca4b !important;
}

h1,
.h1,
.section-landing-heading,
.section-landing .row > div .section-landing-heading,
.section-inline-search .row > div h1,
.section-landing h1,
.section-search .header-search h1,
.page_section h1,
.color-inverse h1,
h1 p {
  font-family: Arial;
  font-weight: 400;
  font-size: 40px;
  color: var(--portalThemeColor4);
  margin-left: 0px;
  margin-right: 0px;
}

h2,
.h2,
.section-landing .row > div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p {
  font-family: Arial;
  font-weight: 400;
  font-size: 36px;
  color: var(--portalThemeColor4);
}

h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3 {
  font-family: Arial;
  font-weight: 400;
  font-size: 24px;
  color: var(--portalThemeColor4);
}

h4,
.h4,
.poll .poll-header h4,
.poll .poll-tags h4 {
  font-family: Arial;
  font-weight: 700;
  font-size: 24px;
  color: var(--portalThemeColor4);
}

h5,
.h5 {
  font-family: Arial;
  font-weight: 700;
  font-size: 14px;
  color: var(--portalThemeColor4);
}

p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p,
p.form-text span {
  font-family: Arial;
  font-weight: 400;
  font-size: 20px;
  color: #2a2c2e;
}

.p2 {
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
  color: #2a2c2e;
}

.button1 {
  color: #2a2c2e;
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  border-color: var(--portalThemeColor4);
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: var(--portalThemeColor4);
}
.button1:not(.gjs-selected):hover {
  color: #2a2c2e;
  background-color: #d92e20d9;
  border-color: #d92e20d9;
}
.button1:not(.gjs-selected):active,
.button1.active:not(.gjs-selected) {
  color: #2a2c2e;
  background-color: #d92e20d9;
}
.button1:focus,
.button1.focus {
  color: #2a2c2e;
  background-color: #d92e20d9;
}

.button2,
.btn-secondary,
.btn-default {
  color: var(--portalThemeColor4);
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  border-color: var(--portalThemeColor4);
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: transparent;
}
.button2:not(.gjs-selected):hover,
.btn-secondary:not(.gjs-selected):hover,
.btn-default:not(.gjs-selected):hover {
  color: var(--portalThemeColor7);
  background-color: var(--portalThemeColor4);
  border-color: var(--portalThemeColor4);
}
.button2:not(.gjs-selected):active,
.button2.active:not(.gjs-selected),
.btn-secondary:not(.gjs-selected):active,
.btn-secondary.active:not(.gjs-selected),
.btn-default:not(.gjs-selected):active,
.btn-default.active:not(.gjs-selected) {
  color: #2a2c2e;
  background-color: var(--portalThemeColor4);
}
.button2:focus,
.button2.focus,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-default:focus,
.btn-default.focus {
  color: var(--portalThemeColor7);
  background-color: var(--portalThemeColor4);
}

.static-top.navbar-dark .navbar-brand a p,
.static-top.navbar-dark .navbar-brand a h1,
.static-top.navbar-dark .navbar-brand a h2,
.static-top.navbar-dark .navbar-brand a h3,
.static-top.navbar-dark .navbar-brand a h4,
.static-top.navbar-dark .navbar-brand a h5,
.static-top.navbar-dark .navbar-brand a span {
  display: inline;
  vertical-align: middle;
  color: #ffffff;
}

h1.siteTitle,
.static-top.navbar-dark .navbar-brand a h1.siteTitle,
.static-top.navbar-dark .navbar-brand a h1.siteTitle > span {
  display: inline;
  vertical-align: middle;
  color: #ffffff;
  font-family: Arial;
  font-weight: 400;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.25em;
}

p.smallText {
  display: inline;
  vertical-align: middle;
  color: #2a2c2e;
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
}

a.anchor-inherit-styles {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}

a.anchor-hover-color-color1:hover {
  color: var(--portalThemeColor1) !important;
}

a.anchor-hover-color-color2:hover {
  color: var(--portalThemeColor2) !important;
}

a.anchor-hover-color-color3:hover {
  color: var(--portalThemeColor3) !important;
}

a.anchor-hover-color-color4:hover {
  color: var(--portalThemeColor4) !important;
}

a.anchor-hover-color-color5:hover {
  color: var(--portalThemeColor5) !important;
}

a.anchor-hover-color-color6:hover {
  color: var(--portalThemeColor6) !important;
}

a.anchor-hover-color-color7:hover {
  color: var(--portalThemeColor7) !important;
}

a.anchor-hover-color-color8:hover {
  color: var(--portalThemeColor8) !important;
}

a.anchor-hover-color-color9:hover {
  color: var(--portalThemeColor9) !important;
}

a.anchor-hover-color-color10:hover {
  color: var(--portalThemeColor10) !important;
}

a.anchor-hover-color-color11:hover {
  color: var(--portalThemeColor11) !important;
}

a.anchor-hover-color-color12:hover {
  color: var(--portalThemeColor12) !important;
}

a.anchor-text-decoration-none {
  text-decoration: none;
}

a.anchor-text-decoration-underline {
  text-decoration: underline;
}

a.anchor-hover-text-decoration-none:hover {
  text-decoration: none;
}

a.anchor-hover-text-decoration-underline:hover {
  text-decoration: underline;
}

/*Bootstrap V5 Changes */
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  display: block;
  width: auto;
  background-color: var(--portalThemeColor4);
  color: #000000;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0;
  width: auto;
  background-color: var(--portalThemeColor4);
  color: #000000;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #000000;
  white-space: nowrap;
  width: auto;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 21px;
  margin-bottom: 10.5px;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}

/* till here */

.logout .button-profile {
  padding: 10px;
  background-color: var(--portalThemeColor7);
  border-radius: 50px;
  margin-left: 20px;
  font-weight: 600;
  border: none;
  height: 50px;
  width: 50px;
  color: var(--portalThemeColor1);
  font-weight: bold;
  transition: 0.3s color ease;
}

.logout .button-profile:hover {
  color: var(--portalThemeColor4);
}

.logout.account-container {
  position: relative;
}

.logout.account-container.active .button-profile {
  margin: 0;
  background-color: var(--portalThemeColor7);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 55px;
  transition: 0.3s height ease;
}

.logout.account-container.active::before {
  width: 10px;
  height: 10px;
  margin-left: -10px;
  transform: rotate(90deg) scale(1.05);
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.logout.account-container.active::after {
  width: 10px;
  height: 10px;
  margin-right: -10px;
  transform: rotate(180deg) scale(1.05);
  background-size: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

.static-top.navbar .menu-bar > .navbar-nav > li {
  display: inline-block;
  text-align: left;
  position: relative;
  z-index: 2;
  margin-right: 8px;
}

.static-top.navbar .menu-bar > .navbar-nav > li > .active-menu {
  font-weight: bold;
  background-color: var(--portalThemeColor10);
  cursor: pointer;
  display: block;
  text-decoration: none;
  min-width: 125px;
  font-size: 0.9em;
  z-index: 2;
  position: relative;
  -moz-user-select: none;
  user-select: none;
  text-align: center;
  transition: 0.1s background-color ease;
  height: 50px;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 10px 10px 0 0;
  text-transform: uppercase;
  color: var(--portalThemeColor1);
  margin: 0;
  top: 0;
  right: 0;
}

.static-top.navbar .menu-bar > .navbar-nav > li > .active-menu.show {
  background-color: var(--portalThemeColor7);
  color: var(--portalThemeColor1);
  font-weight: bold;
  text-decoration: none;
  min-width: 125px;
  z-index: 5;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  transition: 0.1s background-color ease;
}

.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.active-menu)::before,
.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.active-menu)::after {
  content: "";
}

.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.active-menu)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23eeeeee'/%3E%3C/svg%3E%0A");
  opacity: var(--opacity, 1);
}
.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.active-menu)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23eeeeee'/%3E%3C/svg%3E%0A");
  opacity: var(--opacity, 1);
}

.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.active-menu)::after {
  width: 10px;
  height: 10px;
  margin-right: -10px;
  transform: rotate(180deg) scale(1.05);
  background-size: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.active-menu)::before {
  width: 10px;
  height: 10px;
  margin-left: -10px;
  transform: rotate(90deg) scale(1.05);
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.show)::before,
.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.show)::after {
  content: "";
}

.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.show)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  opacity: var(--opacity, 1);
}
.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.show)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='259.51' height='259.52' viewBox='0 0 259.51 259.52'%3E%3Cpath id='Path_143' data-name='Path 143' d='M8659.507,423.965c-.167-2.608.05-5.319-.19-8.211-.084-1.012-.031-2.15-.118-3.12-.113-1.25-.1-2.682-.236-4.061-.172-1.722-.179-3.757-.365-5.394-.328-2.889-.478-5.857-.854-8.61-.509-3.714-.825-7.252-1.38-10.543-.934-5.535-2.009-11.312-3.189-16.692-.855-3.9-1.772-7.416-2.752-11.2-1.1-4.256-2.394-8.149-3.687-12.381-1.1-3.615-2.366-6.893-3.623-10.493-1.3-3.739-2.917-7.26-4.284-10.7-1.708-4.295-3.674-8.078-5.485-12.023-1.145-2.493-2.5-4.932-3.727-7.387-1.318-2.646-2.9-5.214-4.152-7.518-1.716-3.16-3.517-5.946-5.274-8.873-1.692-2.818-3.589-5.645-5.355-8.334-2.326-3.542-4.637-6.581-7.039-9.848-2.064-2.809-4.017-5.255-6.088-7.828-2.394-2.974-4.937-5.936-7.292-8.589-3.027-3.411-6.049-6.744-9.055-9.763-2.4-2.412-4.776-4.822-7.108-6.975-3-2.767-5.836-5.471-8.692-7.854-3.332-2.779-6.657-5.663-9.815-8.028-2.958-2.216-5.784-4.613-8.7-6.6-3.161-2.159-6.251-4.414-9.219-6.254-3.814-2.365-7.533-4.882-11.168-6.89-4.213-2.327-8.513-4.909-12.478-6.834-4.61-2.239-9.234-4.619-13.51-6.416-4.1-1.725-8.11-3.505-11.874-4.888-4.5-1.652-8.506-3.191-12.584-4.47-6.045-1.9-12.071-3.678-17.431-5-9.228-2.284-17.608-3.757-24.951-4.9-7.123-1.112-13.437-1.64-18.271-2.035l-2.405-.2c-1.638-.136-3.508-.237-4.633-.3a115.051,115.051,0,0,0-12.526-.227h259.51Z' transform='translate(-8399.997 -164.445)' fill='%23ffffff'/%3E%3C/svg%3E%0A");
  opacity: var(--opacity, 1);
}

.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.show)::after {
  width: 10px;
  height: 10px;
  margin-right: -10px;
  transform: rotate(180deg) scale(1.05);
  background-size: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

.static-top.navbar .menu-bar > .navbar-nav > li:has(> a.show)::before {
  width: 10px;
  height: 10px;
  margin-left: -10px;
  transform: rotate(90deg) scale(1.05);
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.navbar-right-container .logout .profile-menu__container,
.navbar-right-container .logout .profile-menu__container-mobile {
  position: relative;
  z-index: 10;
}

.logout .account-button-menu li a {
  font-weight: normal;
  transition: 0.3s color ease;
  position: relative;
  color: var(--portalThemeColor1);
  text-decoration: none;
  display: block;
  margin: 0;
  font-size: 16px;
  padding: 15px;
}

.logout .account-button-menu {
  position: absolute;
  list-style: none;
  transform: translateX(-35%);
  background-color: var(--portalThemeColor7);
  min-width: 185px;
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 0;
  margin: 0;
}

.logout .account-button-menu.no-bill-button {
  transform: translateX(-60%);
}

.logout .account-button-menu li {
  line-height: normal;
  text-align: center;
}

.logout .account-button-menu li a:hover {
  color: var(--portalThemeColor4);
}

.logout .account-button-menu li a:focus {
  background-color: var(--portalThemeColor10);
}

.logout .account-button-menu li:first-child a:focus {
  border-radius: 10px 10px 0px 0px;
}

.logout .account-button-menu li:last-child a:focus {
  border-radius: 0px 0px 10px 10px;
}

.navbar-main {
  display: grid;
  width: 100%;
  grid-template-columns: 0.25fr 1fr;
}

.navbar-container {
  flex-direction: column;
  padding: 16px 30px 0px;
}

.navbar-right-container {
  justify-self: end;
  display: flex;
}

.navbar-links {
  width: 100%;
  display: grid;
  justify-items: center;
  margin-top: 0px;
}

.navbar-dark .navbar-nav a.dropdown-toggle.show {
  background-color: #fff;
  color: #334786;
  font-weight: bold !important;
  cursor: pointer;
  display: block;
  text-decoration: none;
  min-width: 125px;
  z-index: 52;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  transition: 0.1s background-color ease;
  height: 50px;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 10px 10px 0 0;
}

.navbar-dark .navbar-nav a.dropdown-toggle.show:hover {
  transition: 0.1s background-color ease;
  color: #d92e20;
  background-color: #fff;
  font-weight: bold;
  z-index: 5;
}

.static-top.navbar .menu-bar > .navbar-nav > li > .active-menu:has(.show) {
  background-color: #fff;
  color: #334786;
  font-weight: bold !important;
  cursor: pointer;
  display: block;
  text-decoration: none;
  min-width: 125px;
  z-index: 52;
  position: relative;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  transition: 0.1s background-color ease;
  height: 50px;
  box-sizing: border-box;
  padding: 15px;
  border-radius: 10px 10px 0 0;
}

.static-top.navbar
  .menu-bar
  > .navbar-nav
  > li
  > .active-menu:has(.show):hover {
  transition: 0.1s background-color ease;
  color: #d92e20;
  background-color: #fff;
  font-weight: bold;
  z-index: 5;
}

.bg-primary-container{
  background-color: var(--portalThemeColor10);
}

@media (min-width: 1200px) {
  .opacity {
    --opacity: 0.5;
  }

  .opacity .active-menu {
    opacity: 0.5;
  }
}

@media (max-width: 1200px) {
  body {
    top: 100px;
  }

  .navbar-container {
    padding: 16px 12px;
  }

  .navbar-links {
    display: none;
  }

  .navbar-links:has(.navbar-collapse.collapse.show) {
    display: block !important;
  }

  .static-top.navbar .menu-bar > .navbar-nav > li > a,
  .static-top.navbar .menu-bar > .navbar-nav > li > .active-menu {
    font-weight: 400;
    color: var(--portalThemeColor7);
    padding: 10px 0;
    text-decoration: none;
    font-size: 1.15em;
    background-color: transparent;
    cursor: pointer;
    display: block;
    position: static;
    border-radius: unset;
    margin: 0;
    text-align: left;
    height: auto;
    text-transform: none;
  }

  .static-top.navbar .menu-bar > .navbar-nav > li:has(> a.active-menu)::before,
  .static-top.navbar .menu-bar > .navbar-nav > li:has(> a.active-menu)::after,
  .static-top.navbar .menu-bar > .navbar-nav > li:has(> a.show)::before,
  .static-top.navbar .menu-bar > .navbar-nav > li:has(> a.show)::after,
  .logout.account-container.active::before,
  .logout.account-container.active::after {
    content: none;
  }

  .navbar-dark .navbar-nav a.dropdown-toggle.show:hover {
    background-color: transparent;
  }

  .navbar-collapse.show {
    overflow-y: unset;
  }

  .static-top.navbar .menu-bar > .navbar-nav > li {
    z-index: unset;
  }

  .navbar-dark .navbar-nav .show.dropdown-menu > li > a {
    text-align: left;
    font-size: 1.15em;
    padding: 10px 25px;
    max-width: unset;
    text-transform: capitalize;
    line-height: 2em;
  }

  #navbar .dropdown-menu.show {
    width: 100%;
    box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.05);
    line-height: 2em;
    margin-top: 5px;
    border-radius: 10px !important;
    transform: unset;
  }

  .static-top.navbar .menu-bar > .navbar-nav > li > .active-menu.show {
    background-color: transparent;
    color: var(--portalThemeColor4);
    text-align: left;
  }

  .navbar-dark .navbar-toggler {
    font-size: 2rem;
    background: none;
    cursor: pointer;
    zoom: 1;
    color: var(--portalThemeColor7);
    margin: 0 auto;
    border: none;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .navbar-dark .navbar-toggler:hover {
    border: 1px solid var(--portalThemeColor7);
    background-color: transparent;
  }

  .static-top.navbar-dark {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    min-height: 115px;
  }

  .logout-mobile {
    position: absolute;
    right: 15px;
  }

  .logout .account-button-menu {
    transform: translateX(-62%);
    min-width: 150px;
  }

  .logout .button-profile {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}