/*=============================================*/
/*
/*  # Root Styles for easy color editing
/*
/*=============================================*/
:root {
  --trimble-primary: #0063A3;
  --trimble-white: #FFFFFF;
  --trimble-navy: #003054;
  --trimble-light: #89C5EA;
  --trimble-charcoal: #252A2E;
  --trimble-midnight: #003054;
  --trimble-links: #0E416C;
}

header *,
footer * {
  outline: 0 !important;
  outline: none !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/*=============================================*/
/*
/*  # RainFocus Platform Overrides
/*  Workflow and Widget Reset
/*
/*=============================================*/
.rf-body *,
[id*=rf-].rf-widget *,
.rf-default-modal * {
  outline: 0 !important;
  outline: none !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/* Overlays */
.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: var(--trimble-primary);
}

.rf-overlay-new .rf-scroll-frame ul li:not(.group-header):not(.common-select-dropdown-option-item):hover svg {
  fill: var(--trimble-white);
}

.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: #e4e5f0;
  color: #151515;
  cursor: not-allowed;
}

/*=============================================*/
/*
/*  # END Reset
/*
/*
/*=============================================*/
/*=============================================*/
/*
/*  # Common Styling
/*  Buttons, Inputs, Form elements, Icons, etc.
/*
/*=============================================*/
/* Links */
a,
a:link,
a:visited {
  color: var(--trimble-primary);
}

a:hover, a:focus, a:link:hover, a:link:focus, a:visited:hover, a:visited:focus {
  color: var(--trimble-links);
}

/* BUTTONS */
button.mdBtnR-primary,
a.mdBtnR-primary {
  background-color: var(--trimble-primary) !important;
  border-color: var(--trimble-primary) !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: var(--trimble-light) !important;
  border-color: var(--trimble-light) !important;
}

button.mdBtnR-outline-primary,
a.mdBtnR-outline-primary {
  border-color: var(--trimble-primary) !important;
}

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: var(--trimble-light) !important;
}

button.mdBtnR-outline-primary .mdBtnR-text,
a.mdBtnR-outline-primary .mdBtnR-text {
  color: var(--trimble-primary) !important;
}

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: var(--trimble-light) !important;
}

.mdBtnR.mdBtnR-link .mdBtnR-text,
a.mdBtnR.mdBtnR-link .mdBtnR-text {
  color: var(--trimble-primary) !important;
}

.mdBtnR.mdBtnR-text-button .mdBtnR-text,
a.mdBtnR.mdBtnR-text-button .mdBtnR-text {
  color: var(--trimble-primary) !important;
}

.mdBtnR.disabled, .mdBtnR:disabled, .mdBtnR[disabled], a.mdBtnR.disabled, a.mdBtnR:disabled, a.mdBtnR[disabled] {
  border-color: #bbb !important;
  background-color: #bbb !important;
  cursor: not-allowed;
}

/* Pills */
.rf-pill-primary {
  background-color: var(--trimble-primary);
  border-color: var(--trimble-primary);
}

/* Inputs */
.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 {
  border-color: #ccc;
  -webkit-box-shadow: 0 0 6px #ccc;
  -moz-box-shadow: 0 0 6px #ccc;
  -ms-box-shadow: 0 0 6px #ccc;
  -o-box-shadow: 0 0 6px #ccc;
  box-shadow: 0 0 6px #ccc;
}

.dropdown-results-container .rf-select-results-container li:hover {
  background-color: #f5f5f5;
}

.modal-header .rfSI svg {
  fill: #999;
}

/*=============================================*/
/*
/*  # Checkbox
/*
/*=============================================*/
.rf-checkbox .rfSI svg {
  /* Icon color unless hovered, then it's the following styles */
  fill: var(--trimble-white);
}

.rf-checkbox .rfSI svg:hover, .rf-checkbox .rfSI svg:active, .rf-checkbox .rfSI svg:focus {
  fill: #8f8f8f;
}

.rf-checkbox .checkbox-bg {
  /* Background of the checkbox before any states have happened */
  border-color: #444;
  background: var(--trimble-white);
}

.rf-checkbox input[type=checkbox] {
  /* Checkbox styles checked. */
}

.rf-checkbox input[type=checkbox]:checked + .checkbox-bg {
  /* Checkbox background if checked. */
  background: #444;
  border-color: #444 !important;
}

.rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI {
  /* Checkbox icon color if checked and hovered (if different than checked. */
}

.rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg {
  fill: var(--trimble-white);
}

.rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:hover, .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:active, .rf-checkbox input[type=checkbox]:checked + .checkbox-bg + .rfSI svg:focus {
  fill: var(--trimble-white) !important;
}

/*=============================================*/
/*
/*  # END Content
/*
/*
/*=============================================*/
/*=============================================*/
/*
/*  # Content
/*  Starts at the content level, not <body>
/*
/*=============================================*/
/* Form elements */
.wf-form-element-div {
  width: 50%;
}

@media only screen and (max-width: 650px) {
  .wf-form-element-div {
    width: 100%;
  }
}
/* General Catalog Branding */
#rf-catalog, .main-content {
  background: var(--trimble-white) !important;
}

/* Exhibitor Listing Branding */
#rf-exhibitorcatalog {
  background: var(--trimble-white);
}

/*=============================================*/
/*
/*  # END Content
/*
/*
/*=============================================*/
/*=============================================*/
/*
/*  # PAGES OVERRIDES
/*
/*
/*=============================================*/
/* LOGIN PAGE */
.rfwf-login-page {
  padding-top: 75px;
}

/* Personal Agenda/Schedule */
#rf-calendar .schedule-calendar .rbc-time-view .rbc-header a {
  text-decoration: none;
}

#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .mdBtnR:not(.add-personal-time) {
  background: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
}

#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .mdBtnR:not(.add-personal-time):hover {
  background: #999 !important;
  border-color: #999 !important;
}

#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .mdBtnR:not(.add-personal-time).active {
  background: #999 !important;
  border-color: #999 !important;
}

#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .mdBtnR:not(.add-personal-time):hover svg {
  fill: var(--trimble-white);
}

#rf-navbar .rf-nav-auth .mdBtnR.rf-auth {
  background-color: transparent !important;
}

/* Sessions List */
.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: var(--trimble-primary);
}

/* TA List Speakers */
.rf-tile-container .ta-grid-speaker-card .speaker-info h3 {
  color: var(--trimble-primary);
}

/* Session List Titles */
[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 {
  color: var(--trimble-primary);
}

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: var(--trimble-primary);
}

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: var(--trimble-links);
}

[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: #444;
  font-weight: 600;
}

#rf-catalog .search-filters .filters-header button .mdBtnR-text {
  color: var(--trimble-light);
}

[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: var(--trimble-primary);
}

.rf-widget .catalog-result ul li .session-time-and-location .webinar-join-btn {
  margin-left: 20px;
}

#rf-exhibitorcatalog .search-filters .filters-header .clear-search .mdBtnR-text {
  color: var(--trimble-primary);
}

#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog a {
  color: var(--trimble-primary);
}

#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog a svg {
  fill: var(--trimble-primary);
}

#rf-exhibitorcatalog .exhibitor-details-page .exhibitor-details-content .exhibitor-title .exhibitor-logo:empty {
  display: none;
}

#rf-exhibitorcatalog .exhibitor-details-page .exhibitor-details-content .exhibitor-title .exhibitor-logo {
  margin-right: 20px;
}

.mdBtnR-link.disabled .mdBtnR-text, .mdBtnR-link:disabled .mdBtnR-text, .mdBtnR-link[disabled] .mdBtnR-text {
  color: #E0E1EA;
}

#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: var(--trimble-primary);
  border-color: var(--trimble-primary);
}

.flex-box-section-full {
  padding: 10px 0 !important;
}

.page-builder-panel .rf-card.recommended-sessions-card .card-body {
  height: 300px;
}

.rf-contact-actions .mdBtnR.mdBtnR-sm .mdBtnR-text {
  line-height: 18px;
}

.rf-contact-actions .mdBtnR.mdBtnR-sm {
  padding: 6px 16px;
}

