@font-face {
    font-family: Aeonik-Bold;
    src: url(/_static/fonts/Aeonik/Aeonik-Bold.otf) format("opentype");
    font-display: auto
}
@font-face {
    font-family: Aeonik-Regular;
    src: url(/_static/fonts/Aeonik/Aeonik-Regular.otf) format("opentype");
    font-display: auto
}
@font-face {
    font-family: Aeonik-Medium;
    src: url(/_static/Fonts/Aeonik-Medium.otf) format("opentype");
    font-display: auto
}
@font-face {
    font-family: Aeonik-Light;
    src: url(/_static/Fonts/Aeonik-Light.otf) format("opentype");
    font-display: auto
}
@font-face {
    font-family: Gilroy-light;
    src: url(/_static/Fonts/Gilroy-Light.woff2) format("woff2");
    font-display: auto
}
@font-face {
    font-family: Gilroy-bold;
    src: url(/_static/Fonts/Gilroy-Bold.woff2) format("woff2");
    font-display: auto
}
@font-face {
    font-family: Default-Regular;
    src: url(/_static/Uploads/Gilroy-Regular.ttf) format("truetype");
    font-display: auto
}
@font-face {
    font-family: Default-Bold;
    src: url(/_static/Fonts/Gilroy-Bold.woff2) format("woff2");
    font-display: auto
}
@font-face {
    font-family: Gilroy-Regular;
    src: url(/_static/Uploads/Gilroy-Regular.ttf) format("truetype");
    font-display: auto
}
@font-face {
    font-family: Default-Light;
    src: url(/_static/Fonts/Gilroy-Light.woff2) format("woff2");
    font-display: auto
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(/_static/Uploads/OpenSans-Bold.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: OpenSans-Bold;
    src: url(/_static/Uploads/OpenSans-Light.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: MuseoSlab-500;
    src: url(/_static/Uploads/MuseoSlab-500.otf) format("opentype");
    font-display: auto;
}
@font-face {
    font-family: MuseoSlab-100;
    src: url(/_static/Uploads/MuseoSlab-100.otf) format("opentype");
    font-display: auto;
}
@font-face {
    font-family: OpenSans-Regular;
    src: url(/_static/Uploads/OpenSans-Regular.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Regular;
    src: url(/_static/Uploads/OpenSans-Regular.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Regular;
    src: url(/_static/Uploads/TitilliumWeb-Regular.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Bold;
    src: url(/_static/Uploads/TitilliumWeb-Bold.ttf) format("truetype");
    font-display: auto;
}
@font-face {
    font-family: Default-Regular;
    src: url(/_static/Uploads/Roboto-Regular.ttf) format("truetype");
    font-display: auto
}
@font-face {
    font-family: Default-Bold;
    src: url(/_static/Uploads/Roboto-Bold.ttf) format("truetype");
    font-display: auto
}
@font-face {
    font-family: Default-Light;
    src: url(/_static/Uploads/Roboto-Light.ttf) format("truetype");
    font-display: auto
}
@font-face{
font-family:Default-Regular;
src:url(/_static/Uploads/1_ProximaNova-Regular.otf)format("opentype");
font-display:auto;
}
@font-face{
font-family:Default-Light;
src:url(/_static/Uploads/ProximaNova-Light.otf)format("opentype");
font-display:auto;
}
@font-face{
font-family:Default-Bold;
src:url(/_static/Uploads/ProximaNova-Bold.otf)format("opentype");
font-display:auto;
}
@font-face {
  font-family: Asap-Regular;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Asap/Asap-Regular.ttf);
}
@font-face {
  font-family: Asap-SemiBold;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Asap/Asap-SemiBold.ttf);
}
@font-face {
  font-family: MuseoSansRounded300;
  src: url(https://academy.demo.bisbrick.com/_static/fonts/Museo_Sans_Rounded/MuseoSansRounded300.otf);
}
@font-face {
  font-family: MuseoSansRounded700;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Museo_Sans_Rounded/MuseoSansRounded700.otf);
}
@font-face {
  font-family: MuseoSlab-100;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Museo_Slab/MuseoSlab-100.otf);
}
@font-face {
  font-family: MuseoSlab-500;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Museo_Slab/MuseoSlab-500.otf);
}
@font-face {
  font-family: OpenSans-Bold;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Open_Sans/OpenSans-Bold.ttf);
}
@font-face {
  font-family: OpenSans-Light;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Open_Sans/OpenSans-Light.ttf);
}
@font-face {
  font-family: ZillaSlab-Light;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Zilla_Slab/ZillaSlab-Light.ttf);
}
@font-face {
  font-family: ZillaSlab-SemiBold;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Zilla_Slab/ZillaSlab-SemiBold.ttf);
}
@font-face {
  font-family: Aeonik-Bold;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Aeonik-Bold.otf);
}
@font-face {
  font-family: Aeonik-Light;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Aeonik-Light.otf);
}
@font-face {
  font-family: Aeonik-Regular;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Aeonik-Regular.otf);
}
@font-face {
  font-family: Gilroy-Bold;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Gilroy-Bold.otf);
}
@font-face {
  font-family: Gilroy-Light;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Gilroy-Light.otf);
}
@font-face {
  font-family: Gilroy-Regular;
  src: url(https://academy.demo.bisbrick.com/_static/Fonts/Gilroy-Regular.otf);
}
@font-face {
  font-family: CreteRound-Regular;
  src: url(https://academy.demo.bisbrick.com/_static/Uploads/CreteRound-Regular.ttf);
}
.bisbrick {
  --primary-color-1200: #2A81DC;
  --primary-color-1200-rgb: ;
  --primary-color-1000: #4499F2;
  --primary-color-1000-rgb: ;
  --primary-color-800: #6CA7ED;
  --primary-color-800-rgb: ;
  --primary-color-100: #F3F9FE;
  --primary-color-100-rgb: ;
  --secondary-color-1000: #08213F;
  --secondary-color-1000-rgb: ;
  --secondary-color-800: #354B66;
  --secondary-color-800-rgb: ;
  --secondary-color-600: #728398;
  --secondary-color-600-rgb: ;
  --secondary-color-400: #9FADBD;
  --secondary-color-400-rgb: ;
  --secondary-color-200: #D3D9E1;
  --secondary-color-200-rgb: ;
  --secondary-color-100: #ECF0F4;
  --secondary-color-100-rgb: ;
  --secondary-color-50: #F7F9FA;
  --secondary-color-50-rgb: ;
  --neutral-color-1000: #000000;
  --neutral-color-1000-rgb: ;
  --neutral-color-800: #2C2C2C;
  --neutral-color-800-rgb: ;
  --neutral-color-600: #70706F;
  --neutral-color-600-rgb: ;
  --neutral-color-400: #BCBCBB;
  --neutral-color-400-rgb: ;
  --neutral-color-200: #E0E0E0;
  --neutral-color-200-rgb: ;
  --neutral-color-100: #E9E9EB;
  --neutral-color-100-rgb: ;
  --neutral-color-50: #FAFAF9;
  --neutral-color-50-rgb: ;
  --neutral-color-0: #FFFFFF;
  --neutral-color-0-rgb: ;
  --button-padding: 0.5rem 2rem;
  --button-padding-rgb: ;
  --button-radius: 0.5rem;
  --button-radius-rgb: ;
  --input-radius: 0.5rem;
  --input-radius-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: ;
  --grey-color: #F5F7F8;
  --grey-color-rgb: ;
  --black-color: #1B1B1B;
  --black-color-rgb: ;
  --input-line-height: 3em;
  --input-line-height-rgb: ;
  --primary--color-LightBlue: #3C98F2;
  --primary--color-LightBlue-rgb: ;
  --primary--color-Blue: #3570F4;
  --primary--color-Blue-rgb: ;
  --secondary--color-DarkBlue: #021e3f;
  --secondary--color-DarkBlue-rgb: ;
  --primary--color-RedOrange: #FF4B4B;
  --primary--color-RedOrange-rgb: ;
  --primary--color-Orange: #FF6532 ;
  --primary--color-Orange-rgb: ;
  --secondary--color-FadeBlue: #d8eafc;
  --secondary--color-FadeBlue-rgb: ;
  --secondary--color-LightGrey: #f2f4f5;
  --secondary--color-LightGrey-rgb: ;
  --other--color-Transparent: transparent;
  --other--color-Transparent-rgb: ;
}
.bisbrick .h1, .bisbrick h1, bisbrick .h1, bisbrick h1 {
  font-family: Gilroy-bold;
  text-transform: none;
  font-size: 26px;
  line-height: 1.2;
}
.bisbrick .h3, .bisbrick h3, bisbrick .h3, bisbrick h3 {
  font-family: Gilroy-Regular;
  text-transform: none;
  font-size: 20px;
  line-height: 1.2;
}
.bisbrick .Button .button__Primary {
  background-color: var(--primary--color-Orange);
  color: var(--bg-color);
  font-family: Gilroy-bold;
  font-size: 16px;
  border-width: 0px;
  border-radius: 8px;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  text-transform: lowercase;
}
.bisbrick .Button .button__Primary:hover {
  background-color: var(--primary--color-RedOrange);
}
.bisbrick .Button .button__Secondary {
  background-color: var(--primary--color-Blue);
  border-color: var(--primary-color-100);
  color: var(--bg-color);
  font-family: Default-Bold;
  font-size: 16px;
  border-width: 0px;
  border-radius: 8px;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  text-transform: lowercase;
}
.bisbrick .Button .button__Secondary:hover {
  background-color: var(--primary--color-LightBlue);
}
.bisbrick .Button .button__Tertiary {
  background-color: var(--other--color-Transparent);
  border-color: var(--primary--color-Blue);
  color: var(--primary--color-Blue);
  font-family: Gilroy-bold;
  font-size: 16px;
  border-width: 2px;
  border-radius: 8px;
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
  text-transform: lowercase;
}
.bisbrick .Button .button__Tertiary:hover {
  background-color: var(--secondary-color-100);
  border-color: var(--primary--color-Blue);
  color: var(--primary--color-Blue);
}
.bisbrick .Button .button__Form__Next {
  background-color: var(--primary--color-Blue);
  border-color: var(--other--color-Transparent);
  color: var(--neutral-color-0);
  border-width: 0px;
  border-radius: 8px;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  font-family: Gilroy-bold;
  text-transform: lowercase;
  font-size: 16px;
}
.bisbrick .Button .button__Form__Next:hover {
  background-color: var(--primary-color-1000);
  border-color: var(--other--color-Transparent);
  border-width: 0px;
  font-size: 16px;
}
.bisbrick .Button .button__Form__Prev {
  background-color: var(--other--color-Transparent);
  border-color: var(--primary--color-Blue);
  color: var(--primary--color-Blue);
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
  border-radius: 8px;
  font-family: Gilroy-bold;
  font-size: 16px;
  border-width: 2px;
  text-transform: lowercase;
}
.bisbrick .Button .button__Form__Prev:hover {
  background-color: var(--secondary--color-LightGrey);
  color: var(--primary--color-Blue);
}
.bisbrick .Button .button__Ghost {
  background-color: var(--other--color-Transparent);
  border-color: var(--bg-color);
  color: var(--bg-color);
  font-family: Gilroy-bold;
  border-width: 2px;
  border-radius: 8px;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 10px;
  padding-left: 25px;
  text-transform: lowercase;
}
.bisbrick .Button .button__Ghost:hover {
  background-color: var(--neutral-color-200);
}
.bisbrick .Button .button__Text {
  background-color: var(--secondary-color-200);
  font-family: Gilroy-bold;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-width: 0px;
  border-radius: 0 0 8px 8px;
  text-transform: lowercase;
}
.bisbrick .Button .button__Text:hover {
  background-color: var(--secondary-color-400);
}
.bisbrick .Button .button__Form__Matrix__Add {
  background-color: var(--secondary-color-200);
  font-family: Gilroy-bold;
  border-radius: 8px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 16px;
  border-width: 0px;
  text-transform: lowercase;
}
.bisbrick .Button .button__Form__Matrix__Remove {
  font-size: 16px;
  font-family: Gilroy-bold;
  border-radius: 8px;
  border-width: 0;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  text-transform: lowercase;
}
.bisbrick .Button .button__NewsReadMore {
  background-color: var(--other--color-Transparent);
  color: var(--neutral-color-0);
  border-width: 0px;
  font-family: Gilroy-light;
  font-size: 16px;
  text-transform: lowercase;
}
.bisbrick .Button .button__NewsReadMore:hover {
  color: var(--primary--color-Orange);
}
.bisbrick .Button .button__SAIntaClaus {
  background-color: var(--primary--color-RedOrange);
  color: var(--neutral-color-0);
  font-family: Gilroy-bold;
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
  font-size: 20px;
  border-radius: 5px;
  border-width: 0px;
}
.bisbrick .Button .button__SAIntaClaus:hover {
  background-color: var(--primary--color-Orange);
  color: var(--neutral-color-0);
  font-size: 20px;
  border-width: 0px;
  border-radius: 5px;
  font-family: Gilroy-bold;
  padding-top: 20px;
  padding-right: 40px;
  padding-bottom: 20px;
  padding-left: 40px;
}
.bisbrick .Button .button__SAIntaCLaus2 {
  background-color: var(--primary-color-1200);
  color: var(--neutral-color-0);
  font-size: 18px;
  border-width: 0px;
  border-radius: 5px;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  font-family: Gilroy-bold;
}
.bisbrick .Button .button__SAIntaCLaus2:hover {
  background-color: var(--primary-color-1000);
}
.bisbrick .hide-middle-bar .middle-bar {
  display: none;
}
.bisbrick .hide-middle-bar .top-bar {
  background-color: #ff4d49 !important;
}
.bisbrick .top-bar {
  background-color: var(--grey-color);
  padding: 0.25rem;
  color: var(--black-color);
  font-size: var(--font-size);
}
.bisbrick .top-bar .top-bar[_ngcontent-lkq-c41] {
  height: 50px;
}
.bisbrick .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) {
  .bisbrick .top-bar .top-bar-inner {
    flex-direction: column;
  }
}
.bisbrick .top-bar .top-bar-inner span {
  font-size: 14px;
}
.bisbrick .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) {
  .bisbrick .top-bar .links ul {
    padding-left: 0px;
  }
}
.bisbrick .top-bar .links ul li {
  list-style-type: none !important;
  display: inline;
  padding: 0 0.5em;
}
.bisbrick .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;
}
.bisbrick .top-bar .links ul li a:hover {
  text-decoration: underline !important;
}
.bisbrick .top-bar .user-info-section {
  font-size: 14px !important;
}
.bisbrick .top-bar .user-info-section img {
  height: 20px;
}
.bisbrick .top-bar .user-info-section li {
  list-style-type: none;
}
.bisbrick .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) {
  .bisbrick .top-bar .user-info-section a {
    margin: auto;
    text-align: center;
    display: block;
  }
}
.bisbrick .top-bar .user-info-section a:hover {
  color: #6CA7ED !important;
  text-decoration: underline !important;
}
.bisbrick .middle-bar {
  background-color: var(--bg-color);
  padding: 1.5rem 0rem;
}
.bisbrick .middle-bar .floating-content .DescriptionLink .border-right {
  max-width: 244px;
}
.bisbrick .middle-bar-inner {
  display: inline-flex;
  height: 35px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .bisbrick .middle-bar-inner {
    justify-content: space-between;
  }
}
.bisbrick .middle-bar .logo img {
  height: 35px;
  /* Responsive layout - when the screen is <576px wide */
}
.bisbrick .middle-bar .searching {
  cursor: wait;
}
.bisbrick .middle-bar .search-section {
  position: relative;
  display: none !important;
}
@media (min-width: 992px) {
  .bisbrick .middle-bar .search-section {
    display: block !important;
  }
}
.bisbrick .middle-bar .search-section .search-field {
  position: relative;
  border-radius: var(--input-radius);
  border: none;
  width: 400px;
  padding: 0.5rem 1rem;
}
.bisbrick .middle-bar .search-section i {
  font-size: 1.3rem;
  position: absolute;
  top: 8px;
  right: 10px;
  color: var(--darkblue-color);
}
.bisbrick .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;
}
.bisbrick .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;
}
.bisbrick .hide-default-link a {
  text-decoration: none;
  color: inherit;
}
.bisbrick .hide-middle-bar .middle-bar {
  display: none;
}
.bisbrick .hide-middle-bar .top-bar {
  background-color: #ff4d49 !important;
}
.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 .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;
}
.copaco {
  --primary--color-Blue: #005d89;
  --primary--color-Blue-rgb: 0,93,137;
  --primary--color-LightBlue: #36a9e1;
  --primary--color-LightBlue-rgb: 54,169,225;
  --primary--color-Green: #1c9d5b;
  --primary--color-Green-rgb: 28,157,91;
  --primary--color-Purple: #b9348b;
  --primary--color-Purple-rgb: 185,52,139;
  --primary--color-DarkBlue: #003f75;
  --primary--color-DarkBlue-rgb: 0,63,117;
  --other--color-White: #FFFFFF;
  --other--color-White-rgb: 255,255,255;
  --other--color-Transparent: transparent;
  --other--color-Transparent-rgb: ;
  --secondary--color-Grey: #808080;
  --secondary--color-Grey-rgb: 213,213,213;
}
.copaco .Button .button__Primary {
  background-color: var(--primary--color-Blue);
  color: var(--other--color-White);
  border-radius: 5px;
  font-family: OpenSans-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  border-width: 0px;
}
.copaco .Button .button__Primary:hover {
  background-color: var(--primary--color-DarkBlue);
}
.copaco .Button .button__Secondary {
  background-color: var(--primary--color-Purple);
  color: var(--other--color-White);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  font-family: OpenSans-Regular;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  text-transform: capitalize;
}
.copaco .Button .button__Secondary:hover {
  background-color: var(--primary--color-DarkBlue);
}
.copaco .Button .button__Form__Next {
  background-color: var(--primary--color-Blue);
  color: var(--other--color-White);
  font-family: OpenSans-Regular;
  text-transform: capitalize;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  border-radius: 5px;
  border-width: 0px;
  font-size: 16px;
}
.copaco .Button .button__Form__Prev {
  background-color: var(--other--color-Transparent);
  border-color: var(--primary--color-Blue);
  color: var(--primary--color-DarkBlue);
  border-width: 2px;
  border-radius: 5px;
  font-family: OpenSans-Regular;
  padding-top: 10px;
  padding-right: 23px;
  padding-bottom: 10px;
  padding-left: 23px;
  font-size: 16px;
}
.copaco .Button .button__Tertiary {
  background-color: var(--secondary--color-Grey);
  color: var(--other--color-White);
  border-radius: 0 0 5px 5px;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-family: OpenSans-Regular;
  border-width: 0px;
}
.copaco .Button .button__Tertiary:hover {
  background-color: var(--primary--color-Blue);
}
.copaco .CopacoMaster .sv_q_checkbox_label {
  font-size: 18px;
}
.copaco .CopacoMaster .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label {
  font-size: 18px;
  display: flex;
}
.copaco .CopacoMaster .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label .sv_q_radiogroup_control_item {
  flex: none;
  margin-top: 4px;
  outline: none !important;
}
.copaco .CopacoMaster .sv-ranking-item_content {
  font-size: 16px;
}
.copaco .CopacoMaster .sv_q_rating_min_text {
  margin: 0px 18px 0px 0px !important;
}
.copaco .CopacoMaster .sv_progress {
  font-size: 18px;
  font-family: Default-Light;
}
.copaco .CopacoMaster .sv_p_title {
  padding: 0px;
  font-family: Default-Bold;
  font-size: 20px;
}
.copaco .CopacoMaster .sv_q_description {
  font-size: 18px;
  font-family: Default-Light !important;
}
.copaco .CopacoMaster .sv_page_title {
  font-size: 28px;
  color: bs-blue;
  font-family: Default-Bold;
}
.copaco .CopacoMaster .sv_page_description {
  font-size: 20px;
  font-family: Default-Light;
}
.copaco .CopacoMaster .sv_q_title {
  font-size: 1.1em;
  font-family: Default-Bold;
}
.copaco .CopacoMaster .sv-action-bar.sv_nav {
  padding: 50px 0 15px 0;
}
.copaco .CopacoMaster .sv_q_rating_item_text {
  font-size: 20px;
  font-family: Default-Regular;
  margin: 15px;
  min-width: 48px !important;
  border-radius: 50%;
  border: 2px solid #3C98F2 !important;
  transition: background-color 0.2s ease-in-out;
}
.copaco .CopacoMaster .sv_q_rating_item_text:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.copaco .AllianderMaster .top-bar {
  background-color: var(--grey-color);
  padding: 0.25rem;
  color: var(--black-color);
  font-size: var(--font-size);
}
.copaco .AllianderMaster .top-bar .top-bar-inner {
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  align-self: center;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .copaco .AllianderMaster .top-bar .top-bar-inner {
    flex-direction: column;
  }
}
.copaco .AllianderMaster .top-bar .top-bar-inner span {
  font-size: 14px;
}
.copaco .AllianderMaster .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) {
  .copaco .AllianderMaster .top-bar .links ul {
    padding-left: 0px;
  }
}
.copaco .AllianderMaster .top-bar .links ul li {
  list-style-type: none !important;
  display: inline;
  padding: 0 0.5em;
}
.copaco .AllianderMaster .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;
}
.copaco .AllianderMaster .top-bar .links ul li a:hover {
  text-decoration: underline !important;
}
.copaco .AllianderMaster .top-bar .user-info-section {
  font-size: 14px !important;
}
.copaco .AllianderMaster .top-bar .user-info-section img {
  height: 20px;
}
.copaco .AllianderMaster .top-bar .user-info-section li {
  list-style-type: none;
}
.copaco .AllianderMaster .top-bar .user-info-section a {
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: Causten-Regular !important;
  margin-left: 10px;
  font-size: 18px !important;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .copaco .AllianderMaster .top-bar .user-info-section a {
    margin: auto;
    text-align: center;
    display: block;
  }
}
.copaco .AllianderMaster .top-bar .user-info-section a:hover {
  color: #6CA7ED !important;
  text-decoration: underline !important;
}
.copaco .AllianderMaster .middle-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.copaco .AllianderMaster .middle-bar-inner .links {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
}
.copaco .AllianderMaster .middle-bar-inner .links .nav-item {
  font-family: OpenSans-Regular;
  padding: 12px 30px;
}
.copaco .CopacoMaster .sv_q_checkbox_label {
  font-size: 18px;
}
.copaco .CopacoMaster .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label {
  font-size: 18px;
  display: flex;
}
.copaco .CopacoMaster .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label .sv_q_radiogroup_control_item {
  flex: none;
  margin-top: 4px;
  outline: none !important;
}
.copaco .CopacoMaster .sv-ranking-item_content {
  font-size: 16px;
}
.copaco .CopacoMaster .sv_q_rating_min_text {
  margin: 0px 18px 0px 0px !important;
}
.copaco .CopacoMaster .sv_progress {
  font-size: 18px;
  font-family: Default-Light;
}
.copaco .CopacoMaster .sv_p_title {
  padding: 0px;
  font-family: Default-Bold;
  font-size: 20px;
}
.copaco .CopacoMaster .sv_q_description {
  font-size: 18px;
  font-family: Default-Light !important;
}
.copaco .CopacoMaster .sv_page_title {
  font-size: 28px;
  color: bs-blue;
  font-family: Default-Bold;
}
.copaco .CopacoMaster .sv_page_description {
  font-size: 20px;
  font-family: Default-Light;
}
.copaco .CopacoMaster .sv_q_title {
  font-size: 1.1em;
  font-family: Default-Bold;
}
.copaco .CopacoMaster .sv-action-bar.sv_nav {
  padding: 50px 0 15px 0;
}
.copaco .CopacoMaster .sv_q_rating_item_text {
  font-size: 20px;
  font-family: Default-Regular;
  margin: 15px;
  min-width: 48px !important;
  border-radius: 50%;
  border: 2px solid #3C98F2 !important;
  transition: background-color 0.2s ease-in-out;
}
.copaco .CopacoMaster .sv_q_rating_item_text:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.copaco .AllianderMaster .button-class {
  justify-content: center;
}
.copaco .AllianderMaster .button-class .button {
  width: 170px;
  text-align: center;
  text-decoration: none;
}
.copaco .AllianderMaster .hide-default-link a {
  text-decoration: none;
}
.legalskillacademy {
  --primary--color-Blue: #3675e9 ;
  --primary--color-Blue-rgb: ;
  --neutral--color-White: #FFFFFF;
  --neutral--color-White-rgb: 255,255,255;
  --secondary--color-BlueHoover: #4285f4;
  --secondary--color-BlueHoover-rgb: ;
}
.legalskillacademy .Button .button__Primary {
  background-color: var(--primary--color-Blue);
  color: var(--neutral--color-White);
  font-size: 16px;
  border-width: 0px;
  border-radius: 4px;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  font-family: Default-Regular;
}
.legalskillacademy .Button .button__Primary:hover {
  background-color: var(--secondary--color-BlueHoover);
}
.legalskillacademy .Button .button__Form__Next {
  background-color: var(--primary--color-Blue);
  color: var(--neutral--color-White);
  font-family: Default-Regular;
  font-size: 16px;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  border-radius: 4px;
  border-width: 0px;
}
.legalskillacademy .Button .button__Form__Next:hover {
  background-color: var(--secondary--color-BlueHoover);
}
.legalskillacademy .LSAMaster .middle-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.legalskillacademy .LSAMaster .middle-bar-inner .links {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
}
.legalskillacademy .LSAMaster .middle-bar-inner .links .nav-item {
  font-family: OpenSans-Regular;
  padding: 12px 30px;
}
.legalskillacademy .LSAMaster .top-bar {
  background-color: var(--grey-color);
  padding: 0.25rem;
  color: var(--black-color);
  font-size: var(--font-size);
}
.legalskillacademy .LSAMaster .top-bar .top-bar-inner {
  display: inline-flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
  align-self: center;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .legalskillacademy .LSAMaster .top-bar .top-bar-inner {
    flex-direction: column;
  }
}
.legalskillacademy .LSAMaster .top-bar .top-bar-inner span {
  font-size: 14px;
}
.legalskillacademy .LSAMaster .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) {
  .legalskillacademy .LSAMaster .top-bar .links ul {
    padding-left: 0px;
  }
}
.legalskillacademy .LSAMaster .top-bar .links ul li {
  list-style-type: none !important;
  display: inline;
  padding: 0 0.5em;
}
.legalskillacademy .LSAMaster .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;
}
.legalskillacademy .LSAMaster .top-bar .links ul li a:hover {
  text-decoration: underline !important;
}
.legalskillacademy .LSAMaster .top-bar .user-info-section {
  font-size: 14px !important;
}
.legalskillacademy .LSAMaster .top-bar .user-info-section img {
  height: 20px;
}
.legalskillacademy .LSAMaster .top-bar .user-info-section li {
  list-style-type: none;
}
.legalskillacademy .LSAMaster .top-bar .user-info-section a {
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: Causten-Regular !important;
  margin-left: 10px;
  font-size: 18px !important;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .legalskillacademy .LSAMaster .top-bar .user-info-section a {
    margin: auto;
    text-align: center;
    display: block;
  }
}
.legalskillacademy .LSAMaster .top-bar .user-info-section a:hover {
  color: #6CA7ED !important;
  text-decoration: underline !important;
}
.legalskillacademy .LSAMaster .middle-bar-inner {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.legalskillacademy .LSAMaster .middle-bar-inner .links {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
}
.legalskillacademy .LSAMaster .middle-bar-inner .links .nav-item {
  font-family: OpenSans-Regular;
  padding: 12px 30px;
}
.legalskillacademy .LSAMaster .sv_q_checkbox_label {
  font-size: 18px;
}
.legalskillacademy .LSAMaster .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label {
  font-size: 18px;
  display: flex;
}
.legalskillacademy .LSAMaster .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label .sv_q_radiogroup_control_item {
  flex: none;
  margin-top: 4px;
  outline: none !important;
}
.legalskillacademy .LSAMaster .sv-ranking-item_content {
  font-size: 16px;
}
.legalskillacademy .LSAMaster .sv_q_rating_min_text {
  margin: 0px 18px 0px 0px !important;
}
.legalskillacademy .LSAMaster .sv_progress {
  font-size: 18px;
  font-family: Aeonik-Light;
}
.legalskillacademy .LSAMaster .sv_p_title {
  padding: 0px;
  font-family: Aeonik-Bold;
  font-size: 20px;
}
.legalskillacademy .LSAMaster .sv_q_description {
  font-size: 18px;
  font-family: Aeonik-Light !important;
}
.legalskillacademy .LSAMaster .sv_page_title {
  font-size: 28px;
  color: bs-blue;
  font-family: Aeonik-Bold;
}
.legalskillacademy .LSAMaster .sv_page_description {
  font-size: 20px;
  font-family: Default-Light;
}
.legalskillacademy .LSAMaster .sv_q_title {
  font-size: 1.1em;
  font-family: MuseoSlab-500;
}
.legalskillacademy .LSAMaster .sv-action-bar.sv_nav {
  padding: 50px 0 15px 0;
}
.legalskillacademy .LSAMaster .sv_q_rating_item_text {
  font-size: 20px;
  font-family: Aeonik;
  margin: 15px;
  min-width: 48px !important;
  border-radius: 50%;
  border: 2px solid #3C98F2 !important;
  transition: background-color 0.2s ease-in-out;
}
.legalskillacademy .LSAMaster .sv_q_rating_item_text:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.EnergeticaNatura {
  --primary--color-PaleGreen: #eff2ea;
  --primary--color-PaleGreen-rgb: 239,242,234;
  --primary--color-FreshGreen: #98c626;
  --primary--color-FreshGreen-rgb: 152,198,38;
  --primary--color-DarkGreen: #0c453e;
  --primary--color-DarkGreen-rgb: 12,69,62;
  --primary--color-MidGrey: #d9d9d9;
  --primary--color-MidGrey-rgb: 217,217,217;
  --primary--color-LightGrey: #f0f4f3;
  --primary--color-LightGrey-rgb: 240,244,243;
  --secondary--color-White: #FFFFFF;
  --secondary--color-White-rgb: 255,255,255;
  --secondary--color-Transparent: transparent;
  --secondary--color-Transparent-rgb: ;
  --primary--color-Black: #000000;
  --primary--color-Black-rgb: 0,0,0;
}
.EnergeticaNatura .Button .button__Primary {
  background-color: var(--primary--color-FreshGreen);
  color: var(--secondary--color-White);
  border-width: 0px;
  border-radius: 5px;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  font-size: 16px;
  font-family: Default-Bold;
}
.EnergeticaNatura .Button .button__Primary:hover {
  background-color: var(--primary--color-DarkGreen);
}
.EnergeticaNatura .Button .button__Text {
  background-color: var(--secondary--color-Transparent);
  color: var(--primary--color-DarkGreen);
  font-family: Default-Bold;
  font-size: 16px;
  border-width: 0px;
}
.EnergeticaNatura .Button .button__Text:hover {
  color: var(--primary--color-FreshGreen);
}
.EnergeticaNatura .Button .button__Form__Next {
  background-color: var(--primary--color-FreshGreen);
  color: var(--secondary--color-White);
  border-width: 0px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-family: Default-Bold;
}
.EnergeticaNatura .Button .button__Form__Next:hover {
  background-color: var(--primary--color-DarkGreen);
}
.EnergeticaNatura .Button .button__Form__Prev {
  background-color: var(--secondary--color-White);
  border-color: var(--primary--color-FreshGreen);
  color: var(--primary--color-FreshGreen);
  border-width: 2px;
  border-radius: 5px;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-left: 20px;
  font-size: 16px;
  font-family: Default-Bold;
}
.EnergeticaNatura .Button .button__Form__Prev:hover {
  background-color: var(--primary--color-MidGrey);
  border-color: var(--primary--color-DarkGreen);
  color: var(--primary--color-DarkGreen);
}
.EnergeticaNatura .Button .button__Secondary {
  background-color: var(--primary--color-DarkGreen);
  color: var(--secondary--color-White);
  font-size: 16px;
  border-width: 0px;
  border-radius: 5px;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-family: Default-Bold;
}
.EnergeticaNatura .Button .button__Secondary:hover {
  background-color: var(--primary--color-MidGrey);
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input, .EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control, .EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]), .EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q select {
  height: calc(var(--input-line-height, 3.5em) + 8px) !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_checkbox_label {
  font-size: 18px;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label {
  font-size: 18px;
  font-family: Default-Regular !important;
  display: flex;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label .sv_q_radiogroup_control_item {
  flex: none;
  margin-top: 5px;
  outline: none !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv-ranking-item_content {
  font-size: 16px;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_rating_min_text {
  margin: 0px 18px 0px 0px !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_progress {
  font-size: 18px;
  font-family: Default-Light;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_title {
  padding: 0px;
  font-family: Default-Bold !important;
  font-size: 20px;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_description {
  font-size: 18px;
  font-family: Default-Light !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_page_title {
  font-size: 28px;
  color: #1c245a;
  font-family: Default-Bold !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_page_description {
  font-size: 20px;
  font-family: Default-Light;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_title {
  font-size: 1.1em;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv-action-bar.sv_nav {
  padding: 50px 0 15px 0;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_rating_item_text {
  font-size: 20px;
  font-family: Causten;
  margin: 15px;
  min-width: 48px !important;
  border-radius: 0%;
  border: 2px solid #3C98F2 !important;
  transition: background-color 0.2s ease-in-out;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_rating_item_text:hover {
  box-shadow: none;
  background: #53adf5;
  color: #ffffff;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_prev_btn {
  font-size: 18px;
  line-height: 2.2em;
  border: 2px solid #1c245a;
  background-color: #1c245a;
  color: #1c245a;
  border-radius: 0px;
  font-family: Causten-Regular;
  min-width: 140px;
  cursor: pointer;
  padding: 0.5em 0.5em;
  transition: background-color 0.2s ease-in-out;
  margin-left: 0px;
  float: none !important;
  background: transparent !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_prev_btn:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_next_btn {
  font-size: 18px;
  line-height: 2.2em;
  border: 2px solid #3C98F2;
  background-color: #3C98F2;
  color: #3C98F2;
  border-radius: 0px;
  font-family: Default-Bold;
  min-width: 140px;
  cursor: pointer;
  padding: 0.5em 0.5em;
  transition: background-color 0.2s ease-in-out;
  margin-left: 0px;
  float: none !important;
  background: transparent !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_next_btn:hover {
  box-shadow: none;
  background: #53adf5;
  color: #ffffff;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_complete_btn {
  font-size: 18px;
  line-height: 2.2em;
  border: 2px solid #3C98F2;
  background-color: #3C98F2;
  color: #3C98F2;
  border-radius: 0px;
  font-family: Default-Regular;
  min-width: 140px;
  cursor: pointer;
  padding: 0.5em 0.5em;
  transition: background-color 0.2s ease-in-out;
  margin-left: 0px;
  float: none !important;
  background: transparent !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_complete_btn:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_start_btn {
  font-size: 18px;
  line-height: 2.2em;
  border: 2px solid #3C98F2;
  background-color: #3C98F2;
  color: #3C98F2;
  border-radius: 0px;
  font-family: Default-Regular;
  min-width: 140px;
  cursor: pointer;
  padding: 0.5em 0.5em;
  transition: background-color 0.2s ease-in-out;
  margin-left: 0px;
  float: none !important;
  background: transparent !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_start_btn:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.EnergeticaNatura .EnergeticaNatura_Master .Button .button__Form__Next {
  font-family: Default-Regular !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .Button .button__Form__Prev {
  font-family: Default-Regular !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_p_remove_btn, .EnergeticaNatura .EnergeticaNatura_Master .sv-paneldynamic__add-btn {
  background-color: var(--primary-color-1000, #e9a946) !important;
  color: white;
  border-radius: var(--input-radius, 4px);
  padding: 8px;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_progress-buttons__list-element--current::before {
  background-color: var(--primary-color-1000, #e9a946) !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv-list__item--selected {
  color: #FFFFFF !important;
  background-color: #98C626 !important;
  border-radius: 4px;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
  color: #FFFFFF !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv-list__container {
  font-family: "Roboto", sans-serif;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_other input, .EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q .sv_q_dropdown_control, .EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q input:not([type=button]):not([type=reset]):not([type=submit]):not([type=image]):not([type=checkbox]):not([type=radio]), .EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q select {
  height: calc(var(--input-line-height, 3.5em) + 8px) !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_checkbox_label {
  font-size: 18px;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label {
  font-size: 18px;
  font-family: Default-Regular !important;
  display: flex;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_main .sv_container .sv_body .sv_p_root .sv_q_radiogroup_label .sv_q_radiogroup_control_item {
  flex: none;
  margin-top: 5px;
  outline: none !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv-ranking-item_content {
  font-size: 16px;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_rating_min_text {
  margin: 0px 18px 0px 0px !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_progress {
  font-size: 18px;
  font-family: Default-Light;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_title {
  padding: 0px;
  font-family: Default-Bold !important;
  font-size: 20px;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_description {
  font-size: 18px;
  font-family: Default-Light !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_page_title {
  font-size: 28px;
  color: #1c245a;
  font-family: Default-Bold !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_page_description {
  font-size: 20px;
  font-family: Default-Light;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_title {
  font-size: 1.1em;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv-action-bar.sv_nav {
  padding: 50px 0 15px 0;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_rating_item_text {
  font-size: 20px;
  font-family: Causten;
  margin: 15px;
  min-width: 48px !important;
  border-radius: 0%;
  border: 2px solid #3C98F2 !important;
  transition: background-color 0.2s ease-in-out;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_q_rating_item_text:hover {
  box-shadow: none;
  background: #53adf5;
  color: #ffffff;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_prev_btn {
  font-size: 18px;
  line-height: 2.2em;
  border: 2px solid #1c245a;
  background-color: #1c245a;
  color: #1c245a;
  border-radius: 0px;
  font-family: Causten-Regular;
  min-width: 140px;
  cursor: pointer;
  padding: 0.5em 0.5em;
  transition: background-color 0.2s ease-in-out;
  margin-left: 0px;
  float: none !important;
  background: transparent !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_prev_btn:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_next_btn {
  font-size: 18px;
  line-height: 2.2em;
  border: 2px solid #3C98F2;
  background-color: #3C98F2;
  color: #3C98F2;
  border-radius: 0px;
  font-family: Default-Bold;
  min-width: 140px;
  cursor: pointer;
  padding: 0.5em 0.5em;
  transition: background-color 0.2s ease-in-out;
  margin-left: 0px;
  float: none !important;
  background: transparent !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_next_btn:hover {
  box-shadow: none;
  background: #53adf5;
  color: #ffffff;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_complete_btn {
  font-size: 18px;
  line-height: 2.2em;
  border: 2px solid #3C98F2;
  background-color: #3C98F2;
  color: #3C98F2;
  border-radius: 0px;
  font-family: Default-Regular;
  min-width: 140px;
  cursor: pointer;
  padding: 0.5em 0.5em;
  transition: background-color 0.2s ease-in-out;
  margin-left: 0px;
  float: none !important;
  background: transparent !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_complete_btn:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_start_btn {
  font-size: 18px;
  line-height: 2.2em;
  border: 2px solid #3C98F2;
  background-color: #3C98F2;
  color: #3C98F2;
  border-radius: 0px;
  font-family: Default-Regular;
  min-width: 140px;
  cursor: pointer;
  padding: 0.5em 0.5em;
  transition: background-color 0.2s ease-in-out;
  margin-left: 0px;
  float: none !important;
  background: transparent !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_nav_btn.sv_start_btn:hover {
  box-shadow: none;
  background: #3C98F2;
  color: #ffffff;
}
.EnergeticaNatura .EnergeticaNatura_Master .Button .button__Form__Next {
  font-family: Default-Regular !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .Button .button__Form__Prev {
  font-family: Default-Regular !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_p_remove_btn, .EnergeticaNatura .EnergeticaNatura_Master .sv-paneldynamic__add-btn {
  background-color: var(--primary-color-1000, #e9a946) !important;
  color: white;
  border-radius: var(--input-radius, 4px);
  padding: 8px;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_progress-buttons__list-element--current::before {
  background-color: var(--primary-color-1000, #e9a946) !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv-list__item--selected {
  color: #FFFFFF !important;
  background-color: #98C626 !important;
  border-radius: 4px;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
  color: #FFFFFF !important;
}
.EnergeticaNatura .EnergeticaNatura_Master .sv-list__container {
  font-family: "Roboto", sans-serif;
}
.alliander {
  --primary--color-Green: #7db43c;
  --primary--color-Green-rgb: 125,180,60;
  --primary--color-Orange: #e86f00;
  --primary--color-Orange-rgb: 232,111,0;
  --primary--color-Red: #8d1212;
  --primary--color-Red-rgb: 141,18,18;
  --secondary--color-Light-Grey: #f5f5f5;
  --secondary--color-Light-Grey-rgb: 245,245,245;
  --secondary--color-White: #FFFFFF;
  --secondary--color-White-rgb: 255,255,255;
  --secondary--color-Transparent: transparent;
  --secondary--color-Transparent-rgb: ;
  --primary--color-DarkGreen: #385920;
  --primary--color-DarkGreen-rgb: 56,89,32;
  --main-color: #d9f1fc;
  --main-color-rgb: 217,241,252;
}
.alliander .Button .button__Primary {
  background-color: var(--primary--color-Green);
  color: var(--secondary--color-White);
  border-radius: 0 8px 8px 8px;
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
  border-width: 0;
  font-size: 18px;
  font-family: Default-Regular;
}
.alliander .Button .button__Primary:hover {
  background-color: var(--primary--color-DarkGreen);
}
.alliander .Button .button__Form__Next {
  background-color: var(--primary--color-Orange);
  color: var(--secondary--color-White);
  font-family: Default-Regular;
  border-width: 0;
  border-radius: 8px 0px 8px 8px;
  font-size: 18px;
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
}
.alliander .Button .button__Form__Next:hover {
  background-color: var(--primary--color-Red);
}
.alliander .Button .button__Form__Prev {
  background-color: var(--primary--color-Green);
  color: var(--secondary--color-White);
  font-family: Default-Regular;
  border-width: 0;
  border-radius: 0 8px 8px 8px;
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
  font-size: 18px;
}
.alliander .Button .button__Form__Prev:hover {
  background-color: var(--primary--color-DarkGreen);
}
.alliander .Button .button__Secondary {
  background-color: var(--secondary--color-Transparent);
  border-color: var(--primary--color-Green);
  color: var(--primary--color-Green);
  font-size: 18px;
  padding-top: 15px;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-left: 25px;
  border-radius: 0 8px 8px 8px;
  border-width: 2px;
}
.alliander .Button .button__Secondary:hover {
  background-color: var(--secondary--color-Light-Grey);
}
.alliander .Button .button__Form__Matrix__Add {
  background-color: var(--secondary--color-Light-Grey);
  color: var(--primary--color-DarkGreen);
  font-family: Default-Bold;
  font-size: 16px;
  border-width: 0;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border-radius: 8px;
}
.alliander .Button .button__Form__Matrix__Remove {
  background-color: var(--secondary--color-Light-Grey);
  color: var(--primary--color-Red);
  font-size: 16px;
  font-family: Default-Bold;
  border-width: 0;
  border-radius: 8px;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}
.alliander .gauge3 {
  /* Define the keyframe animation */
  /* Apply the animation to .sc-percentage */
  /* Additional styles to ensure proper rotation */
  /* Adjust the rotation angle for the max scale indication */
}
@keyframes glideIn100 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.alliander .gauge3 .sc-percentage {
  position: absolute;
  top: 100px;
  left: -200%;
  width: 400%;
  height: 800%;
  margin-left: 100px;
  background-color: #8d1212;
  transform-origin: top center;
  animation: glideIn100 1s forwards;
}
.alliander .gauge3 .sc-percentage {
  transform-origin: top center;
}
.alliander .gauge3 .sc-min {
  float: left;
}
.alliander .gauge3 .sc-max {
  float: right;
}
.alliander .gauge3 .sc-max {
  transform: rotate(0deg);
}
.alliander .gauge3 .sc-gauge {
  width: 200px;
  height: 200px;
}
.alliander .gauge3 .sc-background {
  position: relative;
  height: 100px;
  margin-bottom: 10px;
  background-color: #eee;
  border-radius: 150px 150px 0 0;
  overflow: hidden;
  text-align: center;
}
.alliander .gauge3 .sc-mask {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  height: 80px;
  background-color: #fff;
  border-radius: 150px 150px 0 0;
}
.alliander .gauge3 .sc-value {
  position: absolute;
  top: 33%;
  left: 0;
  width: 100%;
  font-size: 48px;
  font-weight: 700;
}
.alliander .AllianderMaster .top-bar {
  background: linear-gradient(to right, #ffffff, #ffffff);
  padding: 0.25rem;
  color: #385920;
  font-size: var(--font-size);
}
.alliander .AllianderMaster .top-bar .top-bar-inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
  color: #ffffff;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .alliander .AllianderMaster .top-bar .top-bar-inner {
    flex-direction: column;
  }
}
.alliander .AllianderMaster .top-bar .top-bar-inner .navbar .nav-item {
  padding: 0 2px;
}
.alliander .AllianderMaster .top-bar .top-bar-inner span {
  font-size: 13px;
  color: #385920;
  font-family: Default-Regular;
}
.alliander .AllianderMaster .top-bar .top-bar-inner .language-container {
  position: relative;
}
.alliander .AllianderMaster .top-bar .top-bar-inner .language-container .language-select-label {
  position: absolute;
  pointer-events: none;
}
.alliander .AllianderMaster .top-bar .top-bar-inner .language-container .language-select-label svg path {
  fill: #385920;
}
.alliander .AllianderMaster .top-bar .top-bar-inner .language-container .language-select {
  padding: 2px 4px 2px 24px;
  border: none;
  appearance: none;
  background-color: transparent;
  color: #385920;
}
.alliander .AllianderMaster .top-bar .top-bar-inner .language-container .language-select option {
  color: #000;
}
.alliander .AllianderMaster .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) {
  .alliander .AllianderMaster .top-bar .links ul {
    padding-left: 0px;
  }
}
.alliander .AllianderMaster .top-bar .links ul li {
  list-style-type: none !important;
  display: inline;
  padding: 0 0.5em;
}
.alliander .AllianderMaster .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: 13px !important;
}
.alliander .AllianderMaster .top-bar .links ul li a:hover {
  text-decoration: underline !important;
}
.alliander .AllianderMaster .top-bar .user-info-section {
  font-size: 14px !important;
  color: #385920;
}
.alliander .AllianderMaster .top-bar .user-info-section img {
  height: 20px;
}
.alliander .AllianderMaster .top-bar .user-info-section li {
  list-style-type: none;
}
.alliander .AllianderMaster .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: 13px !important;
  /* Responsive layout - when the screen is <576px wide */
}
@media (max-width: 575.98px) {
  .alliander .AllianderMaster .top-bar .user-info-section a {
    margin: auto;
    text-align: center;
    display: block;
  }
}
.alliander .AllianderMaster .top-bar .user-info-section a:hover {
  color: #6CA7ED !important;
  text-decoration: underline !important;
}
.alliander .AllianderMaster a[_ngcontent-ng-c1552801097] .icon-link[_ngcontent-ng-c1552801097] .icon-placeholder[_ngcontent-ng-c1552801097], .alliander .AllianderMaster a[_ngcontent-ng-c1552801097] .icon-link[_ngcontent-ng-c1552801097] .icon-placeholder[_ngcontent-ng-c1552801097] img[_ngcontent-ng-c1552801097] {
  max-width: 30px;
  max-height: 30px;
  align-self: start;
}
.alliander .AllianderMaster a[_ngcontent-ng-c1552801097] .icon-link[_ngcontent-ng-c1552801097] {
  grid-template-columns: 44px 220px;
}
.alliander .AllianderMaster .middle-bar {
  background-color: #FFFFFF;
  padding: 1.5rem 0rem;
}
.alliander .AllianderMaster .middle-bar .floating-content .DescriptionLink .border-right {
  max-width: 244px;
}
.alliander .AllianderMaster .middle-bar-inner {
  display: inline-flex;
  height: 50px;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .alliander .AllianderMaster .middle-bar-inner {
    justify-content: space-between;
  }
}
.alliander .AllianderMaster .middle-bar .logo img {
  height: 60px;
  /* Responsive layout - when the screen is <576px wide */
}
.alliander .AllianderMaster .middle-bar .searching {
  cursor: wait;
}
.alliander .AllianderMaster .middle-bar .search-section {
  position: relative;
  display: none !important;
}
@media (min-width: 992px) {
  .alliander .AllianderMaster .middle-bar .search-section {
    display: block !important;
  }
}
.alliander .AllianderMaster .middle-bar .search-section .search-field {
  position: relative;
  border-radius: var(--input-radius);
  border: none;
  width: 400px;
  padding: 0.5rem 1rem;
}
.alliander .AllianderMaster .middle-bar .search-section i {
  font-size: 1.3rem;
  position: absolute;
  top: 8px;
  right: 10px;
  color: var(--darkblue-color);
}
.alliander .AllianderMaster .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;
}
.alliander .AllianderMaster .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;
}
@charset "UTF-8";
.Alliander .AllianderMaster .navbar {
  padding: 0 !important;
}
.Alliander .AllianderMaster .navbar .nav-item {
  padding: 0 1rem;
}
.Alliander .AllianderMaster .navbar .navbar-nav .nav-link {
  color: var(--black-color) !important;
  cursor: pointer;
}
.Alliander .AllianderMaster .navbar .navbar-nav .nav-link:hover {
  color: #6CA7ED !important;
}
.Alliander .AllianderMaster .navbar .nav-link.active,
.Alliander .AllianderMaster .navbar .nav-link.active-parent,
.Alliander .AllianderMaster .navbar .show > .nav-link {
  font-family: Default-Bold;
  border-bottom: 1px solid var(--base-color);
}
.Alliander .AllianderMaster .navbar .navbar-collapse {
  justify-content: center;
}
.Alliander .AllianderMaster .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;
}
.Alliander .AllianderMaster .navbar .navbar-toggler i {
  color: var(--black-color);
  font-size: 2rem;
}
.Alliander .AllianderMaster .navbar .navbar-toggler:focus {
  box-shadow: 0 0 0 0rem !important;
}
.alliander .AllianderMaster .button-class {
  justify-content: center;
}
.alliander .AllianderMaster .button-class .button {
  width: 170px;
  text-align: center;
  text-decoration: none;
}
.alliander .AllianderMaster .gauge .sc-gauge {
  width: 200px;
  height: 200px;
}
.alliander .AllianderMaster .gauge .sc-background {
  position: relative;
  height: 100px;
  margin-bottom: 10px;
  background-color: #eee;
  border-radius: 150px 150px 0 0;
  overflow: hidden;
  text-align: center;
}
.alliander .AllianderMaster .gauge .sc-mask {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  height: 80px;
  background-color: #fff;
  border-radius: 150px 150px 0 0;
}
.alliander .AllianderMaster .gauge .sc-percentage {
  position: absolute;
  top: 100px;
  left: -200%;
  width: 400%;
  height: 800%;
  margin-left: 100px;
  background-color: #00aeef;
  transform-origin: top center;
}
.alliander .AllianderMaster .gauge .sc-percentage {
  transform-origin: top center;
}
.alliander .AllianderMaster .gauge .sc-min {
  float: left;
}
.alliander .AllianderMaster .gauge .sc-max {
  float: right;
}
.alliander .AllianderMaster .gauge .sc-value {
  position: absolute;
  top: 33%;
  left: 0;
  width: 100%;
  font-size: 48px;
  font-weight: 700;
}
.alliander .gauge3 {
  /* Define the keyframe animation */
  /* Apply the animation to .sc-percentage */
  /* Additional styles to ensure proper rotation */
  /* Adjust the rotation angle for the max scale indication */
}
@keyframes glideIn100 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.alliander .gauge3 .sc-percentage {
  position: absolute;
  top: 100px;
  left: -200%;
  width: 400%;
  height: 800%;
  margin-left: 100px;
  background-color: #8d1212;
  transform-origin: top center;
  animation: glideIn100 1s forwards;
}
.alliander .gauge3 .sc-percentage {
  transform-origin: top center;
}
.alliander .gauge3 .sc-min {
  float: left;
}
.alliander .gauge3 .sc-max {
  float: right;
}
.alliander .gauge3 .sc-max {
  transform: rotate(0deg);
}
.alliander .gauge3 .sc-gauge {
  width: 200px;
  height: 200px;
}
.alliander .gauge3 .sc-background {
  position: relative;
  height: 100px;
  margin-bottom: 10px;
  background-color: #eee;
  border-radius: 150px 150px 0 0;
  overflow: hidden;
  text-align: center;
}
.alliander .gauge3 .sc-mask {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  height: 80px;
  background-color: #fff;
  border-radius: 150px 150px 0 0;
}
.alliander .gauge3 .sc-value {
  position: absolute;
  top: 33%;
  left: 0;
  width: 100%;
  font-size: 48px;
  font-weight: 700;
}
.alliander .gauge2 {
  /* Define the keyframe animation */
  /* Apply the animation to .sc-percentage */
  /* Additional styles to ensure proper rotation */
  /* Adjust the rotation angle for the max scale indication */
}
@keyframes glideIn66 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(120deg);
  }
}
.alliander .gauge2 .sc-percentage {
  position: absolute;
  top: 100px;
  left: -200%;
  width: 400%;
  height: 800%;
  margin-left: 100px;
  background-color: #e86f00;
  transform-origin: top center;
  animation: glideIn66 1s forwards;
}
.alliander .gauge2 .sc-percentage {
  transform-origin: top center;
}
.alliander .gauge2 .sc-min {
  float: left;
}
.alliander .gauge2 .sc-max {
  float: right;
}
.alliander .gauge2 .sc-max {
  transform: rotate(0deg);
}
.alliander .gauge2 .sc-gauge {
  width: 200px;
  height: 200px;
}
.alliander .gauge2 .sc-background {
  position: relative;
  height: 100px;
  margin-bottom: 10px;
  background-color: #eee;
  border-radius: 150px 150px 0 0;
  overflow: hidden;
  text-align: center;
}
.alliander .gauge2 .sc-mask {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  height: 80px;
  background-color: #fff;
  border-radius: 150px 150px 0 0;
}
.alliander .gauge2 .sc-value {
  position: absolute;
  top: 33%;
  left: 0;
  width: 100%;
  font-size: 48px;
  font-weight: 700;
}
.alliander .gauge1 {
  /* Define the keyframe animation */
  /* Apply the animation to .sc-percentage */
  /* Additional styles to ensure proper rotation */
  /* Adjust the rotation angle for the max scale indication */
}
@keyframes glideIn33 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(60deg);
  }
}
.alliander .gauge1 .sc-percentage {
  position: absolute;
  top: 100px;
  left: -200%;
  width: 400%;
  height: 800%;
  margin-left: 100px;
  background-color: #7db43c;
  transform-origin: top center;
  animation: glideIn33 1s forwards;
}
.alliander .gauge1 .sc-percentage {
  transform-origin: top center;
}
.alliander .gauge1 .sc-min {
  float: left;
}
.alliander .gauge1 .sc-max {
  float: right;
}
.alliander .gauge1 .sc-max {
  transform: rotate(0deg);
}
.alliander .gauge1 .sc-gauge {
  width: 200px;
  height: 200px;
}
.alliander .gauge1 .sc-background {
  position: relative;
  height: 100px;
  margin-bottom: 10px;
  background-color: #eee;
  border-radius: 150px 150px 0 0;
  overflow: hidden;
  text-align: center;
}
.alliander .gauge1 .sc-mask {
  position: absolute;
  top: 20px;
  right: 20px;
  left: 20px;
  height: 80px;
  background-color: #fff;
  border-radius: 150px 150px 0 0;
}
.alliander .gauge1 .sc-value {
  position: absolute;
  top: 33%;
  left: 0;
  width: 100%;
  font-size: 48px;
  font-weight: 700;
}