ul#u33navcontent {
  margin-bottom: 0;
}
h1.white-color {
  margin-left: 50px;
}
#u33brandtxt {
  letter-spacing: 0.03em;
}
button.u33navitem {
  letter-spacing: .02em;
}
div#u33w2 a {
  letter-spacing: 0.02em;
}
div#u33w1 {
  background-color: #134F46;
}
.rw-ocean-160bg {
  background-color: #134F46 !important;
}
#rf-exhibitorcatalog .speaker-card .speaker-photo img {
  width: 220px;
  max-width: 220px;
  min-width: 220px;
  max-height: 220px;
}
.rf-flowplayer-simulive .pigeonhole-reactions, .rf-video-player .pigeonhole-reactions {
  border: none;
  height: 62%;
  width: 220px;
  position: absolute;
  left: 8px;
  z-index:10;
}
.oracle-ocw25-OCWExhibitorCatalog-page-OCWexhibitorcatalog div#rf-exhibitorcatalog .speaker-card.rf-flex-frame .speaker-photo img {
  min-width: 220px;
  max-height: 220px;
}
.oracle-ocw25-OCWDemoCatalog-page-OCWdemocatalog .rf-accessibility.rf-exhibitorCatalog-modal h2.modal-title {
  visibility: hidden;
}
.package-description span.mdBtnR-text {
  color: #006b8f;
}
div#mRContainer li#simple-overlay-action-item-3 {
  display: none;
}
body.rf-body.rf-accessibility.oracle-ocw25-zpartnerstage-form-rsvp section.hero-section.no-nav,
body.rf-body.rf-accessibility.oracle-ocw25-partner-form-rsvp section.hero-section.no-nav,
body.rf-body.rf-accessibility.oracle-ocw25-myregistration-form-rsvp section.hero-section.no-nav,
body.rf-body.rf-accessibility.oracle-ocw25-regOCW23-form-rsvp section.hero-section.no-nav {
  background: url(https://static.rainfocus.com/oracle/1706122668947002VLCQ/static/staticfile/staticfile/OCW23_PartnerExperience_RainFocusBanner-1600x125px_1684427925670001WBur.png) no-repeat left center;
  padding-top: 20px;
}
body.rf-body.rf-accessibility.oracle-ocw25-zpartnerstage-form-rsvp .banner-content,
body.rf-body.rf-accessibility.oracle-ocw25-partner-form-rsvp .banner-content,
body.rf-body.rf-accessibility.oracle-ocw25-myregistration-form-rsvp .banner-content,
body.rf-body.rf-accessibility.oracle-ocw25-regOCW23-form-rsvp .banner-content{
  visibility: hidden;
}

.flex-box-section-full.PSRSVP span.mdBtnR-text {
  text-transform: capitalize;
}
div#reg-confirmation-page button.mdBtnR.mdBtnR-outline-primary {
  border: 2px solid black;
  color: black;
}
button {
  text-transform: capitalize !important;
}
#reg-confirmation-page table th {
  background-color: #00688C;
}
.nomination-form-details {
  max-width: 80%;
}
div#reg-confirmation-page svg[data-title="Outlined Check Icon"] {
  fill: #00688C;
}
.rf-housing .rf-housing-content .hotel-card.type-list .hotel-image .rating {
  display: none;
}
.modal-dialog {
  bottom: -15%;
}

.orders-page button.mdBtnR.mdBtnR-outline-primary {
  border: 2px solid black;
}
.orders-page button.mdBtnR.mdBtnR-outline-primary span {
  color:black;
}
/*Force font*/


/*Fonts - Debug*/

/*html, body, h1, h2, h3, h4, a {
   font-family: var(--oraclesans) !important;
}

* {
    font-family: var(--oraclesans) !important;
}*/

/*Button styles*/
.mdBtnR-primary {
  background-color: #F36E44 !Important;
  border: 1px #F36E44 !Important;
}
.mdBtnR-primary:hover {
  /*background-color: rgba (26,47,63,.8)*/
  background-color: #F36E44 !Important;
}

.mdBtnR-primary:active {
  background-color: #F36E44 !Important;
}

