:root {
        --font: 'Mulish';;
        --alt-font: "IBM Plex Serif", serif;;
        --accent-color: #006644;
        --secondary-color: #9c2121;
        --link-color: #2629bf;
        --accent-highlight-color: #004d33;
        --accent-highlight-background-color: #ccffee;
        --accent-tinted-color-70: #b3d1c7;
        --accent-tinted-color-80: #cce0da;
        --accent-tinted-color-90: #e6f0ec;
        --accent-contrast-color: #fff;
        --accent-contrast-tinted-background-color: #b3b3b3;
        --accent-hover-color: #009966;
        --secondary-hover-color: #c62a2a;
        --secondary-contrast-color: #fff;
        --link-hover-color: #6a6ce1;
      }
      
body { background: url('https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/yz0zxwkmrvj5-BackgroundExample_NoLogo.png'); background-repeat: repeat; background-size: auto; }
.company__logo {text-indent: 100%;white-space: nowrap;overflow: hidden;background: url('https://media.thoughtindustries.com/thoughtindustries/image/upload/a_exif,c_fit,t_ti_company_logo_hires_v3/v1/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/miza7s4ra7q3-UpdatedLogo.png') no-repeat center left;background-size: contain;} .company__logo span.h4 {visibility: hidden;}
/******************* CSS FROM DIGITAL INTELLECTIVE FOR AALAS *******************/

/******* COURSE PAGES CSS *******/
/******* General *******/
/* Main Background Color */
body.course {
	background: #e9e9e9;
}

/* Page Type Formatting */
.list-roll__container .topic__list {
	padding: 0 1rem;
	margin: 0;
}

.quiz__container--learner .question__container {
	padding: 0;
}

/* Bullet Layout */
.editor-content ol, .editor-content ul {
    padding-left: 1rem;
}

/* Link Color */
.editor-content a:not(.btn) {
    color: #0064a0;
}

/* Hide Section Number */
.syllabus__section-title-index {
	display: none;
}

/* Headings */
h1.di-section-heading {
	font-size: 3rem;
	font-weight: 700;
	font-family: "Work Sans", sans-serif !Important;
	letter-spacing: .5px;
	margin-bottom: 1.5rem;
	color: #0e5838;
	border-bottom: solid 6px #1F936C;
	padding-bottom: 5px;
}

h1.di-heading {
	font-size: 2.5rem;
	font-weight: 700;
	font-family: "Work Sans", sans-serif !Important;
	letter-spacing: .5px;
	margin-bottom: 1rem;
	color: #0e5838;
}

h2.di-heading {
	font-size: 1.5rem;
	font-weight: 500;
	font-family: "Work Sans", sans-serif !Important;
	letter-spacing: .5px;
	margin-bottom: 0.25rem;
	margin-top: 1.25rem;
	color: #5e5e5e;
}

h3.di-heading {
  font-size: 1.25rem;
  font-weight: 500;
  font-family: "Work Sans", sans-serif !Important;
  letter-spacing: .5px;
  margin-bottom: 0.25rem;
  margin-top: 1.25rem;
  color: #5e5e5e;
}

p.di-gray-sub-heading {
	text-transform: uppercase;
	margin-bottom: 0.75rem;
	margin-top: 1.5rem;
	font-size: 1.1rem;
	font-weight: 700;
	font-family: "Work Sans", sans-serif !Important;
}

p.di-directions {
	text-align: center;
	font-size: 0.95rem;
	margin-bottom: 0;
	margin-top: 1.5rem;
	font-style: italic;
}

p.di-image-citation {
background: #f3f3f3;
padding: 5px;
text-align: center;
font-style: italic;
font-size: 0.85rem;
}

p.di-callout-text-green {
	font-size: 1.5rem;
	color: #1C8260;
	font-weight: 900;
}

p.di-callout-text-gold {
	font-size: 1.5rem;
	color: #926E02;
	font-weight: 900;
}

/* Buttons */
.editor-content .btn--primary {
font-size: 1rem;
margin-top: 1rem;
}

.btn--primary, .btn-primary {
    background-color: var(--accent-color) !Important;
    border-color: var(--accent-color) !Important;
    color: var(--accent-contrast-color) !Important;
}

