/*****
  Structural adjustment to Workflows
*****/

:root {
    /* {#if buttonShapeRadius}--rf-comp-button-shape-radius: [%buttonShapeRadius%];{/if} */
}

@font-face {
    font-family: "SAP 72";
    font-style: normal;
    font-weight: 400;
    src: url(https://static.rainfocus.com/sap/dcom24/static/staticfile/staticfile/72-Regular_1701699703375001ZAlW.ttf) format("truetype");
}

@font-face {
  font-family: "SAP 72";
  font-style: normal;
  font-weight: 700;
  src: url(https://static.rainfocus.com/sap/dcom24/static/staticfile/staticfile/72-Bold_1705655431558001HiVU.ttf) format("truetype");
}

* {
    font-family: "SAP 72", sans-serif !important;
}

body {
    display: flex;
    flex-direction: column;
}
.rf-org-footer-container {
    margin-top: auto;
}

.rf-admin-content,
.rfComp-canvas,
.rf-default-modal,
[id*='rf-'].rf-widget,
[class*="rfG-xs"],
[class*="rfG-sm"],
[class*="rfG-md"],
[class*="rfG-lg"],
[class*="rfG-xl"] {
    font-size: [%profileFontSize%]px;
}

body,
.rf-body,
#rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot.disabled,
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page,
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog,
[id*='rf-'].rf-widget #widget-page-session-details,
.rf-pill-white,
.rf-workflow .rf-workflow-nav {
    background-color: [%pageBackgroundColor%];
}

/* Turning all backgrounds to transparent so that the branding body color is the only background color defined */
.rf-widget,
.page-builder-display-reset,
#rf-catalog,
#rf-exhibitorcatalog,
#rf-speakercatalog {
    background-color: transparent;
}

.rf-workflow-header {
    background-color: [%workflowHeaderBackground%];
}

/* Border colors of things throughout the apps */
[id*='rf-'].rf-widget #widget-page-session-details .session-details-back-to-catalog {
    border-color: [%horizontalRuleColor%];
}

/* Horizontal Rule per Panel */
.rfwf-panel,
.rfwf-full-panel,
.participant-page .participant-actions,
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar,
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-video,
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-videos,
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link,
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-sessions,
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-speakers {
    border-color: [%horizontalRuleColor%];
}



/*****
  Global Font Color Update
*****/
[id*='rf-'].rf-widget *,
.rf-default-modal *,
.rf-workflow *,
.rfComp-canvas p,
.rf-default-modal p,
[id*='rf-'].rf-widget p {
    color: [%brandedFontColor%];
}

.rfComp-canvas h1,
.rfComp-canvas h2,
.rfComp-canvas h3,
.rfComp-canvas h4,
.rfComp-canvas h5,
.rfComp-canvas h6,
.rf-default-modal h1,
.rf-default-modal h2,
.rf-default-modal h3,
.rf-default-modal h4,
.rf-default-modal h5,
.rf-default-modal h6,
[id*='rf-'].rf-widget h1,
[id*='rf-'].rf-widget h2,
[id*='rf-'].rf-widget h3,
[id*='rf-'].rf-widget h4,
[id*='rf-'].rf-widget h5,
[id*='rf-'].rf-widget h6 {
    color: [%brandedFontColor%];
}


/*****
  PRIMARY COLOR
*****/
.rfSI svg,
.rfSI.rfSI-primary svg {
    fill: [%primaryColor%];
}
.rfSI svg:hover,
.rfSI svg:active,
.rfSI svg:focus,
.rfSI.rfSI-default svg:hover,
.rfSI.rfSI-default svg:active,
.rfSI.rfSI-default svg:focus,
.rfSI.rfSI-primary svg:hover,
.rfSI.rfSI-primary svg:active,
.rfSI.rfSI-primary svg:focus {
    fill: [%primaryColor%];
}
button.mdBtnR-primary,
a.mdBtnR-primary {
    background-color: [%primaryColor%];
    border-color: [%primaryColor%];
}
.mdBtnR-primary svg, a.mdBtnR-primary svg,
.mdBtnR-primary svg:hover,
.mdBtnR-primary svg:focus,
.mdBtnR-primary svg.active,
a.mdBtnR-primary svg:hover,
a.mdBtnR-primary svg:focus,
a.mdBtnR-primary svg.active {
    /* To fix the svg inside of a button, so its not the primary color */
    fill: white;
}
button.mdBtnR-outline-primary,
a.mdBtnR-outline-primary {
    border-color: [%primaryColor%];
}
button.mdBtnR-outline-primary .mdBtnR-text,
a.mdBtnR-outline-primary .mdBtnR-text {
    color: [%primaryColor%];
}
.mdBtnR.mdBtnR-link .mdBtnR-text,
a.mdBtnR.mdBtnR-link .mdBtnR-text {
    color: [%primaryColor%];
}
.mdBtnR.mdBtnR-text-button .mdBtnR-text,
a.mdBtnR.mdBtnR-text-button .mdBtnR-text {
    color: [%primaryColor%];
}
.mdBtnR.mdBtnR-add-a-thing .mdBtnR-text,
a.mdBtnR.mdBtnR-add-a-thing .mdBtnR-text {
    color: [%primaryColor%];
}
.rf-pill-primary {
    background-color: [%primaryColor%];
    border-color: [%primaryColor%];
}
.rf-overlay-new .rf-scroll-frame ul li:not(.group-header):not(.common-select-dropdown-option-item):hover,
.rf-overlay-new .rf-scroll-frame ul li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover {
    background: [%primaryColor%];
}
.rf-tile-container .ta-grid-speaker-card .speaker-info h3 {
    color: [%primaryColor%];
}
#reg-confirmation-page table th {
    background-color: [%primaryColor%];
    color: [%brandedFontColor%];
}

.rf-tile-container .rf-tile:hover .rf-tile-body .rf-tile-title a,
.rf-tile-container .rf-tile:hover .rf-tile-body .rf-tile-title a:link,
.rf-tile-container .rf-tile:hover .rf-tile-body .rf-tile-title a:visited,
.rf-tile-container .rf-compressed-tile:hover .rf-tile-body .rf-tile-title a,
.rf-tile-container .rf-compressed-tile:hover .rf-tile-body .rf-tile-title a:link,
.rf-tile-container .rf-compressed-tile:hover .rf-tile-body .rf-tile-title a:visited,
[id*='rf-'].rf-widget .catalog-result .catalog-result-title button .title-text,
[id*='rf-'].rf-widget .catalog-result .catalog-result-title a .title-text,
[id*='rf-'].rf-widget .session-details-page .catalog-result-title button .title-text,
[id*='rf-'].rf-widget .session-details-page .catalog-result-title a .title-text,
.rf-default-modal .catalog-result .catalog-result-title button .title-text,
.rf-default-modal .catalog-result .catalog-result-title a .title-text,
.rf-default-modal .session-details-page .catalog-result-title button .title-text,
.rf-default-modal .session-details-page .catalog-result-title a .title-text {
    color: [%primaryColor%];
}
[id*='rf-'].rf-widget .catalog-result ul.session-actions>li .mdBtnR-outline-primary svg,
[id*='rf-'].rf-widget .session-details-page ul.session-actions>li .mdBtnR-outline-primary svg,
.rf-default-modal .catalog-result ul.session-actions>li .mdBtnR-outline-primary svg,
.rf-default-modal .session-details-page ul.session-actions>li .mdBtnR-outline-primary svg {
    fill: [%primaryColor%];
}
#rf-exhibitorcatalog .search-filters .filters-header .clear-search .mdBtnR-text {
    color: [%primaryColor%];
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog a {
    color: [%primaryColor%];
}