.mdBtnR-cancel {
  background-color: #F36E44 !Important;
  border: 1px #F36E44 !Important;
}

.mdBtnR-cancel:hover {
  background-color: #161513;
  border: 1px #161513;
}

.mdBtnR-cancel:active {
  background-color: #F36E44 !Important;
  border: 1px #F36E44 !Important;
}

.mdBtnR-cancel>.mdBtnR-text {
  color: #fff;
}

.mdBtnR-text {
  color: #fff;
}

/* --- FINAL FIX FOR ROW HEIGHT TOGGLE BUTTONS --- */

/* 1. Force ALL buttons in the toggle group to have a BLACK background */
/* We target the button elements directly inside the toggle container. */
.mdBtnR-toggle .mdBtnR,
.rfSI-toggle .mdBtnR {
  background-color: black !important;
  color: white !important;
  border-color: black !important;
  box-shadow: none !important;
}

/* 2. Force the SELECTED (active) button to be ORANGE */
/* This rule is more specific and should override the black rule above. */
.mdBtnR-toggle .mdBtnR.active,
.rfSI-toggle .mdBtnR.active,
.mdBtnR-toggle .mdBtnR.selected,
.rfSI-toggle .mdBtnR.selected {
  background-color: #F36E44 !important; /* Your desired Orange color */
  color: white !important;
  border-color: #F36E44 !important;
}

/* 3. Handle hover states for the unselected (black) buttons */
.mdBtnR-toggle .mdBtnR:not(.active):not(.selected):hover {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

/* Force the button text inside the toggle buttons to be white */
.mdBtnR-toggle .mdBtnR span.mdBtnR-text,
.rfSI-toggle .mdBtnR span.mdBtnR-text {
  color: white !important;
}

/* --- END FINAL FIX --- */

/*BW Catalog Styling*/


#rf-catalog .search-container .search-bar .catalog-search .rf-input input,
#rf-exhibitorcatalog .search-container .search-bar .catalog-search .rf-input input{
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

div#rf-exhibitorcatalog span.rf-pill.exhibitor-type.rf-pill-primary {
  padding: 5px 10px 8px;
}


.oracle-ocw25-DemoCatalog-page-democatalog div#rf-exhibitorcatalog span.rf-pill.exhibitor-type.exhibitor-type-oracletechnologies.rf-pill-primary {
  background-color: #A88866 !important;
}

.oracle-ocw25-DemoCatalog-page-democatalog div#rf-exhibitorcatalog span.rf-pill.exhibitor-type.exhibitor-type-oracleapplications.rf-pill-primary {
  background-color: #C24134 !important;
}
.oracle-ocw25-DemoCatalog-page-democatalog div#rf-exhibitorcatalog span.rf-pill.exhibitor-type.exhibitor-type-sportsmarketing.rf-pill-primary {
  background-color: #455A58 !important;
}
.oracle-ocw25-DemoCatalog-page-democatalog div#rf-exhibitorcatalog span.rf-pill.exhibitor-type.exhibitor-type-industries.rf-pill-primary {
  background-color: #6E5D83 !important;
}
.oracle-ocw25-DemoCatalog-page-democatalog div#rf-exhibitorcatalog span.rf-pill.exhibitor-type.exhibitor-type-customersuccess.rf-pill-primary {
  background-color: #1F2B2E !important;
}

/* --- FIXES FOR HEADER DATE AND LOGO --- */

/* 1. Force the logo to stay small so the date can fit next to it.
   We removed ".hero-section-health" so this applies to ALL banners. */
.banner-content img {
  max-width: 290px !important;
  height: 50px !important;
  width: auto !important;
}

/* 2. Ensure the container allows items to sit side-by-side (no wrapping) */
.banner-content {
  flex-wrap: nowrap !important;
}

/* 3. Force the date text (h5) to be white, overriding any theme defaults */
.banner-content h5 {
  color: #ffffff !important;
  margin-bottom: 0 !important;
}

/* OPTIONAL: If the date wraps on mobile, this ensures it stacks correctly there */
@media (max-width: 767px) {
  .banner-content {
    flex-wrap: wrap !important;
  }
}

/* Removes the black box styling but keeps the icon clickable */
.wf-form-element-div label.rf-label button.icon-popover-trigger {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
}