/* Images */
p.di-image {
	margin-bottom: 0;
}

.di-right-30-image {
  float: right;
  width: 30%;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.di-right-40-image {
  float: right;
  width: 40%;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}
.di-right-50-image {
  float: right;
  width: 50%;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

/* Video Wrapper */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	border: none;
	padding-top: .5rem;
	margin-right: 25%;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Lists */
ol.di-ordered-list.di-marker-light-green > li::marker {
color: #1F936C;
font-size: 1.2rem;
line-height: 1.3rem;
font-weight: 700;
}


ol.di-ordered-list.di-marker-yellow > li::marker {
color: #926E02;
font-size: 1.2rem;
line-height: 1.3rem;
font-weight: 700;
}

ol.di-ordered-list > li {
padding-left: 0.5rem;
margin-bottom: 0.75rem;
}

ol.di-ordered-list {
padding-left: 1.25rem;
margin-bottom: 1.5rem;
}

ul.di-unordered-list {
	padding-left: 1.4rem;
	margin-bottom: 1.5rem;
	list-style: square;
}

ul.di-unordered-list > li {
	list-style-type: none;
	position: relative;
	margin-bottom: 0.75rem;
}

ul.di-unordered-list.di-marker-light-green > li::before {
    content: "";
    position: absolute;
    left: -0.6em;
    font-size: 3rem;
    background-color: #1F936C;
    height: 0.85rem;
    min-width: 0.85rem;
    top: 5px;
}

ul.di-unordered-list.di-marker-yellow > li::before {
    content: "";
    position: absolute;
    left: -0.6em;
    font-size: 3rem;
    background-color: #C89502;
    height: 0.85rem;
    min-width: 0.85rem;
    top: 5px;
}

ul.di-unordered-list ul {
  list-style-type: disc;
  padding-left: 0.5rem;
  margin-top: 2px;
}

ul.di-unordered-list ul li {
  list-style-type: disc;
  position: static;
  margin-bottom: 0.4rem;
}

ul.di-unordered-list ul li::before {
  content: none;
}


ul.di-checkmark-list {
	padding-left: 1.75rem;
	margin-bottom: 1.5rem;
	list-style: none;
}

ul.di-checkmark-list li {
	position: relative;
	margin-bottom: 0.75rem;
}

ul.di-checkmark-list li::before {
    content: "";
    position: absolute;
    left: -2.5em;
    background: url("https://media.thoughtindustries.com/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/7fcy781rr43u-DoubleCheckmark.png");
    height: 16px;
	width: 27px;
	background-size: contain;
	background-repeat: no-repeat;
    top: 5px;
}

/* Interactive Page Type  */
    .popup__caption p {
margin-bottom: 10px;
font-size: 0.85rem;
}

p.di-popup-heading {
font-size: 1.3rem;
border-bottom: solid 2px #C89502;
padding: 0 10px 3px 0;
margin-bottom: 10px;
width: fit-content;
color: #333333;
font-weight: 900;
line-height: 1.2;
}

.btn--image-tag i {
    border-radius: 100%;
    display: flex;
    font-size: 2rem;
    height: 50px;
    padding: 0;
    text-align: center;
    width: 50px;
    align-content: center;
    align-items: center;
    justify-content: center;
}

    .popup__caption {
padding: 1rem;
}

.topic__image {
padding: 0 3rem;
}

/* Slideshow Updates */
.topic__contained__container .topic__contained__content {
        border-top: #006644;
        border-left: none;
        border-right: 0;
    }

    .topic__contained__container .topic__contained__wrapper .topic__contained__sidebar {
        border-top: #006644;
    }

.topic__contained__container .topic__contained__sidebar .slide__detail {
    padding: 1.5rem;
}

.topic__contained__container .topic__contained__sidebar .topic__sidebar__caption h3 {
font-family: 'Mulish' !Important;
font-size: 1.5rem;
}

.slide-show__controls .btn--primary {
    color: var(--accent-contrast-color);
    padding: 0.5rem 2rem;
    border-radius: 5px;
    background-color: #006644;
    border-color: #006644
}

.slide-show__top-bar {
    background-color: transparent;
    color: #666666;
    border-bottom: solid 5px #006644;
}

    .topic__content.topic__content--pre-text-block {
        margin-bottom: -20px;
    }

.slide-show__count {
    padding: .25em 1rem;
    font-size: 14px;
    font-color: #333333;
}

.slide-show__top-bar > .row > .column {
padding-right: 0;
}

/* Quiz Start Messages */
.quiz-start__content {
	background-color: white;
	border: solid 6px #006644;
}

.quiz-start__content .quiz-start__text {
	padding: 0;
}

.quiz-start__content .quiz-start__text h1 {
	text-align: center;
	font-size: 3rem;
	font-weight: 700;
	font-family: "Work Sans", sans-serif !Important;
	text-transform: uppercase;
	margin-bottom: 0;
	background: #006644;
	padding: 1.5rem;
	color: white;
}

.quiz-start__content .quiz-start__text p {
	text-align: center;
	margin-top: 1.5rem;
	margin-bottom: 2rem;
	font-size: 1.25rem;
}

.quiz-start__text .quiz-start__sub-text {
    margin-top: 1rem;
}

.quiz-start__content .quiz-start__text .btn {
	margin-bottom: 0;
	border-radius: 0;
}

/* Quiz Questions */
.quiz__container.quiz__container--learner.quiz__container--quiz.quiz__container--test--taking .question__body h2 {
	font-family: "Work Sans", sans-serif !Important;
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	text-align: center;
	margin-top: -2rem;
}

.quiz__container.quiz__container--learner.quiz__container--quiz.quiz__container--test--taking .choices__list li .choice {
	width: 100%;
	font-size: 1rem;
}

.quiz__container.quiz__container--learner.quiz__container--quiz.quiz__container--test--taking .choice__index {
    max-width: fit-content;
    padding-right: 0;
    margin-left: 0.5rem;
}

.quiz__container--assessment .choice__review, .quiz__container--learner .choice__review {
    text-align: left !important;
    margin-left: 1.75rem;
    margin-top: -5px;
}



/******* Widgets *******/
/* Info Icon */
.di-green-note {
	margin-top: 2.5rem;
	border: double 3px #004532;
    padding: 2rem 2rem 1rem 2rem;
    margin-left: 1rem;
	position: relative;
}

.di-green-note > p {
	position: relative;
	z-index: 100;
}

.di-green-note .di-green-note-heading {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 0;
	background: white;
    margin-left: -4rem;
    margin-top: -4.25rem;
    max-width: fit-content;
    padding: 0.75rem;
	position: absolute;
}

.di-green-note .di-green-note-heading p {
	margin-bottom: 0;
}

.di-green-note .di-green-note-heading img {
	max-width: 40px;
}

.di-green-note .di-green-note-heading p:last-of-type {
	font-size: 1.25rem;
	font-weight: 700;
	font-family: "Work Sans", sans-serif !Important;
	color: #004532;
}

/* Comparison Boxes */
.row.di-comparison-image {
	display: flex;
	gap: 30px;
	margin: 2rem;
	justify-content: center;
	margin-top: 5rem;
}

.row.di-comparison-image .large-6.columns {
	border: solid 3px #006644;
	border-radius: 10px;
	padding: 2rem;
	position: relative;
	padding-bottom: 5rem;
}

.row.di-comparison-image .large-6.columns p:first-child {
	margin-top: -6rem;
	margin-bottom: 10px;
}

.row.di-comparison-image .large-6.columns img {
	height: 110px;
	border: solid 10px white;
	background: white;
}

.row.di-comparison-image .large-6.columns p {
	text-align: center;
}

.row.di-comparison-image .large-6.columns h3 {
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 10px;
		font-family: 'Mulish' !Important;
        text-transform: uppercase;
}

.row.di-comparison-image .large-6.columns a {
	margin-top: 2rem;
	width: 50%;
	position: absolute;
	bottom: 1rem;
	left: 25%;
}

/* Quote Call Out Box */
.di-quote-box {
    width: 100%;
	margin: 2rem 0;
  }

  .di-quote-box .quote-line {
    position: relative;
    display: flex;
    align-items: center;
    margin: 12px 0;
  }

  .di-quote-box .quote-line::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 3px;
  }

  .di-quote-box .quote-line.green::before {
    background: #0e5838;
  }

 .di-quote-box .quote-line.yellow::before {
    background: #C89502;
  }

    .di-quote-box .quote-line.top::after,
    .di-quote-box .quote-line.bottom::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 0 2rem;
  }

  .di-quote-box .quote-line.top::after {
    left: 50px;
    width: 36px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .di-quote-box .quote-line.top.green::after {
    background-image: url("https://media.thoughtindustries.com/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/oto2s95lq500-image.png");
}

 .di-quote-box .quote-line.top.yellow::after {
    background-image: url("https://media.thoughtindustries.com/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/xy29frj0er8c-image.png");
}

  .di-quote-box .quote-line.bottom::after {
    right: 50px;
    width: 36px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateY(-50%) rotate(180deg);
  }

  .di-quote-box .quote-line.bottom.green::after {
    background-image: url("https://media.thoughtindustries.com/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/oto2s95lq500-image.png");
  }

.di-quote-box .quote-line.bottom.yellow::after {
    background-image: url("https://media.thoughtindustries.com/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/xy29frj0er8c-image.png");
  }

  .di-quote-box .di-quote-body {
    margin: 1.5rem 1rem;
    line-height: 1.6;
  }

/* Simple Quote */
.di-simple-quote {
display: flex;
flex-wrap: nowrap;
gap: 20px;
margin-bottom: 1.5rem;
}

.di-simple-quote p:first-of-type {
flex: 0 0 70px;
}

.di-simple-quote p {
margin-bottom: 0;
font-size: 1.2rem;
color: #926E02;
}

.di-simple-quote img {
margin-top: 10px;
}

/* Gold Text Box */
.di-gold-box {
	background: #926E02;
    padding: 1.5rem 4rem;
    margin-left: -4.75em;
    margin-right: -4em;
    margin-top: 2rem;
}

.di-gold-box p {
	color: white;
	margin-bottom: 0;
}

/* Green Text Box */
.di-green-box {
	background: #0e5838;
    padding: 1.5rem 4rem;
    margin-left: -4.75em;
    margin-right: -4em;
    margin-top: 2rem;
}

.di-green-box p {
	color: white;
	margin-bottom: 0;
}

.di-green-box a {
	color: #F2B602 !important;
	
}

/* Bookmark Heading */
.di-bookends-container {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    background-color: white;
    box-sizing: border-box;
	margin-bottom: 1rem;
}

.di-bookends-spacer {
    height: 0.25rem;
    width: 100%;
    border-radius: 0.15rem;
    background-color: #C89502;
}

.di-bookends-body {
    box-sizing: border-box;
    white-space: nowrap;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.5rem;
    letter-spacing: 0.36px;
   padding: 0rem;  
	margin-right: 20px;
	color: #0e5838;
	font-family: "Work Sans", sans-serif !Important;
}

/******* List Roll *******/
.list-roll__container .heading.heading--primary {
display: none;
}
.list-roll__container .topic__list__thumb {
	width: 8%;
}
.list-roll__container .topic__list__item--expanded .topic__list__thumb {
  width: 10%;
}
.list-roll__container .topic__list__info--column {
	width: 92%;
}
.list-roll__container .topic__list__item--expanded .topic__list__info--column {
  width: 90%;
}
.list-roll__container .topic__list__info .btn--link {
  color: #926E02;
}
.list-roll__container .topic__list__item {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  border: 2px solid white;
  margin-bottom: 1rem !important;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.list-roll__container .topic__list__item.topic__list__item--expanded {
  align-items: flex-start;
	padding-top: 1.2rem;
}
.list-roll__container .topic__list__title .h3 {
  font-size: 1.75rem;
  color: #0e5838;
}

/******* Reflection Page *******/
/* Remove Standard Heading */
.quiz__container.quiz__container--learner.quiz__container--survey .heading.heading--no-margin {
	display: none;
}

/* Formatting for Heading */
.di-reflection-heading {
	display: flex;
	gap: 20px;
	align-items: center;
	border-bottom: solid 6px #1F936C;
	padding: 18px 1.5rem;
	background: linear-gradient(to right, rgba(0, 55, 40, 0.9), rgba(0, 55, 40, 0.9), rgba(0, 69, 50, 0.2)), url("https://d36ai2hkxl16us.cloudfront.net/thoughtindustries/image/upload/v1/course-uploads/75c970fd-0d00-4d8a-b289-3f478a4e8018/yz0zxwkmrvj5-BackgroundExample_NoLogo.png");
	justify-content: flex-start;
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 2px 2px 0 0;
}

.di-reflection-heading img {
	max-width: 60px;	
} 

.di-reflection-heading p {
	margin-bottom:0;
}

.di-reflection-heading h1 {
	margin-bottom: 0;
	font-size: 3rem;
	font-family: "Work Sans", sans-serif !Important;
	letter-spacing: -.5px;
	color: white;
	text-transform: uppercase;
	font-weight: 300;
}

/* Formatting for Reflection Body */
.di-reflection-body {
	padding: 1.25rem 0;
	display: flex;
}

.row.di-reflection-body .large-3.columns {
	border-left: solid 1px #C89502;
}

.row.di-reflection-body .large-3.columns p {
	font-style: italic;
	margin-bottom: 0;
	font-size: 0.95rem;
}

/* Formatting for Questions */
.di-reflection-question {
	font-weight: bold;
	font-size: 1.1rem;
}

ol.di-reflection-question, ul.di-reflection-question {
	padding-left: 1.5rem;
}

.di-reflection-question:last-child {
	margin-bottom: 0;
}

/******* Reminder Heading *******/
.di-header {
  position: relative;
  background: linear-gradient(90deg, #0b462c, #0e5838);
  padding: 20px 175px 20px 30px;
  display: flex;
  align-items: center;
  overflow: visible;
}

.di-title {
  margin: 0;
  letter-spacing: .5px;
  font-size: clamp(18px, 2.4vw, 46px);
  line-height: 1.15;
	color: white;
	font-family: "Works Sans", sans-serif !Important;
	text-transform: uppercase;
}

.di-badge {
  position: absolute;
  right: 50px;                  
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 100px;
  height: 100px;
  background: white;
  display: grid;
  place-items: center;
  border: solid 3px #0e5838;
	box-shadow: 0 0 0 4px #ffffff;
}

.di-badge-mark {
  display: block;
  font-weight: 700;
  font-size: clamp(42px, 5vw, 90px);
  line-height: 1;
  color: #0e5838;
    transform: rotate(-45deg);
    font-family: "Work Sans", sans-serif ! Important;
}

.di-body {
margin: 30px 0 40px 0;
	padding: 0 20px;
	font-size: 1.05rem;
}

.di-rule {
  border: none;
  height: 3px;
  background: linear-gradient(90deg, #0b462c, #0e5838);
}

/* ====== Small screens ====== */
@media (max-width: 640px) {
  .di-badge {
    width: 75px;
	  height: 75px;
  }
}

/* TABS */
.di-tabs {
    display: flex;
    position: relative;
    left: 0px;
    top: 0px;
    flex-flow: row wrap;
    padding: 0.5 em 2em 0 0;
    font-size: 1em;
    line-height: initial;
}

.di-tabs .di-tab-container {
    float: left;
}

.di-tabs label {
    font-size: 1em;
    line-height: inherit;
    position: relative;
    display: inline-block;
    padding: 0.75rem 1.25rem;
    box-sizing: content-box;
    min-width: 6.25em;
    text-align: center;
    margin-left: -2px !important;
    margin-top: -2px !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    cursor: pointer;
    color: #333333;
    background-color: white;
}

.di-tab-content-container {
	width: 100%;
}

.di-tabs .di-tab-content h3 {
font-family: 'Mulish' !Important;
font-size: 1.35rem !Important;
}

.di-tabs .di-tab-content {
    padding: 1rem 0.5rem;
    position: relative;
    display: none;
    margin-left: -2px;
    font-size: 1rem;
	border-bottom: solid 2px #0e5838;
}

.di-tabs input[type="radio"] {
    display: none;
}

.di-tabs-client label {
        border-radius: 20px 20px 0 0;
        z-index: 3;
        font-size: 1.1rem;
        flex-grow: 1;
        flex-shrink: 0;
        width: min-content;
    }

.di-tabs-client label {
	        border: solid 2px #0e5838;
}    

    .di-tabs #di-tab-selector-client-1:checked~.di-tab-content-container > .di-tab-client-1-content {
        display: block;
    }

    .di-tabs #di-tab-selector-client-1:checked~.di-tab-client-1 {
        z-identifier: 2;
        position: relative;
        left: 0px;
        top: 0px;
        cursor: initial;
        font-size: 1.1rem;
    }

    .di-tabs #di-tab-selector-client-1:checked~.di-tab-client-1 {
        background-color: #0e5838;
        color: white;
}

    .di-tabs #di-tab-selector-client-2:checked~.di-tab-content-container > .di-tab-client-2-content {
        display: block;
    }

    .di-tabs #di-tab-selector-client-2:checked~.di-tab-client-2 {
        z-identifier: 2;
        position: relative;
        left: 0px;
        top: 0px;
        cursor: initial;
        font-size: 1.1rem;
    }

   .di-tabs #di-tab-selector-client-2:checked~.di-tab-client-2 {  
        background-color: #0e5838;
        color: white;
}

