html.inner {
    background-image: url(https://s3.us-west-2.amazonaws.com/files-c3imp-459.centercode.com/Public/Theme/7a049603d3fa4993861685407d2fe51d/00000000000000000000000000000004/Cinematic20Expeience20000220%281%2920%281%2920%281%29.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

.color-section-bg-as-fg { color: #d7d2cb!important;}
.color-section-bg { background-color: #d7d2cb!important;}

/*------------------------------*/
/* CUSTOM COLOR - PRIMARY */

/* BASIC */
    .color-primary-bg
    {background-color:#ffc356!important;border-color:#ffc356!important;color:#1F232F!important;}
    .color-primary-bg *,
    .color-primary-bg a:hover,
    .color-primary-bg a:focus
    {color:#1F232F!important;}
    .color-primary
    {background-color:#ffc356!important;border-color:#ffc356!important;color:#1F232F!important;}
    .platform .rownew-inner,
    .bttn-option input[type="radio"]:checked+label.bttn,
    .bttn-option input[type="radio"]:checked+label.bttn .subtext
    {background-color:#ffc356!important;border-color:#ffc356!important;color:#1F232F!important;}

    .color-primary:hover,
    .color-primary.hover,
    .color-primary:focus,
    .color-primary.focus,
    .bttn-option input[type="radio"]:checked:hover+label.bttn,
    .bttn-option input[type="radio"]:checked:focus+label.bttn,
    .bttn-option input[type="radio"]:checked:hover+label.bttn .subtext,
    .bttn-option input[type="radio"]:checked:focus+label.bttn .subtext
    {background-color:#CC9C45!important;border-color: #CC9C45!important;color:#1F232F!important;}
    .section-header.color-primary .bttn-link,
    .section-header.color-primary .section-header-title a
    {color:#1F232F!important;}
    .modal_btn:hover,
    .modal_btn:focus,
    .modal_btn:active,
    .ui-dialog .ui-dialog-titlebar .ui-button:hover,
    .ui-dialog .ui-dialog-titlebar .ui-button:focus,
    .ui-dialog .ui-dialog-titlebar .ui-button:active
    {background-color:#ffc356!important;color: #1F232F!important;}
    [class*="tbl-cont--qs-results"] .rowextra .td a,
    [class*="tbl-cont--kb-results"] .rowextra .td a {
      background-color:#ffc356!important;
      border-color:#ffc356!important;
      color:#1F232F!important;
    }
    [class*="tbl-cont--qs-results"] .rowextra .td a:hover,
    [class*="tbl-cont--kb-results"] .rowextra .td a:hover {
      background-color:#CC9C45!important;
      border-color:#CC9C45!important;
      color:#1F232F!important;
    }

    .color-primary:active,
    .color-primary.active
    {background-color:#CC9C45!important;border-color: #CC9C45!important;color:#1F232F!important;}
    .color-primary:active:hover,
    .color-primary.active:hover,
    .color-primary:active:focus,
    .color-primary.active:focus
    {background-color:#CC9C45!important;border-color: #CC9C45!important;color:#1F232F!important;}
    .color-primary[disabled]:hover,
    .color-primary[disabled]:focus,
    .color-primary[disabled]:active
    {background-color:#ffc356!important;border-color: #ffc356!important;color:#1F232F!important;}
    /* NOTE: Per Luke, don't darken tabs on active or focus if it is selected */
    .tab.color-primary:active:not(:hover),
    .tab.color-primary:focus:not(:hover)
    {background-color:#ffc356!important;border-color:#ffc356!important;color:#1F232F!important;}
    /* OTHER COLOR PRIMARY UI */
     .title-icon.ti-isactive {color:#ffc356!important;}
     .title-icon.ti-isactive:hover, .title-icon.ti-isactive:focus {color:#CC9C45!important;}
    /**FEEDBACK VOTE*/
    .voteui.voteable.voteon,
    .fbmobile.mobilemod .voteui,
    .fbmobile.mobilepre .voteui,
    .fbmobile.mobileretro .voteui
    {background-color:#ffc356!important;border-color:#ffc356!important;color:#1F232F!important;}
    .voteui.issubmitter,
    .voteui.hasvoted a,
    .voteui.hasvoted,
    .voteui.hasvoted:hover,
    .voteui.votable.hasvoted,
    .voteui.votable.hasvoted:hover
    {color:#ffc356!important;}
    .voteui.voteable.voteon:hover,
    .fbmobile.mobilemod .voteui:hover,
    .fbmobile.mobilepre .voteui:hover,
    .fbmobile.mobileretro .voteui:hover,
    .voteui.voteable.voteon:focus,
    .fbmobile.mobilemod .voteui:focus,
    .fbmobile.mobilepre .voteui:focus,
    .fbmobile.mobileretro .voteui:focus
    {background-color:#CC9C45!important;border:1px solid #CC9C45!important;color:#1F232F!important;}
    .voteui.voteable.voteon:active,
    .fbmobile.mobilemod .voteui:active,
    .fbmobile.mobilepre .voteui:active,
    .fbmobile.mobileretro .voteui:active
    {background-color:#CC9C45!important;border:1px solid #CC9C45!important;color:#1F232F!important;}
    .commhome .tbl-cont--content .newcard-tag:before
    {border-top-color: #ffc356!important; border-right-color: #ffc356!important;}
    .fbsimple .fbbttn-watch.watchon .fa-eye
    {color: #ffc356!important;}
    .fboccurrences .scores .value.active {
        color: #1F232F;
        background-color: #d7d2cb;
        border-color: #d7d2cb;
    }
    .fboccurrences .scores .value.nolink {
        color: #1F232F;
        background-color: #ffc356;
        border-color: #ffc356;
    }
    .fboccurrences .scores .value:hover,
    .fboccurrences .scores .value:focus,
    .fboccurrences .scores .value:active {
        opacity: 0.8;
    }
    .fbview .leftnavback .NavSet-outer.quickactions li i.fa-asterisk {
        background-color: #ffc356;
     }
    .sitefooter .footer-item--fixed:hover,
    .sitefooter .footer-item--fixed:focus,
    .thread .post.post--mod .cmtauthor__avatar,
    .thread .post.fbcmtcontainer .cmttags .cmttags__Tag.cmttag__Mod
    {background-color:#ffc356!important;color:#1F232F!important;}


/*------------------------------*/
/* CUSTOM COLOR - SECONDARY */

.elem-outer--highlight {
  border-color: #d7d2cb!important;
}


/* BASIC */
    .color-secondary
    {background-color:#d7d2cb!important;border:1px solid #d7d2cb!important;color:#1F232F!important;}
    .color-secondary:hover,
    .color-secondary.hover,
    .color-secondary:focus,
    .color-secondary.focus
    {background-color:#ACA8A2!important;border:1px solid #ACA8A2!important;color:#1F232F!important;}
    .color-secondary a
    {color:#fff!important;}
    .color-secondary:active,
    .color-secondary.active
    {background-color:#ACA8A2!important;border:1px solid #ACA8A2!important;color:#1F232F!important;}
    .color-secondary:active:hover,
    .color-secondary.active:hover,
    .color-secondary:active:focus,
    .color-secondary.active:focus
    {background-color:#ACA8A2!important;border:1px solid #ACA8A2!important;color:#1F232F!important;}
    .color-secondary[disabled]:hover,
    .color-secondary[disabled]:focus,
    .color-secondary[disabled]:active
    {background-color:#d7d2cb!important;border:1px solid #d7d2cb!important;color:#1F232F!important;}

.formelm-rs [data-status="selected"] {
  background-color: #d7d2cb!important;
  color: #1F232F!important;
}

/**DYNAMIC FORM - CONDITIONAL ELEMENT INDICATOR*/
.elem-indicator{
  border-top-color: #d7d2cb!important;
  border-left-color: #d7d2cb!important;
}
/**LIST TABLE - MGMT - HAS SORTABLE ROW*/
.hassortheaders.tbl-style--mgmt .rowheader a:hover,
.hassortheaders.tbl-style--mgmt .rowheader a:focus {
  color: #d7d2cb!important;
}
.listouter .row .action-item {
  background-color: #d7d2cb!important;
}
.listouter .row .actions .action-item[data-fa-action],
.listouter .row .actions .action-item[data-fa-action] * {
  color: #1F232F!important;
}
.listouter .row .actions .action-item:hover {
   background-image: url(/images/css/50-DarkGray.png);
}
.tbl-cont--fb-adv-list .icon.checkout, .tbl-cont--other-feedback .icon.checkout {
  background-color: #d7d2cb!important;
}
.elem-tools .elem-tool-btn {
  background-color: #d7d2cb!important;
}
.thread .post.post-focused  {
  border-color: #d7d2cb!important;
}


/*------------------------------*/
/* Inner Pages and Links - sBC4, sFC4, sLC4 */
[data-site-inner]
{background-color:#FFFFFF;color:#FFFFFF;}[data-site-inner] .sitefooter .footerr .footer-item{border-right: 1px solid #FFFFFF;}[data-site-inner] .page-title .standout{color:#FFFFFF;}
[data-site-inner] a,
[data-site-inner] a:hover,
[data-site-inner] a:focus
{color:#1F73B7;}
.color-inner-accent
{background-color:#1F73B7!important;border-color:#1F73B7!important;color:#FFFFFF!important;}
.color-inner-accent:hover,
.color-inner-accent.hover,
.color-inner-accent:focus,
.color-inner-accent.focus
{background-color:#195C92!important;border-color: #195C92!important;color:#FFFFFF!important;}
[data-site-inner] .sitefooter .footer-item a
{color:#1F73B7;}

/*------------------------------*/
/* Outer Pages and Links - sBC5, sFC5, sLC5 */
[data-site-outer]
{background-color:#FFFFFF;color:#FFFFFF;}
[data-site-outer] .sitefooter .footer-item
{color:#FFFFFF;}
.landing-content-title, .landing-opp-title
{color:#FFFFFF;}
[data-site-outer] a,
[data-site-outer] a:hover,
[data-site-outer] a:focus
{color:#1F73B7;}
[data-site-outer] .sitefooter .footer-item a
{color:#1F73B7;}

/*------------------------------*/
/* Unwrapped Pages and Links - sBC5, sFC5, sLC5 */
html[data-page-layout="layout-letter"]
{background-color:#FFFFFF;color:#FFFFFF;}
[data-site-outer] .sitefooter .footer-item
{color:#FFFFFF;}
[data-site-outer] a,
[data-site-outer] a:hover,
[data-site-outer] a:focus,
[data-site-outer] .sitefooter .footer-item a,
[data-site-outer] .sitefooter .footer-item a:hover,
[data-site-outer] .sitefooter .footer-item a:focus
{color:#1F73B7;}


/*------------------------------*/
/* Page Body Links - sL1 */
.pageouter a, .pageouter a:hover, .pageouter a:focus,
.bttn-link, .bttn-link:hover, .bttn-link:focus,
.ui-dialog a, .ui-dialog a:hover, .ui-dialog a:focus,
.modal_inner a, .modal_inner a:hover, .modal_inner a:focus,
.tipinner a, .tipinner a:hover, .tipinner a:focus
{color:#1F73B7;}

/*REPORT ELEMENTS*/
.chartouter a
{color:#1F73B7;}
/*USER CARD*/
.user-card-link,
.user-card-link:hover
{color:#1F73B7!important;}
/*DASHBOARD MENU*/
.menu-reporting-link,
.menu-reporting-link:hover
{color:#1F73B7!important;}

/*------------------------------*/
/* Site Header - sBC1, sFC1, sLC1 */
.nav-border-bottom
{border-bottom: solid 1px rgba(31,35,47,0.25);}nav a.cc-color-bg--header:hover .bubble-hover-color
{color:#E5E5E5;}nav select:not([multiple]), nav input[type="text"]
{background-color:#CCCCCC;color:#1F232F;}.nav-seperator
{border-color: #1F232F;}.menu-seperator
{border-color:#1F232F;}.sub-menu-seperator
{border-color:#1F232F;}.tb-bar.tb-upgrade-banner a
{color:#1F232F;}.fa-icon i.fa,
.fa-icon i.fal
{background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#7f7f7f));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: initial;}

.sitebanner a, .sitebanner .fa
{color:#9E9898;}
.sitebanner .siteusrinfo-inner::before
{border-color:#9E9898;}


/*------------------------------*/
/* Site Accents - sBC1, sFC1, sLC1 */

/*------------------------------*/
/* Color Title - sBC2, sFC2, sLC2 */
.color-title
{background-color:#FFFFFF;color:#1F232F;}
.reportpdf .elem-h4 h4,
.reportpdf [name*="elem-sectionheader"] h4
{border-color:#E5E5E5;background-color:#E5E5E5!important;color:#1F232F;}

.thread .label-pill.color-title
{background-color:#1F232F!important;color:#E5E5E5!important;}
.pagetitle-content-public a,
.pagetitle-content-public a:hover,
.pagetitle-content-public a:focus
{color:#1F232F;}
.pagetitle-content-basic a,
.pagetitle-content-basic a:hover,
.pagetitle-content-basic a:focus
{background-color:#9E9898!important;color:#E5E5E5!important;}

/*------------------------------*/
/* Page Sections - Uses Secondary Accent Color */
.section-header .subtext
{
color:#1F73B7!important;
}
.section-header-toggle, .form-label-backlit-bar
{
background-color:#d7d2cb;
color:#1F232F;
}
.form-label-backlit-bar label
{
color:#1F232F !important;
}
.section-header-toggle a
{
color:#1F232F!important;
}
.section-header-item .util a:not(.bttn-link), .section-header-item .util .bttn, .LogList-title .util .bttn, .LogList-type .util .bttn
{
border-color:#1F73B7;
color:#1F73B7;
}
.section-header-item .util a:not(.bttn-link):hover,
.section-header-item .util .bttn:hover,
.LogList-title .util .bttn:hover,
.LogList-type .util .bttn:hover,
.section-header-item .util a:not(.bttn-link)[disabled],
.section-header-item .util .bttn[disabled] {
background-color: #79ABD4;
color:#fff!important;
}
.section.section-bar--cta
{
background:#d7d2cb;
}
.section.section-bar--cta.section-bar--cta-colors-inverted .bttn
{
color:#d7d2cb;
background-color:#1F232F;
}
.section.section-bar--cta .bttn.color-secondary,
[data-ui-gradients="true"] .section.section-bar--cta .bttn.color-secondary:not(.bttn-link):not(.color-grayout)
{
border-color: #1F232F!important;
}
.section-bar--cta.section-bar--cta-colors-inverted
{
color:#1F232F;
}
.section-bar--cta.section-bar--cta-colors-inverted a
{
color:#1F232F;
}


/*------------------------------*/
/* List Table Group Rows - Using SEcondary Accent Color */
.listouter .rowgrouphdr
{background-color:#d7d2cb;color:#1F232F;}
.tbl-cont--team-access .rowgrouphdr .td
{background-color:#d7d2cb;}
.listin td.group
{background-color:#d7d2cb;color:#1F232F;}
.listouter .rowgrouphdr a
{color:#1F232F;}
.tbl-cont--team-access .rowgrouphdr .title .fal
{color:#1F232F;}

/*------------------------------*/
/* List Table */

/**LISTTABLE - BASE*/
/**LISTTABLE - LISTIN*/
    .listin td a,
    .listin td a:focus,
    .listin td a:hover {
       color: #1F73B7;
    }
    .listin .header a,
    .listin .header a:focus,
    .listin .header a:hover {
       color: #1F73B7;
    }

/**LISTTABLE - MODIFICATION*/
    .tbl-cont--project-list-alt .row .td {
       background-color: #FFC967;
       border-bottom-color: #ffc356;
    }

/**LISTTABLE - STRUCTURE*/
    .tbl-style--list .row a,
    .tbl-style--list .row a:hover,
    .tbl-style--list .row a:focus {
       color: #1F73B7;
    }
    .row .title:before {
       color: #ffc356;
    }
    .tbl-style--mgmt .row:hover .td.primary {
       border-left-color: #d7d2cb;
    }
    .tbl-style--mgmt .rowgrouphdr:hover .td.primary {
       border-left-color: #d7d2cb;
    }
    .tbl-style--mgmt .placeholder:before {
       border-left-color: #ffc356;
    }
    .tbl-style--mgmt.table .row:hover .primary .title {
       border-left-color: #d7d2cb;
    }
    .tbl-cont--forum-list tr.row:hover .titleoutertable,
    .tbl-cont--forum-topic tr.row:hover .titleoutertable {
       border-left-color: #d7d2cb;
    }
    .hassortheaders .rowheader .td[class*="sort"],
    .hassortheaders .rowheader .td a[class*="sortedby"] {
       border-bottom-color: #d7d2cb;
    }


/*------------------------------*/
/* Reporting */
    .c-bg-primary { background-color: #ffc356; }
    .c-bg-primary-l1 { background-color: #ffe1aa; }
    .c-bg-primary-l2 { background-color: #ffd280; }
    .c-bg-primary-d2 { background-color: #bf9240; }
    .c-bg-primary-d1 { background-color: #7f612b; }
    .c-bg-secondary { background-color: #d7d2cb; }
    .c-bg-secondary-l1 { background-color: #ebe8e5; }
    .c-bg-secondary-l2 { background-color: #e1ddd8; }
    .c-bg-secondary-d2 { background-color: #a19e98; }
    .c-bg-secondary-d1 { background-color: #6b6965; }
    .c-bg-a01 { background-color: #ffc356; }
    .c-bg-a02 { background-color: #191817; }
    .c-bg-a03 { background-color: #7d7873; }
    .c-bg-a04 { background-color: #94bec4; }
    .c-bg-a05 { background-color: #d7d2cb; }
    .c-bg-a06 { background-color: #44546a; }
    .c-bg-a07 { background-color: #bf9240; }
    .c-bg-a08 { background-color: #131211; }
    .c-bg-a09 { background-color: #5e5a56; }
    .c-bg-a10 { background-color: #6f8e93; }
    .c-bg-a11 { background-color: #a19e98; }
    .c-bg-a12 { background-color: #333f50; }
    .c-bg-a13 { background-color: #7f612b; }
    .c-bg-b01 { background-color: #0d0c0b; }
    .c-bg-b02 { background-color: #3f3c39; }
    .c-bg-b03 { background-color: #4a5f62; }
    .c-bg-b04 { background-color: #6b6965; }
    .c-bg-b05 { background-color: #222a35; }
    .c-bg-b06 { background-color: #ffd280; }
    .c-bg-b07 { background-color: #535251; }
    .c-bg-b08 { background-color: #9d9a96; }
    .c-bg-b09 { background-color: #afced3; }
    .c-bg-b10 { background-color: #e1ddd8; }
    .c-bg-b11 { background-color: #737f8f; }
    .c-bg-b12 { background-color: #ffe1aa; }
    .c-bg-b13 { background-color: #8c8c8b; }
    .c-bg-c01 { background-color: #bebcb9; }
    .c-bg-c02 { background-color: #cadee2; }
    .c-bg-c03 { background-color: #ebe8e5; }
    .c-bg-c04 { background-color: #a2aab4; }
    .c-fill-primary { fill: #ffc356; }
    .c-fill-primary-l1 { fill: #ffe1aa; }
    .c-fill-primary-l2 { fill: #ffd280; }
    .c-fill-primary-d2 { fill: #bf9240; }
    .c-fill-primary-d1 { fill: #7f612b; }
    .c-fill-secondary { fill: #d7d2cb; }
    .c-fill-secondary-l1 { fill: #ebe8e5; }
    .c-fill-secondary-l2 { fill: #e1ddd8; }
    .c-fill-secondary-d2 { fill: #a19e98; }
    .c-fill-secondary-d1 { fill: #6b6965; }
    .c-fill-a01 { fill: #ffc356; }
    .c-fill-a02 { fill: #191817; }
    .c-fill-a03 { fill: #7d7873; }
    .c-fill-a04 { fill: #94bec4; }
    .c-fill-a05 { fill: #d7d2cb; }
    .c-fill-a06 { fill: #44546a; }
    .c-fill-a07 { fill: #bf9240; }
    .c-fill-a08 { fill: #131211; }
    .c-fill-a09 { fill: #5e5a56; }
    .c-fill-a10 { fill: #6f8e93; }
    .c-fill-a11 { fill: #a19e98; }
    .c-fill-a12 { fill: #333f50; }
    .c-fill-a13 { fill: #7f612b; }
    .c-fill-b01 { fill: #0d0c0b; }
    .c-fill-b02 { fill: #3f3c39; }
    .c-fill-b03 { fill: #4a5f62; }
    .c-fill-b04 { fill: #6b6965; }
    .c-fill-b05 { fill: #222a35; }
    .c-fill-b06 { fill: #ffd280; }
    .c-fill-b07 { fill: #535251; }
    .c-fill-b08 { fill: #9d9a96; }
    .c-fill-b09 { fill: #afced3; }
    .c-fill-b10 { fill: #e1ddd8; }
    .c-fill-b11 { fill: #737f8f; }
    .c-fill-b12 { fill: #ffe1aa; }
    .c-fill-b13 { fill: #8c8c8b; }
    .c-fill-c01 { fill: #bebcb9; }
    .c-fill-c02 { fill: #cadee2; }
    .c-fill-c03 { fill: #ebe8e5; }
    .c-fill-c04 { fill: #a2aab4; }
    .c-stroke-primary { stroke: #ffc356; }
    .c-stroke-primary-l1 { stroke: #ffe1aa; }
    .c-stroke-primary-l2 { stroke: #ffd280; }
    .c-stroke-primary-d2 { stroke: #bf9240; }
    .c-stroke-primary-d1 { stroke: #7f612b; }
    .c-stroke-secondary { stroke: #d7d2cb; }
    .c-stroke-secondary-l1 { stroke: #ebe8e5; }
    .c-stroke-secondary-l2 { stroke: #e1ddd8; }
    .c-stroke-secondary-d2 { stroke: #a19e98; }
    .c-stroke-secondary-d1 { stroke: #6b6965; }
    .c-stroke-a01 { stroke: #ffc356; }
    .c-stroke-a02 { stroke: #191817; }
    .c-stroke-a03 { stroke: #7d7873; }
    .c-stroke-a04 { stroke: #94bec4; }
    .c-stroke-a05 { stroke: #d7d2cb; }
    .c-stroke-a06 { stroke: #44546a; }
    .c-stroke-a07 { stroke: #bf9240; }
    .c-stroke-a08 { stroke: #131211; }
    .c-stroke-a09 { stroke: #5e5a56; }
    .c-stroke-a10 { stroke: #6f8e93; }
    .c-stroke-a11 { stroke: #a19e98; }
    .c-stroke-a12 { stroke: #333f50; }
    .c-stroke-a13 { stroke: #7f612b; }
    .c-stroke-b01 { stroke: #0d0c0b; }
    .c-stroke-b02 { stroke: #3f3c39; }
    .c-stroke-b03 { stroke: #4a5f62; }
    .c-stroke-b04 { stroke: #6b6965; }
    .c-stroke-b05 { stroke: #222a35; }
    .c-stroke-b06 { stroke: #ffd280; }
    .c-stroke-b07 { stroke: #535251; }
    .c-stroke-b08 { stroke: #9d9a96; }
    .c-stroke-b09 { stroke: #afced3; }
    .c-stroke-b10 { stroke: #e1ddd8; }
    .c-stroke-b11 { stroke: #737f8f; }
    .c-stroke-b12 { stroke: #ffe1aa; }
    .c-stroke-b13 { stroke: #8c8c8b; }
    .c-stroke-c01 { stroke: #bebcb9; }
    .c-stroke-c02 { stroke: #cadee2; }
    .c-stroke-c03 { stroke: #ebe8e5; }
    .c-stroke-c04 { stroke: #a2aab4; }


/*------------------------------*/
/* CUSTOM COLOR - DANGER */
/*DANGER*/
    .color-danger-fg
    {color: #d9534f!important;}
    a.color-danger-fg:hover,
    a.color-danger-fg:focus
    {color: #c9302c!important;}
    .color-danger
    {color: #fff!important;background-color: #d9534f!important;border-color: #d9534f!important;}
    .color-danger:hover,
    .color-danger.hover,
    .color-danger:focus,
    .color-danger.focus
    {color: #fff!important;background-color: #c9302c!important;border-color: #c9302c!important;}
    .color-danger:active,
    .color-danger.active
    {color: #fff!important;background-color: #c9302c!important;border-color: #c9302c!important;}
    .color-danger:active:hover,
    .color-danger.active:hover,
    .color-danger:active:focus,
    .color-danger.active:focus
    {color: #fff!important;background-color: #ac2925!important;border-color: #8b211e!important;}
    .color-danger[disabled]:hover,
    .color-danger[disabled]:focus,
    .color-danger[disabled]:active
    {color: #fff!important;background-color: #d9534f!important;border-color: #d9534f!important;}
/*OUTLINE DANGER*/
    .color-outline-danger
    {background-color: #fff!important;color: #d9534f!important;border-color: #d9534f!important;}
    .color-outline-danger:hover,
    .color-outline-danger.hover,
    .color-outline-danger:focus,
    .color-outline-danger.focus
    {color: #d9534f!important;background-color: #fcf1f0!important;border-color: #d9534f!important;}
    .color-outline-danger:active,
    .color-outline-danger.active
    {color: #d9534f!important;background-color: #f9e2e0!important;border-color: #d9534f!important;}
    .color-outline-danger:active:hover,
    .color-outline-danger.active:hover,
    .color-outline-danger:active:focus,
    .color-outline-danger.active:focus
    {color: #d9534f!important;background-color: #fcf1f0!important;border-color: #d9534f!important;}
    .color-outline-danger[disabled]:hover,
    .color-outline-danger[disabled]:focus,
    .color-outline-danger[disabled]:active
    {background-color: #fff!important;color: #d9534f!important;border-color: #d9534f!important;}


/*------------------------------*/
/* CUSTOM COLOR - CANCEL */
    .color-cancel
    {color: #888!important;}
    .color-cancel:hover,
    .color-cancel:focus
    {color: #888!important;}


/*------------------------------*/
/* CUSTOM COLOR - UTILITY */
    .color-utility
    {color: #676D7E!important;background-color: #E4E6EC;border-color: #888F9F;}
    .color-utility:hover,
    .color-utility.hover,
    .color-utility:focus,
    .color-utility.focus
    {color: #676D7E!important;background-color: #D8DCE5;border-color: #888F9F;}
    .color-utility:active,
    .color-utility.active
    {color: #676D7E!important;background-color: #D8DCE5;border-color: #888F9F;}
    .color-utility:active:hover,
    .color-utility.active:hover,
    .color-utility:active:focus,
    .color-utility.active:focus
    {color: #676D7E!important;background-color: #D8DCE5;border-color: #888F9F;}
    .color-utility.disabled,
    .color-utility.disabled:hover,
    .color-utility.disabled:focus,
    .color-utility.disabled:active,
    .color-utility[disabled]:hover,
    .color-utility[disabled]:focus,
    .color-utility[disabled]:active
    {color: #676D7E!important;background-color: #E4E6EC;border-color: #888F9F;box-shadow:none!important;}
/*------------------------------*/
/* CUSTOM COLOR - UTILITY OUTLINE */
    .color-outline-utility,
    .color-outline-primary,
    .color-outline-secondary,
    .bttn-option label.bttn
    {color: #676D7E!important;background-color: #ffffff!important;border-color: #D8DCE5!important;}
    .color-outline-utility:hover,
    .color-outline-utility.hover,
    .color-outline-utility:active:hover,
    .color-outline-utility.active:hover,
    .color-outline-primary:hover,
    .color-outline-primary.hover,
    .color-outline-primary:active:hover,
    .color-outline-primary.active:hover,
    .color-outline-secondary:hover,
    .color-outline-secondary.hover,
    .color-outline-secondary:active:hover,
    .color-outline-secondary.active:hover,
    .bttn-option label.bttn:hover
    {color: #676D7E!important;background-color: #E4E6EC!important;border-color: #888F9F!important;}
    .color-outline-utility:focus,
    .color-outline-utility.focus,
    .color-outline-utility:active:focus,
    .color-outline-utility.active:focus,
    .color-outline-primary:focus,
    .color-outline-primary.focus,
    .color-outline-primary:active:focus,
    .color-outline-primary.active:focus,
    .color-outline-secondary:focus,
    .color-outline-secondary.focus,
    .color-outline-secondary:active:focus,
    .color-outline-secondary.active:focus,
    .bttn-option input[type="radio"]:focus+label.bttn
    {color: #676D7E!important;background-color: #EEF0F3!important;border-color: #888F9F!important;}
    .color-outline-utility:active,
    .color-outline-utility.active,
    .color-outline-primary:active,
    .color-outline-primary.active,
    .color-outline-secondary:active,
    .color-outline-secondary.active
    {color: #676D7E!important;background-color: #D8DCE5!important;border-color: #888F9F!important;}
    .color-outline-utility[disabled]:hover,
    .color-outline-utility[disabled]:focus,
    .color-outline-utility[disabled]:active,
    .color-outline-primary[disabled]:hover,
    .color-outline-primary[disabled]:focus,
    .color-outline-primary[disabled]:active,
    .color-outline-secondary[disabled]:hover,
    .color-outline-secondary[disabled]:focus,
    .color-outline-secondary[disabled]:active,
    {color: #676D7E!important;background-color: #ffffff!important;border-color: #D8DCE5!important;}
    .color-utility a,
    .color-utility a:hover,
    .color-utility a:focus,
    .color-utility a:active
    {color:#676D7E!important;} /*NECESSARY TO APPLY COLOR TO ACTIVITIES W/ MULTI LINKS*/
    .color-outline-utility.bttn-icon[disabled],
    .color-outline-utility.bttn-icon[disabled]:hover,
    .color-outline-utility.bttn-icon[disabled]:focus,
    .color-outline-utility.bttn-icon[disabled]:active
    {color: #ffffff!important;background-color: #E4E6EC!important;border: none!important; opacity:1!important;}
    .color-outline-utility.bttn-icon[disabled]:not(.active):active
    {box-shadow: none!important}


/*------------------------------*/
/* CUSTOM COLOR - GRAYOUT */
    .color-grayout
    {background-color:#888F9F!important;border:1px solid #888F9F!important;color:#5b5b5b!important;}
    .color-grayout:hover,
    .color-grayout:focus,
    .color-grayout:focus:active,
    .color-grayout.color-primary:hover,
    .color-grayout.color-primary:focus,
    .color-grayout.color-primary:focus:active
    {background-color:#898989!important;border:1px solid #898989!important;color:#1F232F!important;}


/**DYNAMIC TAGS - EDIT AND PREVIEW MODE*/
    .dynamictag,
    .DYNAMICTAG,
    .cke_dynamictag {
        /*whitespace inner*/
        padding: 2px 3px 1px!important;/*OVERRIDE: necessary for consistency across email and non-email previews*/
        /*border radius*/
        border-radius: 4px;
        /*border*/
        border: 1px solid #dce1e6; /*NOTE: prevents increase in size when focus is received*/
        /*formatting*/
        background-color: #eef2f5!important; /*override: plugin inline style tag*/
        color: #5E6C79;
        font-weight: bold;
        font-family: var(--cc-font-family);
        line-height: 1;
    }

/**DYNAMIC TAGS - EDIT MODE*/
    .cke_widget_wrapper:hover>.cke_widget_element {
        outline: none!important; /*override: plugin inline style tag*/
        box-shadow: 0 0 3px 1px rgba(138, 140, 152, 0.8);
    }
    .cke_widget_wrapper.cke_widget_focused>.cke_widget_element,
    .cke_widget_wrapper .cke_widget_editable.cke_widget_editable_focused {
        outline: none!important; /*override: plugin inline style tag*/
        padding: 1px 2px 0!important;/*OVERRIDE: necessary for consistency across email and non-email previews*/
        border: 2px dotted #ace!important;
    }
    a .cke_dynamictag {
        /* TODO: When dynamic tag is a child of a a tag...
            Assign a color different than normal so
           it still looks like a Dynamic Tag but with a
           link around it
        */
    }

/**DYNAMIC TAGS - READ ONLY*/
    /* NOTE: Hover and focus should *NOT* alter style when displayed in read-only mode*/
    body[contenteditable="false"] .cke_widget_wrapper:hover>.cke_widget_element {
        box-shadow: none;
    }
    body[contenteditable="false"] .cke_widget_drag_handler_container {
        display: none!important;
    }
    body[contenteditable="false"] .cke_widget_wrapper.cke_widget_focused>.cke_widget_element,
    body[contenteditable="false"] .cke_widget_wrapper .cke_widget_editable.cke_widget_editable_focused {
        outline: none!important;
        border: 2px solid #eef2f5!important;
    }

/**DYNAMIC TAGS - UNMATCHED TAGS*/
    .cke_dynamictag.unmatched {
        /*whitespace inner*/
        background-color: #ff9999 !important;
    }

.cc-editor-cont:not(.cc-editor-cont--output) [data-e-placeholder="true"] {    display: block!important;    padding: 12px 12px 10px;    font-weight: bold;    color: #A8ABB4;    background-color: #f8f8f8;    border: 1px solid #ebecec;    text-shadow: 0  1px 0 #FFF;    margin: 20px 0;}

.cc-editor-cont--not-email a, .cc-editor-cont--not-email a:hover, .cc-editor-cont--not-email a:focus
{color:#1f73b7;}
/*NOTE:THIS ENSURES THAT LINK FORMATTING AND INTERACTIVE STYLES ARE
       CONSISTENT ACROSS THE SITE WHEN EDITING OR PREVIEWING THE EDITOR.
       THIS APPLIES TO CONTENT BODY (BOTH EMAIL AND NON-EMAIL)
       PLACING IT HERE ALLOWS US TO MANAGE THE STYLES IN ONE PLACE
       WHILE AVOIDING MAKING CHANGES TO email.css
       SHOULD BE OK TO LEAVE email.css ALONE SO THAT THE EMAIL BODY CAN
       PRESENT LINKS IN A CONSISTENT MANNER FOR A GIVEN EMAIL CLIENT
*/
.cc-editor-cont a
{
text-decoration: underline;
cursor: pointer;
}

.cc-editor-cont a:hover,
.cc-editor-cont a:focus
{
text-decoration: none;
}



.cc-editor-cont-block-primary {
border-color: #ffc356!important;
background-color: #ffc356!important;
color:#fff!important;
}
.cc-editor-cont-page-section {
color: !important;
}

.cc-editor-cont-block-secondary {
border-color: #d7d2cb!important;
background-color: #d7d2cb!important;
color:#fff!important;
}

.cc-color-fg--info-d1 { color: #6c6e73; }
.cc-color-fg--info-d2 { color: #a2a5ac; }
.cc-color-fg--info { color: #d8dce5; }
.cc-color-fg--info-l2 { color: #e2e5eb; }
.cc-color-fg--info-l1 { color: #eceef2; }
.cc-color-fg--note-d1 { color: #1b535b; }
.cc-color-fg--note-d2 { color: #287c89; }
.cc-color-fg--note { color: #36a6b7; }
.cc-color-fg--note-l2 { color: #68bcc9; }
.cc-color-fg--note-l1 { color: #9ad2db; }
.cc-color-fg--success-d1 { color: #195b44; }
.cc-color-fg--success-d2 { color: #268866; }
.cc-color-fg--success { color: #32b588; }
.cc-color-fg--success-l2 { color: #65c7a6; }
.cc-color-fg--success-l1 { color: #98dac4; }
.cc-color-fg--alert-d1 { color: #6d2929; }
.cc-color-fg--alert-d2 { color: #a33d3d; }
.cc-color-fg--alert { color: #d95151; }
.cc-color-fg--alert-l2 { color: #e37d7d; }
.cc-color-fg--alert-l1 { color: #eca8a8; }
.cc-color-fg--warning-d1 { color: #7a6b34; }
.cc-color-fg--warning-d2 { color: #b7a14e; }
.cc-color-fg--warning { color: #f4d768; }
.cc-color-fg--warning-l2 { color: #f7e18e; }
.cc-color-fg--warning-l1 { color: #faebb4; }
.cc-color-fg--grayscale-d2 { color: #808591; }
.cc-color-fg--grayscale-d1 { color: #555961; }
.cc-color-fg--grayscale { color: #aab1c1; }
.cc-color-fg--grayscale-l2 { color: #bfc5d1; }
.cc-color-fg--grayscale-l1 { color: #d4d8e0; }
.cc-color-bg--info-d1 { background-color: #6c6e73; }
.cc-color-bg--info-d2 { background-color: #a2a5ac; }
.cc-color-bg--info { background-color: #d8dce5; }
.cc-color-bg--info-l2 { background-color: #e2e5eb; }
.cc-color-bg--info-l1 { background-color: #eceef2; }
.cc-color-bg--note-d1 { background-color: #1b535b; }
.cc-color-bg--note-d2 { background-color: #287c89; }
.cc-color-bg--note { background-color: #36a6b7; }
.cc-color-bg--note-l2 { background-color: #68bcc9; }
.cc-color-bg--note-l1 { background-color: #9ad2db; }
.cc-color-bg--success-d1 { background-color: #195b44; }
.cc-color-bg--success-d2 { background-color: #268866; }
.cc-color-bg--success { background-color: #32b588; }
.cc-color-bg--success-l2 { background-color: #65c7a6; }
.cc-color-bg--success-l1 { background-color: #98dac4; }
.cc-color-bg--alert-d1 { background-color: #6d2929; }
.cc-color-bg--alert-d2 { background-color: #a33d3d; }
.cc-color-bg--alert { background-color: #d95151; }
.cc-color-bg--alert-l2 { background-color: #e37d7d; }
.cc-color-bg--alert-l1 { background-color: #eca8a8; }
.cc-color-bg--warning-d1 { background-color: #7a6b34; }
.cc-color-bg--warning-d2 { background-color: #b7a14e; }
.cc-color-bg--warning { background-color: #f4d768; }
.cc-color-bg--warning-l2 { background-color: #f7e18e; }
.cc-color-bg--warning-l1 { background-color: #faebb4; }
.cc-color-bg--grayscale-d2 { background-color: #808591; }
.cc-color-bg--grayscale-d1 { background-color: #555961; }
.cc-color-bg--grayscale { background-color: #aab1c1; }
.cc-color-bg--grayscale-l2 { background-color: #bfc5d1; }
.cc-color-bg--grayscale-l1 { background-color: #d4d8e0; }
.cc-color-fg--header-d1 { color: #7f7f7f; }
.cc-color-fg--header-d2 { color: #bfbfbf; }
.cc-color-fg--header { color: #ffffff; }
.cc-color-fg--header-l2 { color: #ffffff; }
.cc-color-fg--header-l1 { color: #ffffff; }
.cc-color-bg--header-d1 { background-color: #7f7f7f; }
.cc-color-bg--header-d2 { background-color: #bfbfbf; }
.cc-color-bg--header { background-color: #ffffff; }
.cc-color-bg--header-l2 { background-color: #ffffff; }
.cc-color-bg--header-l1 { background-color: #ffffff; }
.cc-color-fg--header-text-d1 { color: #0f1117; }
.cc-color-fg--header-text-d2 { color: #171a23; }
.cc-color-fg--header-text { color: #1f232f; }
.cc-color-fg--header-text-l2 { color: #575a63; }
.cc-color-fg--header-text-l1 { color: #8f9197; }
.cc-color-bg--header-text-d1 { background-color: #0f1117; }
.cc-color-bg--header-text-d2 { background-color: #171a23; }
.cc-color-bg--header-text { background-color: #1f232f; }
.cc-color-bg--header-text-l2 { background-color: #575a63; }
.cc-color-bg--header-text-l1 { background-color: #8f9197; }
.cc-color-fg--header-link-d1 { color: #4f4c4c; }
.cc-color-fg--header-link-d2 { color: #767272; }
.cc-color-fg--header-link { color: #9e9898; }
.cc-color-fg--header-link-l2 { color: #b6b2b2; }
.cc-color-fg--header-link-l1 { color: #cecccc; }
.cc-color-bg--header-link-d1 { background-color: #4f4c4c; }
.cc-color-bg--header-link-d2 { background-color: #767272; }
.cc-color-bg--header-link { background-color: #9e9898; }
.cc-color-bg--header-link-l2 { background-color: #b6b2b2; }
.cc-color-bg--header-link-l1 { background-color: #cecccc; }
.cc-color-fg--menu-d1 { color: #737373; }
.cc-color-fg--menu-d2 { color: #acacac; }
.cc-color-fg--menu { color: #e5e5e5; }
.cc-color-fg--menu-l2 { color: #ebebeb; }
.cc-color-fg--menu-l1 { color: #f2f2f2; }
.cc-color-bg--menu-d1 { background-color: #737373; }
.cc-color-bg--menu-d2 { background-color: #acacac; }
.cc-color-bg--menu { background-color: #e5e5e5; }
.cc-color-bg--menu-l2 { background-color: #ebebeb; }
.cc-color-bg--menu-l1 { background-color: #f2f2f2; }
.cc-color-fg--menu-text-d1 { color: #0f1117; }
.cc-color-fg--menu-text-d2 { color: #171a23; }
.cc-color-fg--menu-text { color: #1f232f; }
.cc-color-fg--menu-text-l2 { color: #575a63; }
.cc-color-fg--menu-text-l1 { color: #8f9197; }
.cc-color-bg--menu-text-d1 { background-color: #0f1117; }
.cc-color-bg--menu-text-d2 { background-color: #171a23; }
.cc-color-bg--menu-text { background-color: #1f232f; }
.cc-color-bg--menu-text-l2 { background-color: #575a63; }
.cc-color-bg--menu-text-l1 { background-color: #8f9197; }
.cc-color-fg--menu-link-d1 { color: #4f4c4c; }
.cc-color-fg--menu-link-d2 { color: #767272; }
.cc-color-fg--menu-link { color: #9e9898; }
.cc-color-fg--menu-link-l2 { color: #b6b2b2; }
.cc-color-fg--menu-link-l1 { color: #cecccc; }
.cc-color-bg--menu-link-d1 { background-color: #4f4c4c; }
.cc-color-bg--menu-link-d2 { background-color: #767272; }
.cc-color-bg--menu-link { background-color: #9e9898; }
.cc-color-bg--menu-link-l2 { background-color: #b6b2b2; }
.cc-color-bg--menu-link-l1 { background-color: #cecccc; }
.cc-color-fg--submenu-d1 { color: #666666; }
.cc-color-fg--submenu-d2 { color: #999999; }
.cc-color-fg--submenu { color: #cccccc; }
.cc-color-fg--submenu-l2 { color: #d9d9d9; }
.cc-color-fg--submenu-l1 { color: #e6e6e6; }
.cc-color-bg--submenu-d1 { background-color: #666666; }
.cc-color-bg--submenu-d2 { background-color: #999999; }
.cc-color-bg--submenu { background-color: #cccccc; }
.cc-color-bg--submenu-l2 { background-color: #d9d9d9; }
.cc-color-bg--submenu-l1 { background-color: #e6e6e6; }
.cc-color-fg--submenu-text-d1 { color: #0f1117; }
.cc-color-fg--submenu-text-d2 { color: #171a23; }
.cc-color-fg--submenu-text { color: #1f232f; }
.cc-color-fg--submenu-text-l2 { color: #575a63; }
.cc-color-fg--submenu-text-l1 { color: #8f9197; }
.cc-color-bg--submenu-link-d1 { background-color: #4f4c4c; }
.cc-color-bg--submenu-link-d2 { background-color: #767272; }
.cc-color-bg--submenu-link { background-color: #9e9898; }
.cc-color-bg--submenu-link-l2 { background-color: #b6b2b2; }
.cc-color-bg--submenu-link-l1 { background-color: #cecccc; }
.cc-color-fg--primary-d1 { color: #7f612b; }
.cc-color-fg--primary-d2 { color: #bf9240; }
.cc-color-fg--primary { color: #ffc356; }
.cc-color-fg--primary-l2 { color: #ffd280; }
.cc-color-fg--primary-l1 { color: #ffe1aa; }
.cc-color-bg--primary-d1 { background-color: #7f612b; }
.cc-color-bg--primary-d2 { background-color: #bf9240; }
.cc-color-bg--primary { background-color: #ffc356; }
.cc-color-bg--primary-l2 { background-color: #ffd280; }
.cc-color-bg--primary-l1 { background-color: #ffe1aa; }
.cc-color-fg--primary-text-d1 { color: #0f1117; }
.cc-color-fg--primary-text-d2 { color: #171a23; }
.cc-color-fg--primary-text { color: #1f232f; }
.cc-color-fg--primary-text-l2 { color: #575a63; }
.cc-color-fg--primary-text-l1 { color: #8f9197; }
.cc-color-bg--primary-text-d1 { background-color: #0f1117; }
.cc-color-bg--primary-text-d2 { background-color: #171a23; }
.cc-color-bg--primary-text { background-color: #1f232f; }
.cc-color-bg--primary-text-l2 { background-color: #575a63; }
.cc-color-bg--primary-text-l1 { background-color: #8f9197; }
.cc-color-fg--secondary-d1 { color: #6b6965; }
.cc-color-fg--secondary-d2 { color: #a19e98; }
.cc-color-fg--secondary { color: #d7d2cb; }
.cc-color-fg--secondary-l2 { color: #e1ddd8; }
.cc-color-fg--secondary-l1 { color: #ebe8e5; }
.cc-color-bg--secondary-d1 { background-color: #6b6965; }
.cc-color-bg--secondary-d2 { background-color: #a19e98; }
.cc-color-bg--secondary { background-color: #d7d2cb; }
.cc-color-bg--secondary-l2 { background-color: #e1ddd8; }
.cc-color-bg--secondary-l1 { background-color: #ebe8e5; }
.cc-color-fg--secondary-text-d1 { color: #0f1117; }
.cc-color-fg--secondary-text-d2 { color: #171a23; }
.cc-color-fg--secondary-text { color: #1f232f; }
.cc-color-fg--secondary-text-l2 { color: #575a63; }
.cc-color-fg--secondary-text-l1 { color: #8f9197; }
.cc-color-bg--secondary-text-d1 { background-color: #0f1117; }
.cc-color-bg--secondary-text-d2 { background-color: #171a23; }
.cc-color-bg--secondary-text { background-color: #1f232f; }
.cc-color-bg--secondary-text-l2 { background-color: #575a63; }
.cc-color-bg--secondary-text-l1 { background-color: #8f9197; }
.cc-color-fg--custom1-d1 { color: #7f612b; }
.cc-color-fg--custom1-d2 { color: #bf9240; }
.cc-color-fg--custom1 { color: #ffc356; }
.cc-color-fg--custom1-l2 { color: #ffd280; }
.cc-color-fg--custom1-l1 { color: #ffe1aa; }
.cc-color-bg--custom1-d1 { background-color: #7f612b; }
.cc-color-bg--custom1-d2 { background-color: #bf9240; }
.cc-color-bg--custom1 { background-color: #ffc356; }
.cc-color-bg--custom1-l2 { background-color: #ffd280; }
.cc-color-bg--custom1-l1 { background-color: #ffe1aa; }
.cc-color-fg--custom2-d1 { color: #0d0c0b; }
.cc-color-fg--custom2-d2 { color: #131211; }
.cc-color-fg--custom2 { color: #191817; }
.cc-color-fg--custom2-l2 { color: #535251; }
.cc-color-fg--custom2-l1 { color: #8c8c8b; }
.cc-color-bg--custom2-d1 { background-color: #0d0c0b; }
.cc-color-bg--custom2-d2 { background-color: #131211; }
.cc-color-bg--custom2 { background-color: #191817; }
.cc-color-bg--custom2-l2 { background-color: #535251; }
.cc-color-bg--custom2-l1 { background-color: #8c8c8b; }
.cc-color-fg--custom3-d1 { color: #3f3c39; }
.cc-color-fg--custom3-d2 { color: #5e5a56; }
.cc-color-fg--custom3 { color: #7d7873; }
.cc-color-fg--custom3-l2 { color: #9d9a96; }
.cc-color-fg--custom3-l1 { color: #bebcb9; }
.cc-color-bg--custom3-d1 { background-color: #3f3c39; }
.cc-color-bg--custom3-d2 { background-color: #5e5a56; }
.cc-color-bg--custom3 { background-color: #7d7873; }
.cc-color-bg--custom3-l2 { background-color: #9d9a96; }
.cc-color-bg--custom3-l1 { background-color: #bebcb9; }
.cc-color-fg--custom4-d1 { color: #4a5f62; }
.cc-color-fg--custom4-d2 { color: #6f8e93; }
.cc-color-fg--custom4 { color: #94bec4; }
.cc-color-fg--custom4-l2 { color: #afced3; }
.cc-color-fg--custom4-l1 { color: #cadee2; }
.cc-color-bg--custom4-d1 { background-color: #4a5f62; }
.cc-color-bg--custom4-d2 { background-color: #6f8e93; }
.cc-color-bg--custom4 { background-color: #94bec4; }
.cc-color-bg--custom4-l2 { background-color: #afced3; }
.cc-color-bg--custom4-l1 { background-color: #cadee2; }
.cc-color-fg--custom5-d1 { color: #6b6965; }
.cc-color-fg--custom5-d2 { color: #a19e98; }
.cc-color-fg--custom5 { color: #d7d2cb; }
.cc-color-fg--custom5-l2 { color: #e1ddd8; }
.cc-color-fg--custom5-l1 { color: #ebe8e5; }
.cc-color-bg--custom5-d1 { background-color: #6b6965; }
.cc-color-bg--custom5-d2 { background-color: #a19e98; }
.cc-color-bg--custom5 { background-color: #d7d2cb; }
.cc-color-bg--custom5-l2 { background-color: #e1ddd8; }
.cc-color-bg--custom5-l1 { background-color: #ebe8e5; }
.cc-color-fg--custom6-d1 { color: #222a35; }
.cc-color-fg--custom6-d2 { color: #333f50; }
.cc-color-fg--custom6 { color: #44546a; }
.cc-color-fg--custom6-l2 { color: #737f8f; }
.cc-color-fg--custom6-l1 { color: #a2aab4; }
.cc-color-bg--custom6-d1 { background-color: #222a35; }
.cc-color-bg--custom6-d2 { background-color: #333f50; }
.cc-color-bg--custom6 { background-color: #44546a; }
.cc-color-bg--custom6-l2 { background-color: #737f8f; }
.cc-color-bg--custom6-l1 { background-color: #a2aab4; }
[data-ui-gradients="true"] .color-title{
background: #ffffff!important;
background-image: -webkit-gradient(left top, right bottom, color-stop(0%, #bfbfbf), color-stop(20%, #ffffff), color-stop(100%, #ffffff))!important;
background-image: -webkit-linear-gradient(45deg, #bfbfbf 0%, #ffffff 20%, #ffffff 100%)!important;
background-image: linear-gradient(45deg, #bfbfbf 0%, #ffffff 20%, #ffffff 100%)!important;
background-position: left center!important;
background-size: 300% 100% !important;
border-color: #ffffff!important;
}

[data-ui-gradients="true"] .bttn.color-primary:not(.bttn-link):not(.color-grayout),
[data-ui-gradients="true"] .listouter.table .rownewlink,
[data-ui-gradients="true"] .listouter.table .rownew .td.color-primary,
[data-ui-gradients="true"] .listouter .rownew a,
[data-ui-gradients="true"] [class*="tbl-cont--qs-results"] .rowextra .td a,
[data-ui-gradients="true"] [class*="tbl-cont--kb-results"] .rowextra .td a {
background-color: #bf9240!important;
background-image: -webkit-gradient(left top, right bottom, color-stop(0%, #bf9240), color-stop(20%, #ffc356), color-stop(100%, rgba(255,255,255,0.6)))!important;
background-image: -webkit-linear-gradient(45deg, #bf9240 0%, #ffc356 20%, rgba(255,255,255,0.6) 100%)!important;
background-image: linear-gradient(45deg, #bf9240 0%, #ffc356 20%, rgba(255,255,255,0.6) 100%)!important;
background-position: left top!important;
border-color: #bf9240!important;
background-size: 200% 100% !important;
}

[data-ui-gradients="true"] .bttn.color-secondary:not(.bttn-link):not(.color-grayout),
[data-ui-gradients="true"] .nextstep .color-secondary {
background-color: #a19e98!important;
background-image: -webkit-gradient(left top, right bottom, color-stop(0%, #a19e98), color-stop(20%, #d7d2cb), color-stop(100%, rgba(255,255,255,0.6)))!important;
background-image: -webkit-linear-gradient(45deg, #a19e98 0%, #d7d2cb 20%, rgba(255,255,255,0.6) 100%)!important;
background-image: linear-gradient(45deg, #a19e98 0%, #d7d2cb 20%, rgba(255,255,255,0.6) 100%)!important;
background-position: left top!important;
border-color: #a19e98!important;
background-size: 200% 100% !important;
}


[data-ui-gradients="true"] .bttn.color-primary:not(.bttn-link):not(.color-grayout):hover,
[data-ui-gradients="true"] .listouter.table .rownewlink:hover,
[data-ui-gradients="true"] .listouter.table .rownew .td.color-primary:hover,
[data-ui-gradients="true"] .listouter .rownew a:hover,
[data-ui-gradients="true"] [class*="tbl-cont--qs-results"] .rowextra .td a:hover,
[data-ui-gradients="true"] [class*="tbl-cont--kb-results"] .rowextra .td a:hover ,
[data-ui-gradients="true"] .bttn.color-primary:not(.bttn-link):not(.color-grayout):focus,
[data-ui-gradients="true"] .listouter.table .rownewlink:focus,
[data-ui-gradients="true"] .listouter.table .rownew .td.color-primary:focus,
[data-ui-gradients="true"] .listouter .rownew a:focus,
[data-ui-gradients="true"] [class*="tbl-cont--qs-results"] .rowextra .td a:focus,
[data-ui-gradients="true"] [class*="tbl-cont--kb-results"] .rowextra .td a:focus ,
[data-ui-gradients="true"] .bttn.color-primary:not(.bttn-link):not(.color-grayout):active,
[data-ui-gradients="true"] .listouter.table .rownewlink:active,
[data-ui-gradients="true"] .listouter.table .rownew .td.color-primary:active,
[data-ui-gradients="true"] .listouter .rownew a:active,
[data-ui-gradients="true"] [class*="tbl-cont--qs-results"] .rowextra .td a:active,
[data-ui-gradients="true"] [class*="tbl-cont--kb-results"] .rowextra .td a:active {
background-position-x: 50% !important;
}


[data-ui-gradients="true"] .bttn.color-secondary:not(.bttn-link):not(.color-grayout):hover,
[data-ui-gradients="true"] .nextstep .color-secondary:hover ,
[data-ui-gradients="true"] .bttn.color-secondary:not(.bttn-link):not(.color-grayout):focus,
[data-ui-gradients="true"] .nextstep .color-secondary:focus ,
[data-ui-gradients="true"] .bttn.color-secondary:not(.bttn-link):not(.color-grayout):active,
[data-ui-gradients="true"] .nextstep .color-secondary:active {
background-position-x: 50% !important;
}

/* START CUSTOM CSS */

.section-title_text {
    font-size: 25px !important; /* Adjust font size */
}


/*Manipulate matrix questions in surveys*/
[data-elem-type="matrix"] .formelm-rs__complabel{
    min-width: 250px;
    max-width: 300px;
}

/*Change Feedback Title Text*/
.feedback .title {
color: #191817}

/*Fix formatting for ma_PiiAll on Account Creation */
#main > div > div > div.page > div > div.infobox.infobox--has-icon.infobox.info-pii.info-top-of-page {
    display: inline-block;
    margin-top: 5px;
}

/*Hides footer  "Centercode" from loginpage*/
a[href="https://centercode.com/powered/?utm_medium=referral&utm_source=Bang%20%26%20Olufsen&utm_campaign=Platform_Footer"].footer-item--fixed {visibility: hidden;}


/*Change single sign on button*/
.external-auth-container > a{
width:100%!important;
display:block!important;
}
.external-auth-container .bttn{
font-size: 20px!important;
line-height: 1.4!important;
padding: 0.65em 1em;
}

/*Change under-menu to black*/
.overflow-ellipsis, .truncate {
    text-overflow: ellipsis!important;
    color: black;
}


@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */         url('fonts/Gotham-Bold.woff') format('woff'), /* Modern Browsers */         url('fonts/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */         url('fonts/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */font-weight: normal;
     font-style: normal;
     }

.projmanager .fbsimple div[class*="feedback-status-intent"], .projinternal .fbsimple div[class*="feedback-status-intent"] {display: block}


/*Change New Member to Black*/
.landing-content-title {
    color: White;
}

/*Hide CC logo in Left corner*/
.poweredby-unfurl {
    display: none !important;
}

/*Change text on products, in community home*/
.bg-gray-80 {
    font-family: Arial, sans-serif; /* Change font-family */
    font-size: 14px; /* Adjust font size */
    line-height: 1.5; /* Adjust line height */
    padding: 20px; /* Adjust padding */
    margin: 10px 0; /* Adjust margin */
    border: 2px solid #e4e6ec; /* Adjust border */
    border-radius: 9px; /* Round the corners */
    background-color: #f0f0f0; /* Adjust background color */
    color: #333; /* Adjust text color */
    text-align: left; /* Align text to the left */
}

.bg-gray-80 {
    font-family: Arial, sans-serif; /* Change font-family */
    font-size: 14px; /* Adjust font size */
    line-height: 1.5; /* Adjust line height */
    padding: 20px; /* Adjust padding */
    margin: 10px 0; /* Adjust margin */
    border: 2px solid #e4e6ec; /* Adjust border */
    border-radius: 10px; /* Round the corners */
    background-color: #f0f0f0; /* Adjust background color */
    color: #333; /* Adjust text color */
    text-align: left; /* Align text to the left */
}

/*make B&O image bigger*/
/* Using !important */
img.h-30 {
    height: 35px !important;
    width: auto !important;
}


/* Custom CSS for #loginbutton */
#loginbutton {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -webkit-box-direction: normal;
    box-sizing: border-box;
    margin-top: 15px;
    overflow: visible;
    font-family: inherit; /* Inherit font settings from parent element */
    -webkit-appearance: button;
    display: inline-block;
    position: relative;
    font-size: inherit; /* Inherit font size from parent element */
    min-width: 140px;
    text-transform: inherit; /* Inherit text transformation from parent element */
    text-decoration: none;
    font-weight: inherit; /* Inherit font weight from parent element */
    letter-spacing: 0px;
    line-height: 1.15;
    border: 2px solid transparent;
    cursor: pointer;
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    border-radius: 24px;
    text-align: center;
    padding: 10px 32px;
    background-color: rgb(255, 195, 86);
    color: inherit; /* Inherit text color from parent element */
}

#loginbutton:hover {
    background-color: white !important; /* Light beige color when hovered */
    border-color: #d7d2cb !important; /* Border color when hovered */
}




.alternative-login-bttns .bttn {
    -webkit-text-size-adjust: 100%;
    --hero-primary-color: 0, 0, 0;
    --hero-secondary-color: 0, 0, 0;
    --hero-launcher-pulse-shadow-enter: 0 0 0 0px rgba(var(--hero-primary-color), 1);
    --hero-launcher-pulse-shadow-leave: 0 0 0 6px rgba(var(--hero-primary-color), 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -webkit-box-direction: normal;
    box-sizing: border-box;
    margin-top: 15px;
    font-family: inherit; /* Inherit font settings from parent element */
    -webkit-appearance: button;
    display: inline-block;
    position: relative;
    font-size: inherit; /* Inherit font size from parent element */
    text-transform: inherit; /* Inherit text transformation from parent element */
    text-decoration: none;
    font-weight: inherit; /* Inherit font weight from parent element */
    letter-spacing: 0px;
    line-height: 1.15;
    border: 2px solid transparent;
    cursor: pointer;
    color: inherit; /* Inherit text color from parent element */
    transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    padding: 10px 32px;
    border-radius: 24px;
    overflow: hidden;
    min-width: 140px;
    text-align: center;
    border-color: rgb(0, 0, 0);
    background-color: transparent;
}


.alternative-login-bttns .bttn:hover {
    background-color: #ffc356!important; /* Yellow color when hovered */
    border-color: #ffc356!important; /* Yellow border color when hovered */
    color: rgb(0, 0, 0)!important; /* Text color remains black when hovered */
}



.landing-panels-grid {
    display: flex !important;
    justify-content: space-between !important;  /* Distributes space between items */
    flex-direction: row !important;  /* Lays out items in a row */
    position: relative !important;  /* Establishes a positioning context for absolute positioning */
    margin-left: -50px !important;  /* Adds space to the left of this grid */
}

.landing-panels-set-content {
    order: 1 !important;  
    flex: 1 !important;
    margin-right: 50px !important;  /* Adds space to the right of this box */
}

.landing-content-title {
    order: 2 !important;  
    width: auto !important;  
    margin-right: 20px !important; 
    position: absolute !important;  /* Allows precise positioning */
    top: -50px !important;  /* Positions at the top of the .landing-panels-grid element, moved up by 2px */
    left: 50px !important;  /* Positions at the left of the .landing-panels-grid element */
    margin: 0 !important;  /* Removes margin to align properly */
}

.landing-panels-set-login {
    order: 3 !important;  
}

.landing-panel {
    align-self: flex-end !important; 
}

/*Button */

/* Or apply individually if needed */
.landing-panels-set-login .landing-panel,
.landing-panels-set-login .section,
.landing-panels-set-content .landing-panel,
.landing-panels-set-content .section {
    border-radius: 30px !important;  /* Adjust the value to achieve the desired roundness */
}


/* Bug Submit button */
a[aria-label="Submit Issue"] {
    background-image: url('https://tester.bang-olufsen.com/download/760b60e890a741e688c6597e70901008/%281%29Bug_V.svg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

a[aria-label="Submit Issue"] i.fa-fw.fal.fa-bug {
    display: none !important;
}

a[aria-label="Submit Issue"] .text-center.font-bold.text-18 {
    display: none !important;
}

a[aria-label="Submit Issue"] {
    background-color: transparent !important;
}

div.h-60.floating-shadow-inset.rounded-b-12 {
    background-color: #ffc356!important;
    border: 2px solid #ffc356 !important;
}

div.h-60.floating-shadow-inset.rounded-b-12 a {
    color: #000000 !important;
    background-color: transparent !important;
}

div.h-60.floating-shadow-inset.rounded-b-12 a:hover,
div.h-60.floating-shadow-inset.rounded-b-12 a:focus {
    background-color: #9E9898 !important;
}

a[aria-label="Submit Issue"]::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #ffc356;
    border-radius: 15px;
    pointer-events: none;
}

a[aria-label="Submit Issue"]:hover,
a[aria-label="Submit Issue"]:focus {
    background-color: #9E9898 !important;
}

/* Idea Submit button */
a[aria-label="Submit Idea"] {
    background-image: url('https://tester.bang-olufsen.com/download/113c3083d9a145a789579eaa5da0cba4/Idea_V.svg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

a[aria-label="Submit Idea"] i.fa-fw.fal.fa-lightbulb {
    display: none !important;
}

a[aria-label="Submit Idea"] .text-center.font-bold.text-18 {
    display: none !important;
}

a[aria-label="Submit Idea"] {
    background-color: transparent !important;
}

a[aria-label="Submit Idea"]::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #ffc356;
    border-radius: 11px;
    pointer-events: none;
}

a[aria-label="Submit Idea"]:hover,
a[aria-label="Submit Idea"]:focus {
    background-color: #9E9898 !important;
}

/* Praise Submit button */
a[aria-label="Submit Praise"] {
    background-image: url('https://tester.bang-olufsen.com/download/7015de277f844759b75b8c232e8514dd/Praise_V.svg') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

a[aria-label="Submit Praise"] i.fa-fw.fal.fa-heart {
    display: none !important;
}

a[aria-label="Submit Praise"] .text-center.font-bold.text-18 {
    display: none !important;
}

a[aria-label="Submit Praise"] {
    background-color: transparent !important;
}

a[aria-label="Submit Praise"]::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #ffc356;
    border-radius: 11px;
    pointer-events: none;
}

a[aria-label="Submit Praise"]:hover,
a[aria-label="Submit Praise"]:focus {
    background-color: #9E9898 !important;
}

/* Custom Yellow Submit Button */
div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #D96E22;"] {
    background-color: #FFC356 !important; /* Change #FFC356 to any yellow shade you prefer */
}

div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #D96E22;"] a {
    background-color: transparent !important;
}

div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #D96E22;"] a:hover,
div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #D96E22;"] a:focus {
    background-color: #9E9898 !important; /* This is for hover and focus state, change color if needed */
}
/* Custom Yellow Submit Button for #15889F background */
div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #15889F;"] {
    background-color: #FFC356 !important; /* Change #FFC356 to any yellow shade you prefer */
}

div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #15889F;"] a {
    background-color: transparent !important;
}

div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #15889F;"] a:hover,
div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #15889F;"] a:focus {
    background-color: #9E9898 !important; /* This is for hover and focus state, change color if needed */
}

/* Custom Yellow Submit Button for #32b588 background */
div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #32b588;"] {
    background-color: #FFC356 !important; /* Change #FFC356 to any yellow shade you prefer */
}

div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #32b588;"] a {
    background-color: transparent !important;
}

div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #32b588;"] a:hover,
div.h-60.floating-shadow-inset.rounded-b-12[style="background-color: #32b588;"] a:focus {
    background-color: #9E9898 !important; /* This is for hover and focus state, change color if needed */
}

/* Feedback buttons (White and Yallow)*/
a.flex-center.absolute.top-0.right-0.text-14.px-4.rounded-full.no-underline.font-bold.m-8.leading-none.hover\:opacity-80.focus\:opacity-80 {
    background-color: #FFC356 !important;
    color: #000000 !important;
}

a.flex-center.absolute.top-0.right-0.text-14.px-4.rounded-full.no-underline.font-bold {
    position: relative;
    z-index: 2 !important;
}

/* CSS */
.flex > .rounded-12:first-child .flex-grow:hover {
    transition: box-shadow 0.3s ease-in-out !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Feedback : In review text color*/
.feedback-status-intent--under-review > .relative {
    color: #191817 !important;
}

/* Change text color to black for elements with the class '.feedback-status-intent--under-review' */
.feedback-status-intent--under-review {
    color: #191817!important; /* Sets the text color to black */
}

/*Invite to Community and Project buttons*/
.flex-center.rounded.leading-none.no-underline.hover\:opacity-75.cc-color-bg--submenu.px-15.h-35.blocky-shadow {
    background-color: #ffc356 !important;
}
.flex-center.px-15 a.cc-color-bg--submenu span.cc-color-fg--submenu-text {
    color: black !important;
}


.flex-center.rounded.leading-none.no-underline.hover\:opacity-75.cc-color-bg--submenu.px-15.h-35.blocky-shadow .cc-color-fg--submenu-text {
    color: black !important;
}


/* Target the buttons within the specific div */
.flex-center.mx-5 .cc-color-bg--submenu {
    background-color: #ffc356; /* Yellow color */
}

/* Target the icons within those buttons */
.flex-center.mx-5 .cc-color-fg--submenu-text i {
    color: black;
}




.flex-center.px-15 > a[role="button"] {
    border-radius: 50px !important;
}


/* For yellow buttons turning white with black text on hover */
.bttn.color-primary:hover {
    background-color: white !important;
    color: black !important;
    border: 2px solid #d7d2cb !important; /* Small gray border on hover */

}

/* For white buttons turning yellow with black text on hover */
.bttn.default:hover {
    background-color: #ffc356 !important; /* Yellow color */
    color: black !important;
}

/* Targeting the button by its id */
#projhide {
    background-color: white !important; /* Initial background color */
    color: black !important; /* Initial text color */
    transition: background-color 0.3s, color 0.3s !important; /* Smooth transition for color change */
}

#projhide:hover {
    background-color: #ffc356 !important; /* Background color on hover (yellow) */
    color: black !important; /* Text color on hover */
}

/* Targeting buttons with the class 'color-secondary' */
.color-secondary {
    background-color: white !important; /* Change background color to white */
    color: black !important; /* Change text color to black */
    transition: background-color 0.3s, color 0.3s !important; /* Smooth transition for color change */
}

.color-secondary:hover {
    background-color: #ffc356 !important; /* Background color on hover (yellow) */
    color: black !important; /* Text color on hover */
}

.create.fbcreate a {
    border: 2px solid transparent; /* Transparent border initially */
    box-sizing: border-box; /* Ensures the border doesn't affect the element's size */
}

.create.fbcreate a:hover {
    border-color: #ffc356; /* Changes border color on hover */
}

.feedback-nav-item a {
    padding: 10px !important; /* Adjust padding as needed */
    border-radius: 5px !important; /* Adjust border-radius to fit within the container */
    box-sizing: border-box !important; /* Ensures padding and border are included in the element's total width and height */
}



.sitebackground { background-image: url('https://s1.gifyu.com/images/S1AeO.gif') !important; background-size: cover; /* Adjust as needed / background-repeat: no-repeat; / Adjust as needed / / Add other styling as needed */ }



/* Target only the specific 'Bang & Olufsen Beta Test' title */
.page.page-notitle .landing-panels-grid.project-opp .landing-content-title {
    margin-left: -45px !important; /* Adjust this value as needed */
}

/* Normal state styling for your specific Restore Content button */
.bttn.color-outline-secondary {
    background-color: white !important; /* White background */
    color: black !important; /* Black text color */
    transition: background-color 0.3s, color 0.3s !important; /* Smooth transition for color change */
}

/* Hover state styling for your specific button */
.bttn.color-outline-secondary:hover {
    background-color: #ffc356 !important; /* Yellow background color on hover */
    color: black !important; /* Black text color on hover */
}

/* Normal state styling */
.block.bttn.color-primary {
    /* Add your normal state styles here, if needed */
    transition: border-color 0.3s !important; /* Smooth transition for border color change */
}

/* Hover state styling */
.block.bttn.color-primary:hover {
    border: 2px solid #d7d2cb !important; /* Small gray border on hover */
    /* Other hover styles, if needed */
}


/* Normal state styling for nevermind '.bttn.color-outline-utility' */
.bttn.color-outline-utility {
    background-color: white !important; /* White background */
    color: black !important; /* Black text color */
    border: 2px solid transparent !important; /* Transparent border for a consistent layout */
    transition: background-color 0.3s, color 0.3s, border-color 0.3s !important; /* Smooth transition for color and border color change */
}

/* Hover state styling for '.bttn.color-outline-utility' */
.bttn.color-outline-utility:hover {
    background-color: #ffc356 !important; /* Yellow background color on hover */
    color: black !important; /* Black text color on hover */
    border: 2px solid #d7d2cb !important; /* Small gray border on hover */
}

/* Change the background color of all icon containers to black */
.fbtipinfo .fbtipinfo-icon {
    background-color: #ffc356 !important; /* Black background color */
}

/* Change the color of all Font Awesome icons within these containers to yellow */
.fbtipinfo .fbtipinfo-icon i {
    color: black !important; /* Yellow icon color */
}

/* Position the header image absolutely */
header.flex img {
    position: absolute;
    left: 10px; /* Adjust as needed */
    top: 10px; /* Adjust as needed */
    height: 30px; /* Adjust as needed */
}

/* Hide the header content */
header.flex {
    visibility: hidden !important;
}

/* Hide the specific image in the header */
header.flex img.h-30 {
    display: none !important;
}

[data-page-id="3647"] a.flex.cc-color-bg--header {
    background-image: url('https://s13.gifyu.com/images/SPbAd.png') !important;
    background-size: contain !important; /* Use contain to ensure the image is fully visible */
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important; /* Set to the height of your new image */
    width: 45px !important; /* Set to the width of your new image */
    visibility: visible !important; /* Ensure the anchor is visible */
    position: relative !important; /* Position relative to its normal position */
    z-index: 2 !important; /* Bring it in front of other elements */
    background-color: transparent !important; /* Ensure no background color interferes */
    transform: translate(15px, 15px) !important; /* Move the image down and to the right */
}

/* Target the specific message box */
div.login-widget-message.landing-panels-floating-message.login-widget-success {
    border: none !important; /* Remove any borders */
    box-shadow: none !important; /* Remove box shadow if any */
}

/* Target the specific div with the warning message */
div.login-widget-message.landing-panels-floating-message.login-widget-warning {
    border: none !important; /* Removes the border */
    box-shadow: none !important; /* Removes any shadow effects */
}



/* Target the specific button by its id remove blue lines */
#loginbutton:focus {
    outline: none !important; /* Removes the outline */
    /* Alternatively, you can set a different style for the outline */
    /* outline: 2px solid red; */
}
/* Target the anchor tag within the 'alternative-login-bttns' class */
div.alternative-login-bttns a.bttn.bttn-wrap.default:focus {
    outline: none !important; /* Removes the blue outline on focus */
}

html[data-page-id="36"] #page-title {
    background-color: transparent !important; /* Removes background color */
    box-shadow: none !important; /* Removes shadow */
    border-top: none !important; /* Removes top border if not needed */
}


html[data-page-id="36"] #page-title-header {
    color: white !important; /* Ensures override of text color */
}

.bttn.color-primary {
    box-shadow: none !important; /* Removes any box shadow */
}

a[aria-label="Submit Issue"]::before,
a[aria-label="Submit Idea"]::before,
a[aria-label="Submit Praise"]::before {
    border-radius: 17px !important;
}

span.flex-center.rounded-full.h-20.ml-8.px-2.text-12.font-bold.leading-none.cc-color-bg--header-text.cc-color-fg--header.bubble-hover-color {
    background-color: #ffc356 !important;
    color: black !important;
    font-size: 14px !important; /* Increase the font size as needed */
}

.flex-center.mx-5 > a.cc-color-bg--submenu:hover {
    background-color: transparent  !important; /* Light gray background */
    box-shadow: none !important; /* Remove the shadow effect */
    border: 0.5px solid #ffc356 !important; /* Apply a border similar to the other button */
    border-radius: 50px !important; /* Match the border-radius */
}

/* Target the span inside the anchor tag that has a number */
a[href="/community/following.html"] span {
    position: relative !important;
}




/* NEWW----------------------*/

/* Community Level - Target the span within the bell notification link */
a[href^="/community/following.html"] span {
    position: relative !important;
}

/* Add a notification indicator for non-empty spans in the community section */
a[href^="/community/following.html"] span:not(:empty):after {
    content: '' !important;
    position: absolute !important;
    top: 0px !important;
    right: 25px !important;
    width: 9px !important;
    height: 9px !important;
    background-color: #ffc356 !important;
    border-radius: 50% !important;
    display: block !important;
}

/* Project Level - Specific link targeting */
a[href="/project/following.html?cap=86e27ec3-fd54-4565-a04a-72cbd8ae927d"] i.fal.fa-bell {
    position: relative !important;
    display: inline-block !important;
}

/* Add the notification indicator */
a[href="/project/following.html?cap=86e27ec3-fd54-4565-a04a-72cbd8ae927d"] i.fal.fa-bell:after {
    content: '' !important;
    position: absolute !important;
    top: -9px !important;
    right: -3px !important;
    width: 9px !important;
    height: 9px !important;
    background-color: #ffc356 !important;
    border-radius: 50% !important;
    display: block !important;
}

/* General rule for all project following links */
a[href^="/project/following.html?cap="] i.fal.fa-bell {
    position: relative !important;
    display: inline-block !important;
}

/* Add the notification indicator to these links */
a[href^="/project/following.html?cap="] i.fal.fa-bell:after {
    content: '' !important;
    position: absolute !important;
    top: -9px !important;
    right: -2px !important;
    width: 9px !important;
    height: 9px !important;
    background-color: #ffc356 !important;
    border-radius: 50% !important;
    display: block !important; /* Always display, but only visible if there's a number */
}

/* Hide the notification indicator if the following span is empty or zero */
a[href^="/project/following.html?cap="] span:empty + i.fal.fa-bell:after,
a[href^="/project/following.html?cap="] span:contains('0') + i.fal.fa-bell:after {
    display: none !important;
}

/* Targeting the labels for radio buttons */
.formelm-rs__field--even, .formelm-rs__field--odd, .formelm-rs__field--na {
  background-color: #ffc356 !important; /* Background color */
  color: black !important; /* Text color */
}

/* Hover effect for labels */
.formelm-rs__field--even:hover, .formelm-rs__field--odd:hover, .formelm-rs__field--na:hover {
  background-color: white !important; /* Background color on hover */
}

/* Styles for selected radio button labels */
.formelm-rs__field--even[data-status="selected"],
.formelm-rs__field--odd[data-status="selected"],
.formelm-rs__field--na[data-status="selected"] {
  background-color: white !important; /* White background for selected buttons */
  color: black !important; /* You can change the text color if needed */
}

/* Hide CC terms */
a[href="https://www.centercode.com/legal/platform-terms"] {
    display: none !important;
}


/* Targeting buttons with the class 'color-secondary'  Buttons in tasks section*/
.color-secondary {
    background-color: #FFC356 !important; /* Change background color to #FFC356 */
    color: black !important; /* Keep text color as black */
    transition: background-color 0.3s, color 0.3s !important; /* Maintain smooth transition for color change */
}


/* Change background color to white on hover for .color-secondary buttons */
.bttn.color-secondary:hover {
    background-color: white !important;
    color: #222 !important; /* Change the text color as needed for contrast */
}



/* Opt-out Mozart */

/* Hide the "Opt out of Mozart Beta Test" link within the Activities menu */
div[data-type="menu-inner-wrapper"] > ul > li[data-menu-item="Activities-0-item-0"] > a[aria-label="Opt-Out of Mozart Beta"] {
    display: none !important;
}

/* Hide the "Incomplete surveys" section and its parent container within the project container on the specified site */
body[data-url="https://tester.bang-olufsen.com/project/home.html?cap=77c21de2-943c-4c80-b0a6-a80d233c0181"] #project-container .section-header-title .title:contains("Incomplete surveys") {
    display: none !important;
}

td:has(> a[aria-label="Opt-Out of Mozart Beta"]) {
    display: none !important; /* Hide the entire table cell containing the link */
}


.color-inner-accent {
    background-color: #ffc356 !important;
    border-color: #ffc356 !important;
    color: #000000 !important;
}

.color-inner-accent:hover {
    color: #ffffff !important;
}


/*For new feedback form
    /* Hide specific empty anchor tags */
 /*   a.bttn.bttn-block.paduplg.color-primary[onclick="selectFormsPre('createNew');"]:empty {
 /*       display: none !important;
 /*   }
    /* Hide specific anchor tags, including those with only whitespace content */
  /*  a.bttn.bttn-block.paduplg.color-primary[onclick="selectFormsPre('createNew');"] {
 /*       display: none !important;
/*    }
*/

.form-control-inner {
white-space: pre-line !important;
   */ word-wrap: break-word !important;
}

/* END CUSTOM CSS */

.cke_dialog_title {
border-color: #ffffff!important;
background-color: #ffffff!important;
color: #1f232f!important;
}
.cke_dialog_close_button {
color: #1f232f!important;
}


/*------------------------------*/
/* CUSTOM COLOR - UTILITY OUTLINE */
a.cke_dialog_ui_button:not(.cke_dialog_ui_button_cancel) {
    color: #5e6c78!important;
    background-color: #fff!important;
    border-color: #ccd2d7!important;
}
a.cke_dialog_ui_button:not(.cke_dialog_ui_button_cancel):hover,
a.cke_dialog_ui_button:not(.cke_dialog_ui_button_cancel):active:hover {
    color: #5e6c78!important;
    background-color: #e3e6e9!important;
    border-color: #a1acb5!important;
}
a.cke_dialog_ui_button:not(.cke_dialog_ui_button_cancel):focus,
a.cke_dialog_ui_button:not(.cke_dialog_ui_button_cancel):active:focus {
    color: #5e6c78!important;
    background-color: #f1f4f7!important;
    border-color: #a1acb5!important;
}
a.cke_dialog_ui_button:not(.cke_dialog_ui_button_cancel):active {
    color: #5e6c78!important;
    background-color: #d8dce0!important;
    border-color: #a1acb5!important;
}

/*------------------------------*/
/* CUSTOM COLOR - PRIMARY */
a.cke_dialog_ui_button.cke_dialog_ui_button_ok {
    background-color:#ffc356!important;
    border:1px solid #ffc356!important;
    color:#fff!important;
}
a.cke_dialog_ui_button.cke_dialog_ui_button_ok:hover,
a.cke_dialog_ui_button.cke_dialog_ui_button_ok:focus {
    background-color:#cc9c45!important;
    border:1px solid #cc9c45!important;
    color:#fff!important;
}
a.cke_dialog_ui_button.cke_dialog_ui_button_ok:active,
a.cke_dialog_ui_button.cke_dialog_ui_button_ok:active:hover,
a.cke_dialog_ui_button.cke_dialog_ui_button_ok.active:focus {
    background-color:#cc9c45!important;
    border:1px solid #cc9c45!important;
    color:#fff!important;
}
a.cke_dialog_ui_button.cke_dialog_ui_button_ok.cke_disabled {
     opacity: 0.8;
}