/* Ensures the SVG icon inside is the correct color (Teal based on your other CSS) */
.wf-form-element-div label.rf-label button.icon-popover-trigger svg {
  fill: #00688C !important;
  width: 20px !important;
  height: 20px !important;
}

/* Force buttons to display text exactly as typed (removes auto-capitalization) */
.mdBtnR-text,
.mdBtnR .mdBtnR-text,
button[class*="mdBtnR"] {
  text-transform: none !important;
}

/* Fixes tall input fields inside the Add Participant modal */
.modal-body .rf-input input,
.modal-body input[type="email"],
.modal-body input[type="text"] {
  padding: 6px 12px !important;  /* Reduces the white space inside */
  height: 40px !important;       /* Forces a standard height */
  min-height: 40px !important;   /* Prevents it from collapsing */
  line-height: normal !important;
}

/* 1. Force the logo to a specific, smaller width so it doesn't hog the row */
.banner-content img {
  max-width: 350px !important; /* Adjust this number if you want it bigger/smaller */
  width: auto !important;
  height: auto !important;
  flex-shrink: 0 !important; /* Prevents the logo from getting squished */
}

/* 2. Force the container to never wrap items to a new line */
.banner-content {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important; /* Aligns bottom of logo with bottom of date */
}

/* 3. Add a little spacing to the left of the date so it's not touching the logo */
.banner-content h5 {
  margin-left: 20px !important;
  margin-bottom: 8px !important; /* Fine-tune this to align perfectly with text baseline */
  white-space: nowrap !important; /* Prevents the date text itself from breaking lines */
}

/* --- FIX CHECKBOX ALIGNMENT --- */

/* 1. Turn the container into a Flexbox to force items to sit side-by-side centered */
.checkbox label,
.rf-checkbox label,
.radio label,
.rf-radio label {
  display: flex !important;
  align-items: center !important; /* This is the magic rule that centers them vertically */
  padding-left: 0 !important;     /* Removes old padding that might look weird now */
}

/* 2. Reset the checkbox input itself so it behaves nicely */
.checkbox input[type="checkbox"],
.rf-checkbox input[type="checkbox"],
.radio input[type="radio"] {
  margin: 0 10px 0 0 !important;  /* Adds a clean gap between the box and the word "Yes" */
  position: static !important;    /* Stops the box from floating weirdly */
  width: 16px !important;         /* Ensures the box isn't shrunk */
  height: 16px !important;
  transform: translateY(0) !important; /* Resets any previous shifting */
}

/* Removes the black box styling so only the 'X' is visible */
.rf-feedback-alert button.close-alert,
.rf-feedback-alert button.close {
  background: transparent !important; /* Makes the black background disappear */
  border: none !important;            /* Removes any borders */
  color: #444444 !important;          /* Sets the 'X' to a clear dark gray color */
  padding: 4px 8px !important;        /* Adds a little space around the X */
  opacity: 0.7 !important;            /* Makes it slightly distinct */
}

/* Optional: Makes the 'X' darker when you hover over it */
.rf-feedback-alert button.close-alert:hover,
.rf-feedback-alert button.close:hover {
  opacity: 1 !important;
  cursor: pointer !important;
}

/* --- NEW STYLES FOR ROW HEIGHT BUTTONS --- */

/* 1. Target all buttons in the group that DO NOT have the 'active' class */
.rf-btn-group button:not(.active) {
  /* Override background to black */
  background-color: black !important;
  /* Set text to white */
  color: white !important;
  /* Ensure the border matches the background */
  border-color: black !important;
  /* Optional: Remove any shadows */
  box-shadow: none !important;
}