.di-tabs #di-tab-selector-client-3:checked~.di-tab-content-container > .di-tab-client-3-content {
        display: block;
    }

    .di-tabs #di-tab-selector-client-3:checked~.di-tab-client-3 {
        z-identifier: 2;
        position: relative;
        left: 0px;
        top: 0px;
        cursor: initial;
        font-size: 1.1rem;
    }

.di-tabs #di-tab-selector-client-3:checked~.di-tab-client-3 {
        background-color: #0e5838;
        color: white;
}


.di-tabs #di-tab-selector-client-4:checked~.di-tab-content-container > .di-tab-client-4-content {
        display: block;
    }

    .di-tabs #di-tab-selector-client-4:checked~.di-tab-client-4 {
        z-identifier: 2;
        position: relative;
        left: 0px;
        top: 0px;
        cursor: initial;
        font-size: 1.1rem;
    }

.di-tabs #di-tab-selector-client-4:checked~.di-tab-client-4 {	
        background-color: #0e5838;
        color: white;
}


.di-tabs #di-tab-selector-client-5:checked~.di-tab-content-container > .di-tab-client-5-content {
        display: block;
    }

    .di-tabs #di-tab-selector-client-5:checked~.di-tab-client-5 {
        z-identifier: 2;
        position: relative;
        left: 0px;
        top: 0px;
        cursor: initial;
        font-size: 1.1rem;
    }

