/* GLOBAL STYLES FOR THE CP PAGES */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../font/Inter-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../font/Inter-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../font/Inter-Bold.woff2") format("woff2");
}
:root {
  --font-size-base: 16px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --font-size-normal: 16px;
  --font-size-large: 24px;
  --line-height-normal: 24px;
  --line-height-large: 36px;
}

/*body {
    font-family: "Inter", sans-serif; font-size: 16px;
}*/
body {
  background-color: var(--brand-neutral-color-2);
  font-family: var(--font-family-base);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-base);
  line-height: 1.5;
  color: var(--brand-neutral-color-8);
}

h1 {
  font-weight: var(--font-weight-bold);
  font-size: var(--h1-font-size);
}

h2 {
  font-weight: var(--font-weight-bold);
  font-size: var(--h2-font-size);
}

h3 {
  font-weight: var(--font-weight-semi-bold);
}

h4 {
  font-weight: var(--font-weight-semi-bold);
}

a,
a:hover {
  color: var(--brand-prim-color-2, #2b7837);
}

@media (max-width: 767.98px) {
  h1,
  .h1 {
    font-size: var(--h1-font-size-mob);
  }
  h2,
  .h2 {
    font-size: var(--h2-font-size-mob);
  }
}
.container-fluid-max-xl {
  max-width: 1280px;
}

div#WebServerDisplayNodeContainer {
  display: none;
}

