:root {
    --color-isaca-grey-200: #CBD2D9;
    --color-isaca-grey-600: #52606D;

    --color-true-grey-50: #F2F2F2;
    --color-true-grey-600: #595959;
    --color-true-grey-700: #404040;

    --color-primary-navy-500: #1D2D5C;

    --color-secondary-blue-500: #07649D;
    --secondary-medium-blue: #0F69A0;

    --color-secondary-yellow-500: #FBB034;

    --dtef-trust-factor-header-background-color: #3C327D;

    --dtef-light-theme-background-color: var(--slds-g-color-surface-1);
    --dtef-dark-theme-background-color: #161a29;

    --dtef-light-theme-assessment-popover-close-color: #0F69A0;
    --dtef-dark-theme-assessment-popover-close-color: #05B8FF;

    --dtef-dark-theme-popup-description-color: #BFBFBF;

    --dtef-dark-theme-button-outline-color: #00A4E4;
    --dtef-light-theme-button-outline-color: #0F69A0;
}

html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

body {
    box-sizing: border-box;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

img,
svg {
    max-height: 100%;
}

header {
    margin-top: 1rem;
}

h1 {
    margin: 0.67em 0;
    font-size: 3.375rem;
    font-weight: 700;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Roboto Slab";
    line-height: normal;
}

h2 {
    margin-top: 1rem;
    margin-bottom: .5rem;
    font-size: 1.125rem;
    font-weight: 500;
}

h3 {
    font-size: 1.1rem;
    font-weight: 400;
}

h4 {
    font-size: 1rem;
    font-weight: 400;
}

h5 {
    font-size: .9rem;
    font-weight: 400;
}

header h4~h1 {
    margin-top: .25rem;
}

.dtef-theme.light header p {
    color: #595959;
}

h4.emphasize {
    margin-top: .5rem;
}

ol {
    padding-left: 40px;
    list-style-type: decimal;
}

p {
    margin-top: 1rem;
    margin-bottom: .5rem;
}

blockquote {
    margin: 1.5rem 0;
    padding: 1.5rem 1rem;
    border-radius: 1.15rem;
}

.dtef-theme.dark blockquote {
    background: rgba(106, 123, 185, 0.30);
    color: #ffffff;
}

.dtef-theme.light blockquote {
    background-color: #EAECF0;
    color: #404040;
}

video {
    display: block;
    margin: 0 auto;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h2 i {
    padding-right: .5rem;
}

.uppercase {
    text-transform: uppercase;
}

.banner section.content {
    margin: 0 auto;
    padding: 1em;
    max-width: 1049px;
    text-align: center;
}

article figure {
    margin: 2.5rem 0;
    background-color: #fff;
    border-radius: 1.5rem;
    overflow: hidden;
    text-align: center;
    color: #161a29;
}

.dtef-theme.dark article figure a,
.dtef-theme.dark article figure a:active,
.dtef-theme.dark article figure a:hover:not(.cancel-button),
.dtef-theme.dark article figure a:target,
.dtef-theme.dark article figure a:visited,
.dtef-theme.dark article figure a:link,
.dtef-theme.dark article figure a:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.dark article figure a:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #161a29
}

article figure img {
    padding: .5rem 1rem 1rem;
}

article ol,
article ul {
    margin-block-start: .5rem;
    margin-block-end: .5rem;
    padding-inline-start: 40px;
}

article ol {
    list-style-type: decimal;
}

article ol ol {
    list-style-type: lower-latin;
}

article ul {
    list-style-type: disc;
}

article ul ul {
    list-style-type: circle;
}

article ul ul ul {
    list-style-type: square;
}

figure figcaption,
figure img {
    text-align: center;
}

figure figcaption {
    padding: .75rem 0 0;
    font-weight: bold;
}

figure table {
    width: 96%;
    margin: .5rem auto 1rem;
    table-layout: fixed;
    border: solid .5rem #D0D5DD;
}

figure table td,
figure table th {
    padding: .5rem;
}

figure table th,
figure table thead td {
    vertical-align: bottom;
    text-align: center;
    font-weight: bold;
}

figure table td {
    vertical-align: top;
    text-align: left;
}

.dtef-theme .article-content figure table ul,
.dtef-theme .article-content figure table ol {
    padding-left: 40px;
}

.primary {
    padding-left: 2rem;
    padding-right: 2rem;
}

.align-center {
    text-align: center;
}

.hide,
.display-mobile,
.display-inline-mobile {
    display: none;
}

.dtef-theme.dark .hide-dark,
.dtef-theme.light .hide-light {
    display: none;
}

.dropdown {
    position: relative;
}

.dropdown .content {
    position: absolute;
    z-index: 100;
}

.dropdown:hover .content.hide {
    display: block;
}

.circle-icon {
    display: inline-block;
    margin-right: .5rem;
    padding: .25rem .5rem;
    text-align: center;
    font-size: 1.4rem;
    background-color: #36ac91;
    color: #fff;
    border-radius: 1.5rem;
}


/****    Theme    ****/
.dtef-theme {
    min-height: 100vh;
}

.dtef-theme.dark {
    background-color: #161a29;
    color: #fff;
}

.dtef-theme.light {
    background-color: #fff;
    color: #161a29;
}

.dtef-theme.dark h1 {
    color: #fff;
}

.dtef-theme.light h1 {
    color: #1d2d5c;
}

.dtef-theme h2 {
    color: #8e8e93;
    margin-top: 0;
}

.dtef-theme.dark a,
.dtef-theme.dark a:active,
.dtef-theme.dark a:hover:not(.cancel-button),
.dtef-theme.dark a:target,
.dtef-theme.dark a:visited,
.dtef-theme.dark a:link,
.dtef-theme.dark a:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.dark a:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #fff;
}

.dtef-theme.dark a.dark-cg-200:active,
.dtef-theme.dark a.dark-cg-200:hover:not(.cancel-button),
.dtef-theme.dark a.dark-cg-200:target,
.dtef-theme.dark a.dark-cg-200:visited,
.dtef-theme.dark a.dark-cg-200:link,
.dtef-theme.dark a.dark-cg-200:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.dark a.dark-cg-200:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #D1D1D6;
}

.dtef-theme.light a,
.dtef-theme.light a:active,
.dtef-theme.light a:hover:not(.cancel-button),
.dtef-theme.light a:target,
.dtef-theme.light a:visited,
.dtef-theme.light a:link,
.dtef-theme.light a:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.light a:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #595959;
}

.dtef-theme.light a.button.secondary,
.dtef-theme.light a.button.secondary:active,
.dtef-theme.light a.button.secondary:hover,
.dtef-theme.light a.button.secondary:target,
.dtef-theme.light a.button.secondary:visited,
.dtef-theme.light a.button.secondary:link,
.dtef-theme.light a.button.secondary:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.light a.button.secondary:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #fff;
}

.dtef-theme.dark a.dark-cpb,
.dtef-theme.dark a.dark-cpb:active,
.dtef-theme.dark a.dark-cpb:hover,
.dtef-theme.dark a.dark-cpb:target,
.dtef-theme.dark a.dark-cpb:visited,
.dtef-theme.dark a.dark-cpb:link,
.dtef-theme.dark a.dark-cpb:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.dark a.dark-cpb:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #00A4EF;
}

.dtef-theme.dark a.dark-nonstandard-cb,
.dtef-theme.dark a.dark-nonstandard-cb:active,
.dtef-theme.dark a.dark-nonstandard-cb:hover,
.dtef-theme.dark a.dark-nonstandard-cb:target,
.dtef-theme.dark a.dark-nonstandard-cb:visited,
.dtef-theme.dark a.dark-nonstandard-cb:link,
.dtef-theme.dark a.dark-nonstandard-cb:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.dark a.dark-nonstandard-cb:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #05B8FF;
}

.dtef-theme.light a.light-cmb,
.dtef-theme.light a.light-cmb:active,
.dtef-theme.light a.light-cmb:hover,
.dtef-theme.light a.light-cmb:target,
.dtef-theme.light a.light-cmb:visited,
.dtef-theme.light a.light-cmb:link,
.dtef-theme.light a.light-cmb:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.light a.light-cmb:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #0F69A0;
}

.dtef-theme.light a.light-cw,
.dtef-theme.light a.light-cw:active,
.dtef-theme.light a.light-cw:hover,
.dtef-theme.light a.light-cw:target,
.dtef-theme.light a.light-cw:visited,
.dtef-theme.light a.light-cw:link,
.dtef-theme.light a.light-cw:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.light a.light-cw:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #fff;
}

.dtef-theme.light dt.light-cdb a,
.dtef-theme.light dt.light-cdb a:active,
.dtef-theme.light dt.light-cdb a:hover,
.dtef-theme.light dt.light-cdb a:visited,
.dtef-theme.light dt.light-cdb a:link {
    color: #1D2D5C;
}

.dtef-theme.light dt.light-ctg-700 a,
.dtef-theme.light dt.light-ctg-700 a:link,
.dtef-theme.light dt.light-ctg-700 a:visited,
.dtef-theme.light dt.light-ctg-700 a:hover,
.dtef-theme.light dt.light-ctg-700 a:active 
.dtef-theme.light dt.light-ctg-700 a:active,
.dtef-theme.light h4.light-ctg-700 a,
.dtef-theme.light h4.light-ctg-700 a:visited,
.dtef-theme.light h4.light-ctg-700 a:hover,
.dtef-theme.light h4.light-ctg-700 a:link {
    color: #404040;
}


.dtef-theme.dark .dark-bcdg-50,
.dtef-theme.light .light-bcdg-50 {
    background-color: #F9FAFB;
}

.dtef-theme.dark .dark-bcg-100,
.dtef-theme.light .light-bcg-100 {
    background-color: #F2F4F7;
}

.dtef-theme.dark .dark-bcg-200,
.dtef-theme.light .light-bcg-200 {
    background-color: #CBD2D9;
}

.dtef-theme.dark .dark-bctg-200,
.dtef-theme.light .light-bctg-200 {
    background-color: #9E9E9E;
}

.dtef-theme.dark .dark-bctg-500,
.dtef-theme.light .light-bctg-500 {
    background-color: #737373;
}

.dtef-theme.dark .dark-bcpb4,
.dtef-theme.light .light-bcpb4 {
    background-color: #009DDB;
}

.dtef-theme.dark .dark-bcpb5,
.dtef-theme.light .light-bcpb5 {
    background-color: #00A4E4;
}

.dtef-theme.dark .dark-bcmb,
.dtef-theme.light .light-bcmb {
    background-color: #0F69A0;
}

.dtef-theme.dark .dark-bcsmb500,
.dtef-theme.light .light-bcsmb500 {
    background-color: #07649D;
}

.dtef-theme.dark .dark-bcdb,
.dtef-theme.light .light-bcdb {
    background-color: #1D2D5C;
}

.dtef-theme.dark .dark-bcdb2,
.dtef-theme.light .light-bcdb2 {
    background-color: #3C327D;
}

.dtef-theme.dark .dark-bcdb3,
.dtef-theme.light .light-bcdb3 {
    background-color: #1c2534;
}

.dtef-theme.dark .dark-bcdb4,
.dtef-theme.light .light-bcdb4 {
    background-color: #3F4B59;
}

.dtef-theme.dark .dark-bcdb6,
.dtef-theme.light .light-bcdb6 {
    background-color: #273347;
}

.dtef-theme.dark .dark-bcw,
.dtef-theme.light .light-bcw {
    background-color: #FFF;
}

.dtef-theme.dark .dark-bc-random-grey {
    background-color: #2A3148;
}

.dtef-theme.dark .dark-btransparent,
.dtef-theme.light .light-btransparent {
    background-color: transparent;
}

.dtef-theme.dark .dark-bg-300,
.dtef-theme.light .light-bg-300 {
    border-color: #D0D5DD;
}

.dtef-theme.dark .dark-bpb4,
.dtef-theme.light .light-bpb4 {
    border-color: #009DDB;
}

.dtef-theme.dark .dark-bmb,
.dtef-theme.light .light-bmb {
    border-color: #0F69A0;
}

.dtef-theme.dark .dark-bdb2,
.dtef-theme.light .light-bdb2 {
    border-color: #3C327D;
}

.dtef-theme.dark .dark-bdb4,
.dtef-theme.light .light-bdb4 {
    border-color: #3A485E;
}

.dtef-theme.dark .dark-bdb6,
.dtef-theme.light .light-bdb6 {
    border-color: #273347;
}

.dtef-theme.dark .dark-cb,
.dtef-theme.light .light-cb {
    color: #000;
}

.dtef-theme.dark .dark-cw,
.dtef-theme.dark .button.outline.dark-cw,
.dtef-theme.light .light-cw,
.dtef-theme.dark .button.outline.light-cw {
    color: #FFF;
}

.dtef-theme.dark .dark-cg-100,
.dtef-theme.light .light-cg-100 {
    color: #EFEFF4;
}

.dtef-theme.dark c-dtef-assessment-activity-outcomes .dark-cg-200,
.dtef-theme.dark c-dtef-assessment-trust-factor-relationships .relationship-description {
    color: var(--dtef-dark-theme-popup-description-color);
}

.dtef-theme.dark .dark-cg-200,
.dtef-theme.light .light-cg-200 {
    color: #D1D1D6;
}

.dtef-theme.dark .dark-cg-300,
.dtef-theme.light .light-cg-300 {
    color: #8E8E93;
}

.dtef-theme.dark .dark-cig-300,
.dtef-theme.light .light-cig-300 {
    color: #9AA5B1;
}

.dtef-theme.light .light-cg-400 {
    color: #3F4B59;
}

.dtef-theme.dark .dark-tg-100,
.dtef-theme.light .light-tg-100 {
    color: #D9D9D9;
}

.dtef-theme.dark .dark-tg-200,
.dtef-theme.light .light-tg-200 {
    color: #D9D9D9;
}

.dtef-theme.dark .dark-tg-300,
.dtef-theme.light .light-tg-300 {
    color: var(--dtef-dark-theme-popup-description-color);
}

.dtef-theme.dark .dark-tg-400,
.dtef-theme.light .light-tg-400 {
    color: #8C8C8C;
}

.dtef-theme.dark .dark-cg-500,
.dtef-theme.light .light-cg-500 {
    color: #667085;
}

.dtef-theme.dark .dark-ctg-500,
.dtef-theme.light .light-ctg-500 {
    color: #737373;
}

.dtef-theme.dark .dark-ctg-600,
.dtef-theme.light .light-ctg-600 {
    color: var(--color-true-grey-600);
}

.dtef-theme.light .light-color-true-grey-50 {
    color: var(--color-true-grey-50);
}

.dtef-theme.light .light-color-isaca-grey-600 {
    color: var(--color-isaca-grey-600);
}

.dtef-theme.light .light-color-primary-navy-500 {
    color: var(--color-primary-navy-500);
}

.dtef-theme.dark .dark-ctg-700,
.dtef-theme.light .light-ctg-700 {
    color: var(--color-true-grey-700);
}

.dtef-theme.dark .dark-ctg-900,
.dtef-theme.light .light-ctg-900 {
    color: #1D1D1D;
}

.dtef-theme.dark .dark-clb,
.dtef-theme.light .light-clb {
    color: #B2E4F7;
}

.dtef-theme.dark .dark-cmb,
.dtef-theme.light .light-cmb {
    color: #0F69A0;
}

.dtef-theme.dark .dark-cpb,
.dtef-theme.light .light-cpb {
    color: #00A4EF;
}

.dtef-theme.dark .dark-cpb2,
.dtef-theme.light .light-cpb2 {
    color: #05B8FF;
}

.dtef-theme.dark .dark-cpb3,
.dtef-theme.light .light-cpb3 {
    color: #0FBBFF;
}

