:root {
  --rf-brand-color-surface: #21163f;
  --rf-brand-color-surface-2: #21163f;
  --rf-brand-color-text-heading: #fff;
  --rf-brand-color-text-body: #fff;
  --rf-brand-color-primary: #bb86fc;
  --rf-brand-color-primary-hover: #bb86fc;
  --rf-brand-color-border: rgba(255, 255, 255, 0.25);
  --rf-system-color-neutral-30: rgba(255, 255, 255, 0.25);
  --rf-brand-color-on-primary: #21163f;
  --rf-brand-color-status-success-container: var(--rf-system-color-green);
}

.filter-group-container .filter-group-scroll {
  overflow: visible;
  max-height: unset;
}

[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: #fff;
  background-color: var(--rf-brand-color-surface);
  border-color: #333333;
  border-top-color: #333333;
  border-right-color: #333333;
  border-bottom-color: #333333;
  border-left-color: #333333;
}

[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: var(--rf-brand-color-on-primary) !important;
}

.dropdown-results-container
  .rf-singleselect
  .common-select-dropdown-option-item.active {
  background-color: var(--rf-brand-color-primary);
}

.dropdown-results-container
  .rf-singleselect
  .common-select-dropdown-option-item.active
  .rf-select-result-item {
  color: var(--rf-brand-color-on-primary) !important;
}

.dropdown-results-container .rf-select-results-container li:hover,
.dropdown-results-container .rf-select-results-container li:focus {
  background-color: #2d2050;
}

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: #0f072a !important;
}

.messaging-item,
.messaging-contacts-body {
  background-color: var(--rf-brand-color-surface);
}

.messaging-contacts-header {
  border: 1px solid var(--rf-brand-color-border);
}

.chip.chip-highlighted p {
  color: var(--rf-brand-color-on-primary) !important;
}

.messaging-convo-body .message-bubble-to .bubble-text p {
  color: var(--rf-brand-color-on-primary) !important;
}

.messaging-convo-body .message-bubble-from .bubble-text {
  border-color: 1px solid var(--rf-brand-color-border);
  background-color: var(--rf-brand-color-surface);
}

.mdBtnR-primary svg,
a.mdBtnR-primary svg {
  fill: var(--rf-comp-button-primary-color-on-background) !important;
}

.messaging-search-container .new-message-icon:hover:after {
  background-color: transparent;
}

.md-frame {
  background-color: var(--rf-brand-color-surface) !important;
}

.messaging-search-container,
.chat-body-overlay .chat-recipient-list {
  background-color: var(--rf-brand-color-surface);
  border-bottom: 1px solid var(--rf-brand-color-border);
}

.rf-checkbox svg {
  fill: transparent !important;
}

.rf-checkbox svg:hover,
.rf-checkbox svg:active,
.rf-checkbox svg:focus,
.rf-checkbox
  input[type="checkbox"]:checked
  + .checkbox-bg
  + .rf-checkbox-icon
  svg {
  fill: var(--rf-brand-color-surface) !important;
}

.rf-checkbox input[type="checkbox"]:checked + .checkbox-bg,
.rf-checkbox.success input[type="checkbox"]:checked + .checkbox-bg {
  background: var(--rf-brand-color-primary) !important;
}

#rf-content
  .rf-checkbox
  input[type="checkbox"]:checked
  + .checkbox-bg
  + .rf-checkbox-icon
  svg:hover,
#rf-content
  .rf-checkbox
  input[type="checkbox"]:checked
  + .checkbox-bg
  + .rf-checkbox-icon
  svg:active,
#rf-content
  .rf-checkbox
  input[type="checkbox"]:checked
  + .checkbox-bg
  + .rf-checkbox-icon
  svg:focus {
  fill: var(--rf-brand-color-surface) !important;
}

.interests-tab .chip.chip-highlighted .rfSI.rfSI-white svg {
  fill: var(--rf-brand-color-on-primary);
}

.profile-details-contents-container .selected-container .rf-pill .rf-pill-text {
  color: var(--rf-brand-color-on-primary);
}

.rf-overlay-new
  .rf-scroll-frame
  ul:not(.rf-select-selected)
  li:not(.group-header):not(.common-select-dropdown-option-item):hover
  .mr-5,
.rf-overlay-new
  .rf-scroll-frame
  ul:not(.rf-select-selected)
  li:not(.group-header):not(.common-select-dropdown-option-item):focus
  .mr-5 {
  color: var(--rf-brand-color-on-primary);
}

.chat-recipient-selected,
.messaging-convo-body .messaging-text-actions .rfSI.active:hover:after {
  background: transparent;
}

.profile-details-modal-social-medias .rfSI.rfSI-util-gray svg {
  fill: #fff;
}

/*feedback - 1*/

.messaging-contacts-list li {
    background: var(--rf-brand-color-surface);
}
.networking-page .networking-page-header .account-profile:hover {
  cursor: auto;
}
.networking-page .networking-page-header .account-profile:hover .rfSI,
.networking-page .networking-page-header .account-profile:hover .profile-avatar-title .profile-name{
    cursor: pointer;
}
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,
.messaging-contacts-list li.is-active{
    background-color: #2d2050 !important;
}
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: rgb(217, 164, 282) !important;
    border-color: rgb(217, 164, 282) !important;
}
.networking-page-header .account-profile .rfSI svg:hover, .networking-page-header .account-profile .rfSI svg:active, .networking-page-header .account-profile .rfSI svg:focus{
    fill: rgb(217, 164, 282) !important;
}
.chip:hover{
    background: #2d2050;
}
.chip.chip-highlighted:hover{
    background: rgb(217, 164, 282) !important;
}

/*chat emoji picker*/
.emoji-picker-react {
  background: #b3a0fb !important;
  border-color: var(--rf-brand-color-surface) !important;
}
.emoji-picker-react input.emoji-search {
  background: #b3a0fb;
  color: rgb(33, 22, 63) !important;
}
.emoji-picker-react .emoji-group:before,
.emoji-picker-react input.emoji-search::placeholder {
  color: rgba(33, 22, 63, 0.8) !important;
}
.emoji-picker-react .emoji-group:before {
  background: #b3a0fb !important;
  border-color: #b3a0fb !important;
}
.emoji-picker-react .emoji button:hover,
.emoji-picker-react .emoji button:focus-visible {
  background: #c4b6f7 !important;
}
.emoji-picker-react .emoji:hover,
.emoji:focus {
  background: transparent !important;
}
aside.emoji-picker-react .content-wrapper:before{
    color: var(--rf-brand-color-surface) !important;
    right: 30px !important;
}
#rf-content .emoji-picker-react ul.skin-tones-list li.tneutral {
  color: #ffd225 !important;
}
#rf-content .emoji-picker-react ul.skin-tones-list li.t1f3fb {
  color: #ffdfbd !important;
}
#rf-content .emoji-picker-react ul.skin-tones-list li.t1f3fc {
  color: #e9c197 !important;
}
#rf-content .emoji-picker-react ul.skin-tones-list li.t1f3fd {
  color: #c88e62 !important;
}
#rf-content .emoji-picker-react ul.skin-tones-list li.t1f3fe {
  color: #a86637 !important;
}
#rf-content .emoji-picker-react ul.skin-tones-list li.t1f3ff {
  color: #60463a !important;
}

.messaging-convo-body .search-recipient-header .chip-input-container input{
    background: transparent;
}
