/* Search SVG */
#rf-exhibitorcatalog
  > div
  > nav
  > div.filters-header
  > div
  > div
  > button
  > span
  > svg {
  fill: #fff;
}

/*Close Modal */
body
  > div:nth-child(53)
  > div.fade.rf-default-modal.rf-accessibility.rf-exhibitorCatalog-modal.in.modal
  > div
  > div
  > div.modal-header
  > button
  > span
  > svg {
  fill: #007ab8;
}

/*Font Family*/
@font-face {
  font-family: "metropolislight";
  src: url("https://www.vmware.com/etc/clientlibs/microsites/clientlib-main/fonts/metropolis-light-webfont.woff2");
}

.rf-admin-content,
.rfComp-canvas,
.rf-default-modal,
[id*="rf-"].rf-widget {
  font-size: 16px;
  font-family: "metropolislight", Helvetica, Arial, sans-serif;
  line-height: 1.4em;
  font-weight: 400;
}

.rf-body {
  font-family: "metropolislight", Arial, Helvetica, Sans-Serif;
  position: relative;
  outline: 0 !important;
  outline: none !important;
}

/* Line Color before Banner */

.header-component .hdr-wrapper:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 6px;
  background-color: #007ab8 !important;
  background-image: none !important;
}

.footer-component:before {
  content: "";
  position: absolute;
  margin-top: -18px;
  left: 0;
  right: 0;
  width: 100%;
  height: 6px;
  background-color: #007ab8 !important;
  background-image: none !important;
}