.btn-link {
  background-color: var(--brand-neutral-color-1, #fff);
  color: var(--brand-prim-color-2, #2B7837);
  text-decoration: underline;
  font-weight: 700;
  border-radius: 8px;
}
.btn-link:hover {
  color: var(--brand-prim-color-3, #8EB624);
}
.btn-link:active {
  color: var(--brand-prim-color-2, #2B7837);
  box-shadow: none;
}
.btn-link:focus-visible, .btn-link:active:focus-visible {
  color: var(--brand-prim-color-2, #2B7837);
  outline: var(--btn-primary-focus-border-color) solid 2px;
  outline-offset: 1px;
  text-decoration: underline;
  box-shadow: none;
}

.btn-secondary.disabled, .btn-primary.disabled {
  background-color: var(--brand-neutral-color-3, #F2F2F2);
  color: var(--brand-neutral-color-6, #555758);
  text-decoration: underline;
}
.btn-secondary.disabled:hover, .btn-primary.disabled:hover {
  color: var(--brand-prim-color-3, #8EB624);
}
.btn-secondary.disabled:active, .btn-primary.disabled:active {
  color: #165225;
}
.btn-secondary.disabled:focus-visible, .btn-primary.disabled:focus-visible {
  color: var(--brand-prim-color-2);
  outline: var(--btn-primary-focus-border-color) solid 3px;
  outline-offset: 1px;
}

.btn-outline-primary, .btn-outline-primary.active {
  color: #1B652D;
  border: 2px solid transparent;
}
.btn-outline-primary:hover, .btn-outline-primary.active:hover {
  background-color: unset;
  border: 2px solid var(--brand-prim-color-1);
  color: var(--brand-prim-color-1);
}
.btn-outline-primary:active, .btn-outline-primary.active:active {
  color: var(--brand-prim-color-1);
  border-color: var(--brand-neutral-color-4, #F5F8F5);
  background-color: var(--brand-neutral-color-4, #F5F8F5);
}
.btn-outline-primary:focus-visible, .btn-outline-primary.active:focus-visible {
  box-shadow: none;
  outline: var(--btn-primary-focus-border-color) solid 3px;
  outline-offset: 1px;
}

.btn-outline-secondary, .btn-outline-secondary:active {
  color: var(--brand-prim-color-2, #2B7837);
  border: 2px solid var(--brand-prim-color-2, #2B7837);
  background-color: var(--brand-neutral-color-1), #fff;
}
.btn-outline-secondary:hover, .btn-outline-secondary:active:hover {
  color: var(--brand-prim-color-3, #8EB624);
  border: 2px solid var(--brand-prim-color-3, #8EB624);
  background-color: var(--brand-neutral-color-1);
}
.btn-outline-secondary:active, .btn-outline-secondary:active:active {
  background-color: var(--brand-neutral-color-1);
  color: var(--brand-prim-color-2, #2B7837);
  border: 2px solid var(--brand-prim-color-2, #2B7837);
}
.btn-outline-secondary:focus-visible, .btn-outline-secondary:active:focus-visible {
  box-shadow: none;
  outline: var(--btn-primary-focus-border-color) solid 3px;
  border-color: transparent;
  outline-offset: 1px;
}

.portlet-forms label, .portlet-forms legend, .portlet-forms p, .form-entry label, .form-entry legend, .form-entry p {
  font-size: var(--font-size-sm);
}

.form-control {
  color: var(--brand-neutral-color-6);
  background-color: var(--brand-neutral-color-4);
  border-radius: var(--border-radius-lg);
  border-width: 1px;
}

.form-control.focus, .form-control:focus-visible, .c-prefers-focus .form-control:focus {
  border-color: var(--brand-prim-color-2);
  background-color: var(--brand-neutral-color-4);
  box-shadow: none;
  color: var(--brand-neutral-color-8);
  border-width: 2px;
}

.has-error .form-control {
  color: var(--brand-neutral-color-8);
  border-color: var(--brand-alert-color-error);
  border-width: 2px;
}

.input-group .input-group-inset-item {
  background-color: var(--brand-neutral-color-4);
}
.input-group .input-group-inset-item-after {
  border-bottom-right-radius: var(--border-radius-lg);
  border-top-right-radius: var(--border-radius-lg);
}

.input-group-item-focusable {
  border-radius: 0.5rem;
}

.input-group-inset.focus ~ .input-group-inset-item,
.input-group-inset:focus-visible ~ .input-group-inset-item,
.c-prefers-focus .input-group-inset:focus ~ .input-group-inset-item {
  border-color: var(--brand-prim-color-2);
  background-color: var(--brand-neutral-color-4);
  border-width: 2px 2px 2px 0;
}

.lfr-ddm-form-container .form-control:disabled, .form-control:disabled, .form-control.disabled {
  background-color: var(--brand-neutral-color-3);
  color: var(--brand-neutral-color-6);
}

.input-group-item-focusable:focus-within:has(input:focus) {
  box-shadow: 0 0 0 0.2rem rgba(27, 101, 45, 0.25);
}

.form-control .btn.focus, .form-control .btn:focus-visible, .form-control .c-prefers-focus .btn:focus {
  outline-color: var(--brand-prim-color-2);
}

.breadcrumb .breadcrumb-item {
  margin-right: var(--spacer-3);
}
.breadcrumb .breadcrumb-item .breadcrumb-link {
  color: var(--brand-prim-color-2);
  font-weight: var(--font-weight-bold);
}
.breadcrumb .breadcrumb-item.active, .breadcrumb .breadcrumb-item .active {
  color: var(--brand-prim-color-2);
  font-weight: var(--font-weight-bold);
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: var(--spacer-6);
}
.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: var(--brand-neutral-color-8);
  margin-top: -0.4em;
  width: 0.8em;
  height: 0.8em;
}

.component-tabs .navigation-bar-light {
  background-color: unset;
  border-bottom: 1px solid var(--brand-neutral-color-5);
}
.component-tabs .navigation-bar-light .nav-link {
  color: var(--brand-neutral-color-8);
  font-size: var(--font-size-lg);
}
.component-tabs .navigation-bar-light .nav-link.active {
  color: var(--brand-prim-color-1);
}
.component-tabs .navigation-bar-light .nav-link.active .navbar-text-truncate {
  font-weight: var(--font-weight-semi-bold);
  color: var(--brand-prim-color-1);
}
.component-tabs .navigation-bar-light .nav-link:focus-visible {
  outline-color: var(--brand-alert-color-warning);
  border-radius: var(--border-radius-lg);
  outline-offset: -1px;
}
.component-tabs .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
  background-color: var(--brand-prim-color-1);
}
.component-tabs .navbar-underline .navbar-toggler-link::after {
  background-color: var(--brand-prim-color-1);
}

.navbar-nav .nav-item {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item .navbar-text-truncate {
  font-weight: var(--font-weight-semi-bold);
}

.navbar-nav .nav-item:hover {
  background-color: var(--brand-prim-color-5);
}
.navbar-nav .nav-item:hover .navbar-text-truncate {
  color: var(--brand-prim-color-1);
}

[data-lfr-editable-type=rich-text] table {
  display: none;
}

.has-edit-mode-menu [data-lfr-editable-type=rich-text] table {
  display: block;
}

.cp-table-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-base);
  margin-bottom: 48px;
}

.cp-table-item {
  border-bottom: 1px solid #f2f2f2;
  padding: 16px;
  overflow: hidden;
}

.cp-table-header {
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  color: #000000;
}

.cp-body {
  color: #000000;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.column {
  min-width: 150px;
  margin-right: 11px;
  width: 100%;
}

.cp-table-content {
  display: flex;
}

@media (max-width: 768px) {
  .cp-table-header {
    display: block;
  }
  .column {
    display: block;
    width: 100%;
    margin-top: 16px;
  }
  .cp-table-content {
    display: block;
  }
}
@media (min-width: 768px) {
  .cp-table-list li:not(:first-child) .cp-table-header {
    display: none;
  }
}