.dtef-theme.dark .dark-cpb4,
.dtef-theme.light .light-cpb4 {
    color: #009DDB;
}

.dtef-theme.dark .dark-csmb500,
.dtef-theme.light .light-csmb500 {
    color: #07649D;
}

.dtef-theme.dark .dark-cdb,
.dtef-theme.light .light-cdb {
    color: #1D2D5C;
}

.dtef-theme.dark .dark-cll-200,
.dtef-theme.light .light-cll-200 {
    color: #AAA4D1;
}

.dtef-theme.dark .dark-co,
.dtef-theme.light .light-co {
    color: #E57524;
}

.dtef-theme.dark .dark-co2,
.dtef-theme.light .light-co2 {
    color: #DF7326;
}

.dtef-theme.dark .dark-cy,
.dtef-theme.light .light-cy {
    color: #FBB034;
}

.dtef-theme.dark .dark-cmg {
    color: #00ce37;
}

.dtef-theme.light .light-cmg {
    color: #338401;
}

.dtef-theme.light .light-shadow {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .25));
}

/****    Banner    ****/
.banners.dark .banner h4 {
    color: rgb(209, 209, 214);
}

.banners.light .banner h4 {
    color: rgb(22, 26, 41);
}


/****    Header    ****/
.dtef-theme header.dtef-header {
    margin-top: 0;
}

.dtef-theme.light .profile.active {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .25));
}

.dtef-theme .profile a:hover {
    text-decoration: none;
}

.dtef-theme.dark .subscription .buttons {
    background: #273346;
}

.dtef-theme.dark .subscription .button {
    font-size: 1.125rem;
    font-weight: 500;
}

.dtef-theme.light .subscription .button {
    font-size: 1rem;
    font-weight: 600;
}

.dtef-theme.light .light-icon-secondary-blue-500 {
    fill: var(--color-secondary-blue-500);
}

.dtef-theme.dark .dark-icon-secondary-yellow-500 {
    fill: var(--color-secondary-yellow-500);
}

.dtef-theme .profile .info .circle-icon {
    display: inline-block;
    margin-right: .5rem;
    padding: .25rem .5rem;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 1.5rem;
}

.dtef-theme.dark .dtef-logo-img {
    content: url("/sfsites/c/resource/dtef_logo?v=3");
}

.dtef-theme.light .dtef-logo-img {
    content: url("/sfsites/c/resource/dtef_logo_light?v=3");
}

.dtef-theme .search {
    padding: 1rem 0 0 0;
}

.dtef-theme .search .searchbox_floating-container {
    border: none;
    border-radius: 2rem;
    background-color: transparent;
}

.dtef-theme .search .searchbox__container {
    border: none;
}

.dtef-theme .search .searchbox__container .slds-combobox__form-element {
    align-items: center;
}

.dtef-theme .search .searchbox__container-wrapper {
    margin-bottom: 0;
}

.dtef-theme .search .searchbox__container .searchbox__icon-container-left {
    margin-left: 0;
}

.dtef-theme .search textarea.searchbox__input {
    height: 40px;
    line-height: 1.375rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1.5rem;
    border: none;
    border-radius: 1.5rem;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.dtef-theme.dark .search textarea.searchbox__input {
    background-color: #38405f;
    color: white;
}

.dtef-theme.dark .search textarea.searchbox__input::placeholder {
    color: #5F6478;
    font-style: italic;
}

.dtef-theme.light .search textarea.searchbox__input {
    background-color: #fff;
    color: black;
    border: solid 1px #BFBFBF;
}

.dtef-theme.light .search textarea.searchbox__input::placeholder {
    color: #595959;
    font-style: italic;
}

.dtef-theme .search .searchbox__container .searchbox__icon-container-right {
    display: none;
}

.dtef-theme .search .searchbox__submit-button.slds-button {
    right: 3rem;
    width: auto;
    padding: 0;
    background-color: unset;
}

.dtef-theme .search .searchbox__submit-button.slds-button:focus {
    border-color: unset;
}

.dtef-theme .search .searchbox__submit-button.slds-button svg {
    width: 1.375rem;
    height: 1.375rem;
}

.dtef-theme.dark a > svg.dark-tg-100 > path,
.dtef-theme.dark .search .searchbox__submit-button.slds-button svg {
    fill: #D9D9D9;
}

.dtef-theme.light a > svg.light-cmb > path,
.dtef-theme.light .search .searchbox__submit-button.slds-button svg {
    fill: #0F69A0;
}

.dtef-theme.dark .search input {
    background-color: #38405f;
    border: none;
}

.dtef-theme.light .search input {
    background-color: #fff;
    border: 1px solid #8e8e93;
}

.dtef-theme.dark .profile.dropdown.active {
    background-color: #1c2534;
}

.dtef-theme.dark .profile.dropdown.active .content {
    background-color: #1c2534;
}

.dtef-theme.light .profile.dropdown.active {
    background-color: #fff;
}

.dtef-theme.light .profile.dropdown.active .content {
    background-color: #fff;
}


/****    Nav    ****/
.dtef-theme.dark .left-nav-container {
    background-color: #1c2534;
    border-right: solid 1px #3a485d;
}

.dtef-theme.light .left-nav-container {
    background-color: #FFF;
    border-right: solid 1px #d1d1d6;
}

.dtef-theme .left-nav .left-nav-container a.navigation-menu-item {
    font-weight: 500;
    font-size: 1rem;
}

.dtef-theme.dark .left-nav .left-nav-container a.navigation-menu-item {
    color: #D1D1D6;
}

.dtef-theme.dark .left-nav .left-nav-container a.navigation-menu-item.home {
    color: #BFBFBF;
}

.dtef-theme.dark .left-nav .left-nav-container a.navigation-menu-item.active,
.dtef-theme.dark .left-nav .left-nav-container anavigation-menu-item.home.active {
    background-color: #424f7c;
    color: #fff;
    border-radius: 1.5rem;
    font-weight: 700;
    font-size: 1rem;
    width: 95%;
}

.dtef-theme.light .left-nav .left-nav-container a.navigation-menu-item.active,
.dtef-theme.light .left-nav .left-nav-container anavigation-menu-item.home.active {
    background-color: #424f7c;
    color: #fff;
    border-radius: 1.5rem;
    font-weight: 700;
    font-size: 1rem;
    width: 95%;
}

.dtef-theme.dark .left-nav .left-nav-container a i:not(.close-mobile-menu-item i, .bottom-menu-item i) {
    color: #5ac8fa;
}

.dtef-theme.light .left-nav .left-nav-container a i:not(.close-mobile-menu-item i, .bottom-menu-item i) {
    color: #00A4E4;
}

.dtef-theme.dark .left-nav .left-nav-container a.active i {
    color: #fff;
}

.dtef-theme.light .left-nav .left-nav-container a.active i {
    color: #fff;
}

.dtef-theme.dark .left-nav .left-nav-container a.bottom-menu-item i,
.dtef-theme.light .left-nav .left-nav-container a.bottom-menu-item i {
    color: #E67624;
}

.dtef-theme.dark .left-nav-container h4 {
    color: #d1d1d6;
    font-weight: 500;
    font-size: 0.875rem;
}

.dtef-theme.light .left-nav-container h4 {
    color: #8e8e93;
    font-weight: 500;
    font-size: 0.875rem;
}


/****    Content    ****/
.dtef-theme.dark .right-content::before {
    content: "";
    background-image: url('/sfsites/c/resource/dtef_background_mask?v=2');
    background: linear-gradient(to right, rgba(22, 26, 41, 1), rgba(22, 26, 41, 0)), url('/sfsites/c/resource/dtef_background_mask?v=2');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: .75;
}

.dtef-theme.light .right-content {
    background: #fafafa;
}

.dtef-theme.light .light-shadow {
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .2));
}

.dtef-theme.light .light-shadow-inset {
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .08);
}


/****    Buttons    ****/
.button {
    display: inline-block;
    padding: .5rem .75rem;
    border-radius: 1.5rem;
}

.button i {
    display: inline-block;
    padding-right: .25rem;
}

.back.button {
    margin: 1rem 0;
    padding: .25rem .75rem;
    color: #00a4e4;
    border-color: #00a4e4;
}

.dtef-theme.light a.back.button,
.dtef-theme.light a.back.button:active,
.dtef-theme.light a.back.button:hover,
.dtef-theme.light a.back.button:target,
.dtef-theme.light a.back.button:visited,
.dtef-theme.light a.back.button:link,
.dtef-theme.light a.back.button:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.light a.back.button:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #0F69A0;
}

.button.outline {
    display: inline-block;
    padding: .25rem 1rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
}

.dtef-theme.dark .button.outline {
    color: #009DDB;
    border: 1px solid #009DDB;
}

.dtef-theme.light .button.outline {
    color: #0F69A0;
    border: 1px solid #0F69A0;
}

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

.dtef-theme a.button.primary {
    background-color: #009ddb;
    border: none;
    font-size: 1.125rem;
}

.dtef-theme.dark a.button.primary,
.dtef-theme.dark a.button.primary:active,
.dtef-theme.dark a.button.primary:hover,
.dtef-theme.dark a.button.primary:target,
.dtef-theme.dark a.button.primary:visited,
.dtef-theme.dark a.button.primary:link,
.dtef-theme.dark a.button.primary:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.dark a.button.primary:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #fff;
}

.dtef-theme.light a.button.primary,
.dtef-theme.light a.button.primary:active,
.dtef-theme.light a.button.primary:hover,
.dtef-theme.light a.button.primary:target,
.dtef-theme.light a.button.primary:visited,
.dtef-theme.light a.button.primary:link,
.dtef-theme.light a.button.primary:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.light a.button.primary:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #fff;
}

.dtef-theme.light a.button.primary.light-bmb {
    background-color: #0F69A0;
}

.dtef-theme a.button.primary.purple {
    background-color: #8D37D1;
}

.dtef-theme a.button.primary.nonstandard-blue {
    background-color: #00A4E4;
}

.dtef-theme.dark .button.secondary {
    padding-left: 1rem;
    padding-right: 1rem;
    color: #d1d1d6;
    background-color: #3c435e;
}

.dtef-theme.light .button.secondary {
    padding-left: 1rem;
    padding-right: 1rem;
    color: #d1d1d6;
    background-color: #3c435e;
}

.dtef-theme .button.tertiary {
    padding: .5rem 1.125rem;
    font-size: .875rem;
    font-weight: 500;
}

.dtef-theme.dark .button.tertiary {
    color: #d1d1d6;
    background-color: #2a3148;
    border: solid 1px #8e8e93;
}

.dtef-theme .toggle.pill {
    padding: .25rem 1.25rem;
    font-size: .875rem;
    border-style: solid;
    border-width: 1px;
    border-radius: 1rem;
}

.dtef-theme.dark .toggle.pill {
    color: #d1d1d6;
    background-color: #2f3b4e;
    border-color: #72747d;
}

/****    Assessments Overrides   ****/
.dtef-theme .assessments .scrollable::-webkit-scrollbar {
    width: 8px;
}

.dtef-theme .assessments .scrollable::-webkit-scrollbar-track {
    border-radius: 4px;
}

.dtef-theme.dark .assessments .scrollable::-webkit-scrollbar-track {
    background: #303549;
}

.dtef-theme.light .assessments .scrollable::-webkit-scrollbar-track {
    background: #CBD2D9;
}

.dtef-theme .assessments .scrollable::-webkit-scrollbar-thumb {
    border-radius: 4px;
}

.dtef-theme.dark .assessments .scrollable::-webkit-scrollbar-thumb {
    background-color: #007aff;
}

.dtef-theme.light .assessments .scrollable::-webkit-scrollbar-thumb {
    background-color: #0F69A0;
}

.dtef-theme.dark .assessments .button.outline,
.dtef-theme.light .assessments .button.outline,
.dtef-theme.dark .assessments .button.primary,
.dtef-theme.light .assessments .button.primary,
.dtef-theme.dark .modal-assessments .button.outline,
.dtef-theme.light .modal-assessments .button.outline,
.dtef-theme.dark .modal-assessments .button.primary,
.dtef-theme.light .modal-assessments .button.primary {
    text-transform: capitalize;
    font-size: 1.125rem;
    font-weight: 500;
}

.dtef-theme.dark .assessments .tile .button,
.dtef-theme.light .assessments .tile .button,
.dtef-theme.dark .modal-assessments .tile .button,
.dtef-theme.light .modal-assessments .tile .button {
    display: block;
    width: 100%;
    padding: .66rem;
    text-align: center;
}

.dtef-theme.dark .assessments.scope-and-target .button.outline,
.dtef-theme.light .assessments.scope-and-target .button.outline,
.dtef-theme.dark .assessments.scope-and-target .button.primary,
.dtef-theme.light .assessments.scope-and-target .button.primary {
    font-size: 1.5rem;
    font-weight: 500;
}

.dtef-theme.dark .slds-popover.popup-card {
    background-color: #1C2534;
    border: 1px solid #00A4E4;
}

.dtef-theme.light .slds-popover.popup-card {
    background-color: #F9FAFB;
    border: 1px solid #A6A6A6;
}

.dtef-theme.dark .score-button {
    background-color: #34425A;
    color: #FFF;
}

.dtef-theme.light .score-button {
    background-color: #F2F4F7;
    color: #404040;
}

.dtef-theme.light .score-button.arrow-button {
    color: #FFF;
}

.dtef-theme.dark .slds-popover.popup-card.practice-target-popover .level-item .level-right .level-heading {
   color: #FFF; 
}

.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item .level-right .level-heading {
   color: #404040; 
}

.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item-selected .level-right .level-heading,
.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item:hover .level-right .level-heading {
    color: #FFF;
}

.dtef-theme.dark .slds-popover.popup-card.practice-target-popover .level-item .level-right .level-description {
    color: #D1D1D6;
}

.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item .level-right .level-description {
    color: #595959;
}

.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item-selected .level-right .level-description,
.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item:hover .level-right .level-description {
    color: #F6F7F8;
}

.dtef-theme.dark .slds-popover.popup-card.practice-target-popover .level-item-selected,
.dtef-theme.dark .slds-popover.popup-card.practice-target-popover .level-item:hover,
.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item-selected,
.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item:hover {
    background-color: #574AA7;
    width: 100%;
}

.dtef-theme.dark .slds-popover.popup-card.practice-target-popover .level-item-selected .level-circle,
.dtef-theme.dark .slds-popover.popup-card.practice-target-popover .level-item:hover .level-circle {
    background-color: #1C2534;
}

.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item-selected .level-circle,
.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item:hover .level-circle {
    background-color: #F6F7F8;
}

.dtef-theme.dark .slds-popover.popup-card.practice-target-popover .level-item + hr {
    border-top: 1px solid #475467;
}

.dtef-theme.light .slds-popover.popup-card.practice-target-popover .level-item + hr {
    border-top: 1px solid #52606D;
}

.dtef-theme.dark .assessments .massive-button {
    background-color: #2F3B4E;
    border: solid 1px #334663;
}

.dtef-theme.light .assessments .massive-button {
    background-color: #F6F7F8;
    border: solid 1px #CBD2D9;
}

.dtef-theme.dark .button-thick-outline {
    border: 2px solid var(--dtef-dark-theme-button-outline-color);
}

.dtef-theme.light .button-thick-outline {
    border: 2px solid var(--dtef-light-theme-button-outline-color);
}

.dtef-theme.dark .assessments .download-button {
    border: 1px solid #00A4E4;
}

.dtef-theme.light .assessments .download-button {
    border: 1px solid #0F69A0;
}

.dtef-theme.dark .assessments .dropdown-trigger {
    border: 1px solid #00A4E4;
    background-color: #1B2232;
    color: #8C8C8C;
}

.dtef-theme.light .assessments .dropdown-trigger {
    border: 1px solid #0F69A0;
    background-color: #F2F4F7;
    color: #737373;
}