#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog a svg {
    fill: [%primaryColor%];
}
.mdBtnR-link.disabled .mdBtnR-text, .mdBtnR-link:disabled .mdBtnR-text, .mdBtnR-link[disabled] .mdBtnR-text {
    color: [%primaryColor%];
}
#rf-catalog .search-container .rf-catalog-tabs li.active,
#rf-exhibitorcatalog .search-container .rf-catalog-tabs li.active,
#rf-speakercatalog .search-container .rf-catalog-tabs li.active {
    color: [%primaryColor%];
    border-color: [%primaryColor%];
}
#rf-navbar .widget-nav a {
    color: [%primaryColor%];
}
#rf-navbar .widget-nav a:hover,
#rf-navbar .widget-nav a:active,
#rf-navbar .widget-nav a:focus,
#rf-navbar .widget-nav a.current-page {
    border-color: [%primaryColor%];
}
.rf-overlay-new .rf-scroll-frame ul:not(.rf-select-selected) li:not(.group-header):not(.common-select-dropdown-option-item):hover,
.rf-overlay-new .rf-scroll-frame ul:not(.rf-select-selected) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover {
    background: [%primaryColor%];
}
.rf-table-container .rf-table .table-body .table-row.table-header>div {
    border-bottom: 1px solid [%primaryColor%] !important;
    color: [%primaryColor%];
}
.rf-table-container .rf-table .table-body .table-row>div a, .rf-table-container .rf-table .table-body .table-row>div .link-span {
    color: [%primaryColor%];
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Day--today {
    color: [%primaryColor%];
}
.DayPickerInput .DayPicker-Footer .DayPicker-TodayButton {
    color: [%primaryColor%];
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    background-color: [%primaryColor%];
}
#rf-exhibitorcatalog.rf-widget .catalog-result:hover .exhibitor-name {
    color: [%primaryColor%];
}

.rf-card .card-message {
    background-color: [%primaryColor%];
}



/*****
  PRIMARY COLOR HOVER
*****/
.mdBtnR-outline-primary,
button.mdBtnR-outline-primary,
a.mdBtnR-outline-primary {
    color: [%primaryHoverColor%];
}
button.mdBtnR-primary:hover,
button.mdBtnR-primary:focus,
button.mdBtnR-primary.active,
a.mdBtnR-primary:hover,
a.mdBtnR-primary:focus,
a.mdBtnR-primary.active {
    background-color: [%primaryHoverColor%];
    border-color: [%primaryHoverColor%];
}
button.mdBtnR-outline-primary:hover,
button.mdBtnR-outline-primary:focus,
button.mdBtnR-outline-primary.active,
a.mdBtnR-outline-primary:hover,
a.mdBtnR-outline-primary:focus,
a.mdBtnR-outline-primary.active{
    background-color: transparent;
    border-color: [%primaryHoverColor%];
}
button.mdBtnR-outline-primary:hover .mdBtnR-text,
button.mdBtnR-outline-primary:focus .mdBtnR-text,
button.mdBtnR-outline-primary.active .mdBtnR-text,
a.mdBtnR-outline-primary:hover .mdBtnR-text,
a.mdBtnR-outline-primary:focus .mdBtnR-text,
a.mdBtnR-outline-primary.active .mdBtnR-text {
    color: [%primaryHoverColor%];
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background-color: [%primaryHoverColor%];
}



/*****
  ACCENT COLOR
*****/




/*****
  ACCENT COLOR HOVER
*****/




/*****
  LINK COLOR
*****/
a,
a:link,
a:visited,
.rf-workflow a,
.rf-workflow a:link,
.rf-workflow a:visited,
[id*='rf-'].rf-widget a,
[id*='rf-'].rf-widget a:link,
[id*='rf-'].rf-widget a:visited,
.rf-default-modal a,
.rf-default-modal a:link,
.rf-default-modal a:visited,
div[id*='rf-'].rf-widget a, div[id*='rf-'].rf-widget a:link, div[id*='rf-'].rf-widget a:visited, .rf-default-modal a, .rf-default-modal a:link, .rf-default-modal a:visited {
    color: [%textLinkColor%];
}
[id*='rf-'].rf-widget .catalog-result .catalog-result-title a,
[id*='rf-'].rf-widget .session-details-page .catalog-result-title a,
.rf-default-modal .catalog-result .catalog-result-title a,
.rf-default-modal .session-details-page .catalog-result-title a,
div[id*='rf-'].rf-widget a:hover, div[id*='rf-'].rf-widget a:focus, div[id*='rf-'].rf-widget a:link:hover, div[id*='rf-'].rf-widget a:link:focus, div[id*='rf-'].rf-widget a:visited:hover, div[id*='rf-'].rf-widget a:visited:focus, .rf-default-modal a:hover, .rf-default-modal a:focus, .rf-default-modal a:link:hover, .rf-default-modal a:link:focus, .rf-default-modal a:visited:hover, .rf-default-modal a:visited:focus {
    color: [%textLinkColor%];
}
[id*='rf-'].rf-widget a:hover,
[id*='rf-'].rf-widget a:focus,
[id*='rf-'].rf-widget a:link:hover,
[id*='rf-'].rf-widget a:link:focus,
[id*='rf-'].rf-widget a:visited:hover,
[id*='rf-'].rf-widget a:visited:focus,
.rf-default-modal a:hover,
.rf-default-modal a:focus,
.rf-default-modal a:link:hover,
.rf-default-modal a:link:focus,
.rf-default-modal a:visited:hover,
.rf-default-modal a:visited:focus {
    color: [%textLinkColor%];
}
[id*='rf-'].rf-widget .catalog-result .session-details p span,
[id*='rf-'].rf-widget .session-details-page .session-details p span,
.rf-default-modal .catalog-result .session-details p span,
.rf-default-modal .session-details-page .session-details p span {
    color: [%textLinkColor%] !important;
}
#rf-catalog .search-filters .filters-header button .mdBtnR-text {
    color: [%textLinkColor%];
}



/*****
  LINK HOVER COLOR
*****/
a:hover, a:focus, a:link:hover, a:link:focus, a:visited:hover, a:visited:focus {
    color: [%textLinkHoverColor%];
}
[id*='rf-'].rf-widget .catalog-result .session-details p span:hover,
[id*='rf-'].rf-widget .session-details-page .session-details p span:hover,
.rf-default-modal .catalog-result .session-details p span:hover,
.rf-default-modal .session-details-page .session-details p span:hover,
#rf-catalog .search-filters .filters-header button:hover .mdBtnR-text {
    color: [%textLinkHoverColor%] !important;
}


/*****
  Button Colors
*****/