.di-tabs #di-tab-selector-client-5:checked~.di-tab-client-5 {	
        background-color: #0e5838;
        color: white;
}


@media only screen and (max-width: 200px) {
    .di-tabs-client {
        display: block;
    }
}

/* FOLDED FLAG */
div.di-callout-folded-flag-main {
    display: block;
}

.di-callout-folded-flag {
    background-color: #ececec;
    padding: 1rem 1rem 0.75rem 0;
    margin-bottom: 1rem;
    display: flex;
}

.di-callout-folded-flag-title {
    font-size: 1.25rem;
    line-height: 1.25rem;
    font-weight: 600;
    letter-spacing: 1px;
    transform: translateX(-1rem) translateY(0);
}

.di-callout-folded-flag-title-text {
    white-space: nowrap;
    padding: 0.25rem 1.5rem 0.4rem 1.25rem;
	width: fit-content;
}

.di-callout-folded-flag-title-text.green {
	color: white;
	background-color: #0e5838;
}

.di-callout-folded-flag-title-text.gold {
	color: white;
	background-color: #926E02;
}

.di-callout-folded-flag-title-doodad {
    height: 0.5rem;
    width: 1rem;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0)
}

.di-callout-folded-flag-title-doodad.green {
    background: color-mix(in srgb, #0e5838 40%, black);
}

.di-callout-folded-flag-title-doodad.gold {
    background: color-mix(in srgb, #926E02 40%, black);
}

.di-callout-folded-flag-content {
    color: #464646;
    line-height: 1.5rem;
    font-size: 1.1rem;
	display: flex;
}

div.di-callout-folded-flag-content-content-below {
    margin-left: 1.5rem;
}