.dtef-theme.dark .assessments .dropdown-menu {
    background: #1B2232;
    border: 1px solid #00A4E4;
}

.dtef-theme.light .assessments .dropdown-menu {
    background: #fff;
    border: 1px solid #9AA5B1;
}

.dtef-theme.dark .assessments .dropdown-section::after {
    background-color: #3F4B59;
}

.dtef-theme.light .assessments .dropdown-section::after {
    background-color: #9AA5B1;
}

.dtef-theme.dark .assessments .dropdown-icon {
    --slds-c-icon-color-foreground-default: #fff;
}

.dtef-theme.light .assessments .dropdown-icon {
    --slds-c-icon-color-foreground-default: #0F69A0;
}

.dtef-theme.dark .assessments .compare-modal-container .scrollable {
    scrollbar-color: #00A4E4 #303549;
}

.dtef-theme.light .assessments .compare-modal-container .scrollable {
    scrollbar-color: #0F69A0 #E5E7EB;
}

.dtef-theme.dark .assessments .selected-label {
    color: #FFF;
}

.dtef-theme.light .assessments .selected-label {
    color: #404040;
}

.dtef-theme.dark .assessments .tile.tile-dashed {
    border-color: #4D668C;
}

.dtef-theme.dark .assessments .custom-input {
    border-width: 0;
    background: #303D52;
}

.dtef-theme.light .assessments .custom-input {
    border: 1px solid #00A4E4;
    background: #CBD2D9;
}

.dtef-theme.dark .assessments .tile.upgrade-tile {
    border-color: none;
    background: #1C2534;
    filter: none;
}

.dtef-theme.light .assessments .tile.upgrade-tile {
    border-color: none;
    background: #E5E7EB;
    filter: none;
}

.dtef-theme.dark .assessments .start-assessment-tile {
    background: #1C2534;
    border-color: #4D668C;
}

.dtef-theme.light .assessments .start-assessment-tile {
    background: #FFF;
    border: 1px dashed #98A2B3;
}

.dtef-theme.dark .assessments .custom-tile, .dtef-theme.dark .assessments .preset.tile {
    border: 2px solid #41597C;
}

.dtef-theme.light .assessments .custom-tile, .dtef-theme.light .assessments .preset.tile {
    border: 2px solid #9AA5B1;
}

.dtef-theme.dark .assessments .practice-rundown .tile {
    border-color: #52606D;
    filter: none;
}

.dtef-theme.dark .assessments .tile .assessment-action-icon {
    fill: #009DDB;
}

.dtef-theme.light .assessments .tile .assessment-action-icon {
    fill: #0F69A0;
}

.dtef-theme .assessments .tile .assessment-delete-action-icon {
    fill: #E31837;
}

.dtef-theme.dark .assessments .tile .icon-container.blue-border {
    border: 1px solid #00A4E4;
}

.dtef-theme.light .assessments .tile .icon-container.blue-border {
    border: 1px solid #0F69A0;
}

.dtef-theme .assessments .tile .icon-container.red-border {
    border: 1px solid #E31837;
}

.dtef-theme.light .assessments .practice-rundown .tile {
    border-color: #9AA5B1;
    filter: none;
}

.dtef-theme.dark .assessments .practice-rundown .tile .circle-icon {
    background-color: #38405F;
    color: #B2E4F7;
}

.dtef-theme.light .assessments .practice-rundown .tile .circle-icon {
    background-color: #E5E7EB;
    color: #00A4E4;
}

.dtef-theme.dark .assessments.compare-result .circle-icon {
    border: 1px solid #00A4E4;
    color: #00A4E4;
}

.dtef-theme.light .assessments.compare-result .circle-icon  {
    border: 1px solid #0F69A0;
    color: #0F69A0;
}

.dtef-theme.dark .assessments .practice-rundown a.button.primary {
    background-color: #00A4E4;
    color: #fff;
}

.dtef-theme.light .assessments .practice-rundown a.button.primary {
    background-color: #07649D;
    color: #fff;
}

.dtef-theme.dark .assessments .assessments-heading aside {
    background-color: #1C2534;
    border-color: #1C2534;
}

.dtef-theme.light .assessments .assessments-heading aside {
    background-color: #FFF;
    border-color: #FFF;
}

.dtef-theme.dark .assessments.scope-and-target .tab,
.dtef-theme.light .assessments.scope-and-target .tab {
    background-color: #424F7C;
    border: none;
}

.dtef-theme.dark .assessments.scope-and-target .tab.deselected {
    background-color: #3F4B59;
    border: none;
}

.dtef-theme.light .assessments.scope-and-target .tab.deselected {
    background-color: #8C8C8C;
    border: none;
}

.dtef-theme.dark .assessments.scope-and-target .tab.slds-is-active,
.dtef-theme.dark .assessments.scope-and-target .tab.deselected.slds-is-active {
    background-color: #161A29;
    border-top: 2px solid #5972D0;
    border-right: 2px solid #5972D0;
    border-left: 2px solid #5972D0;
}

.dtef-theme.light .assessments.scope-and-target .tab.slds-is-active,
.dtef-theme.light .assessments.scope-and-target .tab.deselected.slds-is-active {
    background-color: #F7F8F9;;
    color: #404040;
    border-top: 2px solid #5972D0;
    border-right: 2px solid #5972D0;
    border-left: 2px solid #5972D0;
}

.dtef-theme.light .assessments.scope-and-target.custom .tab.slds-is-active a,
.dtef-theme.light .assessments.scope-and-target.custom .tab.deselected.slds-is-active a {
    color: #404040 !important;
}

.dtef-theme.light .assessments.scope-and-target.preset .tab.slds-is-active a,
.dtef-theme.light .assessments.scope-and-target.preset .tab.deselected.slds-is-active a {
    color: #424F7C !important;
}

.dtef-theme.dark .assessments.scope-and-target .domain-panel svg.domain-icon circle,
.dtef-theme.dark .assessments.scope-and-target .domain-panel svg.trust-factor-icon circle,
.dtef-theme.dark .assessments.start svg.domain-icon circle {
      fill: #38405F;
}

.dtef-theme.light .assessments.scope-and-target .domain-panel svg.domain-icon circle,
.dtef-theme.light .assessments.scope-and-target .domain-panel svg.trust-factor-icon circle,
.dtef-theme.light .assessments.start svg.domain-icon circle {
      fill: #CBD2D9;
}

.dtef-theme.dark .assessments.scope-and-target .domain-panel svg.domain-icon path,
.dtef-theme.dark .assessments.scope-and-target .domain-panel svg.trust-factor-icon path,
.dtef-theme.dark .assessments.start svg.domain-icon path {
      fill: #B2E4F7;
}

.dtef-theme.light .assessments.scope-and-target .domain-panel svg.domain-icon path,
.dtef-theme.light .assessments.scope-and-target .domain-panel svg.trust-factor-icon path,
.dtef-theme.light .assessments.start svg.domain-icon path {
      fill: #00A4E4;
}

.dtef-theme.dark .assessments.scope-and-target .domain-panel .practice {
    background: #1C2534;
    border-color: #41597C;
}

.dtef-theme.light .assessments.scope-and-target .domain-panel .practice {
    background: #FFF;
    border-color: #A6A6A6;
}

.dtef-theme.dark .assessments.scope-and-target .circle-icon.unset {
    border: none;
    background-color: #303752;
}

.dtef-theme.light .assessments.scope-and-target .circle-icon.unset {
    border: none;
    background-color: #D9D9D9;
}

.dtef-theme.dark .assessments.scope-and-target .circle-icon.set,
.dtef-theme.light .assessments.scope-and-target .circle-icon.set {
    border: solid 3px #00a4e4;
    background-color: #332681;
}

.dtef-theme.dark .assessments.compare-result .tab.slds-is-active {
    border-top: 2px solid #5972D0;
    border-right: 2px solid #5972D0;
    border-left: 2px solid #5972D0;
    border-bottom: none!important;
    background: #161A29;
}

.dtef-theme.light .assessments.compare-result .tab.slds-is-active {
    border-top: 2px solid #5972D0;
    border-right: 2px solid #5972D0;
    border-left: 2px solid #5972D0;
    border-bottom: none!important;
    background: #F7F8F9;
}

.dtef-theme.dark .modal-custom .modal-container {
    border: 1px solid #416EBA;
    box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.85);
}

.dtef-theme.light .modal-custom .modal-container {
    border: 1px solid #BFBFBF;
    background: #FFF;
    box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.15);
}

.dtef-theme.dark .modal-custom .modal-container.edit-mode {
    border: 1px solid #416EBA;
    background: #1C2534;
    box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.85);
}

.dtef-theme.dark .modal-container.edit-mode h2 {
    color: #FFF;
}

.dtef-theme.light .modal-container.edit-mode h2 {
    color: #1D2D5C;
}

.dtef-theme.dark .modal-container.edit-mode .description {
    color: #D1D1D6;
}

.dtef-theme.light .modal-container.edit-mode .description {
    color: #595959;
}

.dtef-theme.dark .modal-container.edit-mode .desktop-buttons .cancel-button,
.dtef-theme.dark .modal-container.edit-mode .mobile-buttons .cancel-button {
    border-color: #4C6183;
}
.dtef-theme.light .modal-container.edit-mode .desktop-buttons .cancel-button,
.dtef-theme.light .modal-container.edit-mode .mobile-buttons .cancel-button {
    border-color: #0F69A0;
}

.dtef-theme.dark  .modal-container.edit-mode .confirm-button {
    background: #00A4E4;
}

.dtef-theme.light  .modal-container.edit-mode .confirm-button {
    background: #0F69A0;
}

.dtef-theme.dark .modal-container.assessments.confirm-settings-modal .target-tile {
    background: #374864;
}

.dtef-theme.light .modal-container.assessments.confirm-settings-modal .target-tile {
    background: #F6F7F8;
}

.dtef-theme.dark .modal-container.assessments.confirm-settings-modal .target-tile {
    background: #374864;
}

.dtef-theme.light .modal-container.assessments.confirm-settings-modal .target-tile {
    background: #F6F7F8;
}

.dtef-theme.dark .modal-container.assessments.confirm-settings-modal .target-tile-header h2 {
    color: #FFF;
}

.dtef-theme.light .modal-container.assessments.confirm-settings-modal .target-tile-header h2 {
    color: #595959;
}

.dtef-theme.dark .modal-container.assessments.confirm-settings-modal .target-tile-header p {
    color: #D1D1D6;
}

.dtef-theme.light .modal-container.assessments.confirm-settings-modal .target-tile-header p {
    color: #595959;
}

.dtef-theme.dark  .modal-container.assessments.confirm-settings-modal .target-tile-footer {
    background: #29364D;
}

.dtef-theme.light  .modal-container.assessments.confirm-settings-modal .target-tile-footer {
    background: #CBD2D9;
}

.dtef-theme.dark  .modal-container.assessments.confirm-settings-modal .target-tile-footer a,
.dtef-theme.dark  .modal-container.assessments.confirm-settings-modal .target-tile-footer a:hover {
    color: #0FBBFF;
}

.dtef-theme.light  .modal-container.assessments.confirm-settings-modal .target-tile-footer a,
.dtef-theme.light  .modal-container.assessments.confirm-settings-modal .target-tile-footer a:hover {
    color: #0F69A0;
}

.dtef-theme.light .modal-container.assessments.new-assessment-modal .custom-input {
    border: none;
    background: #F6F7F8;
}

.dtef-theme.light .modal-container.assessments.new-assessment-modal input.custom-input:focus {
    border: 1px solid #00A4E4;
    outline: none;
}

.dtef-theme.dark .assessments.select-domains-page .domain-tile {
    background-color: #1C2534;
    border: 1px solid #574AA7;
}

.dtef-theme.light .assessments.select-domains-page .domain-tile {
    border: 1px solid #A6A6A6;
    background: #CBD2D9;
}

.dtef-theme.dark .assessments.select-domains-page .domain-tile .domain-label {
    color: #B2E4F7;
}

.dtef-theme.light .assessments.select-domains-page .domain-tile .domain-label {
    color: #009DDB;
}

.dtef-theme.dark .assessments.select-domains-page .domain-tile .domain-title {
    color: #FFF; 
}

.dtef-theme.light .assessments.select-domains-page .domain-tile .domain-title {
    color: #595959;
}

.dtef-theme.dark .assessments.select-domains-page .domain-tile .domain-description {
    color: #D1D1D6;
}

.dtef-theme.light .assessments.select-domains-page .domain-tile .domain-description {
    color: #595959;
}

.dtef-theme.dark .assessments.select-domains-page .domain-tile.selected {
    background-color: #574AA7;
}

.dtef-theme.light .assessments.select-domains-page .domain-tile.selected {
    border: 1px solid transparent;
    background: #574AA7;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.64);
}

.dtef-theme.light .assessments.select-domains-page .domain-tile.selected .domain-label {
    color: #B2E4F7;
}

.dtef-theme.light .assessments.select-domains-page .domain-tile.selected .domain-title {
    color: #FFF;
}

.dtef-theme.light .assessments.select-domains-page .domain-tile.selected .domain-description {
    color: #D1D1D6;
}
    
.dtef-theme.dark .assessments.select-domains-page .domain-tile.deselected {
    background-color: #1C2534;
}

.dtef-theme.light .assessments.select-domains-page .domain-tile.deselected {
    border: 1px solid #A6A6A6;
    background: #CBD2D9;
}

.dtef-theme.dark .assessments.assessment-guidance .custom-divider {
    border-color: #595959;
}

.dtef-theme.light .assessments.assessment-guidance .custom-divider {
    border-color: #9AA5B1;
}

.dtef-theme.dark .slds-popover.outcomes-card,
.dtef-theme.dark .slds-popover.relationship-card {
    background-color: #273347;
    border: 1px solid #273347;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.50);
}

.dtef-theme.light .assessments.scope-and-target .domain-panel .trust-factor.deselected h3 a span {
    color: #8C8C8C;
}

.dtef-theme.dark .assessments.scope-and-target .domain-panel .practice-target-box,
.dtef-theme.dark .assessments.scope-and-target .domain-panel .practice-target-box .target-top {
    background-color: #34425A;
}

.dtef-theme.light .assessments.scope-and-target .domain-panel .practice-target-box,
.dtef-theme.light .assessments.scope-and-target .domain-panel .practice-target-box .target-top {
    background-color: #F2F2F2;
}

.dtef-theme.dark .assessments.scope-and-target .domain-panel .practice-target-box .target-value {
    color: #fff;
}

.dtef-theme.light .assessments.scope-and-target .domain-panel .practice-target-box .target-value {
    color: #595959;
}

.dtef-theme.dark .assessments.scope-and-target .domain-panel .practice-target-box .target-bottom {
    background-color: #2C3A4C;
}

.dtef-theme.light .assessments.scope-and-target .domain-panel .practice-target-box .target-bottom {
    background-color: #9AA5B1;
}

.dtef-theme.dark .assessments.scope-and-target .domain-panel .practice-target-box .target-bottom .dropdown-icon {
    border-color: #fff;
}

.dtef-theme.light .assessments.scope-and-target .domain-panel .practice-target-box .target-bottom .dropdown-icon {
    color: #52606D;
}

.dtef-theme.light .assessments.scope-and-target .button.tertiary {
    color: #52606D;
    border: solid 1px #52606D;
}

.dtef-theme.dark .assessments.scope-and-target .dropdown {
    background: #273347;
    box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.80);
}

.dtef-theme.light .assessments.scope-and-target .dropdown {
    border: 1px solid #A6A6A6;
    background: #F6F7F8;
    box-shadow: 0px 8px 64px 0px rgba(0, 0, 0, 0.15);
}