/* Primary Button Color */
button.mdBtnR-primary,
a.mdBtnR-primary {
    background-color: [%primaryButtonColor%];
    border-color: [%primaryButtonColor%];
    color: [%primaryButtonTextColor%];
}
[id*='rf-'].rf-widget button.mdBtnR-primary .mdBtnR-text,
.rf-default-modal button.mdBtnR-primary .mdBtnR-text,
#rf-content button.mdBtnR-primary .mdBtnR-text,
[id*='rf-'].rf-widget a.mdBtnR-primary .mdBtnR-text,
.rf-default-modal a.mdBtnR-primary .mdBtnR-text,
#rf-content a.mdBtnR-primary .mdBtnR-text {
    color: [%primaryButtonTextColor%];
    text-transform: [%buttonTextTransform%] !important;
    letter-spacing: [%buttonTextLetterSpacing%] !important;
}

/* Primary Outline Button Color */
[id*='rf-'].rf-widget .mdBtnR-outline-primary,
.rf-default-modal .mdBtnR-outline-primary,
#rf-content .mdBtnR-outline-primary,
[id*='rf-'].rf-widget button.mdBtnR-outline-primary,
.rf-default-modal button.mdBtnR-outline-primary,
#rf-content button.mdBtnR-outline-primary,
[id*='rf-'].rf-widget a.mdBtnR-outline-primary,
.rf-default-modal a.mdBtnR-outline-primary,
#rf-content a.mdBtnR-outline-primary,
button.mdBtnR-outline-primary,
a.mdBtnR-outline-primary {
    color: [%secondaryTextButtonColor%];
    background-color: [%secondaryButtonOutlineBackgroundColor%];
    border-color: [%secondaryButtonOutlineColor%];
}

[id*='rf-'].rf-widget button.mdBtnR-outline-primary .mdBtnR-text,
.rf-default-modal button.mdBtnR-outline-primary .mdBtnR-text,
#rf-content button.mdBtnR-outline-primary .mdBtnR-text,
[id*='rf-'].rf-widget a.mdBtnR-outline-primary .mdBtnR-text,
.rf-default-modal a.mdBtnR-outline-primary .mdBtnR-text,
#rf-content a.mdBtnR-outline-primary .mdBtnR-text {
    color: [%secondaryTextButtonColor%];
    text-transform: [%buttonTextTransform%] !important;
    letter-spacing: [%buttonTextLetterSpacing%] !important;
}

[id*='rf-'].rf-widget button.mdBtnR-outline-primary svg,
.rf-default-modal button.mdBtnR-outline-primary svg,
#rf-content button.mdBtnR-outline-primary svg {
    fill: [%secondaryTextButtonColor%] !important;
}


/* Disabled Button / Scheduled Button */
.mdBtnR.disabled,
.mdBtnR:disabled,
.mdBtnR[disabled],
a.mdBtnR.disabled,
a.mdBtnR:disabled,
a.mdBtnR[disabled] {
    background-color: [%disabledButtonColor%];
    border-color: [%disabledButtonColor%];
}

/* Disabled Button / Scheduled Button Text Color */
#rf-content .mdBtnR.disabled .mdBtnR-text,
#rf-content .mdBtnR:disabled .mdBtnR-text,
#rf-content .mdBtnR[disabled] .mdBtnR-text,
#rf-content a.mdBtnR.disabled .mdBtnR-text,
#rf-content a.mdBtnR:disabled .mdBtnR-text,
#rf-content a.mdBtnR[disabled] .mdBtnR-text,
.mdBtnR.disabled .mdBtnR-text,
.mdBtnR:disabled .mdBtnR-text,
.mdBtnR[disabled] .mdBtnR-text,
a.mdBtnR.disabled .mdBtnR-text,
a.mdBtnR:disabled .mdBtnR-text,
a.mdBtnR[disabled] .mdBtnR-text{
    color: [%disabledButtonTextColor%] !important;
}




/*****
  Form Elements
*****/

/* Form label styling */
#rf-content .rf-label .label-text,
.rf-default-modal .rf-label .label-text,
[id*='rf-'].rf-widget .rf-label .label-text,
#rf-content .rf-label span:first-of-type,
.rf-default-modal .rf-label span:first-of-type,
[id*='rf-'].rf-widget .rf-label span:first-of-type {
    color: [%inputLabelTextColor%] !important;
}

#rf-content .rf-req,
.rf-default-modal .rf-req,
[id*='rf-'].rf-widget .rf-req {
    color: [%inputLabelRequiredStarColor%] !important;
}


/* Form elements error color */
#rf-content .rf-error .error-msg,
.rf-default-modal .rf-error .error-msg,
[id*='rf-'].rf-widget .rf-error .error-msg,
#rf-content .error-msg {
    color: [%formElementErrorColor%] !important;
}

/* Input Note, sub text */
#rf-content .note,
.rf-default-modal .note,
[id*='rf-'].rf-widget .note {
    color: [%formElementNoteColor%] !important;
}

#rf-content ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: [%formPlaceholderTextColor%] !important;
}

#rf-content :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: [%formPlaceholderTextColor%] !important;
}

#rf-content ::-ms-input-placeholder { /* Microsoft Edge */
    color: [%formPlaceholderTextColor%] !important;
}




/*****
  Form Input, Dropdown, Textarea
*****/

/* Input / Select Dropdown Input Default Styling */
.rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
.rf-input textarea,
.rf-textarea textarea,
[id*='rf-'].rf-widget .search-container .search-bar .catalog-search .rf-input input,
.rf-select .rf-dropdown-container .rf-dropdown-trigger,
.rf-select select,
.rf-select select:not([multiple]),
.dropdown-results-container input,
.rf-date-picker input {
    border-color: [%inputBorderColor%];
    color: [%inputTextColor%];
    background-color: [%inputBackgroundColor%];
}

.smart-form input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
.form-control input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
.rf-select input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR) {
    border-color: [%inputBorderColor%];
    color: [%inputTextColor%];
    background-color: [%inputBackgroundColor%];
}

/* Input / Select Dropdown Input Hover */
.rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):hover,
.rf-input textarea:hover,
.rf-textarea textarea:hover,
[id*='rf-'].rf-widget .search-container .search-bar .catalog-search .rf-input input:hover,
.rf-select select:hover,
.rf-select select:not([multiple]):hover,
.dropdown-results-container input:hover,
.rf-date-picker input:hover {
    border-color: [%inputHoverBorderColor%] !important;
}

/* Input / Select Dropdown Input Hover */
.rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):active,
.rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):focus,
.rf-input textarea:active,
.rf-input textarea:focus,
.rf-textarea textarea:active,
.rf-textarea textarea:focus,
[id*='rf-'].rf-widget .search-container .search-bar .catalog-search .rf-input input:active,
[id*='rf-'].rf-widget .search-container .search-bar .catalog-search .rf-input input:focus,
.rf-select select:focus,
.rf-select select:not([multiple]):focus,
.rf-select select:focus+.select-dropdown-icon .dropdown-icon-background,
.dropdown-results-container input:focus,
.dropdown-results-container input:active,
.rf-date-picker input:focus {
    border-color: [%inputHoverBorderColor%] !important;
    -webkit-box-shadow: 0 0 6px [%inputHoverBorderColor%];
    -moz-box-shadow: 0 0 6px [%inputHoverBorderColor%];
    -ms-box-shadow: 0 0 6px [%inputHoverBorderColor%];
    -o-box-shadow: 0 0 6px [%inputHoverBorderColor%];
    box-shadow: 0 0 6px [%inputHoverBorderColor%] !important;
}


/* Dropdown Specific Styling */