/* 2. Fix the hover state for the unselected buttons */
.rf-btn-group button:not(.active):hover {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

/* 3. Handle a potential secondary class that might be forcing orange 
   If they're not using '.active' they might be using a general '.mdBtnR' class */
.rf-btn-group button.mdBtnR {
  background-color: black !important;
  color: white !important;
}

/* 4. Ensure the selected button (MD) remains orange.
   This rule ensures the active state overrides the new black rule. */
.rf-btn-group button.active {
  background-color: #F36E44 !important; /* Matches your defined orange */
  color: white !important;
  border-color: #F36E44 !important;
}

/* --- END NEW STYLES --- */

/* Fixes vertical alignment and height for the Cancel and Continue buttons */
button.mdBtnR {
  /* Sets the top/bottom padding to be equal (e.g., 6px top, 6px bottom) */
  padding: 6px 16px !important;
  /* Ensures the line height matches the button's internal height 
     to help center the text vertically. */
  line-height: 1.4 !important;
  /* Optional: If line-height alone isn't enough, force a fixed height */
  /* height: 35px !important; */
}

/* Also target the inner text span for maximum vertical centering control */
button.mdBtnR span.mdBtnR-text {
  /* Ensure the text itself is vertically aligned in its wrapper */
  vertical-align: middle !important;
}

/* Force the table header text in the simple table to be white */
.rf-simple-table th {
  color: white !important;
}
/* --- FINAL, AGGRESSIVE ALIGNMENT FIX FOR DATE (January 22, 2025, Las Vegas) --- */

/* 1. Ensure the container forces items to align to the bottom */
.banner-content {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
}

/* 2. Target the H5 (Date Text) with MAXIMUM Specificity */
.banner-content h5 {
  color: #ffffff !important;
  font-size: 18px !important;

  /* AGGRESSIVE SPACING REMOVAL */
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;

  /* FINAL VERTICAL NUDGE: Adjust this value (e.g., 10px, 12px, 15px) */
  /* If the text is still too high, increase the pixel value! */
  transform: translateY(3px) !important;

  /* Horizontal Spacing and No Wrap */
  margin-left: 20px !important;
  white-space: nowrap !important;
}

/* --- END FINAL ALIGNMENT FIX --- *//* 3. Force the date text (h5) to be white... */

/* Fix to change vertical gray bars to white */
#rf-catalog .main-content,
#rf-exhibitorcatalog .main-content,
#rf-speakercatalog .main-content,
#rf-catalog,
#rf-exhibitorcatalog,
#rf-speakercatalog {
  /* Target the background itself, if the line is part of a container background */
  background-color: white !important;

  /* Remove or set all borders to white to eliminate any vertical gray lines */
  border-left-color: white !important;
  border-right-color: white !important;
  border-color: white !important;
}

#rf-catalog .search-container .main-content, #rf-exhibitorcatalog .search-container .main-content, #rf-speakercatalog .search-container .main-content {
  flex: 1;
  padding-top: 22px;
  min-width: 0;
  background: white;
  border-color: white;
}

#rf-catalog .search-container, #rf-exhibitorcatalog .search-container, #rf-speakercatalog .search-container {
  width: 100%;
  box-sizing: border-box;
  clear: both;
  position: relative;
  max-width: 1250px;
  margin: 0 auto;
  min-height: calc(100% - 57px);
  background: white;
}

/* --- V4: FIX SPEAKER ALIGNMENT (Targeting Button/Name) --- */

/* 1. Target the container for the entire speaker line (Tara Elardo, Senior Event Marketing Manager, NetSuite)
   Based on the HTML structure, the entire line seems to be within a list item (li) or a parent div/p. 
   We will target the common parent of the button and the remaining text. */
.rf-tile-body .speaker-trigger {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important; /* Keep the name and title on one line */
  margin-bottom: 2px;
}

/* 2. Target the speaker name button and force its width. */
.rf-tile-body .speaker-trigger button {
  /* Critical settings for alignment */
  display: block !important;
  min-width: 200px !important; /* Force a fixed width for the names */
  max-width: 200px !important;

  /* Remove default button padding/border that can shift alignment */
  padding: 0 !important;
  border: none !important;

  /* Ensure the button text (name) doesn't wrap */
  white-space: nowrap !important;
  text-align: left !important; /* Align the name text left inside its column */

  font-weight: 600 !important;
  color: #000 !important; /* Ensure the name remains readable */

  /* Add a gap after the name column */
  margin-right: 5px !important;
}

/* 3. Target the job title/company text after the button */
/* Since it's not wrapped in a tag, we rely on the flex container to position it. 
   We can also try to target the surrounding text/span if it exists, or the parent element to control the font. */
