@font-face {
    font-family: WorkSans-Medium;
    src: url(/_static/Uploads/WorkSans-Medium.ttf) format("truetype");
    font-display: auto
}
@font-face {
    font-family: WorkSans-SemiBold;
    src: url(/_static/Uploads/WorkSans-SemiBold.ttf) format("truetype");
    font-display: auto
}
@font-face {
    font-family: Default-Regular;
    src: url(/_static/Uploads/WorkSans-Regular.ttf) format("truetype");
    font-display: auto
}
@font-face {
    font-family: Default-Bold;
    src: url(/_static/Uploads/WorkSans-Bold.ttf) format("truetype");
    font-display: auto
}

.loci {
  --primary--color-DarkGreen: #294D23;
  --primary--color-DarkGreen-rgb: 41,77,35;
  --secondary--color-Orange: #F8751B;
  --secondary--color-Orange-rgb: 248,117,27;
  --neutral--color-Black: #000000;
  --neutral--color-Black-rgb: 0,0,0;
  --neutral--color-LightGrey: #f9f5f2;
  --neutral--color-LightGrey-rgb: 249,245,242;
  --neutral--color-MiddelGrey: #EDEAE7;
  --neutral--color-MiddelGrey-rgb: 237,234,231;
  --neutral--color-DarkGrey: #333333;
  --neutral--color-DarkGrey-rgb: 51,51,51;
  --neutral--color-Name: #FFFFFF;
  --neutral--color-Name-rgb: 255,255,255;
  --primary--color-LightGreen: #59A64C;
  --primary--color-LightGreen-rgb: 89,166,76;
  --secondary--color-HooverOrange: #f75605;
  --secondary--color-HooverOrange-rgb: 247,86,5;
  --secondary--color-Transparent: transparent;
  --secondary--color-Transparent-rgb: ;
}
.loci .Button .button__Primary {
  background-color: var(--secondary--color-Orange);
  border-color: var(--secondary--color-Orange);
  color: var(--neutral--color-Name);
  font-family: WorkSans-SemiBold;
  border-radius: 8px;
  border-width: 0px;
  font-size: 16px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  text-transform: none;
}
.loci .Button .button__Primary:hover {
  background-color: var(--secondary--color-HooverOrange);
}
.loci .Button .button__LociTextArrow {
  background-color: var(--secondary--color-Transparent);
  color: var(--neutral--color-Black);
  border-width: 0px;
  font-family: WorkSans-SemiBold;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
}
.loci .Button .button__LociTextArrow:hover {
  color: var(--secondary--color-Orange);
}
.loci .Button .button__LociGhost {
  background-color: var(--secondary--color-Transparent);
  border-color: var(--neutral--color-Name);
  color: var(--neutral--color-Name);
  border-width: 1px;
  border-radius: 8px;
  font-size: 16px;
  text-transform: none;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  font-family: WorkSans-SemiBold;
}
.loci .Button .button__LociGhost:hover {
  background-color: var(--neutral--color-LightGrey);
  color: var(--primary--color-DarkGreen);
}
.loci .Button .button__Form__Next {
  background-color: var(--neutral--color-LightGrey);
  border-color: var(--primary--color-DarkGreen);
  color: var(--primary--color-DarkGreen);
  border-width: 1px;
  border-radius: 8px;
  font-family: WorkSans-SemiBold;
  font-size: 16px;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  text-transform: none;
}
.loci .Button .button__Form__Next:hover {
  background-color: var(--neutral--color-Name);
}
.loci .Button .button__Form__Prev {
  background-color: var(--neutral--color-LightGrey);
  border-color: var(--primary--color-DarkGreen);
  color: var(--primary--color-DarkGreen);
  font-size: 16px;
  font-family: WorkSans-SemiBold;
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  text-transform: none;
  border-width: 1px;
  border-radius: 8px;
}
.loci .Button .button__Form__Prev:hover {
  background-color: var(--neutral--color-Name);
}
.loci .Button .button__Ghost {
  background-color: var(--neutral--color-Name);
  border-color: var(--secondary--color-Orange);
  padding-top: 8px;
  padding-right: 16px;
  padding-bottom: 8px;
  padding-left: 16px;
  border-width: 2px;
  border-radius: 8px;
  font-family: WorkSans-SemiBold;
  font-size: 16px;
}
.loci .Button .button__Ghost:hover {
  background-color: var(--neutral--color-MiddelGrey);
}
.loci .iframe_preview iframe {
  height: calc(100vh - 121px);
}
.loci .Loci Master .hide-default-link a {
  text-decoration: none;
}
.loci .top-bar {
  background-color: #f9f5f2;
  padding: 0.25rem;
  color: var(--black-color);
  font-size: var(--font-size);
}
.loci .top-bar .top-bar-inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .loci .top-bar .top-bar-inner {
    flex-direction: column;
  }
}
.loci .top-bar .top-bar-inner span {
  font-size: 14px;
}
.loci .top-bar .links ul {
  margin-bottom: 0 !important;
  list-style-type: none !important;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .loci .top-bar .links ul {
    padding-left: 0px;
  }
}
.loci .top-bar .links ul li {
  list-style-type: none !important;
  display: inline;
  padding: 0 0.5em;
}
.loci .top-bar .links ul li a {
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: var(--font-content) !important;
  color: var(--white-color) !important;
  font-size: 14px !important;
}
.loci .top-bar .links ul li a:hover {
  text-decoration: underline !important;
}
.loci .top-bar .user-info-section {
  font-size: 14px !important;
}
.loci .top-bar .user-info-section img {
  height: 20px;
}
.loci .top-bar .user-info-section li {
  list-style-type: none;
}
.loci .top-bar .user-info-section a {
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: var(--font-content) !important;
  margin-left: 10px;
  font-size: 14px !important;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .loci .top-bar .user-info-section a {
    margin: auto;
    text-align: center;
    display: block;
  }
}
.loci .top-bar .user-info-section a:hover {
  color: var(--primary-primary-500) !important;
  text-decoration: underline !important;
}
@charset "UTF-8";
.loci a .icon-link .link-details:hover .title {
  color: #294D23 !important;
}
.loci .navbar {
  background-color: #f9f5f2 !important;
  padding: 0 !important;
}
.loci .navbar .nav-item {
  padding: 0 1rem;
}
.loci .navbar .navbar-nav .nav-link {
  color: var(--black-color) !important;
  cursor: pointer;
  font-family: WorkSans-Medium;
}
.loci .navbar .navbar-nav .nav-link:hover {
  color: #294D23 !important;
}
.loci .navbar .nav-link.active,
.loci .navbar .nav-link.active-parent,
.loci .navbar .show > .nav-link {
  font-family: Default-Bold !important;
  border-bottom: 1px solid var(--base-color);
}
.loci .navbar .navbar-collapse {
  justify-content: flex-end;
}
.loci .navbar .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=’rgba(0, 0, 0, 0.5)’ stroke-width=’2′ stroke-linecap=’round’ stroke-miterlimit=’10’ d=’M4 8h24M4 16h24M4 24h24’/%3E%3C/svg%3E");
  width: 2.5em;
  height: 2em;
}
.loci .navbar .navbar-toggler i {
  color: var(--black-color);
  font-size: 2rem;
}
.loci .navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0rem;
}
.loci .middle-bar {
  background-color: #f9f5f2 !important;
  background-color: var(--bg-color);
  padding: 1.5rem 0rem;
}
.loci .middle-bar .floating-content {
  transform: translateX(-53%) !important;
}
.loci .middle-bar .floating-content .DescriptionLink .border-right {
  max-width: 244px;
}
.loci .middle-bar-inner {
  display: inline-flex;
  height: 35px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .loci .middle-bar-inner {
    justify-content: space-between;
  }
}
.loci .middle-bar .logo {
  margin-left: 10px;
}
.loci .middle-bar .logo img {
  height: 30px;
  /* Responsive layout - when the screen is <576px wide */
}
.loci .middle-bar .searching {
  cursor: wait;
}
.loci .middle-bar .search-section {
  position: relative;
  display: none !important;
}
.loci .middle-bar .search-section .search-field {
  position: relative;
  border-radius: var(--input-radius);
  border: none;
  width: 400px;
  padding: 0.5rem 1rem;
}
.loci .middle-bar .search-section i {
  font-size: 1.4rem;
  position: absolute;
  top: 8px;
  right: 10px;
  color: var(--darkblue-color);
}
.loci .middle-bar .search-section .search-results {
  position: absolute;
  max-height: 250px;
  overflow-y: auto;
  border-width: 1px;
  border-color: var(--black-color);
  background-color: var(--white-color);
  min-width: 100%;
  width: max-content;
  z-index: 50;
}
.loci .middle-bar .search-section .search-results button {
  padding: 2px 16px;
  position: relative;
  display: block;
  min-width: 100%;
  border: none;
  background-color: var(--white-color);
  text-align: left;
}
.loci .middle-bar .links .button-class {
  width: max-content;
}
.loci .middle-bar .links .loci-menu .row {
  margin-right: 10px;
}
.loci .middle-bar .links .loci-menu .col-md-8 {
  padding-right: 0;
}
.loci .accordion {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-family: "Default-Bold";
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}
@media (min-width: 992px) {
  .loci .accordion {
    display: none;
  }
}
.loci .accordion .main-menu {
  background-color: #f9f5f2;
  padding: 0.7rem 1rem;
}
.loci .accordion .main-menu .main-menu-item,
.loci .accordion .main-menu a {
  color: #2C2C2C;
  text-transform: lowercasecase;
  font-size: 1rem;
}
.loci .accordion .main-menu .sub-menu {
  list-style-type: none;
  margin-left: -1rem;
  margin-right: -1rem;
  font-family: "Default-Bold";
  font-weight: bold;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #f9f5f2;
}
.loci .accordion .main-menu .sub-menu .sub-menu-link {
  color: #294D23;
}
.loci .accordion .main-menu .sub-menu .sub-menu-item {
  padding: 0.8rem 1rem 0.5rem 0rem;
  text-transform: uppercase;
  font-size: 0.9rem;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-self: center;
  flex: 1;
  flex-wrap: wrap;
}
.loci .accordion .main-menu .sub-menu .sub-menu-item .menu-icon {
  width: 30px;
  margin-left: 1rem;
}
.loci .accordion .main-menu .sub-menu .sub-menu-item .sub-sub-menu-item {
  list-style-type: none;
  display: block;
  width: 100%;
}
.loci .accordion .main-menu .sub-menu .sub-menu-item .sub-sub-menu-item li a,
.loci .accordion .main-menu .sub-menu .sub-menu-item .sub-sub-menu-item li span {
  color: #1B1B1B;
  font-size: 0.8rem;
  font-weight: 500;
}
.loci .accordion .main-menu .menu-item-with-subitem-0,
.loci .accordion .main-menu .menu-item-with-subitem-1 {
  color: #F5F4F2;
  text-transform: uppercase;
  font-size: 0.9rem;
  list-style-type: none;
  padding: 0.7rem 0 0.7rem 2.5rem;
  margin: 0 0 0 -2rem;
}
.loci .accordion .main-menu .menu-item-with-subitem-0 {
  background-color: #00C2F2;
}
.loci .accordion .main-menu .menu-item-with-subitem-1 {
  background-color: #1B1B1B;
}
.loci .accordion .main-menu .menu-item-with-subitem-sub {
  list-style-type: none;
  background-color: #f9f5f2;
  color: #F8751B;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-left: -3rem;
  margin-bottom: -0.8rem;
  margin-top: 0.7rem;
}
.loci .accordion .main-menu .menu-item-with-subitem-sub .menu-icon {
  width: 30px;
  margin-left: 1rem;
}
.loci .accordion .main-menu .menu-item-with-subitem-sub li {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-self: center;
  flex: 1;
  flex-wrap: wrap;
  padding: 0.8rem 1rem 0.5rem 1rem;
}
.loci .accordion .main-menu .menu-item-with-subitem-sub .menu-item-with-subitem-sub-sub {
  list-style-type: none;
  display: block;
  width: 100%;
  margin-left: -1.5rem;
}
.loci .accordion .main-menu .menu-item-with-subitem-sub .menu-item-with-subitem-sub-sub li a,
.loci .accordion .main-menu .menu-item-with-subitem-sub .menu-item-with-subitem-sub-sub li span {
  color: #1B1B1B;
  font-size: 0.8rem;
  font-weight: 500;
}
.loci .star-rating svg.sv-star,
.loci .star-rating svg.sv-star-2 {
  width: 35px !important;
  height: 35px !important;
  display: inline-block;
  vertical-align: middle;
  margin: 0 !important;
  padding: 0 !important;
}
.loci .star-rating .sd-rating__item-star {
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}
.loci .iframe_preview iframe {
  height: calc(100vh - 121px);
}
.bb-dashboard {
  --primary-color-1200: #2A81DC;
  --primary-color-1200-rgb: 42,129,220;
  --primary-color-1000: #4499F2;
  --primary-color-1000-rgb: 68,153,242;
  --primary-color-800: #6CA7ED;
  --primary-color-800-rgb: 108,167,237;
  --primary-color-100: #F3F9FE;
  --primary-color-100-rgb: 243,249,254;
  --secondary-color-1000: #08213F;
  --secondary-color-1000-rgb: 8,33,63;
  --secondary-color-800: #354B66;
  --secondary-color-800-rgb: 53,75,102;
  --secondary-color-600: #728398;
  --secondary-color-600-rgb: 114,131,152;
  --secondary-color-400: #9FADBD;
  --secondary-color-400-rgb: 159,173,189;
  --secondary-color-200: #D3D9E1;
  --secondary-color-200-rgb: 211,217,225;
  --secondary-color-100: #ECF0F4;
  --secondary-color-100-rgb: 236,240,244;
  --secondary-color-50: #F7F9FA;
  --secondary-color-50-rgb: 247,249,250;
  --neutral-color-1000: #000000;
  --neutral-color-1000-rgb: 0,0,0;
  --neutral-color-800: #2C2C2C;
  --neutral-color-800-rgb: 44,44,44;
  --neutral-color-600: #70706F;
  --neutral-color-600-rgb: 112,112,111;
  --neutral-color-400: #BCBCBB;
  --neutral-color-400-rgb: 188,188,187;
  --neutral-color-200: #E0E0E0;
  --neutral-color-200-rgb: 224,224,224;
  --neutral-color-100: #E9E9EB;
  --neutral-color-100-rgb: 233,233,235;
  --neutral-color-50: #FAFAF9;
  --neutral-color-50-rgb: 250,250,249;
  --neutral-color-0: #FFFFFF;
  --neutral-color-0-rgb: 255,255,255;
  --positive-color: #32C77C;
  --positive-color-rgb: 50,199,124;
  --warning-color: #FEC84C;
  --warning-color-rgb: 254,200,76;
  --negative-color: #FF3131;
  --negative-color-rgb: 255,49,49;
  --button-padding: 0.5rem 2rem;
  --button-padding-rgb: ;
  --button-radius: 0.2rem;
  --button-radius-rgb: ;
  --input-radius: 0.2rem;
  --input-radius-rgb: ;
  --input-line-height: 3rem;
  --input-line-height-rgb: ;
  --font-content: Aeonik;
  --font-content-rgb: ;
  --font-heading: Gilroy;
  --font-heading-rgb: ;
  --font-link: Aeonik;
  --font-link-rgb: ;
  --font-size: 1rem;
  --font-size-rgb: ;
  --bg-color: #FFFFFF;
  --bg-color-rgb: 255,255,255;
  --other--color-Toolkit-Secondary: #fdf5ea;
  --other--color-Toolkit-Secondary-rgb: 255,255,255;
  --other--color-Toolkit-Primary: #F6F7F9;
  --other--color-Toolkit-Primary-rgb: 246,247,249;
}
.bb-dashboard .Button .button__Primary {
  background-color: var(--primary-color-1000);
  color: var(--neutral-color-0);
  border-width: 0;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Primary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Secondary {
  background-color: var(--neutral-color-0);
  border-color: var(--primary-color-1200);
  color: var(--primary-color-1200);
  border-width: 2px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Secondary:hover {
  background-color: var(--primary-color-100);
}
.bb-dashboard .Button .button__Toolkit_Primary {
  background-color: var(--other--color-Toolkit-Primary);
  color: var(--neutral-color-1000);
  border-width: 0px;
  border-radius: 5px;
  font-size: 14px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Primary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Toolkit_Secondary {
  background-color: var(--other--color-Toolkit-Secondary);
  color: var(--neutral-color-1000);
  border-width: 0px;
  border-radius: 5px;
  font-size: 14px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Secondary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Toolkit_Tertiary {
  background-color: var(--neutral-color-0);
  color: var(--neutral-color-1000);
  border-width: 0;
  border-radius: 5px;
  font-size: 14px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Tertiary:hover {
  background-color: var(--secondary-color-200);
}
.bb-dashboard .Button .button__Toolkit_Add {
  background-color: var(--primary-color-100);
  color: var(--primary-color-1000);
  border-width: 0;
  border-radius: 5px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.bb-dashboard .Button .button__Toolkit_Add:hover {
  border-color: var(--primary-color-1000);
  border-width: 1px;
  padding-top: 9px;
  padding-right: 19px;
  padding-bottom: 9px;
  padding-left: 19px;
}
.bb-dashboard .dashboard-table table {
  width: 100%;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table td, .bb-dashboard .dashboard-table th {
  padding: 10px;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table th {
  background-color: #ffffff;
  color: #000000;
  text-align: left;
}
.bb-dashboard .dashboard-table tbody {
  border-bottom: 1px solid #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:hover {
  background-color: #F3F9FE !important;
}
.bb-dashboard .dashboard-table tbody tr:nth-of-type(odd) {
  background-color: #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:last-of-type {
  border-bottom: 2px solid #F6F7F9;
}
.bb-dashboard .hide-default-link a {
  text-decoration: none;
}
.bb-dashboard .dashboard-table table {
  width: 100%;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table td, .bb-dashboard .dashboard-table th {
  padding: 10px;
  border: 0px solid #ffffff;
}
.bb-dashboard .dashboard-table th {
  background-color: #ffffff;
  color: #000000;
  text-align: left;
}
.bb-dashboard .dashboard-table tbody {
  border-bottom: 1px solid #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:hover {
  background-color: #F3F9FE !important;
}
.bb-dashboard .dashboard-table tbody tr:nth-of-type(odd) {
  background-color: #F6F7F9;
}
.bb-dashboard .dashboard-table tbody tr:last-of-type {
  border-bottom: 2px solid #F6F7F9;
}