/* Dropdown Input Border / Background Color */
.rf-select .rf-dropdown-container .rf-dropdown-trigger {
    background-color: [%inputBackgroundColor%];
    border-color: [%inputBorderColor%];
}

/* Dropdown Icon Background Color */
.rf-select .select-dropdown-icon .dropdown-icon-background {
    background-color: [%dropdownSelectArrowBackgroundColor%];
}
.rf-select select:hover+.select-dropdown-icon .dropdown-icon-background,
.rf-select select:not([multiple]):hover+.select-dropdown-icon .dropdown-icon-background {
    border-color: [%inputHoverBorderColor%] !important;
}

.dropdown-results-container .rf-select-search .dropdown-search-icon svg {
    [%inputTextColor%] !important;
}

/* Dropdown Overlay Input Wrapper Styling */
.rf-select .rf-dropdown-container .rf-dropdown-trigger,
.rf-select .select-dropdown-icon .dropdown-icon-background {
    border-color: [%inputBorderColor%] !important;
}
.rf-select .rf-dropdown-container:hover .rf-dropdown-trigger,
.rf-select .rf-dropdown-container:active .rf-dropdown-trigger,
.rf-select .rf-dropdown-container:focus .rf-dropdown-trigger,
.rf-select .rf-dropdown-container:hover .dropdown-icon-background,
.rf-select .rf-dropdown-container:active .dropdown-icon-background,
.rf-select .rf-dropdown-container:focus .dropdown-icon-background {
    border-color: [%inputHoverBorderColor%] !important;
}

/* Dropdown Icon Color */
.rf-select .select-dropdown-icon .rfSI svg {
    fill: [%dropdownIconColor%];
}

/* Selected Value of Dropdown */
.rf-select .rf-selected-remove,
.rf-single-select .rf-select-selected li {
    color: [%inputTextColor%];
}

/* Overlay Border, background, and box shadow */
.dropdown-results-container.rf-overlay-new {
    border-color: [%selectDropdownOverlayBorderColor%];
    background-color: [%selectDropdownOverlayBackgroundColor%];
    box-shadow: 0 2px 2px 0 [%selectDropdownOverlayBackgroundColor%], 0 3px 1px -2px [%selectDropdownOverlayBackgroundColor%], 0 1px 5px 0 [%selectDropdownOverlayBackgroundColor%] !important;
}

/* Dropdown Overlay interior Background */
.dropdown-results-container .rf-select-results-container {
    background-color: [%selectDropdownOverlayBackgroundColor%];
}

.dropdown-results-container .rf-select-results-container li {
    color: [%selectDropdownOverlayTextColor%];
}

/* Dropdown Overlay List item hover */
.dropdown-results-container .rf-select-results-container li:hover,
.dropdown-results-container .rf-singleselect .common-select-dropdown-option-item.active,
.dropdown-results-container .rf-select-results-container li:focus {
    background-color: [%selectDropdownListItemBackgroundColor%];
}
.dropdown-results-container .rf-select-results-container li:hover .rf-select-result-item,
.dropdown-results-container .rf-singleselect .common-select-dropdown-option-item.active .rf-select-result-item {
    color: [%selectDropdownListItemColor%];
}

/* Multi Select Pill, follow the input colors. */
.rf-multi-select .rf-select-selected li {
    background-color: [%inputBackgroundColor%];
    color: [%inputTextColor%];
    border-color: [%inputTextColor%];
}


/* Date Picker */
.DayPickerInput .DayPicker-NavBar .DayPicker-NavButton--prev,
.DayPickerInput .DayPicker-NavBar .DayPicker-NavButton--next {
    color: [%inputTextColor%] !important;
}

.DayPickerInput .DayPickerInput-Overlay {
    background-color: [%selectDropdownOverlayBackgroundColor%] !important;
}


/* Checkboxes and Radios */
.rf-checkbox svg {
    /* To fix the svg of checkboxes defined above thats their primary color */
    fill: white;
}

.rf-checkbox .checkbox-bg,
[id*='rf-'].rf-widget .rf-checkbox .checkbox-bg,
.rf-default-modal .rf-checkbox .checkbox-bg {
    border: 1px solid [%checkboxRadioColor%];
}

.rf-checkbox input[type=checkbox]:checked+.checkbox-bg,
[id*='rf-'].rf-widget .rf-checkbox input[type=checkbox]:checked+.checkbox-bg,
.rf-default-modal .rf-checkbox input[type=checkbox]:checked+.checkbox-bg {
    border: 1px solid [%checkboxRadioColor%] !important;
}

.rf-checkbox svg:hover,
.rf-checkbox svg:active,
.rf-checkbox svg:focus {
    fill: [%checkboxRadioColor%];
    opacity: 0.5;
}
.rf-checkbox input[type=checkbox]:checked+.checkbox-bg,
.rf-checkbox.success input[type=checkbox]:checked+.checkbox-bg {
    background: [%checkboxRadioColor%];
}
.rf-checkbox svg:hover,
.rf-checkbox svg:active,
.rf-checkbox svg:focus,
.rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rf-checkbox-icon svg {
    /* To fix the svg of checkboxes so it doesnt adhere to default styles */
    fill: #fff;
    fill: [%checkboxIconColor%];
}
.rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rf-checkbox-icon svg:hover,
.rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rf-checkbox-icon svg:active,
.rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rf-checkbox-icon svg:focus {
    /* Using opacity to help change primary color to be darker if checked and hovered */
    opacity: 1;
    fill: [%checkboxIconColor%] !important;
}

/* Checkbox and Radio Styling */
[id*='rf-'].rf-widget * .rf-checkbox-label,
.rf-default-modal * .rf-checkbox-label,
#rf-content * .rf-checkbox-label,
[id*='rf-'].rf-widget * .rf-radio-label,
.rf-default-modal * .rf-radio-label,
#rf-content * .rf-radio-label,
.rf-radio-option .rf-radio-label,
.rf-radio-option span:first-of-type,
#rf-content .checkbox label span,
#rf-content .radio label span {
    color: [%checkboxRadioLabelColor%];
}

.rf-radio-option .check,
.rf-radio-option input[type=radio]:checked ~ .check {
    border: 1px solid [%checkboxRadioColor%];
}
.rf-radio-option:hover .check::before {
    background: [%checkboxRadioColor%];
    /* To account for a lack of difference in radio color and not being able to define a different color */
    opacity: 0.3;
}
.rf-radio-option input[type=radio]:checked ~ .check::before {
    background: [%checkboxRadioColor%];
}
.rf-radio-option:hover input[type=radio]:checked ~ .check::before {
    opacity: 1;
}


/* Toggle Button Styling */
.mdBtnR-toggle,
.rfSI-toggle {
    background-color: [%buttonToggleBackground%];
}


/* Image Drag and drop */
.upload-file-area {
    border-color: [%inputBorderColor%];
}


/* Alerts */
.rf-feedback-alert.rf-feedback-alert-sm * {
    font-size: [%feedbackAlertFontSize%]px;
    color: [%feedbackAlertTextColor%] !important;
}

.rf-feedback-alert.danger {
    background-color: [%feedbackAlertDangerBackgroundColor%];
    border-color: [%feedbackAlertDangerBorderColor%];
}
.rf-feedback-alert.danger svg {
    fill: [%feedbackAlertCloseSVGColor%];
}






/*****
  General Component Styling
*****/