.dtef-theme.dark .assessments.scope-and-target .dropdown-heading a,
.dtef-theme.dark .assessments.scope-and-target .dropdown-item i {
    color: #05B8FF;
}

.dtef-theme.light .assessments.scope-and-target .dropdown-heading a,
.dtef-theme.light .assessments.scope-and-target .dropdown-item i {
    color: #0F69A0;
}

.dtef-theme.dark .assessments.scope-and-target .dropdown .custom-divider {
    border-color: #3C4D8C;
}

.dtef-theme.light .assessments.scope-and-target .dropdown .custom-divider {
    border-color: #9AA5B1;
}

.dtef-theme.dark .assessments.scope-and-target .dropdown .domains-deselect-all a {
    color: #0FBBFF;
}

.dtef-theme.light .assessments.scope-and-target .dropdown .domains-deselect-all a {
    color: #0F69A0;
}

.dtef-theme.dark .modal-container.assessments-set-universal-target-modal .product-wrapper .circle-icon {
    background-color: #161a29;
    border: solid 1px #00a4e4;
    color: #fff;
}

.dtef-theme.light .modal-container.assessments-set-universal-target-modal .product-wrapper .circle-icon {
    background-color: #3F4B59;
    border: solid 1px #0F69A0;
    color: #fff;
}

.dtef-theme.dark .modal-container.assessments-set-universal-target-modal .product-wrapper:has(a.selected) .circle-icon,
.dtef-theme.light .modal-container.assessments-set-universal-target-modal .product-wrapper:has(a.selected) .circle-icon {
    background-color: #332681;
    border: solid 3px #00A4E4;
    color: #fff;
}