header .hidden-sm,
footer .hidden-sm {
  display: none;
}
header .container,
footer .container {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 33.75em) {
  header .container,
footer .container {
    width: 80%;
  }
}
@media only screen and (min-width: 60em) {
  header .container,
footer .container {
    width: 75%;
    max-width: 1544px;
  }
}
header .img-fluid,
footer .img-fluid {
  width: 100%;
}
header .row,
footer .row {
  position: relative;
  width: 100%;
}
header .row [class^=col],
footer .row [class^=col] {
  float: left;
  margin: 14px 2%;
  min-height: 0.125rem;
}
header .row::after,
footer .row::after {
  content: "";
  display: table;
  clear: both;
}
header .col-1,
header .col-2,
header .col-3,
header .col-4,
header .col-5,
header .col-6,
header .col-7,
header .col-8,
header .col-9,
header .col-10,
header .col-11,
header .col-12,
footer .col-1,
footer .col-2,
footer .col-3,
footer .col-4,
footer .col-5,
footer .col-6,
footer .col-7,
footer .col-8,
footer .col-9,
footer .col-10,
footer .col-11,
footer .col-12 {
  width: 96%;
}
header .col-1-sm,
footer .col-1-sm {
  width: 4.3333333333%;
}
header .col-2-sm,
footer .col-2-sm {
  width: 12.6666666667%;
}
header .col-3-sm,
footer .col-3-sm {
  width: 21%;
}
header .col-4-sm,
footer .col-4-sm {
  width: 29.3333333333%;
}
header .col-5-sm,
footer .col-5-sm {
  width: 37.6666666667%;
}
header .col-6-sm,
footer .col-6-sm {
  width: 46%;
}
header .col-7-sm,
footer .col-7-sm {
  width: 54.3333333333%;
}
header .col-8-sm,
footer .col-8-sm {
  width: 62.6666666667%;
}
header .col-9-sm,
footer .col-9-sm {
  width: 71%;
}
header .col-10-sm,
footer .col-10-sm {
  width: 79.3333333333%;
}
header .col-11-sm,
footer .col-11-sm {
  width: 87.6666666667%;
}
header .col-12-sm,
footer .col-12-sm {
  width: 96%;
}
@media only screen and (max-width: 45em) {
  header .left-sm,
footer .left-sm {
    text-align: left;
  }
  header .right-sm,
footer .right-sm {
    text-align: right;
  }
  header .center-sm,
footer .center-sm {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  header .justify-sm,
footer .justify-sm {
    text-align: justify;
  }
  header .space-between-sm,
footer .space-between-sm {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  header .space-between-sm *,
footer .space-between-sm * {
    margin: auto 6px;
  }
  header .sm-m-0,
footer .sm-m-0 {
    margin: 0 !important;
  }
}
header .flex-end,
footer .flex-end {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 45em) {
  header .col-1,
footer .col-1 {
    width: 4.3333333333%;
  }
  header .col-2,
footer .col-2 {
    width: 12.6666666667%;
  }
  header .col-3,
footer .col-3 {
    width: 21%;
  }
  header .col-4,
footer .col-4 {
    width: 29.3333333333%;
  }
  header .col-5,
footer .col-5 {
    width: 37.6666666667%;
  }
  header .col-6,
footer .col-6 {
    width: 46%;
  }
  header .col-7,
footer .col-7 {
    width: 54.3333333333%;
  }
  header .col-8,
footer .col-8 {
    width: 62.6666666667%;
  }
  header .col-9,
footer .col-9 {
    width: 71%;
  }
  header .col-10,
footer .col-10 {
    width: 79.3333333333%;
  }
  header .col-11,
footer .col-11 {
    width: 87.6666666667%;
  }
  header .col-12,
footer .col-12 {
    width: 96%;
  }
  header .float-right,
footer .float-right {
    float: right;
  }
  header .float-left,
footer .float-left {
    float: left;
  }
  header .hidden-sm,
footer .hidden-sm {
    display: block;
  }
  header .flex-end-lg,
footer .flex-end-lg {
    display: flex;
    justify-content: flex-end;
  }
  header .left-lg,
footer .left-lg {
    text-align: left;
  }
  header .right-lg,
footer .right-lg {
    text-align: right;
  }
  header .center-lg,
footer .center-lg {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  header .justify-lg,
footer .justify-lg {
    text-align: justify;
  }
}

/* Header Styles */
header .nav-primary {
  background: var(--trimble-midnight);
}
header .nav-primary a {
  color: var(--trimble-white);
}
header .nav-primary h1 {
  color: var(--trimble-white);
  font-size: 19px;
  line-height: 1;
}
header .nav-secondary {
  background: var(--trimble-white);
  color: var(--trimble-midnight);
}
header .nav-hero {
  background: url(https://static.rainfocus.com/trimble/td25/static/staticfile/staticfile/1526505467_D25%20Rainfocus%20registration%20assets%201124_Registration%20web%20banners_Header%20bkg_1600x170px_1732744070424001XXxp.jpg);
  background-size: cover;
  height: 115px;

    .image-container {
      width: 100%;
      height: 100%;
      max-width: 1544px;
      margin: auto;
      display: flex;
      align-items: center;
      padding-left: 8px;
      box-sizing: border-box;
    }
    .basecamp-logo {
      max-height: 65px;
      margin: 0 1.5%;
    }
}

/* Header Styles End */
footer {
  background: url(https://static.rainfocus.com/trimble/td25/static/staticfile/staticfile/1526505467_D25%20Rainfocus%20registration%20assets%201124_Registration%20web%20banners_Footer%20bkg_1600x650px_1732744023251001uhbp.jpg);
  background-position: top right;
  background-color: var(--trimble-charcoal);
  background-size: cover;
  color: var(--trimble-white);
  padding: 45px 0;
}
footer a {
  color: var(--trimble-white);
  text-decoration: none;
}

.footer-logo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 125px;
}
.footer-logo p {
  margin: 0 !important;
  padding: 0 !important;
}

@media only screen and (max-width: 45em) {
  footer {
    background-position: bottom center;
  }
}
/* Header Nav Menu */
.nav-menu {
  display: block;
}
.nav-menu li {
  display: inline-block;
  list-style: none;
}
.nav-menu a {
  color: #fff;
  text-decoration: none;
}
.nav-menu .button {
  border: 1px solid var(--trimble-white);
  padding: 8px 22px;
}
.nav-menu .button:hover {
  background: var(--trimble-white);
  color: var(--trimble-links);
}

.nav-primary h1 {
  display: inline-block;
}

@media only screen and (min-width: 45em) {
  .nav-menu.right-lg ul {
    justify-content: flex-end;
  }
  .nav-menu.right-lg li {
    margin-left: 35px;
  }

  .nav-menu.left-lg ul {
    justify-content: flex-start;
  }
  .nav-menu.left-lg li {
    margin-right: 35px;
  }
}
.mobile-toggle {
  fill: #fff;
  display: none;
  transition: 200ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  flex-direction: column;
  justify-content: center;
}
.mobile-toggle:hover {
  cursor: pointer;
}
.mobile-toggle:hover > svg {
  fill: var(--trimble-primary);
}
.mobile-toggle svg {
  fill: #fff;
}

.close-button {
  position: absolute;
  top: 14px;
  right: 14px;
  height: 30px;
  width: 30px;
  display: none;
  transition: 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.close-button svg {
  fill: var(--trimble-navy);
}
.close-button:hover {
  cursor: pointer;
  transform: rotate(12deg);
}
.close-button:hover > svg {
  fill: var(--trimble-primary);
}

/* Mobile Menu Tweaks */
@media only screen and (max-width: 45em) {
  .mobile-toggle {
    display: inline-flex;
  }

  header .nav-primary a {
    color: var(--trimble-navy) !important;
  }
  header .nav-primary a:hover {
    color: var(--trimble-primary) !important;
  }

  .nav-menu {
    background: var(--trimble-white);
    display: none;
    height: 100%;
    left: 0;
    text-align: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5000;
    overflow-y: scroll;
    padding-top: 50px;
  }
  .nav-menu a,
.nav-menu .button {
    display: block;
  }
  .nav-menu a {
    color: var(--trimble-navy);
  }
  .nav-menu .button {
    border-color: var(--trimble-navy);
  }
  .nav-menu .button:hover {
    background: var(--trimble-navy);
    color: #fff;
  }
  .nav-menu ul {
    display: flex;
    flex-direction: column;
    padding: 15px;
  }
  .nav-menu li {
    padding: 25px 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
  }
  .nav-menu li:last-child {
    border: 0;
  }

  .menu-active .close-button,
.menu-active.nav-menu {
    display: block;
  }
}
/* Mobile Menu Stop */
/* Social Links */
.social-links {
  display: flex;
  margin: 0;
  padding: 0;
  float: right;
}
.social-links li {
  list-style-type: none;
  margin-left: 7px;
  display: inline-block;
}
.social-links a {
  transition: 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.social-links a:hover > img {
  transform: scale(1.1);
}
.social-links img {
  height: 22px;
  width: 22px;
}

@media only screen and (max-width: 45em) {
  .social-links {
    float: none;
    justify-content: space-evenly;
  }
}
.column-links {
  columns: 2;
}
.column-links a {
  color: var(--trimble-white);
}
.column-links a:hover {
  color: var(--trimble-light);
}
.column-links ul {
  margin-top: 0;
}
.column-links li {
  margin-bottom: 16px;
  list-style-type: none;
}

@media only screen and (min-width: 45em) {
  .column-links {
    columns: 3;
  }
}
@media only screen and (max-width: 45em) {
  .column-links ul {
    padding: 0;
  }
}