/* Modals */
.modal-content {
    background-color: [%modalBackgroundColor%];
}

.rf-default-modal .modal-header,
.modal .modal-header,
.rf-default-modal .modal-footer,
.modal .modal-footer {
    border-color: [%modalBorderColor%];
}

.rf-default-modal .modal-header .modal-title,
.rf-default-modal .modal-header h4,
.rf-default-modal .modal-header h3,
.modal .modal-header .modal-title,
.modal .modal-header h4,
.modal .modal-header h3 {
    color: [%modalHeaderTextColor%];
}

.modal-close .rfSI svg {
    fill: [%modalCloseIconColor%];
}

/* Overlay */
.popover,
.rf-overlay-new {
    background-color: [%overlayBackgroundColor%];
    border-color: [%overlayBorderColor%];
    box-shadow: 0 2px 2px 0 [%overlayBorderColor%], 0 3px 1px -2px [%overlayBorderColor%], 0 1px 5px 0 [%overlayBorderColor%];
}
.rf-overlay-new ul li,
.rf-overlay-new ol li,
.rf-overlay-new p,
.rf-overlay-new span,
.rf-overlay-new div {
    color: [%overlayListItemTextColor%];
}

.rf-tooltip.dark-mode {
    background-color: [%overlayDarkBackgroundColor%];
    border-color: [%overlayDarkBorderColor%];
    box-shadow: 0 2px 2px 0 [%overlayDarkBorderColor%], 0 3px 1px -2px [%overlayDarkBorderColor%], 0 1px 5px 0 [%overlayDarkBorderColor%];
}
.rf-tooltip.dark-mode p,
.rf-tooltip.dark-mode span,
.rf-tooltip.dark-mode div {
    color: [%overlayDarkListItemTextColor%];
}


/* Cards / Frame CSS */
.md-frame {
    background-color: [%cardBodyBackgroundColor%];
    border-color: [%cardBorderColor%];
    box-shadow: [%cardBoxShadowColor%],[%cardBoxShadowColor%],[%cardBoxShadowColor%];
}
.rf-card .card-header,
.md-frame.md-frame-primary .md-frame-header,
.game-trophy-card .trophy-card-header,
.game-leaderboard-card .leaderboard-card-header,
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-header,
#custom-dashboard .dashboard-tile .dashboard-tile-header,
#leads-portal .dashboard-tile .dashboard-tile-header,
.dashboard-body .dashboard-tile .dashboard-tile-header {
    background-color: [%cardHeaderBackgroundColor%];
    border-color: [%cardBorderColor%];
}

.dashboard-tile-header h4,
.rf-card.registration-card h2,
.rf-card .card-header :is(h3, a),
.rf-card .leaderboard-card-header :is(h4, h6, p, span),
.sql-report-header h3,
.md-frame.md-frame-primary .md-frame-header h2 {
    color: [%cardHeaderTextColor%] !important;
}

.rf-card .card-header .rfSI svg {
    fill: [%cardHeaderIconColor%];
}
.rf-card .card-header .rfSI:hover svg {
    fill: [%cardHeaderIconHoverColor%];
}
.rf-card .card-header .mdBtnR-primary {
    background-color: [%cardHeaderButtonBackgroundColor%];
    border-color: [%cardHeaderButtonBackgroundColor%];
}
.rf-card .card-header .mdBtnR-primary:hover {
    background-color: [%cardHeaderButtonHoverBackgroundColor%];
    border-color: [%cardHeaderButtonHoverBackgroundColor%];
}
.rf-card .card-header .mdBtnR-primary .mdBtnR-text {
    color: [%cardHeaderButtonTextColor%];
}
.rf-card .card-header .mdBtnR-primary:hover  .mdBtnR-text {
    color: [%cardHeaderButtonHoverTextColor%];
}
.rf-card .card-body {
    height: [%cardMaxHeight%]px;
    background-color: [%cardBodyBackgroundColor%];
    border-color:  [%cardBorderColor%];
}
.game-trophy-card .trophy-card-list,
.game-leaderboard-card .leaderboard-card-list,
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body,
#custom-dashboard .dashboard-tile .dashboard-tile-body,
#leads-portal .dashboard-tile .dashboard-tile-body,
.dashboard-body .dashboard-tile .dashboard-tile-body {
    background-color: [%cardBodyBackgroundColor%];
}

/*.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body svg > rect,*/
/*#custom-dashboard .dashboard-tile .dashboard-tile-body svg > rect,*/
/*#leads-portal .dashboard-tile .dashboard-tile-body svg > rect,*/
/*.dashboard-body .dashboard-tile .dashboard-tile-body svg > rect {*/
/*  fill: [%cardBodyBackgroundColor%];*/
/*}*/


/* New Card Look */
.rf-card.my-survey-list-card .card-header {
    background-color: transparent;
}
.rf-card.my-survey-list-card .card-body {
    background-color: transparent;
}

.rf-table-container .rf-table .table-body .table-row,
.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row,
.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row:hover {
    background-color: [%newCardRowBackgroundColor%];
}




.carousel-actions .mdBtnR-icon-button.mdBtnR:disabled svg *,
.carousel-actions .mdBtnR-icon-button.mdBtnR[disabled] svg * {
    stroke: [%carouselIconDisabledColor%];
}
.carousel-actions .mdBtnR-icon-button .rfSI-stroke * {
    stroke: [%carouselIconColor%];
}

.carousel-actions .mdBtnR-icon-button.mdBtnR:disabled,
.carousel-actions .mdBtnR-icon-button.mdBtnR[disabled] {
    background-color: transparent !important;
}
.carousel-actions .mdBtnR-icon-button {
    background-color: [%carouselIconBackgroundColor%];
}
.carousel-actions .mdBtnR-icon-button:hover {
    background-color: [%carouselIconHoverBackgroundColor%];
}
.carousel-actions .mdBtnR-icon-button:hover .rfSI-stroke svg * {
    stroke: [%carouselIconHoverColor%];
}


/* Tiles/Grid view for Sessions, Exhibitors etc. */
.rf-tile, .rf-compressed-tile {
    background-color: [%tileBackgroundColor%];
    border-color: [%tileBorderColor%];
}

.rf-tile-container .rf-tile .rf-tile-body .rf-tile-title a {
    color: [%tileHeaderColor%] !important;
}

.rf-tile-container .rf-tile:hover .rf-tile-body .rf-tile-title a {
    color: [%primaryColor%] !important;
}

.rf-admin-content .rf-tile-body p,
.rfComp-canvas .rf-tile-body p,
.rf-default-modal .rf-tile-body p,
[id*='rf-'].rf-widget .rf-tile-body p {
    color: [%tileParagraphColor%] !important;
}

.rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result svg {
    fill: [%tileFavoriteIcon%];
}



/*****
  Widget Specific Styling
*****/

/* Calendar Styles */

/* Background of the download calendar button icon */
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .download-calendar {
    background: [%calendarDownloadBackgroundColor%];
    background-color: [%calendarDownloadBackgroundColor%];
    border-color: [%calendarDownloadBackgroundColor%];
}
/* Background of the download calendar button icon Hover */
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .download-calendar:hover,
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .download-calendar:focus,
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .download-calendar:active {
    background: [%calendarDownloadBackgroundHoverColor%];
    background-color: [%calendarDownloadBackgroundHoverColor%];
    border-color: [%calendarDownloadBackgroundHoverColor%];
}