.dtef-theme.dark .modal-container.assessments-set-universal-target-modal .purchase-options .product.selected .heading,
.dtef-theme.light .modal-container.assessments-set-universal-target-modal .purchase-options .product.selected .heading {
    background: linear-gradient(180deg, #332681 0%, #251970 100%);
    border-bottom: 2px solid #0D5C7B;
}

.dtef-theme.light .modal-container.assessments-set-universal-target-modal .tile {
    border-radius: 1.5rem;
    border: 1px solid var(--ISACA-Secondary-Medium-Blue---0F69A0, #0F69A0);
    background: var(--ISACA-Gray-50, #F6F7F8);
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.15);
}

.dtef-theme.light .modal-container.assessments-set-universal-target-modal .product .heading {
    border-bottom: 1px solid #0F69A0;
    background: #CBD2D9;
    color: #1D2D5C;
}

.dtef-theme.dark .assessments.start .assessments-heading {
    border-bottom: solid 2px #344054;
}

.dtef-theme.light .assessments.start .assessments-heading {
    border-bottom: solid 2px #9AA5B1;
}

.dtef-theme.dark .assessments.start .assessments-content .steps img.steps-dark {
    display: inline;
}

.dtef-theme.dark .assessments.start .assessments-content .steps img.steps-light {
    display: none;
}

.dtef-theme.light .assessments.start .assessments-content .steps img.steps-light {
    display: inline;
}

.dtef-theme.light .assessments.start .assessments-content .steps img.steps-dark {
    display: none;
}

.dtef-theme.dark .assessments.start .assessments-content .tile svg path {
    fill: #FBB034;
}

.dtef-theme.light .assessments.start .assessments-content .tile svg path {
    fill: #DF7326;
}

.dtef-theme.dark .assessments.start .assessments-content .button-header {
    color: #FFF;
}

.dtef-theme.light .assessments.start .assessments-content .button-header {
    color: #0F69A0;
}

.dtef-theme.dark .assessments.start .assessments-content .button.drop-down {
    background-color: #1C2534;
    border: 1px solid #00A4E4;
}

.dtef-theme.light .assessments.start .assessments-content .button.drop-down {
    background-color: #E5E7EB;
    border: 1px solid #0F69A0;
}

.dtef-theme.dark .assessments.start .assessments-content .button.drop-down.open {
    border: 1px solid #475467;
    background: #1C2534;
}

.dtef-theme.light .assessments.start .assessments-content .button.drop-down.open {
    border: 1px solid #9AA5B1;
    background: #F6F7F8;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.dtef-theme.light .assessments .modal {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);
}

.dtef-theme.dark .assessments .modal {
    border-radius: 16px;
    background: #273347;
    box-shadow: 0 8px 64px 0 rgba(0, 0, 0, 0.80);
}

.dtef-theme.dark .assessments.start .assessments-content .button.drop-down.has-selection {
    border: 1px solid #475467;
    background: #1C2534;
}

.dtef-theme.light .assessments.start .assessments-content .button.drop-down.has-selection {
    border: 1px solid #9AA5B1;
    background: #F6F7F8;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.dtef-theme.dark .assessments.start .assessments-content .answer-option {
    background-color: #1C2534;
    border: 1px solid #00A4E4;
    color: #FFF;
}

.dtef-theme.light .assessments.start .assessments-content .answer-option {
    background-color: #E5E7EB;
    border: 1px solid #0F69A0;
    color: #0F69A0;
}

.dtef-theme.dark .assessments.start .assessments-content .answer-option.selected {
    background-color: #574AA7;
}

.dtef-theme.light .assessments.start .assessments-content .answer-option.selected {
    background-color: #6558B1;
    border: none;
    color: #FFF;
}

.dtef-theme.dark .assessments.start .assessments-content .selected-display {
    background-color: #574AA7;
    color: #FFF;
}

.dtef-theme.light .assessments.start .assessments-content .selected-display {
    background-color: #6558B1;
    border: none;
    color: #FFF;
}

.dtef-theme.dark .assessments.start .assessments-content .button.outline.selected {
    background-color: #574AA7;
    border: 1px solid #574AA7;
    color: #FFFFFF;
}

.dtef-theme.light .assessments.start .assessments-content .button.outline.selected {
    background-color: #6558B1;
    border: none;
    color: #FFF;
}

.dtef-theme.dark .assessments.start .assessments-content .note-label {
    color: #BFBFBF;
    background-color: #1C2534;
}

.dtef-theme.light .assessments.start .assessments-content .note-label {
    color: #8C8C8C;
    background: linear-gradient(180deg, #FAFAFA 0%, #F2F4F7 100%);
}

.dtef-theme.dark .assessments.compare-result .note-label {
    background: linear-gradient(180deg, #161A29 0%, #1C2534 100%);
    color: #BFBFBF;
}

.dtef-theme.light .assessments.compare-result .note-label {
    background: linear-gradient(180deg, #FAFAFA 0%, #EAECF0 100%);
    color: #8C8C8C;
}

.dtef-theme.dark .assessments.compare-result .note-field {
    border: 1px solid #52606D;
    background: #1C2534;
    color: #FFF;
}

.dtef-theme.light .assessments.compare-result .note-field {
    border: 1px solid #9AA5B1;
    background: #F2F4F7;
    color: #595959;
}

.dtef-theme.dark .assessments.start .assessments-content .note-field {
    border: 1px solid #475467;
    background-color: #1C2534;
    color: #FFF;
}

.dtef-theme.light .assessments.start .assessments-content .note-field {
    border: 1px solid #9AA5B1;
    background: #E5E7EB;
    color: #595959;
}

.dtef-theme.dark .domain-id-label,
.dtef-theme.dark .assessments.start .assessments-content .note-field::placeholder {
    color: #BFBFBF;
}

.dtef-theme.light .assessments.start .assessments-content .note-field::placeholder {
    color: #737373;
}

.dtef-theme.dark .assessments.start .assessments-content aside .button,
.dtef-theme.dark .assessments.start .assessments-content aside .button:active,
.dtef-theme.dark .assessments.start .assessments-content aside .button:hover,
.dtef-theme.dark .assessments.start .assessments-content aside .button:visited {
    color: #BFBFBF;
}

.dtef-theme.light .assessments.start .assessments-content aside .button,
.dtef-theme.light .assessments.start .assessments-content aside .button:active,
.dtef-theme.light .assessments.start .assessments-content aside .button:hover,
.dtef-theme.light .assessments.start .assessments-content aside .button:visited {
    color: #0F69A0;
}

.dtef-theme.dark .assessments.start .assessments-content .char-counter {
    color: #8C8C8C;
}

.dtef-theme.light .assessments.start .assessments-content .char-counter {
    color: #8C8C8C;
}

.dtef-theme.dark .assessments.start .assessments-heading button.close-button-modal {
    color: #05B8FF;
}

.dtef-theme.light .assessments.start .assessments-heading button.close-button-modal {
    color: #0F69A0;
}

.dtef-theme.dark .assessments.start .assessments-content li i {
    color: #FBB034;
}

.dtef-theme.light .assessments.start .assessments-content li i {
    color: #DF7326;
}

.dtef-theme.dark .assessments .assessments-footer {
    border-top: 1px solid #415D8A;
    background: #161A29;
    box-shadow: 0px -8px 24px 0px rgba(0, 0, 0, 0.64);
}

.dtef-theme.light .assessments .assessments-footer {
    border-top: 1px solid #A6A6A6;
    background: #FFF;
    box-shadow: 0px -8px 24px 0px rgba(0, 0, 0, 0.08);
}

.dtef-theme.light .slds-popover.outcomes-card,
.dtef-theme.light .slds-popover.relationship-card {
    background-color: #F9FAFB;
    border: 1px solid #F9FAFB;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.50);
}

.dtef-theme.dark .slds-popover.outcomes-card .close-button,
.dtef-theme.dark .slds-popover.relationship-card .close-button {
    color: var(--dtef-dark-theme-assessment-popover-close-color);
}

.dtef-theme.light .slds-popover.outcomes-card .close-button,
.dtef-theme.light .slds-popover.relationship-card .close-button {
    color: var(--dtef-light-theme-assessment-popover-close-color);
}

.dtef-theme.dark .slds-popover.outcomes-card .close-button svg path,
.dtef-theme.dark .slds-popover.relationship-card .close-button svg path {
    fill: var(--dtef-dark-theme-assessment-popover-close-color);
}

.dtef-theme.light .slds-popover.outcomes-card .close-button svg path,
.dtef-theme.light .slds-popover.relationship-card .close-button svg path {
    fill: var(--dtef-light-theme-assessment-popover-close-color);
}

.dtef-theme.dark .slds-popover.relationship-card .circle-icon {
    background-color: #38405F;
    color: #B2E4F7;
}

.dtef-theme.light .slds-popover.relationship-card .circle-icon {
    background-color: #EAECF0;
    color: #00A4E4;
}

.dtef-theme.dark .activity-item:not(:last-child),
.dtef-theme.dark .relationship-item:not(:last-child) {
    border-bottom: 1px solid #344054;
}

.dtef-theme.light .activity-item:not(:last-child),
.dtef-theme.light .relationship-item:not(:last-child) {
    border-bottom: 1px solid #9AA5B1;
}

.dtef-theme.dark .domain-panel dt {
    border-bottom: 2px solid #64676A;
}

.dtef-theme.light .domain-panel dt {
    border-bottom: 2px solid #A6A6A6;
}

.dtef-theme.dark .domain-panel dd {
    border-bottom: 1px solid #3A485E;
}

.dtef-theme.light .domain-panel dd {
    border-bottom: 1px solid #BFBFBF;
}

.dtef-theme.dark dd .practice-buttons a.disabled svg rect {
    stroke: #404040;
}

.dtef-theme.dark dd .practice-buttons a.disabled svg path {
    fill: #404040;
}

.dtef-theme.light dd .practice-buttons a.disabled svg rect {
    stroke: #BFBFBF;
}

.dtef-theme.light dd .practice-buttons a.disabled svg path {
    fill: #BFBFBF;
}

.dtef-theme.dark .chart, .dtef-theme.dark .tab.slds-is-active {
    color: #FFF;
    background-color: #1C2534;
    border-right: 1px solid #3A485E;
    border-left: 1px solid #3A485E;
}

.dtef-theme.light .chart, .dtef-theme.light .tab.slds-is-active {
    color: #1D2D5C;
    background-color: #F2F4F7;
    border-right: 1px solid #9AA4B1;
    border-left: 1px solid #9AA4B1;
}

.dtef-theme.light .tab {
    background-color: #424F7C;
    border-right: 1px solid #9AA4B1;
    border-left: 1px solid #9AA4B1;
    border-top: 1px solid #9AA4B1;
}

.dtef-theme.light .assessments.compare-result .tab.slds-is-active > a {
    color: #424F7C;
}

.dtef-theme.light .slds-tabs_default__item.tab.slds-is-active > a.slds-tabs_default__link {
    color: #1D2D5C;
}

.dtef-theme.light .slds-tabs_default__item.tab:not(.slds-is-active) > a.slds-tabs_default__link,
.dtef-theme.light .tab > a {
    color: #FFF;
}

.dtef-theme.dark .chart {
    border-bottom: 1px solid #3A485E;
}

.dtef-theme.light .chart {
    border-bottom: 1px solid #9AA4B1;
}

.dtef-theme.dark aside.button-container .compare-assessment,
.dtef-theme.dark aside.button-container .download-assessment,
.dtef-theme.dark .menu-panel .download-assessment,
.dtef-theme.dark .menu-panel .compare-assessment {
    color: #FFF;
    border: 1px solid var(--ISACA-Primary-Blue---00A4E4, #00A4E4);
}

.dtef-theme.light .menu-panel .download-assessment {
    color: #0F69A0;
    border: 1px solid var(--dtef-light-theme-button-outline-color);
}

.dtef-theme.light aside.button-container .compare-assessment,
.dtef-theme.light aside.button-container .download-assessment,
 .dtef-theme.light .menu-panel .compare-assessment {
    color: #0F69A0;
    border: 1px solid var(--ISACA-Primary-Blue---00A4E4, #0F69A0);
}

/****    Tiles    ****/
.tile {
    padding: 1.5rem 2rem;
    border-radius: 1.5rem;
}

.dtef-theme.dark .tile {
    background-color: #1c2534;
    border: solid 1px #00a4e4;
}

.dtef-theme.light .tile.cms-video-tile {
    border: 1px solid #0F69A0;
    background: #fff;
}

.dtef-theme.light .tile {
    background-color: #fff;
    border: solid 2px #D0D5DD;
    filter: drop-shadow(0 8px 12px rgba(0, 0, 0, .12));
}

.dtef-theme.dark .tool-tile {
    background-color: #2A3148;
    border: solid 1px #00A4E4;
    box-shadow: 0px 8px 24px 0px #000000A3;
}

.dtef-theme.light .tool-tile {
    background-color: #F9FAFB;
    border: solid 1px #D0D5DD;
    box-shadow: 0px 8px 24px 0px #00000014;
}

.dtef-theme.dark .dashboard h1 {
    font-weight: 700;
    color: #fff;
    max-width: 974px;
    font-size: 3.375rem;
    line-height: 4.45rem;
}

.dtef-theme.light .dashboard h1 {
    font-weight: 700;
    color: #1D2D5C;
    max-width: 974px;
    font-size: 3.375rem;
    line-height: 4.45rem;
}

.dtef-theme.dark .main-description {
    color: #EFEFF4;
}

.dtef-theme.light .main-description {
    color: #595959!important;
}

.dtef-theme div.abstract p {
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Roboto;
    font-size: 1.5rem;
    font-weight: 400;
}

.dtef-theme.dark .tile.dashboard p.button.secondary {
    background-color: transparent;
    color: #009DDB;
    border-radius: 32px;
    border: 2px solid #009DDB;
}

.dtef-theme.light .tile.dashboard p.button.secondary {
    background-color: transparent;
    color: #0F69A0;
    border-radius: 32px;
    border: 2px solid #0F69A0;
}

.dtef-theme.dark .tile.dashboard.primary.centered p.description {
    font-size: 1.5rem;
    font-weight: 500;
    color: #EFEFF4;
    line-height: normal;
}

.dtef-theme.dark .tile.dashboard.icon.centered p.description {
    font-size: 1.25rem;
    line-height: 1.465rem;
    font-weight: 500;
    color: #EFEFF4;
}

.dtef-theme.light .tile.dashboard.primary.centered p.description {
    font-size: 1.5rem;
    font-weight: 400;
    color: #595959;
    line-height: 1.875rem;
}

.dtef-theme.light .tile.dashboard.icon.centered p.description {
    font-size: 1.25rem;
    font-weight: 400;
    color: #595959;
}

.dtef-theme.dark .tile.dashboard.primary h2 {
    font-size: 2.25rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: #fff;
}

.dtef-theme.dark .tile.dashboard.icon h2 {
    font-size: 1.875rem;
    line-height: 2.1975rem;
    font-weight: 700;
    color: #fff;
}

.dtef-theme.light .tile.dashboard.primary h2 {
    font-size: 2rem;
    line-height: 2.375rem;
    font-weight: 600;
    color: #1D2D5C;
}

.dtef-theme.light .tile.dashboard.icon h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
    font-weight: 600;
    color: #1D2D5C;
}

.dtef-theme.light .tile .subscription-icon {
    background: #CBD6FF;
}

.dtef-theme.light .tile .subscription-icon-text {
    color: #344054;
}

.dtef-theme.dark .tile .subscription-icon {
    background: #8197EA;
}

.dtef-theme.dark .tile .subscription-icon-text {
    color: #000000;
}

.dtef-theme.dark h3.username.title {
    color: #F6F6FA;
}

.dtef-theme.light h3.username.title {
    color: #1D2D5C;
}

.dtef-theme.dark .content .subscription .title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.32rem;
}

.dtef-theme.light .content .subscription .title {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.dtef-theme.dark .subscription .purchased-content .left {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.72rem;
}

.dtef-theme.light .subscription .purchased-content .left {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.dtef-theme.dark .subscription .purchased-content .right {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.72rem;
}

.dtef-theme.light .subscription .purchased-content .right {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

/****    Ads    ****/
.dtef-theme.dark .member-ad {
    background-color: #273346;
}

.dtef-theme.light .member-ad {
    background-color: #fafafa;
}

.dtef-theme.dark .card .slds-text-heading_small {
    color: #fff;
}


/****    Animations    ****/
.fa-rotate-180:before {
    transform: rotate(180deg);
}

a.rotate-icon-hover:hover i:before {
    animation: 1s ease-in 0s 1 normal fa-spin;
}

i.fa-spin:before {
    animation: 2s fa-spin 0s linear;
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

/****    Chapter Pages    ****/
.dtef-theme.dark .chapter-content {
    color: #EFEFF4;
}

.dtef-theme.light .chapter-content {
    color: #404040;
}

.dtef-theme.dark .chapter-content blockquote {
    color: #fff;
}

.dtef-theme.light .chapter-content blockquote {
    color: #404040;
}

.dtef-theme.dark .chapter-content h2 {
    color: #B2E4F7;
}

.dtef-theme.light .chapter-content h2 {
    color: #1D2D5C;
}

.dtef-theme .chapter-content h2 {
    margin-top: 2.5rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.25rem;
}

.dtef-theme .chapter-content h3,
.dtef-theme .chapter-content h4 {
    margin-top: 2.5rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.25rem;
}

.dtef-theme.dark .chapter-content h3,
.dtef-theme.dark .chapter-content h4 {
    color: #ffffff;
}

.dtef-theme.light .chapter-content h3,
.dtef-theme.light .chapter-content h4 {
    color: #0F69A0;
}

.dtef-theme.dark .chapter-content h2~p,
.dtef-theme.dark .chapter-content h3~p,
.dtef-theme.dark .chapter-content h4~p,
.dtef-theme.dark .chapter-content h2~ul,
.dtef-theme.dark .chapter-content h3~ul,
.dtef-theme.dark .chapter-content h4~ul,
.dtef-theme.dark .chapter-content h2~ol,
.dtef-theme.dark .chapter-content h3~ol,
.dtef-theme.dark .chapter-content h4~ol,
.dtef-theme.dark .chapter-content h2~ul *,
.dtef-theme.dark .chapter-content h3~ul *,
.dtef-theme.dark .chapter-content h4~ul *,
.dtef-theme.dark .chapter-content h2~ol *,
.dtef-theme.dark .chapter-content h3~ol *,
.dtef-theme.dark .chapter-content h4~ol * {
    color: #D1D1D6;
}

.dtef-theme.light .chapter-content h2~p,
.dtef-theme.light .chapter-content h3~p,
.dtef-theme.light .chapter-content h4~p .dtef-theme.light .chapter-content h2~ul,
.dtef-theme.light .chapter-content h3~ul,
.dtef-theme.light .chapter-content h4~ul,
.dtef-theme.light .chapter-content h2~ol,
.dtef-theme.light .chapter-content h3~ol,
.dtef-theme.light .chapter-content h4~ol,
.dtef-theme.light .chapter-content h2~ul *,
.dtef-theme.light .chapter-content h3~ul *,
.dtef-theme.light .chapter-content h4~ul *,
.dtef-theme.light .chapter-content h2~ol *,
.dtef-theme.light .chapter-content h3~ol *,
.dtef-theme.light .chapter-content h4~ol * {
    color: #595959;
}

.dtef-theme .chapter-content ol.footnotes {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.025rem;
    padding-top: 0.75rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.dtef-theme.dark .chapter-content ol.footnotes {
    border-top: 1px solid #64676A;
}

.dtef-theme.light .chapter-content ol.footnotes {
    border-top: 1px solid #BFBFBF;
}

.dtef-theme.dark .chapter-content ol.footnotes li,
.dtef-theme.dark .chapter-content ol.footnotes li a,
.dtef-theme.dark .chapter-content ol.footnotes li > * {
    color: #8E8E93;
}

.dtef-theme.light .chapter-content ol.footnotes li,
.dtef-theme.light .chapter-content ol.footnotes li a,
.dtef-theme.light .chapter-content ol.footnotes li > * {
    color: #737373;
}

/****    Article Pages    ****/
.dtef-theme.dark .chapter-tile h5 {
    background-color: #8197EA;
    color: #000;
}

.dtef-theme.light .chapter-tile h5 {
    background-color: #CBD6FF;
    color: #344054;
}

.dtef-theme.dark .article-content,
.dtef-theme.dark .audit-subheading,
.dtef-theme.dark .audit-example {
    color: #d1d1d6;
}

.dtef-theme.light .article-content {
    color: #595959;
}

.dtef-theme .article-content h2,
.dtef-theme .article-content h3,
.dtef-theme .article-content h4 {
    margin-top: 2.5rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.25rem;
}

.dtef-theme.dark .article-content h2,
.dtef-theme.dark .article-content h3,
.dtef-theme.dark .article-content h4 {
    color: #ffffff;
}

.dtef-theme.light .article-content h2,
.dtef-theme.light .article-content h3,
.dtef-theme.light .article-content h4 {
    color: #1D2D5C;
}

.dtef-theme section.article-content,
.dtef-theme .article-content p {
    font-family: Roboto;
    margin-top: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.172rem;
}

.dtef-theme .article-content ul,
.dtef-theme .article-content ol {
    margin-top: .5rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
    list-style-position: outside;
}

.dtef-theme .article-content li {
    margin-bottom: .5rem;
}

.dtef-theme .article-content li li {
    margin-bottom: 0;
}

.dtef-theme .article-content ol.footnotes {
    font-size: .875rem;
    font-weight: 400;
    line-height: normal;
    padding-top: 0.75rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.dtef-theme.light .article-content ol.footnotes {
    border-top: 1px solid #BFBFBF;
}

.dtef-theme.dark .article-content ol.footnotes {
    border-top: 1px solid #64676A;
}

.dtef-theme .article-content ol.footnotes li {
    line-height: 1.025rem;
}

.dtef-theme .article-content ol.footnotes li::marker {
    content: '';
}

.dtef-theme.dark .article-content ol.footnotes li,
.dtef-theme.dark .article-content ol.footnotes li a {
    color: #8E8E93;
}

.dtef-theme.light .article-content ol.footnotes li,
.dtef-theme.light .article-content ol.footnotes li a {
    color: #737373;
}

.dtef-theme.dark .article-select {
    background-color: #1c2534;
    border-left: solid 2px #334663;
    border-top: solid 2px #334663;
    border-right: solid 2px #334663;
}

.dtef-theme.dark .article-select a.chapter {
    border: solid 1px #00A4E4;
}

.dtef-theme.light .article-select a.chapter {
    border: solid 1px #0F69A0;
}

.dtef-theme.dark .article-navigate a.button.active {
    background-color: #00A4E4;
}

.dtef-theme.light .article-navigate a.button.active {
    background-color: #0F69A0;
}

.dtef-theme.dark .article-select h5 {
    color: #D1D1D6;
}

.dtef-theme.light .article-select h5 {
    color: #595959;
}

.dtef-theme.dark .article-select a.chapter.current {
    background-color: #00A4E4;
}

.dtef-theme.light .article-select a.chapter.current {
    background-color: #0F69A0;
}

.dtef-theme.dark .article-navigate a.button.disabled {
    background-color: #1C2534;
    color: #959595;
}

.dtef-theme.light .article-navigate a.button.disabled {
    background-color: #F9FAFB;
    color: #737373;
}

.dtef-theme.dark .article-navigate a.button.disabled:active,
.dtef-theme.dark .article-navigate a.button.disabled:hover,
.dtef-theme.dark .article-navigate a.button.disabled:target,
.dtef-theme.dark .article-navigate a.button.disabled:visited,
.dtef-theme.dark .article-navigate a.button.disabled:link,
.dtef-theme.dark .article-navigate a.button.disabled:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.dark .article-navigate a.button.disabled:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #8e8e93;
}

.dtef-theme.light .article-navigate a.button.disabled:active,
.dtef-theme.dark .article-navigate a.button.disabled:hover,
.dtef-theme.dark .article-navigate a.button.disabled:target,
.dtef-theme.dark .article-navigate a.button.disabled:visited,
.dtef-theme.dark .article-navigate a.button.disabled:link,
.dtef-theme.dark .article-navigate a.button.disabled:link:not(.slds-button, .slds-dropdown__item>a),
.dtef-theme.dark .article-navigate a.button.disabled:visited:not(.slds-button, .slds-dropdown__item>a) {
    color: #737373;
}


/****    Explore Page    ****/
.dtef-theme .explore rect.background {
    stroke-width: 1;
}

.dtef-theme.dark .outer .background {
    fill: #1C2534;
    stroke: #00A4E4;
}

.dtef-theme.light .outer .background {
    fill: #F9FAFB;
    stroke: rgb(208, 213, 221);
    stroke-width: 2;
}

.dtef-theme.dark .central .background,
.dtef-theme.dark .domain.outer.parent .background,
.dtef-theme.dark .trust-factor.outer.parent .background {
    fill: #0D2143;
    stroke: #00A4E4;
    stroke-width: 1;
}

.dtef-theme.light .central .background,
.dtef-theme.light .domain.outer.parent .background,
.dtef-theme.light .trust-factor.outer.parent .background {
    fill: #344054;
    stroke: #00A4E4;
    stroke-width: 1;
}

.dtef-theme.light .domain.outer text.element-type,
.dtef-theme.light .trust-factor.outer text.element-type,
.dtef-theme.light .practice.outer text.element-type,
.dtef-theme.light .activity.outer text.element-type {
    fill: #0F69A0;
}

.dtef-theme.dark .explore text.element-type,
.dtef-theme.light .explore text.element-type,
.dtef-theme.light .domain.outer.parent text.element-type,
.dtef-theme.light .trust-factor.outer.parent text.element-type {
    fill: #B2E4F7;
}

.dtef-theme.dark .explore text.element-title {
    fill: #fff;
}

.dtef-theme.light .explore text.element-title {
    fill: #1D2D5C
}

.dtef-theme.dark .practice.central text.element-title,
.dtef-theme.dark .trust-factor.central text.element-title,
.dtef-theme.dark .domain.central text.element-title,
.dtef-theme.light .practice.central text.element-title,
.dtef-theme.light .trust-factor.central text.element-title,
.dtef-theme.light .domain.central text.element-title {
    fill: #fff;
}

.dtef-theme.dark .explore text.element-description {
    fill: #D1D1D6;
}

.dtef-theme.light .explore text.element-description {
    fill: rgb(89, 89, 89);
}

.dtef-theme.dark .assessments .close-button-modal svg path,
.dtef-theme.dark .explore text.element-link {
    fill: #05B8FF;
}

.dtef-theme.light .assessments .close-button-modal svg path,
.dtef-theme.light .explore text.element-link {
    fill: #0F69A0;
}

.dtef-theme.dark .svg-container {
    background: linear-gradient(180deg, #161A29 81%, rgba(22, 26, 41, 0.00) 100%);
    height: 8.5em;
}

.dtef-theme.light .svg-container {
    background: #fafafa;
    height: 7.5em;
}

.dtef-theme.light .gradient-ellipse {
    fill-opacity: 0.2;
}

.dtef-theme.dark .gradient-ellipse {
    fill-opacity: 0.3;
}

.dtef-theme.light .gradient-stop0 {
    stop-color: #5AC8FA;
}

.dtef-theme.light .gradient-stop1 {
    stop-color: #FAFAFA;
}

.dtef-theme.dark .gradient-stop0 {
    stop-color: #5AC8FA;
}

.dtef-theme.dark .gradient-stop1 {
    stop-color: #161A29;
}

/****    Purchase Options Pages    ****/
.dtef-theme .purchase-options lightning-button {
    --font-family-primary: roboto;

    --dxp-s-button-font-family: var(--font-family-primary);
    --dxp-s-button-font-size: var(--font-size-body-lg);
    --dxp-s-button-font-weight: 500;
    --dxp-s-button-line-height: var(--line-height-header-h6);

    --slds-c-button-shadow-focus: transparent;

    --slds-c-button-spacing-inlinestart: var(--spacing-24);
    --slds-c-button-spacing-inlineend: var(--spacing-24);

    --slds-c-button-spacing-blockstart: var(--spacing-12);
    --slds-c-button-spacing-blockend: var(--spacing-12);

    --slds-c-button-radius-border: var(--slds-g-radius-border-pill);
}

.dtef-theme.dark .purchase-options lightning-button {
    --slds-c-button-text-color: var(--color-product-button-blue-500);
    --slds-c-button-text-color-hover: var(--color-product-button-blue-500);
    --slds-c-button-text-color-active: var(--color-product-button-blue-500);
}

.dtef-theme.light .purchase-options lightning-button {
    --slds-c-button-text-color: var(--secondary-medium-blue);
    --slds-c-button-text-color-hover: var(--secondary-medium-blue);
    --slds-c-button-text-color-active: var(--secondary-medium-blue);
}

.dtef-theme.dark .purchase-options lightning-button[variant="brand"] {
    --dxp-s-button-text-transform: uppercase;

    --slds-c-button-brand-color-background: var(--color-product-button-blue-500);
    --slds-c-button-brand-color-background-hover: var(--color-product-button-blue-500);
    --slds-c-button-brand-color-background-active: var(--color-product-button-blue-500);

    --slds-c-button-brand-color-border: var(--color-product-button-blue-500);
    --slds-c-button-brand-color-border-hover: var(--color-product-button-blue-500);
}

.dtef-theme.light .purchase-options lightning-button[variant="brand"] {
    --dxp-s-button-text-transform: uppercase;

    --slds-c-button-brand-color-background: var(--secondary-medium-blue);
    --slds-c-button-brand-color-background-hover: var(--secondary-medium-blue);
    --slds-c-button-brand-color-background-active: var(--secondary-medium-blue);

    --slds-c-button-brand-color-border: var(--secondary-medium-blue);
    --slds-c-button-brand-color-border-hover: var(--secondary-medium-blue);
}

.dtef-theme.dark .purchase-options lightning-button[variant="brand-outline"] {
    --dxp-s-button-text-transform: uppercase;
    --dxp-s-button-font-size: var(--font-size-body-md);
    --dxp-s-button-font-weight: var(--font-weight-bold);

    --slds-c-button-outline-brand-color-background: transparent;
    --slds-c-button-outline-brand-color-background-hover: transparent;
    --slds-c-button-outline-brand-color-background-active: transparent;

    --slds-c-button-outline-brand-color-border: var(--color-product-button-blue-500);
    --slds-c-button-outline-brand-color-border-hover: var(--color-product-button-blue-500);
    --slds-c-button-outline-brand-color-border-active: var(--color-product-button-blue-500);
}

.dtef-theme.light .purchase-options lightning-button[variant="brand-outline"] {
    --dxp-s-button-text-transform: uppercase;
    --dxp-s-button-font-size: var(--font-size-body-md);
    --dxp-s-button-font-weight: var(--font-weight-bold);

    --slds-c-button-outline-brand-color-background: transparent;
    --slds-c-button-outline-brand-color-background-hover: transparent;
    --slds-c-button-outline-brand-color-background-active: transparent;

    --slds-c-button-outline-brand-color-border: var(--secondary-medium-blue);
    --slds-c-button-outline-brand-color-border-hover: var(--secondary-medium-blue);
    --slds-c-button-outline-brand-color-border-active: var(--secondary-medium-blue);
}

.dtef-theme .purchase-options .options::-webkit-scrollbar-track,
.dtef-theme .purchase-options .options::-webkit-scrollbar-thumb {
    border-radius: .25rem;
}

.dtef-theme.dark .purchase-options .options::-webkit-scrollbar-track {
    background: #2B374D;
}

.dtef-theme.light .purchase-options .options::-webkit-scrollbar-track {
    background: #D9D9D9;
}

.dtef-theme.dark .purchase-options .options::-webkit-scrollbar-thumb,
.dtef-theme.light .purchase-options .options::-webkit-scrollbar-thumb {
    background: #00a4e4;
}

.dtef-theme.dark .purchase-options header h2 {
    color: #fff;
}

.dtef-theme.light .purchase-options header h2 {
    color: rgb(29, 45, 92);
}

.dtef-theme.dark .purchase-options header p {
    color: #D1D1D6;
}

.dtef-theme.light .purchase-options header p {
    color: rgb(89, 89, 89);
}

.dtef-theme.dark .purchase-options .product .heading {
    background-color: #161a29;
    border-bottom-color: #00a4e4;
}

.dtef-theme.dark .purchase-options .product .heading {
    border-bottom: solid 1px #00a4e4;
}

.dtef-theme.dark .purchase-options .product.selected .heading,
.dtef-theme.dark .purchase-options .product.included .heading {
    background-color: #291c74;
}

.dtef-theme.light .purchase-options .product.selected .heading,
.dtef-theme.light .purchase-options .product.included .heading {
    background-color: var(--color-primary-navy-650);
    color: #fff;
}

.dtef-theme.light .purchase-options .product.selected .heading h4 {
    color: var(--color-b\&w-white);
}

.dtef-theme.light .purchase-options .product.selected .heading h3 .purchased {
    color: var(--color-tertiary-orange-400);
}

.dtef-theme.light .purchase-options .product.selected .heading .purchased-expires {
    color: var(--color-secondary-blue-100);
}

.dtef-theme.light .purchase-options .product.selected .price-suffix,
.dtef-theme.light .purchase-options .product.selected .price-nonmember {
    color: var(--color-secondary-blue-100);
}

.dtef-theme.light .purchase-options .product.selected .price-currency,
.dtef-theme.light .purchase-options .product.selected .price {
    color: var(--color-primary-green-400);
}

.dtef-theme.dark .purchase-options a.product:hover:not(.slds-button, .slds-dropdown__item>a, .disabled) {
    color: #fff;
    box-shadow: 0 0 5px 2px #2395d2;
}

.dtef-theme.light .purchase-options a.product:hover:not(.slds-button, .slds-dropdown__item>a, .disabled) {
    text-decoration: none;
    color: #667085;
    box-shadow: 0 0 5px 2px #2395d2;
}

.dtef-theme.dark .purchased-expires {
    color: #B2E4F7;
}

.dtef-theme.light .purchased-expires {
    color: #6558B1;
}

.dtef-theme.dark .purchase-options-modal .background {
    background-color: rgba(0, 0, 0, 0.2);
}

.dtef-theme.light .purchase-options-modal .background {
    background-color: rgba(255, 255, 255, 0.8);
}

.dtef-theme.dark .purchase-options-modal .content {
    background-color: #1c2534;
    border-color: #3a485d;
}

.dtef-theme.light .purchase-options-modal .content {
    background-color: rgb(250, 250, 250);
    border-color: rgb(208, 213, 221);
}

.dtef-theme.light .purchase-options-modal h2 {
    color: rgb(29, 45, 92);
}


/****    Resources Page    ****/
.dtef-theme h2.resources-heading {
    margin: 1.5rem 0 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
}


/****    Search Page    ****/
.searchbox_floating-container .searchbox__clear-button {
    display: none;
}

.search-controls {
    margin: 1rem 0 1.5rem;
    border-bottom: solid 1px;
}

.dtef-theme.dark .search__grid .searchbox__container .slds-icon_container svg {
    fill: #6790D2;
}

.dtef-theme.light .search__grid .searchbox__container .slds-icon_container svg {
    fill: #0F69A0;
}

.dtef-theme.dark .search-controls {
    border-color: #31364B;
}

.dtef-theme.light .search-controls {
    border-color: #D0D5DD;
}

.dtef-theme .search__grid .searchbox__container {
    border: none;
    border-radius: 2rem;
    font-size: 1.4rem;
}

.dtef-theme.dark .search__grid .searchbox__container {
    background-color: #38405f;
    color: #fff;
}

.dtef-theme.light .search__grid .searchbox__container {
    background-color: #fff;
    border: solid 1px #D0D5DD;
    color: #0F69A0;
}

.search__grid .searchbox__input {
    padding: 2rem 1.5rem;
    border: none;
}

.dtef-theme.dark .search__grid .searchbox__input {
    background-color: #38405f;
    color: #fff;
}

.dtef-theme.light .search__grid .searchbox__input {
    background-color: #fff;
    color: #0F69A0;
}

.search__grid .searchbox__clear-button {
    display: none;
}

.search__grid .searchbox__submit-button {
    float: right;
    position: relative;
    right: 1rem;
    padding-top: 1rem;
    content: 'Search';
}

.search__grid .searchbox__submit-button svg {
    width: 2rem;
    height: 2rem;
}

.search-controls p {
    margin: 0;
}

.search-controls .search-sort .slds-combobox__input {
    border: none;
    border-radius: 2rem;
}

.dtef-theme.dark .search-controls .search-sort .slds-combobox__input {
    background-color: #2A3148;
    color: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}

.dtef-theme.light .search-controls .search-sort .slds-combobox__input {
    color: #404040;
    background: #F2F4F7;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05) inset;
}

.dtef-theme.dark .search-controls .sort__header {
    color: #8E8E93;
}

.dtef-theme.light .search-controls .sort__header {
    color: #737373;
}

.search-controls-right {
    position: relative;
    left: 1.2rem;
    padding: 1rem;
    border-style: solid;
    border-top-left-radius: 1.5rem;
    border-right: none;
}

.dtef-theme .search-controls-right article.card {
    margin: .5rem 0;
    padding: 0;
    border-radius: 0;
    background-color: inherit;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dtef-theme .search-controls-right article.card .card__header span {
    font-weight: 500;
    font-size: 1.25rem;
    font-family: Roboto;
}

.dtef-theme.dark .search-controls-right article.card .card__header span {
    color: #FFF;
}

.dtef-theme.light .search-controls-right article.card .card__header span {
    color: #1D2D5C;
}

.dtef-theme.dark .search-controls-right article.card .card__header svg {
    color: #00A4E4;
}

.dtef-theme.light .search-controls-right article.card .card__header svg {
    color: #0F69A0;
}

.dtef-theme .search-controls-right .facet__value-option[c-quanticFacetValue_quanticFacetValue] {
    font-family: Roboto;
    font-size: 1rem;
    font-weight: 400;
}

.dtef-theme.dark .search-controls-right .facet__value-option[c-quanticFacetValue_quanticFacetValue] {
    color: #D1D1D6;
}

.dtef-theme.dark .search-controls-right .facet__value-option:hover[c-quanticFacetValue_quanticFacetValue] {
    color: #D1D1D6;
    background-color: rgba(211, 211, 211, 0.25);
}

.dtef-theme.light .search-controls-right .facet__value-option[c-quanticFacetValue_quanticFacetValue] {
    color: #595959;
}

.dtef-theme.light .search-controls-right .facet__value-option:hover[c-quanticFacetValue_quanticFacetValue] {
    color: #595959;
    background-color: rgba(211, 211, 211, 0.25);
}

.dtef-theme.dark .search-controls-right .facet__clear-filter {
    color: #14B2F0;
}

.dtef-theme.light .search-controls-right .facet__clear-filter {
    color: #0F69A0;
}

.search-summary p.slds-text-color_weak {
    color: #8E8E93;
    font-family: Roboto;
}

.dtef-theme.dark .search-summary p.slds-text-color_weak {
    color: #8E8E93;
}

.dtef-theme.light .search-summary p.slds-text-color_weak {
    color: #737373;
}

.search-summary p.slds-text-color_weak .summary__query {
    font-weight: 600;
    font-size: 1.25 rem;
    font-style: italic;
}

.dtef-theme.dark .search-summary p.slds-text-color_weak .summary__query {
    color: white;
}

.dtef-theme.light .search-summary p.slds-text-color_weak .summary__query {
    color: #1D2D5C;
}

.dtef-theme.dark a.search-result,
.dtef-theme.light a.search-result {
    margin: .5rem 0;
    text-decoration: none;
    padding: 0.75rem;
    transition: background-color 0.3s ease-in-out;
}

.dtef-theme.dark a.search-result:hover,
.dtef-theme.light a.search-result:hover {
    background-color: rgba(211, 211, 211, 0.25);
}

a.search-result h3 {
    font-size: 1.5rem;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;

    @supports (-webkit-line-clamp: 2) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

.dtef-theme.dark a.search-result h3 {
    color: #14b2f0;
}

.dtef-theme.light a.search-result h3 {
    color: #0F69A0;
}

.search-result .result-type {
    text-align: right;
    text-transform: uppercase;
    font-weight: 700;

}

.dtef-theme.dark .search-result .result-type {
    color: #878787;
}

.dtef-theme.light .search-result .result-type {
    color: #737373;
}

.search-result div[slot="excerpt"] {
    font-size: 1rem;
    font-weight: 400;
}

.dtef-theme.dark .search-result div[slot="excerpt"] {
    color: #d1d1d6;
}

.dtef-theme.light a.search-result div[slot="excerpt"] {
    color: #595959;
}

.dtef-theme .recent-query__container svg {
    display: none;
}

.dtef-theme .recent-query__container .slds-text-body_small {
    font-size: 1rem;
    font-family: Roboto;
    font-weight: 500;
}

.dtef-theme.dark .recent-query__container .slds-text-body_small {
    color: #14B2F0;
}

.dtef-theme.light .recent-query__container .slds-text-body_small {
    font-size: 1rem;
    color: #0F69A0;
}

.dtef-theme.dark .facet__value-container .slds-form-element {
    margin-bottom: 0;
}

a.search-result {
    display: flex;
    margin: .25rem 0;
}

.dtef-theme .tab-bar_container.slds-theme_shade {
    background-color: transparent;
}

.dtef-theme .tab-bar_list-container.slds-tabs_default__nav {
    border-bottom-color: #878787;
}

.dtef-theme button.tab_button.slds-tabs_default__item {
    display: block;
    margin-right: .15rem;
    padding: .33rem .66rem;
    font-size: 1rem;
}

.dtef-theme.dark button.tab_button.slds-tabs_default__item {
    background-color: #3C327D;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.dtef-theme.dark button.tab_button.slds-is-active.slds-tabs_default__item {
    background-color: #0270c0;
}

.dtef-theme.dark button.tab_button.slds-is-active.slds-tabs_default__item:after {
    background-color: #3C327D;
}

.dtef-theme.dark button.tab_button.slds-tabs_default__item span {
    color: #fff;
}

.dtef-theme.dark div.slds-text-heading_small {
    color: inherit;
}

/****    Tools Page    ****/
.dtef-theme.dark a.package-link.active {
    background-color: #344689;
}

.dtef-theme.light a.package-link.active {
    background-color: #0F69A0;
    color: #fff;
}

.dtef-theme .tool-link {
    border-width: 1px;
    border-style: solid;
}

.dtef-theme.dark .tool-link i {
    color: #E57524;
}

/** EULA Styles **/
.dtef-theme.dark .eula header h2 {
    color: #fff;
}

.dtef-theme.light .eula header h2 {
    color: rgb(29, 45, 92);
}

.dtef-theme.dark .eula .eula-text {
    color: #D1D1D6;
}

.dtef-theme.light .eula .eula-text {
    color: rgb(89, 89, 89);
}

/****    Domain Pages    ****/
.content-title {
    font-size: 1.25rem;
    font-weight: 400;
}

.heading-content {
    margin-left: 2rem;
    margin-top: -2rem;
    margin-right: 2rem;
}

.sticky-on-open {
    position: relative;
}

.sticky-on-open.open {
    position: sticky;
}

.sticky-on-open.sticky-domain,
.sticky-on-open.sticky-trust-factor,
.sticky-on-open.sticky-practice,
.sticky-on-open.sticky-activity {
    display: block;
}

a.sticky-on-open.sticky-domain:hover:not(.slds-button, .slds-dropdown__item > a) a.sticky-on-open.sticky-trust-factor:hover:not(.slds-button, .slds-dropdown__item > a),
a.sticky-on-open.sticky-practice:hover:not(.slds-button, .slds-dropdown__item > a),
a.sticky-on-open.sticky-activity:hover:not(.slds-button, .slds-dropdown__item > a) {
    text-decoration: none;
}

.sticky-on-open.sticky-trust-factor,
.sticky-on-open.sticky-trust-factor:hover:not(.slds-button, .slds-dropdown__item > a) {
    background-color: #3C327D;
    border-top-left-radius: .625rem;
    border-top-right-radius: .625rem;
}

.dtef-theme.light a.heading.sticky-on-open.sticky-trust-factor.masked.open {
    background-color: var(--dtef-light-theme-background-color);
}

.dtef-theme.dark a.heading.sticky-on-open.sticky-trust-factor.masked.open {
    background-color: var(--dtef-dark-theme-background-color);
}

.sticky-on-open.open.sticky-trust-factor {
    top: 0;
}

.sticky-on-open.sticky-trust-factor .trust-factor-heading {
    background-color: unset;
}

.sticky-on-open.sticky-practice,
.sticky-on-open.sticky-practice:hover:not(.slds-button, .slds-dropdown__item > a) {
    background-color: #0270c0;
}

.sticky-on-open.open.sticky-practice {
    top: 3.375rem;
}

.sticky-on-open.sticky-practice .practice-heading {
    background-color: unset;
}

.sticky-on-open.sticky-activity,
.sticky-on-open.sticky-activity:hover:not(.slds-button, .slds-dropdown__item > a) {
    background-color: #1A846B;
}

.sticky-on-open.open.sticky-activity {
    top: 6.75rem;
}

.sticky-on-open.sticky-activity .activity-heading {
    background-color: unset;
}

.dtef-theme.light c-dtef-trust-factor .trust-factor,
.dtef-theme.light c-dtef-mappings .domain {
    box-shadow: inset 0 0 0 var(--slds-g-sizing-1) #98A2B3;
    border-radius: .625rem;
}

.dtef-theme.dark c-dtef-trust-factor .trust-factor,
.dtef-theme.dark c-dtef-mappings .domain {
    box-shadow: inset 0 0 0 var(--slds-g-sizing-1) #42368f;
    border-radius: .625rem;
}

.sticky-trust-factor .trust-factor-heading.flex,
.sticky-practice .practice-heading.flex,
.sticky-activity .activity-heading.flex {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    height: 100%;
}

.sticky-trust-factor .trust-factor-heading.shift-left,
.sticky-practice .practice-heading.shift-left,
.sticky-activity .activity-heading.shift-left {
    position: relative;
    left: -1.1875rem;
}

.trust-factor .heading .left-title,
.practice .heading .left-title,
.activity .heading .left-title {
    width: auto;
}

.trust-factor h4,
.practice h4,
.activity h4 {
    font-weight: 500;
}

.trust-factor-heading h4,
.practice-heading h4,
.activity-heading h4 {
    display: contents;
}

.trust-factor-heading i,
.practice-heading i,
.activity-heading i {
    float: right;
    margin-top: -1.5rem;
    margin-right: 1rem;
    font-size: 1.4rem;
    color: #fff;
}

a.trust-factor-heading::before,
a.practice-heading::before,
a.activity-heading::before {
    position: relative;
    right: .85rem;
    padding: .2rem;
    border: solid 2px #fff;
    border-radius: 1rem;
}

.trust-factor {
    margin: 1rem 0 2rem;
}

.trust-factors .trust-factor:first-child {
    margin-top: 0;
}

.trust-factor-heading.open {
    position: sticky;
    top: 0;
    z-index: 1002;
}

.sticky-trust-factor.open {
    z-index: 1002;
}

.trust-factor-heading,
a.trust-factor-heading:hover:not(.slds-button, .slds-dropdown__item>a) {
    display: block;
    padding: .33rem 0;
    background-color: #3C327D;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    text-decoration: none;
}

.trust-factor-heading::before {
    background-color: #42368f;
    content: "TF";
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin-left: -0.3125rem;
}

.sticky-trust-factor.open .trust-factor-heading,
.sticky-practice.open .practice-heading,
.sticky-activity.open .activity-heading {
    background-color: unset;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.domain-heading::before,
.sticky-trust-factor .trust-factor-heading::before,
.sticky-practice .practice-heading::before,
.sticky-activity .activity-heading::before {
    flex: 0 0 2.375rem;
    margin: 0;
    border: solid 2px #fff;
}

.sticky-trust-factor .trust-factor-heading h5,
.sticky-practice .practice-heading h5,
.sticky-activity .activity-heading h5 {
    padding-right: .5rem;
}

.sticky-trust-factor .trust-factor-heading h5 {
    flex: 0 0 122px;
}

.sticky-trust-factor .trust-factor-heading h4,
.sticky-practice .practice-heading h4,
.sticky-activity .activity-heading h4 {
    flex-grow: 1;
    display: block;
    line-height: 1.375rem;
    max-height: 2.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sticky-practice .practice-heading .mapping-link {
    flex: 0 0 11.525rem;
    margin-right: 1rem;
}

.sticky-trust-factor .trust-factor-heading i,
.sticky-practice .practice-heading i,
.sticky-activity .activity-heading i {
    flex: 0 0 1.75rem;
    float: none;
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    margin: 0;
    font-size: 1.75rem;
}

.trust-factors ul {
    list-style-type: disc;
    padding-left: 3rem;
}

.trust-factors li {
    padding: .25rem 0;
}

div.practice {
    margin-top: 1rem;
}

.practice-heading,
a.practice-heading:hover:not(.slds-button, .slds-dropdown__item>a) {
    display: block;
    padding: .33rem 0;
    background-color: #0270c0;
    text-decoration: none;
}

.practice-heading.open {
    position: sticky;
    top: 2.85rem;
    z-index: 1001;
}

.sticky-practice.open {
    z-index: 1001;
}

.practice-heading::before {
    display: inline-block;
    width: 1.9rem;
    text-align: center;
    font-size: .9rem;
    background-color: #0270c0;
    content: "P";
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin-left: -0.3125rem;
}

.sticky-practice .practice-heading h5 {
    flex: 0 0 67px;
}

div.activity {
    margin: 1rem 0 2.5rem;
}

.activity-heading,
a.activity-heading:hover:not(.slds-button, .slds-dropdown__item>a) {
    display: block;
    padding: .33rem 0;
    background-color: #1A846B;
    text-decoration: none;
}

a.activity-additional-guidance-heading,
a.activity-additional-guidance-heading:hover:not(.slds-button, .slds-dropdown__item>a) {
    text-decoration: none;
}

.activity-heading.open {
    position: sticky;
    top: 5.7rem;
    z-index: 1000;
}

.sticky-activity.open {
    z-index: 1000;
}

.activity-heading::before {
    display: inline-block;
    width: 1.9rem;
    text-align: center;
    font-size: .9rem;
    background-color: #1A846B;
    content: "A";
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    margin-left: -0.3125rem;
}

.domain-content,
.activity-content {
    padding-left: 2rem;
    padding-right: 1rem;
    font-size: 1.125rem;
    font-weight: 400;
}

.activity-content li.kpi-kri,
.activity-content .sub-tile p.section-description,
.activity-content li.control {
    font-size: 1.25rem;
    font-weight: 400;
}

.activity-details .activity-details-heading {
    margin: 1.5rem 0;
    font-weight: 800;
    font-size: 1.75rem;
}

h5.activity-details-sub-heading {
    font-weight: 700 !important;
    font-size: 1.25rem !important;
}

h5.uppercase.activity-details-sub-heading {
    font-weight: 800 !important;
    font-size: 1.25rem !important;
}

.activity-details h5 {
    font-size: 1.1rem;
    font-weight: 400;
}

.activity-details h5 i {
    display: inline-block;
    padding-right: .33rem;
}

h4 span.domain-content {
    font-weight: 500;
    font-family: "Roboto";
}

.domain .controls a:not(.dropdown-item) {
    margin-left: 0.5rem;
}

.domain .controls a:first-child {
    margin-left: 0;
}

.annoying-secondary-grid,
.activity-final-grid {
    margin-top: 2rem;
}

.heading span {
    padding-right: .5rem;
}

.activity .sub-tile {
    padding: 1rem;
    border-width: 1px;
    border-radius: .5rem;
    background-color: #2f3b4e;
}

.activity .sub-tile p {
    margin: .5rem 0 1rem;
    font-size: 1rem;
    font-weight: 400;
}

.activity .sub-tile .button.primary {
    padding: .5rem 2rem;
}

.activity .sub-tile .pills .button {
    display: inline-block;
    width: 100%;
    margin: .25rem 0;
    border-radius: .5rem;
    background-color: #574aa7;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: 500;
}

.activity .sub-tile .pills.col-2 .button {
    width: 48.75%;
    margin-right: 2.5%;
}

.activity .sub-tile .pills.col-2 .button:nth-child(even) {
    margin-right: 0;
}

.activity .sub-tile h5,
.activity .sub-tile h5 span {
    margin: .5rem 0;
    font-size: 1.25rem;
    font-weight: 700;
}

.activity .tile .tool.url {
    font-size: 1.125rem;
    font-weight: 500;
}

.activity .tool {
    margin: 1rem 0 2rem;
}

.activity .tool>h5 {
    margin-bottom: 1rem;
}

.activity .tool .tile-top i {
    color: #e57524;
    font-size: 1.8rem;
}

.activity .tool .tile-top .pill,
.activity .tool .tile-top .free.pill {
    float: right;
    display: inline-block;
    padding: .25rem 1rem;
    border-radius: 1.5rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.625rem;
}

.activity .tool .tile h5 {
    margin-top: .5rem;
    font-weight: 700;
    font-size: 1.5rem;
}

.activity .tool p {
    margin-top: .5rem;
    font-size: 1rem;
    font-weight: 400;
}

.activity .tool a {
    color: #05b8ff;
}

.activity .tool h5 {
    font-size: 1.375rem;
    font-weight: 700;
}

.activity .section-title {
    padding-left: .5rem;
    font-size: 1.25rem;
    font-weight: 800;
}

.activity .section-title.section-sub-title {
    font-weight: 700;
}

.activity h4.related-domain {
    font-size: 1rem;
    line-height: 1.75rem;
    padding-left: 0.5rem;
    padding-top: 0.5rem;
}

.graphic-interface .sub-tile {
    max-width: 300px;
    margin: 0 auto;
    padding: 1rem;
    text-align: center;
    border-radius: 1.5rem;
}

.graphic-interface img {
    max-height: 100px;
}

.expand-buttons {
    text-align: right;
}

.activity-focus-areas {
    margin: 1rem 0 2rem;
}

.activity-focus-area {
    margin: 1rem 0;
}

.focus-area-heading {
    font-size: 1.2rem;
}

.focus-area-heading h4 {
    padding: 1rem 0;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: "Roboto";
}

.focus-area-heading h4 i {
    display: inline-block;
    padding-right: .5rem;
}

.focus-area-heading .toggle-icon {
    float: right;
}

.line-break-right {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    gap: 1rem;
}

.line-break-right:after {
    content: '';
    height: 1px;
}

.align-right {
    text-align: right;
}

.activity .fa-sharp.fa-light.fa-folder-magnifying-glass {
    font-size: 1.833rem;
}

.activity .fa-sharp.fa-light.fa-arrow-right {
    font-size: 1.125rem;
}

.min-height-16-rem {
    min-height: 16.75rem;
}

.activity-outcomes {
    margin-bottom: 2rem;
}

.margin-bottom-mobile {
    margin-bottom: 2rem;
}

.audit-section-margin {
    margin-top: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem;
}

.dtef-theme.light button.mapping-link {
    border-color: #fff;
}

.dtef-theme.light .mappings-modal {
    scrollbar-color: #0F69A0 #EAECF0;
}

.dtef-theme.light .mappings-modal svg circle {
    fill: #EAECF0;
}

.dtef-theme.light .mappings-modal svg path {
    fill: #00A4E4;
}

.dtef-theme.light .mappings-modal i.fa-x {
    color: #0F69A0;
}

.dtef-theme.light .mappings-modal span.pill {
    color: #fff;
}

.dtef-theme.light .mappings-modal dd {
    color: #595959;
}

.dtef-theme header.mappings-heading {
    padding-bottom: 3rem;
}

.dtef-theme header.mappings-heading h1 {
    font-size: 3.75rem;
}

.dtef-theme header.mappings-heading p.main-mappings-description {
    font-size: 24px;
}

.dtef-theme.dark header.mappings-heading p.main-mappings-description {
    color: #EFEFF4;
}

.dtef-theme.light header.mappings-heading p.main-mappings-description {
    color: #595959;
}

.dtef-theme.light .domains-heading .dropdown-item span {
    font-weight: 600;
}


/****    Print / Selection    ****/
.content-container community_layout-section.comm-section-container {
    padding: 0;
}

@media print {

    body,
    html,
    header,
    footer {
        display: none !important;
    }
}

.dtef-theme {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10/11 */
    user-select: none;
    /* Standard syntax */
}


/****    Media Queries    ****/
@media (min-device-width: 85.4em),
(min-width: 48em) and (max-width: 85.4em) and (orientation: landscape) {
    article figure img {
        height: auto;
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 62.5em) {
    .heading .left-title {
        width: 31%;
    }

    .heading .right-title {
        width: 69%;
    }

    article .footnotes a {
        word-break: break-all;
    }

    .dtef-theme.light .assessments.scope-and-target .tab.slds-is-active,
    .dtef-theme.dark .assessments.scope-and-target .tab.slds-is-active {
        background: #574AA7;
        border: none;
        text-decoration: none;
    }

    .dtef-theme.light .assessments.scope-and-target.preset .tab.slds-is-active a,
    .dtef-theme.light .assessments.scope-and-target.custom .tab.slds-is-active a,
    .dtef-theme.light .assessments.scope-and-target.custom .tab.deselected.slds-is-active a {
        color: var(--White, #FFF) !important;
    }

    .dtef-theme.dark .assessments.scope-and-target .tab {
        background: none;
        margin: 0;
    }

    .dtef-theme.dark .slds-tabs_default__nav {
        background: #2A3148;
    }

    .dtef-theme.light .slds-tabs_default__nav {
       background: var(--ISACA-Gray-200, #CBD2D9);
    }

    .dtef-theme.light .assessments.scope-and-target .button.tertiary{
        color: #0F69A0;
        border: solid 1px #0F69A0;
    }

    .dtef-theme.light .slds-tabs_default__item.tab.slds-is-active > a.slds-tabs_default__link {
        color: #FFF;
    }

    .dtef-theme.light .slds-tabs_default__item.tab:not(.slds-is-active) > a.slds-tabs_default__link {
        color: #3F4B59;
    }

}

@media (max-width: 62.5em),
(min-width: 48em) and (max-width: 85.375em),
(max-device-width: 85.4em) and (orientation: landscape) {
    .margin-bottom-mobile {
        margin-bottom: 2rem;
    }

    .dropdown-container {
        display: inline-block !important;
    }
}

@media (max-width: 51.25em) {
    .dtef-theme .search textarea.searchbox__input {
        margin-right: 0;
    }

    .dtef-theme .search .searchbox__submit-button.slds-button {
        right: 2rem;
    }
}

@media (min-width: 48em) and (max-width: 85.375em) {

    .heading .left-title {
        width: 27%;
    }

    .heading .right-title {
        width: 73%;
    }
}

@media (max-width: 30em) {
    .display-mobile {
        display: block;
    }

    .display-inline-mobile {
        display: inline;
    }

    .display-mobile i {
        position: relative;
        top: 1px;
    }

    div.menu .circle-icon {
        background-color: transparent;
    }

    .dtef-theme .search textarea.searchbox__input {
        margin-left: .325rem;
        margin-right: .325rem;
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .dtef-theme .search .searchbox__submit-button.slds-button {
        display: none;
    }

    .dtef-theme.dark .left-nav {
        background-color: #1c2534;
        border-right: solid 1px #3a485d;
    }

    .dtef-theme.light .left-nav {
        background-color: #fff;
        border-right: solid 1px #d1d1d6;
    }

    .dtef-theme.dark .left-nav-container,
    .dtef-theme.light .left-nav-container {
        background-color: transparent;
        border-right: none;
    }

    .margin-bottom-mobile {
        margin-bottom: 2rem;
    }

    a.trust-factor-heading,
    a.trust-factor-heading:hover:not(.slds-button, .slds-dropdown__item>a) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    a.practice-heading.open {
        top: 4.408125rem;
    }

    a.activity-heading.open {
        top: 8.816252rem;
    }

    .trust-factor-heading .heading-content.slds-grid,
    .practice-heading .heading-content.slds-grid,
    .activity-heading .heading-content.slds-grid {
        display: block;
    }

    .trust-factor-heading .right-title,
    .practice-heading .right-title,
    .activity-heading .right-title {
        width: 100%;
    }

    .trust-factor-heading .slds-gutters .slds-col,
    .practice-heading .slds-gutters .slds-col,
    .activity-heading .slds-gutters .slds-col {
        padding-left: 0;
        padding-right: 0;
    }

    .trust-factor-heading i,
    .practice-heading i,
    .activity-heading i {
        margin-top: -2.5rem;
    }

    .element-title {
        padding: 1.5rem 1rem 0;
        font-size: 1.25rem;
    }

    .domain-content,
    .activity-content {
        padding-left: 1rem;
    }

    .hide-mobile {
        display: none;
    }

    header.mappings-heading {
        padding-bottom: 2rem;
    }

    .dtef-theme header.mappings-heading h1 {
        font-size: 2.625rem;
    }

    .dtef-theme header.mappings-heading p.main-mappings-description {
        font-size: 1.125rem;
    }

    .dtef-theme .practice-body div.framework-details h5.framework-title {
        font-size: 1.125rem;
    }

    .mobile-icon-button {
        -webkit-appearance: none;
        appearance: none;
        border: none;
        background: transparent;
    }

    .dtef-theme.dark .button.outline {
        border-color: #00A4E4;
    }

    .dtef-theme.dark .tab.slds-is-active{
        background-color: #574AA7;
    }

    .domain-heading::before, .practice-heading::before,
    .sticky-trust-factor .trust-factor-heading::before,
    .sticky-practice .practice-heading::before,
    .sticky-activity .activity-heading::before {
        margin-left: var(--slds-g-spacing-2);
    }

    .dtef-theme.light .tab > a {
        color: #3F4B59;
    }

    .dtef-theme.light .assessments.scope-and-target.custom .tab.deselected.slds-is-active a {
        color: #FFF;
    }

    .dtef-theme.light .assessments.scope-and-target .tab.deselected {
        background: none;
    }

    .dtef-theme.light .assessments.scope-and-target .tab{
        background-color: transparent;
    }

    .dtef-theme.light .assessments.scope-and-target .tab.deselected.slds-is-active{
        background-color: #574AA7;
        border: none;
    }

    .dtef-theme.light .modal-container.assessments-set-universal-target-modal .product-wrapper .circle-icon {
        background-color: #1C2534;
        border: solid 1px #00A4E4;
    }

    .dtef-theme.dark .modal-container.assessments-set-universal-target-modal .buttons.stacked {
        background: #1A2330;
    }

    .dtef-theme.light .modal-container.assessments-set-universal-target-modal .buttons.stacked {
        background: transparent;
    }

    .dtef-theme.light .assessments .assessments-heading .ligth-border-thick-gray-200 {
        border: 2px solid #CBD2D9;
    }

    .dtef-theme.light .light-ctg-500.light-ctg-600 {
        color: #737373;
    }

    .dtef-theme.light .light-ctg-600.light-ctg-700 {
        color: #404040;
    }

    .dtef-theme.light .modal-container.assessments.new-assessment-modal .custom-input {
        background: var(--color-isaca-grey-200);
    }
}

@media (max-width: 24.375em) {
    .search-controls>.slds-grid {
        display: block;
    }

    .search-controls>.slds-grid>.slds-col {
        width: 100%;
    }

    .search-controls .search-summary {
        padding-bottom: .5rem;
        text-align: center;
    }
}

/****    Framework Page    ****/
.dtef-theme.light .button.tertiary {
    color: #0F69A0;
    background-color: #FFFFFF;
    border: solid 1px #0F69A0;
}

.dtef-theme.dark .button.expand {
    color: #8E8E93;
}

.dtef-theme.light .button.expand {
    color: #737373;
}

.dtef-theme.dark .line-break-right:after,
.dtef-theme.dark .activity-additional-guidance-heading .line {
    background-color: #8E8E93;
}

.dtef-theme.light .line-break-right:after,
.dtef-theme.light .activity-additional-guidance-heading .line {
    background-color: #D0D5DD;
}

.dtef-theme.dark .fa-sharp.fa-light.fa-chart-pie-simple,
.dtef-theme.dark .fa-sharp.fa-light.fa-folder-magnifying-glass {
    color: #B2E4F7;
}

.dtef-theme.light .fa-sharp.fa-light.fa-chart-pie-simple,
.dtef-theme.light .fa-sharp.fa-light.fa-folder-magnifying-glass {
    color: #00A4E4;
}

.dtef-theme.dark .trust-factor-heading .content-type,
.dtef-theme.dark .practice-heading .content-type,
.dtef-theme.dark .activity-heading .content-type {
    color: #fff;
}

.dtef-theme.light .practice-heading .content-type,
.dtef-theme.light .activity-heading .content-type,
.dtef-theme.light .trust-factor-heading .content-type {
    color: #AAA4D1;
}

.dtef-theme.dark .trust-factor-heading .content-title,
.dtef-theme.dark .practice-heading .content-title,
.dtef-theme.dark .activity-heading .content-title,
.dtef-theme.light .trust-factor-heading .content-title
.dtef-theme.light .practice-heading .content-title,
.dtef-theme.light .activity-heading .content-title {
    font-size: var(--slds-g-font-scale-3);
    font-weight: var(--slds-g-font-weight-6);
}

.dtef-theme.dark .trust-factor-heading .content-type,
.dtef-theme.dark .practice-heading .content-type,
.dtef-theme.dark .activity-heading .content-type,
.dtef-theme.light .trust-factor-heading .content-type
.dtef-theme.light .practice-heading .content-type,
.dtef-theme.light .activity-heading .content-type {
    font-size: var(--slds-g-font-scale-1);
    font-weight: var(--slds-g-font-weight-7);
}

.dtef-theme.light .trust-factor-heading .content-title {
    font-size: 1.25rem;
    font-weight: 400;
}


.dtef-theme.dark .sub-tile,
.dtef-theme.dark .audit-body {
    background-color: #243044;
}

.dtef-theme.light .sub-tile {
    background-color: #EAECF0;
    border: solid 1px #D0D5DD;
}

.dtef-theme.light .audit-details.sub-tile {
    background-color: #EAECF0;
}

.dtef-theme.light .audit-details.sub-tile {
    background-color: #EAECF0;
}

.dtef-theme.dark .sub-tile h5 {
    color: #FFFFFF;
}

.dtef-theme.light .sub-tile h5 {
    color: #404040;
}

.dtef-theme.dark .sub-tile h5 span {
    color: #FFFFFF;
}

.dtef-theme.light .sub-tile h5 span {
    color: #1D2D5C;
}

.dtef-theme.dark .tool h5 {
    color: #FFFFFF;
}

.dtef-theme.light .tool h5 {
    color: #1D2D5C;
}

.dtef-theme.dark .tool .tile-top .free.pill {
    background-color: #36AC91;
    color: #000000;
}

.dtef-theme.light .tool .tile-top .free.pill {
    background-color: #338401;
    color: #FFFFFF;
}

.dtef-theme.dark .tool .tile-top .pill {
    background-color: #B8C9F5;
    color: #000000;
}

.dtef-theme.light .tool .tile-top .pill {
    background-color: #CBD6FF;
    color: #344054;
}

.dtef-theme.dark .tile .fa-arrow-right,
.dtef-theme.dark .tile .tool.url {
    color: #05B8FF;
}

.dtef-theme.light .tile .fa-arrow-right,
.dtef-theme.light .tile .tool.url {
    color: #0F69A0;
}

.dtef-theme.dark h4 span.domain-content,
.dtef-theme.dark .domain-content {
    color: #D1D1D6;
}

.dtef-theme.light h4 span.domain-content,
.dtef-theme.light .domain-content {
    color: #595959;
}

.dtef-theme.dark h4 span.domain-content {
    font-size: 1.25rem;
}

.dtef-theme.light h4 span.domain-content {
    font-size: 1.25rem;
}

.dtef-theme.dark h4.related-domain {
    font-weight: 500;
    color: #D1D1D6
}

.dtef-theme.light h4.related-domain {
    font-weight: 600;
    color: #404040
}

.dtef-theme.dark h4 span.domain-content {
    font-size: 1.25rem;
}

.dtef-theme.light h4 span.domain-content {
    font-size: 1.25rem;
}

.dtef-theme.dark h4.related-domain {
    font-weight: 500;
    color: #D1D1D6
}

.dtef-theme.light h4.related-domain {
    font-weight: 600;
    color: #404040
}

.dtef-theme.dark h4 span.domain-content.uppercase {
    color: #FFFFFF;
}

.dtef-theme.light h4 span.domain-content.uppercase {
    color: #595959;
}

.domain h2 {
    font-size: 2rem;
    font-weight: 700;
    font-family: "Roboto";
}


@media (min-width: 48em) and (max-width: 85.375em) {
    .domain h2 {
        font-size: 1.75rem;
    }
}

@media (min-device-width: 85.375em) and (orientation: landscape) {
    .domain h2 {
        font-size: 1.75rem;
    }
}

.dtef-theme.dark .domain h2 {
    color: #FFFFFF;
}

.dtef-theme.light .domain h2 {
    color: #1D2D5C;
}

.dtef-theme.dark .activity-details-heading,
.dtef-theme.dark h5.activity-details-sub-heading {
    color: #FFFFFF;
}

.dtef-theme.light .activity-details-heading,
.dtef-theme.light h5.activity-details-sub-heading {
    color: #404040;
}

.dtef-theme.dark .focus-area-heading h4 {
    color: #FFFFFF;
}

.dtef-theme.light .focus-area-heading h4 {
    color: #1D2D5C;
}

.dtef-theme.dark header p.description {
    color: #D1D1D6;
}

.dtef-theme.light header p.description {
    color: #404040;
}

.dtef-theme.dark header p.fa-description {
    color: #EFEFF4;
}

.dtef-theme.light header p.fa-description {
    color: #595959;
}

.dtef-theme.light .domain-content li.control {
    font-size: 1.125rem;
}

.dtef-theme.dark .domain-content li.control {
    font-size: 1.25rem;
}

.dtef-theme.light .button.primary {
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-transform: uppercase;
}

.dtef-theme.dark .button.primary {
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.392rem;
    text-transform: uppercase;
}

.dtef-theme.dark .star-rating .fa-star {
    -webkit-text-stroke-color: #FBB034;
}

.dtef-theme.light .star-rating .fa-star {
    -webkit-text-stroke-color: #E57524;
}

.dtef-theme.dark .star-rating .fa-star.checked,
.dtef-theme.dark .star-rating .fa-star-half-alt.checked,
.dtef-theme.dark .star-rating .fa-star.hovered,
.dtef-theme.dark .star-rating-toggle-button.active {
    color: #FBB034;
}

.dtef-theme.light .star-rating .fa-star.checked,
.dtef-theme.light .star-rating .fa-star-half-alt.checked,
.dtef-theme.light .star-rating .fa-star.hovered,
.dtef-theme.light .star-rating-toggle-button.active {
    color: #E57524;
}

.dtef-theme.dark .rating-distribution progress::-webkit-progress-value {
    background-color: #FBB034;
}

.dtef-theme.light .rating-distribution progress::-webkit-progress-value {
    background-color: #E57524;
}

.dtef-theme.dark .rating-distribution span {
    color: #d1d1d6;
}

.dtef-theme.light .rating-distribution span {
    color: #595959;
}

.fa-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4.625rem;
    padding: 0 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
    text-decoration: none;
    cursor: pointer;
}

.dtef-theme.light .audit-header-container,
.dtef-theme.light .fa-header-container {
    background-color: #DFE3F0;
    color: #1D2D5C
}

.dtef-theme.dark .audit-header-container,
.dtef-theme.dark .fa-header-container {
    background-color: #2E3E59;
    color: #FFF
}

.dtef-theme.light .audit-header-container .icon-container,
.dtef-theme.light .fa-header-container .icon-container {
    background-color: #ECEEF5;
    border: 1px solid #FFF;
}

.dtef-theme.dark .audit-header-container .icon-container,
.dtef-theme.dark .fa-header-container .icon-container {
    background-color: #415371;
    border: 1px solid #536685;
}

.dtef-theme.light .audit-header-container .right-section i,
.dtef-theme.light .fa-header-container .right-section i,
.dtef-theme.light .activity-additional-guidance-heading .right-section i {
    color: #0F69A0;
}

.dtef-theme.dark .audit-header-container .right-section i,
.dtef-theme.dark .fa-header-container .right-section i,
.dtef-theme.dark .activity-additional-guidance-heading .right-section i {
    color: #FFF;
}

.dtef-theme.light .audit-header-container .icon-container i,
.dtef-theme.light .fa-header-container .icon-container i {
    color: #0F69A0;
}

.dtef-theme.light .audit-body {
    background-color: #EAECF0;
}

@media print {
    body {
        display: none !important;
    }
}

/****    Mappings    ****/

.dtef-theme.light .mappings-page-body .button.tertiary {
    color: var(--color-secondary-blue-500, #07649D);
    background-color: #FFFFFF;
    border: solid 1px var(--color-secondary-blue-500, #07649D);
}

.dtef-theme.dark .mappings-page-body .trust-factor h4.content-title a {
    color: #8E8E93;
}

.dtef-theme.light .mappings-page-body .trust-factor h4.content-title a {
    color: #404040;
}

.dtef-theme.dark .mappings-page-body .framework-details h5 {
    border-bottom-color: #536B92;
}

.dtef-theme.light .mappings-page-body .framework-details h5 {
    border-bottom-color: #D0D5DD;
}

.dtef-theme.dark .mappings-page-body .framework {
    border-bottom: 1px solid #3A485E;
}

.dtef-theme.light .mappings-page-body .framework {
    border-bottom: none;
}

.dtef-theme.dark .mappings-page-body .framework.deselected .framework-details h5,
.dtef-theme.dark .mappings-page-body .framework.deselected.no-entries .mappings {
    color: #667085;
}

.dtef-theme.light .mappings-page-body .framework.deselected .framework-details h5,
.dtef-theme.light .mappings-page-body .framework.deselected.no-entries .mappings {
    color: #A6A6A6;
}

/****    Session Expiration Modal    ****/

.dtef-theme.dark .expiration-modal-container {
    border: 1px solid #416EBA;
}

.dtef-theme.light .expiration-modal-container {
    border: 1px solid #BFBFBF;
}

.dtef-theme.dark .button-cancel {
    border: 2px solid #4C6183;
    color: #FFF;
}

.dtef-theme.light .button-cancel {
    border: 2px solid #4C6183;
    color: #595959;
}

.dtef-theme.dark .button-extend {
    background: #00A4E4;
    color: #FFF;
}

.dtef-theme.light .button-extend {
    background: #00A4E4;
    color: #FFF;
}

/****    Assessment Exit Modal    ****/

.dtef-theme.dark .exit-modal-container,
.dtef-theme.dark .delete-modal-container {
    border: 1px solid #416EBA;
}

.dtef-theme.light .exit-modal-container,
.dtef-theme.light .delete-modal-container {
    border: 1px solid #BFBFBF;
}

.dtef-theme.dark .assessments .compare-modal-container {
    border: 1px solid #41597C;
    background: #1C2534;
    box-shadow: 0 8px 64px 0 rgba(0, 0, 0, 0.85);
}

.dtef-theme.light .assessments .compare-modal-container {
    border: 1px solid #9AA5B1;
    background:  #FFF;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25);
}

.dtef-theme.dark .assessments .compare-heading {
    font-weight: 500;
}

.dtef-theme.light .assessments .compare-heading {
    font-weight: 400;
}

.dtef-theme.light .delete-exit {
    background: #FFF;
}

.dtef-theme.dark .button-exit {
    border: 2px solid #4C6183;
    color: #FFF;
}

.dtef-theme.light .button-exit {
    border: 2px solid #0F69A0;
    color: #0F69A0;
    background: #FFF;
}

.dtef-theme.dark .button-continue {
    background: #00A4E4;
    color: #FFF;
}

.dtef-theme.light .button-continue {
    background: #0F69A0;
    color: #FFF;
}

.dtef-theme.dark .button-continue-disabled {
    background: #00A4E4;
}

.dtef-theme.light .button-continue-disabled {
    background: #0F69A0;
}

c-dtef-focus-areas-grid {
    margin-bottom: 1rem !important;
}