/* Login Contact US Event Link */
a,
a:link,
a:visited,
a:focus,
a:link:focus,
a:visited:focus {
  color: #1d428a;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:link:hover,
a:visited:hover {
  color: #0091da;
  text-decoration: none;
  cursor: pointer;
}

/* Register button */

a.btn.btn-primary.ctaBtn.mL20.mmT25 {
  color: #fff;
  background-color: #007ab8;
}

a:hover.btn.btn-primary.ctaBtn.mL20.mmT25 {
  color: #007ab8;
  background-color: #fff;
  border-color: #007ab8;
}

a:focus.btn.btn-primary.ctaBtn.mL20.mmT25 {
  color: #1d428a;
  background-color: #fff;
  border-color: #1d428a;
}

/* Banner GD */
.w3-content.w3-section {
  width: auto;
  position: relative;
  padding-top: 16.7%;
}

.page-builder-display-reset img {
  max-width: 1200px;
}

/* Modal CSS Override */

.fade.in {
  opacity: 1 !important;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: rgba(68, 68, 68, 0.6) !important;
}

/*Remove Close X Modal */
.rf-default-modal .modal-header .modal-close,
.modal .modal-header .modal-close {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 6px;
  background: none;
  border: none;
  -webkit-appearance: none;
  text-shadow: none;
  opacity: 0.5;
  height: 34px;
  font-size: 20px;
  color: #444;
  display: none;
}

/*Left align */
.modal-header {
  display: block;
}

/* RF Provided Session Pill EDITED sessiontype TEST */
[id*="rf-"].rf-widget .catalog-result .badges {
  display: block;
}
[id*="rf-"].rf-widget .catalog-result .badges > div {
  display: none;
}

/*Breakout Session*/
[id*="rf-"].rf-widget .catalog-result .badges .badge.rf-breakout-session,
.rf-default-modal .catalog-result .badges .badge.rf-breakout-session {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}
/*Design with Us*/
[id*="rf-"].rf-widget .catalog-result .badges .badge.rf-design-with-us,
.rf-default-modal .catalog-result .badges .badge.rf-design-with-us {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}
/*Meet the Expert*/
[id*="rf-"].rf-widget .catalog-result .badges .badge.rf-meet-the-expert,
.rf-default-modal .catalog-result .badges .badge.rf-meet-the-expert {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}
/*Tutorial*/
[id*="rf-"].rf-widget .catalog-result .badges .badge.rf-tutorial,
.rf-default-modal .catalog-result .badges .badge.rf-tutorial {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*VMTN Tech Talk*/
[id*="rf-"].rf-widget .catalog-result .badges .badge.rf-vmtn-techtalk,
.rf-default-modal .catalog-result .badges .badge.rf-vmtn-techtalk {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*VMware Code Theater Session*/
[id*="rf-"].rf-widget
  .catalog-result
  .badges
  .badge.rf-vmware-code-theater-session,
.rf-default-modal
  .catalog-result
  .badges
  .badge.rf-vmware-code-theater-session {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*The Expo Session*/
[id*="rf-"].rf-widget
  .catalog-result
  .badges
  .badge.rf-the-expo-theater-session,
.rf-default-modal .catalog-result .badges .badge.rf-the-expo-theater-session {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*CXS Theater Session*/
[id*="rf-"].rf-widget .catalog-result .badges .badge.rf-cxs-theater-session,
.rf-default-modal .catalog-result .badges .badge.rf-cxs-theater-session {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*General Session*/
[id*="rf-"].rf-widget .catalog-result .badges .badge.rf-general-session,
.rf-default-modal .catalog-result .badges .badge.rf-general-session {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*Hands-on Labs Expert-led Workshop*/
[id*="rf-"].rf-widget
  .catalog-result
  .badges
  .badge.rf-hands-on-labs-expert-led-workshop,
.rf-default-modal
  .catalog-result
  .badges
  .badge.rf-hands-on-labs-expert-led-workshop {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*Odyssey by Hands-on Labs*/
[id*="rf-"].rf-widget
  .catalog-result
  .badges
  .badge.rf-odyssey-by-hands-on-labs,
.rf-default-modal .catalog-result .badges .badge.rf-odyssey-by-hands-on-labs {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*Hands-on Labs Self-paced Lab*/
[id*="rf-"].rf-widget
  .catalog-result
  .badges
  .badge.rf-hands-on-labs-self-paced-lab,
.rf-default-modal
  .catalog-result
  .badges
  .badge.rf-hands-on-labs-self-paced-lab {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*Partner Session*/
[id*="rf-"].rf-widget .catalog-result .badges .badge.rf-partner-session,
.rf-default-modal .catalog-result .badges .badge.rf-partner-session {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*Solution Keynote*/
[id*="rf-"].rf-widget .catalog-result .badges .badge.rf-solution-keynote,
.rf-default-modal .catalog-result .badges .badge.rf-solution-keynote {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*Press Session*/
[id*="rf-"].rf-widget .catalog-result .badges .badge.rf-press-session,
.rf-default-modal .catalog-result .badges .badge.rf-press-session {
  display: block;
  background: #fff;
  padding: 5px;
  border-radius: 3mm;
  text-transform: uppercase;
  border: 1px solid #808080;
}

/*km 28418*/
.rf-workflow-nav .rf-area-reset a[onclick~='logout'],
.rf-workflow-nav .rf-area-reset a:not([href]){
 font-size: 0px;
}
.rf-workflow-nav .rf-area-reset a[onclick~='logout']:after,
.rf-workflow-nav .rf-area-reset a:not([href]):after{
  content: 'Log In / Log Out';
  font-size:16px;
  color: #fff;
  position: relative;
  top: 5px;
  font-family: "metropolislight", Arial, Helvetica, sans-serif;
}
/*end 28418*/

/*Start Styling for watch now button on catalog*/

.attribute-ExternalOnDemandLink .attribute-name {
    display: none;
}
.attribute-ExternalOnDemandLink .attribute-values a, 
.attribute-ExternalOnDemandLink .attribute-values a:visited {
    background: #007ab8;
    color: white !important;
    text-decoration: none !important;
    padding: 6px 16px;
    border-radius: 5px;
    font-size: 13px;
    text-transform: uppercase;
}

/*End Styling for watch now button on catalog*/