/* Calendar Icons, Download, Toggle, Single Day Icons */
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .rfSI-toggle button svg,
#rf-calendar .schedule-calendar .calendar-head .prev-day .rfSI svg,
#rf-calendar .schedule-calendar .calendar-head .next-day .rfSI svg,
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .download-calendar svg {
    fill: [%calendarTopIconColor%];
}
/* Calendar Icons, Download, Toggle, Single Day Hover Icons */
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .rfSI-toggle button:hover svg,
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .rfSI-toggle button.active svg,
#rf-calendar .schedule-calendar .calendar-head .prev-day:hover .rfSI svg,
#rf-calendar .schedule-calendar .calendar-head .next-day:hover .rfSI svg,
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .download-calendar:hover svg,
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .download-calendar:focus svg,
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .download-calendar:active svg {
    fill: [%calendarTopIconHoverColor%];
}

/* Calendar single day background colors */
#rf-calendar .schedule-calendar .calendar-head .prev-day,
#rf-calendar .schedule-calendar .calendar-head .current-day,
#rf-calendar .schedule-calendar .calendar-head .next-day {
    background-color: [%calendarDownloadBackgroundColor%];
}

/* Calendar single day hover background colors */
#rf-calendar .schedule-calendar .calendar-head .prev-day:hover,
#rf-calendar .schedule-calendar .calendar-head .next-day:hover {
    background-color: [%calendarDownloadBackgroundHoverColor%];
    opacity: 1;
}

#rf-calendar .schedule-calendar .calendar-head-container .rf-page-indicator span {
    background-color: [%calendarTopIconColor%];
}
#rf-calendar .schedule-calendar .calendar-head-container .rf-page-indicator span.active {
    background-color: [%calendarTopIconColor%];
    opacity: 0.5;
}

/* Background of the filter toggle non active state */
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .rfSI-toggle button {
    background: [%calendarToggleBackgroundColor%];
    background-color: [%calendarToggleBackgroundColor%];
}
/* Background of the filter toggle active state */
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .rfSI-toggle button.active {
    background: [%calendarToggleBackgroundActiveColor%];
    background-color: [%calendarToggleBackgroundActiveColor%];
}
#rf-calendar .schedule-calendar .rbc-time-header .rbc-header a,
#rf-calendar .schedule-calendar .rbc-time-header .rbc-header span {
    color: [%calendarHeaderColor%];
}
#rf-calendar .schedule-calendar .rbc-time-header .rbc-header.rbc-today {
    background-color: [%calendarHeaderTodayBackgroundColor%];
}
#rf-calendar .schedule-calendar .rbc-time-gutter .rbc-label {
    color: [%calendarScheduleTimeColor%];
}

#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot {
    background-color: [%calendarTimeBlockBackgroundColor%];
    border-color: [%calendarTimeBlockBorderColor%];
}

#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot .rfSI svg {
    fill: [%calendarTimeBlockIconColor%];
}

#rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot.disabled:hover {
    color: [%calendarDaySlotTextColor%];
}
#rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot.disabled {
    background-color: [%calendarDaySlotBackgroundColor%];
}

/* rbc-event */
#rf-calendar .schedule-calendar .rbc-event {
    background-color: [%calendarEventBackgroundColor%];
    border-color: [%calendarEventBackgroundColor%];
}

#rf-calendar .schedule-calendar .rbc-event.calendar-item {
    background-color: [%calendarPersonalTimeBackgroundColor%] !important;
    border-color: [%calendarPersonalTimeBackgroundColor%];
}

#rf-calendar .schedule-calendar .rbc-event.session-interest {
    background-color: [%calendarEventFavoriteBackgroundColor%] !important;
    border-color: [%calendarEventFavoriteBackgroundColor%];
}

/* Speaker Session Calendar Item */
#rf-calendar .schedule-calendar .rbc-event.session-speaker {
    background-color: [%calendarEventSpeakerBackgroundColor%] !important;
    border-color: [%calendarEventSpeakerBackgroundColor%];
}

/* Meeting Session Style */
#rf-calendar .schedule-calendar .rbc-event.meeting {
    background-color: [%calendarEventMeetingBackgroundColor%] !important;
    border-color: [%calendarEventMeetingBackgroundColor%] !important;
}

/* Meeting Wait List Style */
#rf-calendar .schedule-calendar .rbc-event.wait-list {
    background-color: [%calendarEventWaitListBackgroundColor%] !important;
    border-color: [%calendarEventWaitListBackgroundColor%] !important;
}


/* Simple Accordion Widget */

[id*='rf-'].rf-widget .agenda-simple-accordion .widget-banner h2 {
    color: [%simpleAccordionAgendaHeaderColor%] !important;
}

[id*='rf-'].rf-widget .agenda-simple-accordion .widget-banner {
    background-color: [%simpleAccordionAgendaHeaderBackgroundColor%] !important;
}

[id*='rf-'].rf-widget .agenda-simple-accordion .widget-banner,
.rf-widget .agenda-simple-accordion .agenda-section {
    border-color: [%simpleAccordionAgendaHeaderBorderColor%] !important;
}




/* Session List */

/* Filters header color */
[id*='rf-'].rf-widget .search-filters .filters-header h2,
.rf-default-modal .search-filters .filters-header h2 {
    color: [%sessionListFiltersHeaderColor%] !important;
}

[id*='rf-'].rf-widget .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR),
[id*='rf-'].rf-widget .rf-input textarea {
    color: [%sessionFilterSearchTextColor%];
    background-color: [%sessionFilterSearchBackgroundColor%];
    border-color: [%sessionFilterSearchBackgroundColor%];
}
[id*='rf-'].rf-widget .search-container .search-bar .catalog-search .rf-input input:active,
[id*='rf-'].rf-widget .search-container .search-bar .catalog-search .rf-input input:hover {
    -webkit-box-shadow: 0 0 6px [%sessionFilterSearchBackgroundColor%] !important;
    -moz-box-shadow: 0 0 6px [%sessionFilterSearchBackgroundColor%] !important;
    -ms-box-shadow: 0 0 6px [%sessionFilterSearchBackgroundColor%] !important;
    -o-box-shadow: 0 0 6px [%sessionFilterSearchBackgroundColor%] !important;
    box-shadow: 0 0 6px [%sessionFilterSearchBackgroundColor%] !important;
}

[id*='rf-'].rf-widget .search-container .search-bar .catalog-search .search-submit {
    background-color: [%sessionFilterInputBackgroundColor%];
    border-color: [%sessionFilterInputBorderColor%];
}

[id*='rf-'].rf-widget .search-container .search-bar .catalog-search .search-submit .rfSI svg{
    fill: [%sessionFilterInputIconColor%];
}

[id*='rf-'].rf-widget .search-filters .filters-header,
.rf-default-modal .search-filters .filters-header,
[id*='rf-'].rf-widget .search-container .search-filters .quick-filters,
.rf-default-modal .search-container .search-filters .quick-filters,
[id*='rf-'].rf-widget .search-container .search-filters .filters>li,
.rf-default-modal .search-container .search-filters .filters>li {
    border-color: [%sessionFiltersHRColor%] !important;
}

/* Search Results Counter Text */
[id*='rf-'].rf-widget .search-container .total-results-count span {
    color: [%sessionListResultsColor%];
}