.rf-tile-body .speaker-trigger,
.rf-tile-body .speaker-trigger p,
.rf-tile-body .speaker-trigger span {
  white-space: normal !important; /* Allows the job title to wrap */
}

[id*=rf-].rf-widget .catalog-result .session-details p, [id*=rf-].rf-widget .session-details-page .session-details p, .rf-default-modal .catalog-result .session-details p, .rf-default-modal .session-details-page .session-details p {
  font-weight: var(--rf-system-font-weight-400);
  display: block;
  line-height: 2.2em;
  margin: 0px;
  margin-left: 0px;
}

/* --- FINAL FIX: REMOVE SPACE BETWEEN NAME AND COMMA --- */

/* 1. Eliminate the side padding and force the button to only be as wide as the name */
button.mdBtnR.mdBtnR-link.speaker-trigger {
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-width: 0 !important;   /* Overrides any previous forced alignment width */
  width: auto !important;     /* Allows the button to shrink to fit the text */
  margin-right: 0 !important; /* Ensures no margin is pushing the comma away */
}

/* 2. Ensure the parent container doesn't add accidental gaps between inline elements */
.speaker-details p,
.speaker-details div {
  display: block !important;
}

/* 1. Eliminate the extra space in the schedule access modal*/
.rf-modal-scheduler-access {
  margin-bottom: -75px;
}

/* Calendar Colors */

#rf-calendar .schedule-calendar .rbc-events-container .rbc-event {
  background-color: #4588B1;
  border-color: #4588B1;
}

#rf-calendar .schedule-calendar .rbc-event .rbc-event-label,
#rf-calendar .schedule-calendar .rbc-event .rbc-event-content p {
  color: #fff;
}

/*personal time*/
#rf-calendar .schedule-calendar .rbc-events-container .rbc-event.calendar-item {
  background-color: #E2D3C7;
}

#rf-calendar .schedule-calendar .rbc-event.calendar-item .rbc-event-label,
#rf-calendar .schedule-calendar .rbc-event.calendar-item .rbc-event-content p {
  color: #fff;
}

/*meeting*/
#rf-calendar .schedule-calendar .rbc-events-container .rbc-event.meeting {
  background-color: #134F47;
}

#rf-calendar .schedule-calendar .rbc-event.meeting .rbc-event-label,
#rf-calendar .schedule-calendar .rbc-event.meeting .rbc-event-content p {
  color: #fff;
}

/*favorite*/
#rf-calendar .schedule-calendar .rbc-events-container .rbc-event.session-interest {
  background-color: #F36E44;
}

#rf-calendar .schedule-calendar .rbc-event.session-interest .rbc-event-label,
#rf-calendar .schedule-calendar .rbc-event.session-interest .rbc-event-content p {
  color: #fff;
}

/*speaker*/
#rf-calendar .schedule-calendar .rbc-events-container .rbc-event.session-speaker {
  background-color: #1F3A4B;
}

#rf-calendar .schedule-calendar .rbc-event.session-speaker .rbc-event-label,
#rf-calendar .schedule-calendar .rbc-event.session-speaker .rbc-event-content p {
  color: #fff;
}

/*wait-list*/
#rf-calendar .schedule-calendar .rbc-events-container .rbc-event.wait-list {
  background-color: #E8F7FE;
  border-color: #32617E;
}

#rf-calendar .schedule-calendar .rbc-event.wait-list .rbc-event-label,
#rf-calendar .schedule-calendar .rbc-event.wait-list .rbc-event-content p {
  color: #32617E;
}

/* --- FIX FOR TOOL TIP ICON VISIBILITY --- */

/* 1. Remove the black background, border, and forced dimensions from the tool tip button */
.wf-form-element-div label.rf-label button.icon-popover-trigger,
button.rfSI.rfSI-primary.icon-popover-trigger.cursor-pointer {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
}

/* 2. Set the color of the "i" icon inside to your brand's blue/teal color */
.wf-form-element-div label.rf-label button.icon-popover-trigger svg,
button.rfSI.rfSI-primary.icon-popover-trigger.cursor-pointer svg {
    fill: #00688C !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
}