/* Session Listing Header Text Color */
[id*='rf-'].rf-widget .search-container .search-content .section-title {
    color: [%sessionListHeaderColor%];
}

/* Catalog search filters accordion button */
[id*='rf-'].rf-widget .search-filters .filters button span,
.rf-default-modal .search-filters .filters button span {
    color: [%sessionFiltersAccordionButtonColor%];
}

/* Filter Header Icon Color */
[id*='rf-'].rf-widget .search-filters .filters button svg,
.rf-default-modal .search-filters .filters button svg {
    fill: [%sessionFilterAccordionButtonIconColor%] !important;
}

/* Hover */
#rf-catalog .search-container .rf-catalog-tabs li:hover,
#rf-exhibitorcatalog .search-container .rf-catalog-tabs li:hover,
#rf-speakercatalog .search-container .rf-catalog-tabs li:hover {
    color: [%primaryColor%];
    background-color: transparent;
}

/* Session List Filters Facets */
[id*='rf-'].rf-widget .search-container .rf-facets .rf-facet-label {
    background-color: [%sessionListFacetBackgroundColor%] !important;
    background: [%sessionListFacetBackgroundColor%];
    border-color: [%sessionListFacetTextColor%] !important;
    color: [%sessionListFacetTextColor%] !important;
}
[id*='rf-'].rf-widget .search-container .rf-facets .rf-tag .rf-tag-remove {
    color: [%sessionListFacetTextColor%] !important;
}

/* Catalog Results Background and Border Color */
[id*='rf-'].rf-widget .catalog-result,
[id*='rf-'].rf-widget .session-details-page,
.rf-default-modal .catalog-result,
.rf-default-modal .session-details-page,
#rf-speakercatalog .speaker-card,
#rf-exhibitorcatalog .speaker-card {
    background-color: [%sessionListItemBackgroundColor%];
    border-color: [%sessionListItemBorderColor%];
}

/* NO RESULTS message for no sessions in list after filter */
[id*='rf-'].rf-widget .search-container .search-content .search-results h3:not(.speaker-full-name) {
    background-color: [%sessionListItemBackgroundColor%];
    border-color: [%sessionListItemBorderColor%] !important;
    color: [%sessionNoResultsColor%];
}

/* Session Listing Interior Paragraph Text Color */
[id*='rf-'].rf-widget .catalog-result .rf-attribute,
[id*='rf-'].rf-widget .session-details-page .rf-attribute,
.rf-default-modal .catalog-result .rf-attribute,
.rf-default-modal .session-details-page .rf-attribute {
    color: [%sessionListingParagraphTextColor%];
}

/* Session Scheduled button */
.mdBtnR-primary.session-scheduled.session-action {
    background-color: [%sessionScheduledButtonColor%] !important;
    border-color: [%sessionScheduledButtonColor%] !important;
}
.mdBtnR-primary.session-scheduled.session-action .mdBtnR-text {
    color: [%sessionScheduledButtonTextColor%] !important;
}






/*****
  CHAT FAB
*****/

/* Chat FAB */
.rf-chat .rf-chat-fab {
    background-color: [%chatFabBackgroundColor%];
    -webkit-box-shadow: 0 2px 2px 0 [%chatFabBoxShadowColor%], 0 3px 1px -2px [%chatFabBoxShadowColor%], 0 1px 5px 0 [%chatFabBoxShadowColor%];
    -moz-box-shadow: 0 2px 2px 0 [%chatFabBoxShadowColor%],0 3px 1px -2px [%chatFabBoxShadowColor%],0 1px 5px 0 [%chatFabBoxShadowColor%];
    -ms-box-shadow: 0 2px 2px 0 [%chatFabBoxShadowColor%],0 3px 1px -2px [%chatFabBoxShadowColor%],0 1px 5px 0 [%chatFabBoxShadowColor%];
    -o-box-shadow: 0 2px 2px 0 [%chatFabBoxShadowColor%],0 3px 1px -2px [%chatFabBoxShadowColor%],0 1px 5px 0 [%chatFabBoxShadowColor%];
    box-shadow: 0 2px 2px 0 [%chatFabBoxShadowColor%], 0 3px 1px -2px [%chatFabBoxShadowColor%], 0 1px 5px 0 [%chatFabBoxShadowColor%];
}
.rf-chat-fab .rfSI.rfSI-white svg {
    fill: [%chatFabIconColor%];
}


.rf-chat .rf-chat-container {
    border-color: [%modalBorderColor%];
    box-shadow: 0 2px 2px 0 [%modalBorderColor%], 0 3px 1px -2px [%modalBorderColor%], 0 1px 5px 0 [%modalBorderColor%];
}

.rf-chat .rf-chat-container .rf-chat-header,
.rf-chat .rf-chat-container .rf-chat-content,
.rf-chat .rf-chat-container .rf-chat-sidebar-header {
    background-color: [%modalBackgroundColor%];
}
.rf-chat .rf-chat-container .rf-chat-header,
.rf-chat .rf-chat-container .rf-chat-content-header,
.rf-chat .rf-chat-container .rf-chat-sidebar-header,
.rf-chat .rf-chat-container .rf-chat-sidebar,
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item,
.rf-chat .rf-chat-container .rf-chat-content-footer {
    border-color: [%modalBorderColor%];
}


/* Chat Header */
.rf-chat .rf-chat-container .rf-chat-header .rf-chat-header-text span {
    color: [%modalHeaderTextColor%];
}

/* Close X, using the same color as modal X. */
.rf-chat-header-text .rfSI.g5 svg {
    fill: [%modalCloseIconColor%];
}
.rfSI.g5 svg:hover,
.rfSI.g5 svg:active,
.rfSI.g5 svg:focus {
    fill: [%modalCloseIconColor%];
}


/* Chat Body */

/* Chat Sidebar */
/* Chat Sidebar Color and Border */
.rf-chat .rf-chat-container .rf-chat-sidebar {
    background-color: [%chatContainerSidebarBackgroundColor%];
}

/* Sidebar Company Name */
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item span {
    color: [%chatSidebarItemCompanyTextColor%];
}

.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item {
    background-color: [%chatContainerSidebarBackgroundColor%];
}

/* Chat Active Group */
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item {
    background-color: [%chatSidebarItemBackgroundColor%];
}

/* Chat Active Group */
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item.active {
    background-color: [%chatSidebarItemBackgroundActiveColor%];
}

.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item.active span {
    color: [%chatSidebarItemActiveTextColor%];
}


/* Chat Content */
/* Chat Company Name */
.rf-chat .rf-chat-container .rf-chat-content-header .rf-chat-content-header-text span {
    color: [%chatContentHeaderColor%];
}

/* Chat Message Header */
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-start-message,
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-start-message span {
    color: [%chatContentColor%];
}

/* Chat Message Sender Info */
.rf-chat .rf-chat-container .rf-chat-sidebar-header label,
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-info span,
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-time span {
    color: [%chatContentColor%];
}

.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-info span {
    border-color: [%chatContentMessageInfoBorderColor%];
}

.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-info span:first-child {
    color: [%chatContentMessageSenderNameColor%];
}

.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-body .rf-message {
    background-color: [%chatMessageBackgroundColor%] !important;
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message.rf-my-message .rf-message-body .rf-message {
    background-color: [%chatMyMessageBackgroundColor%] !important;
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message.rf-my-message .rf-message-body .rf-message p,
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message.rf-my-message .rf-message-body .rf-message a {
    color: [%chatMessageTextColor%];
}





/*****
  General Workflow Styling
*****/

/* Workflow Nav */
@media all and (min-width: 769px) {
    .rf-workflow .rf-workflow-nav {
        background-color: [%workflowNavBackgroundColor%];
        box-shadow: 2px 0 7px -2px [%workflowNavBorderColor%];
    }
}

.rf-workflow .rf-workflow-nav.rf-workflow-mobile-open {
    border-color: [%workflowNavBorderColor%];
}


/* Table Colors */
.rf-simple-table,
.table,
.rf-simple-table tr,
.table tr,
.rf-table-container .rf-table .table-body .table-row.table-header>div{
    border-color: [%tableBorderColor%] !important;
}

.rf-table-container .rf-table .table-body .table-row.table-header:hover,
.rf-table-container .rf-table .table-body .table-row:hover,
.rf-table-container .rf-table .table-body .table-row.active {
    background-color: transparent;
}




/* Workflow Login Page */
#rf-content .rfwf-login-page .md-frame .md-frame-header h2 {
    color: [%loginHeaderColor%];
}

#workflow-login-page .md-frame-footer a {
    color: [%loginForgotPasswordTextColor%];
}

#rf-content .create-account-frame p {
    color: [%loginCreateAccountParagraphColor%];
}




/* Contact Page */
/* This ID is the top most common identifier (for now) for form pages */
@media (min-width: 769px) {
    #contact-info {
        min-width: 600px;
        max-width: [%formPageWidth%]px;
    }
}

.workflow-form-render .wf-form-element-div .rf-radio-container .rfG-row .rfG-md-50 {
    width: [%formPageRadioStacked%]%;
}


/* Account page */
.rfwf-account-book-hotel .hotel-blue-bg,
.rfwf-account-orders .rfG-table-container {
    background-color: [%accountPageHotelBackground%];
}


/* Orders Page */
#rf-content .rfwf-packages .md-frame .md-frame-accordion * {
    color: [%packageItemsTextColor%];
}
#rf-content .rfwf-packages .md-accordion-container:not(.expanded):hover {
    background-color: [%accordionHeaderHoverBackgroundColor%];
}
#rf-content .rfwf-packages .rfwf-package-items .rfG-fluid-container,
.md-accordion-container.expanded .accordion-headline {
    border-color: [%accordionBorderColor%];
}


#rf-content .rfwf-packages .rfSI svg {
    fill: [%packageGroupAccordionIcon%];
}

#rf-content .rfwf-discount-code p {
    color: [%discountCodeParagraph%];
}




/* Tasks */
#tasks-list-container .rf-task-listing {
    background-color: [%taskListingBackgroundColor%];
    border-color: [%taskListingBorderColor%];
}
#tasks-list-container .rf-task-listing:hover {
    background-color: [%tasksHoverBackgroundColor%];
}

.workflow-footer-buttons .mark-complete-box {
    border-color: [%inputBorderColor%];
}

#tasks-list-container .rf-task-listing .rfSI.rfSI-light-gray svg {
    fill: [%taskListingArrowThing%];
}



/* Dynamic Page Modifications */
/* Make headline background images not be odd. */
.rf-headline .rf-headline-[%headlineImageFix%] {
    background-repeat: no-repeat !important;
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* Unique styling for speakers */
.speaker-ta-list .targeted-agenda-header h2 {
    color: [%speakerHeaderColor%] !important;
}

.speaker-ta-list .rf-speaker-container .rf-result-title {
    color: [%speakerNameColor%] !important;
}

.speaker-ta-list .rf-speaker-container .rf-result-title:hover {
    color: [%speakerNameColorHover%] !important;
}

.speaker-ta-list .rf-speaker-container .company-info {
    color: [%speakerCompanyInfoColor%] !important;
}

#rf-speakercatalog .total-results-count {
    display: [%hideSpeakerResults%];
}


.rf-housing-event-info p:first-of-type {
    display: [%hideEventLocationHotels%];
}
.rf-housing-event-info p:last-of-type {
    display: [%hideEventDateHotels%];
}




.rf-headline .rf-headline-content {
    background-color: [%headlineContentBackgroundColor%] !important;
}

.page-builder-display-reset .targeted-agenda-header .targeted-agenda-headline h2 {
    display: [%hideTargetedAgendaHeadline%] !important;
}


.page-builder-display-reset .flex-box-section-full > .flex-box-section-full-interior {
    max-width: [%dynamicPageBuilderSectionWidth%]px;
}

@media (min-width: 769px) {
    .flex-box-section-full {
        padding: [%sectionPadding%]px 0;
    }
    .flex-box-section-full {
        padding-bottom: [%sectionPaddingBottom%]px;
    }
}

/* Accessibility: Above are products and below are components*/

.rf-accessibility .mdBtnR:not(.mdBtnR-text-button):not(.mdBtnR-link):focus,
.rf-accessibility .favorite-catalog-result:focus, .rf-accessibility .session-downloads:focus,
.rf-accessibility .catalog-result.recommended .recommendation-actions button:focus,
.rf-accessibility .search-filters .filters .catalog-filter:focus,
.rf-accessibility .schedule-calendar .rbc-day-slot .rbc-time-slot:focus,
.rf-accessibility .schedule-calendar .rbc-event:focus,
.rf-accessibility .search-container .rf-facets .rf-tag:focus,
.rf-accessibility .catalog-result:focus,
.rf-accessibility .rf-catalog-tabs li button:focus,
.rf-accessibility .calendar-head .prev-day:focus,
.rf-accessibility .calendar-head .next-day:focus,
.rf-accessibility .search-bar .catalog-search .rf-input input:focus,
.rf-accessibility .rf-tile-avatar:focus,
.rf-accessibility input[type=checkbox]:focus,
.rf-accessibility .checkbox input[type=checkbox]:focus,
.rf-accessibility input[type=radio]:focus,
.rf-accessibility .radio input[type=radio]:focus,
.rf-accessibility .rf-checkbox:focus .checkbox-bg,
.rf-accessibility .rf-radio-option:focus,
.rf-accessibility button.rfSI:focus,
.rf-accessibility .rf-input input:not([type="checkbox"]):not([type="radio"]):not(.mdBtnR):focus,
.rf-accessibility .rf-select .rf-dropdown-container .rf-dropdown-trigger input:focus,
.rf-accessibility .rf-textarea textarea:focus,
.rf-accessibility .rf-select select:focus,
.rf-accessibility .rf-select select:not([multiple]):focus,

.rf-org-header-container nav .nav-cta:focus img {
    -webkit-box-shadow: 0 0 0 3px [%accessibilityColor%] !important;
    -moz-box-shadow: 0 0 0 3px [%accessibilityColor%] !important;
    -ms-box-shadow: 0 0 0 3px [%accessibilityColor%] !important;
    -o-box-shadow: 0 0 0 3px [%accessibilityColor%] !important;
    box-shadow: 0 0 0 3px [%accessibilityColor%] !important; }

[%sealTeamSix%]

#task-list .task-filters label[aria-describedby="Show Only Unread Comments"]{
    display: none;
}


.center-content-horizontal .flex-box-section {
    justify-content: center;
}