.rfwf-left-nav{
  display: none;
}

.logo-desktop{
  margin: 50px 0 40px 0; 
}

.logo-mobile{
    margin: 20px 12px; 
}

.rf-body {   
    background: url('https://gsx.cisco.com/content/dam/r/gsx/fy26-images/registration/desktop_background_image.png') #07182d;
    background-size: cover;
    background-repeat: no-repeat;  
    
}

.rfwf-full-panel{
 padding: 0;
}

.header{ 
    background: transparent;
    background-size: cover;
    min-height: 217px;
    width: 100%;
    height: 100%;
    position: absolute;
}




.footer{
   background: transparent;
  color: #FFF ;
}

.footer > .footer__links{  
  min-height:222px;
  height: 100%; 
  margin: 0 auto;
  max-width: 1240px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  
}

.footer-details{
 padding-top: 48px;
}

.footer-details>.navbar-nav {
        gap:24px;
      }

.nav-link{
  color: #FFF !important;
  font-size: 12px!important;
} 

.nav-link:hover{ 
  text-decoration: none!important;
  border-bottom: #0D274D 1px dotted!important;
}   

.social-icons > ul.list--inline > li.list-inline-item {
    margin-right: 24px;
    margin-bottom: 8px;
}

.social-icons > ul.list--inline > li.list-inline-item > a > img {
    width: 24px;
    height: 24px;
    object-fit: cover;
}

.rf-org-header-container{ 
  padding-bottom: 140px;
}
#rf-content{
  max-width: 1240px;
  margin: 0 auto; 
  min-height: 750px;
}

#special-div{
  
}

.rf-workflow-body-content{
    background: #ffffff;
    margin-bottom: 75px!important;
    border-radius: 10px;
    padding: 40px 25px;
    margin-top: 24px!important;
    
  
}
 
.form-footer-actions {
    margin-top: 25px; 
    width: 100%;
}

.label-text{
  color: #0D274D!important; 
}

.rf-admin-content .rf-text-container h1, .rf-admin-content .rf-text-container h2, .rf-admin-content .rf-text-container h3, .rf-admin-content .rf-text-container h4, .rf-admin-content .rf-text-container h5, .rf-admin-content .rf-text-container h6, .rfComp-canvas .rf-text-container h1, .rfComp-canvas .rf-text-container h2, .rfComp-canvas .rf-text-container h3, .rfComp-canvas .rf-text-container h4, .rfComp-canvas .rf-text-container h5, .rfComp-canvas .rf-text-container h6, .rf-default-modal .rf-text-container h1, .rf-default-modal .rf-text-container h2, .rf-default-modal .rf-text-container h3, .rf-default-modal .rf-text-container h4, .rf-default-modal .rf-text-container h5, .rf-default-modal .rf-text-container h6, [id*=rf-].rf-widget .rf-text-container h1, [id*=rf-].rf-widget .rf-text-container h2, [id*=rf-].rf-widget .rf-text-container h3, [id*=rf-].rf-widget .rf-text-container h4, [id*=rf-].rf-widget .rf-text-container h5, [id*=rf-].rf-widget .rf-text-container h6 {
  color:#0D274D!important; 
}

.rf-read-only { 
 color: #0D274D!important;
}

.rf-select select, .rf-select select:not([multiple]) {
  color: #0D274D!important;
}

.rf-form-element-group {
  color: #0D274D!important;
}

.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR), .rf-input textarea { 
  color:#0D274D!important; 
}

.rf-admin-content ul li, .rf-admin-content ol li, .rfComp-canvas ul li, .rfComp-canvas ol li, .rf-default-modal ul li, .rf-default-modal ol li, [id*=rf-].rf-widget ul li, [id*=rf-].rf-widget ol li {
   color: #0D274D!important; 
}

.dropdown-results-container .rf-select-results-container li {
  color: #0D274D!important; 
}



.mdBtnR-primary{ 
      background-color: #0D274D !important;
    border-color: #0D274D !important;
    color: #0D274D !important;
  text-transform: none!important;
  border-radius: 16px;
}

.mdBtnR-outline-primary{
  background-color: #ffffff; 
  border-color: #0D274D !important;
  text-transform: none;
  border-radius: 16px;
}

.mdBtnR-outline-primary > .mdBtnR-text {
  color: #0D274D !important; 
  text-transform: none;
}
 

.declined-invitation > div.flex-box-section-full-interior > div > div > div > div> div > div> div > div {
  margin: 0 !important; 
}

.declined-invitation > div.flex-box-section-full-interior > div > div > div > div> div > div> div > div > span {
   color: #0D274D!important;
  font-size: 26px!important;
}

.rf-feedback-alert-content > p{
  color: #0D274D!important;
}

 

.partner-not-invited > div.flex-box-section-full-interior > div > div > div > div> div > div> div > p > span {
  color: #0D274D!important;
  font-size: 26px!important;
}
 
.ps23-account-header{
  padding: 0px !important;
}

.ps23-account-header > div > div > div > div> div > div> div > div > h1 {
  color:#0D274D!important;
  padding: 0px !important;
}

.ps23-account-details{
  padding: 0px !important;
}

.ps23-account-details  > div > div > div > div> div > div> div > div > div > div {
  padding: 0px !important;
}

.ps23-account-details  > div > div > div > div> div > div> div > div > div > div > div > div > h1 {
  margin-bottom: 20px !important;
  color: #16536F!important;
  font-size: 24px;
}

.ps23-account-details  > div > div > div > div> div > div> div > div > div > div > div > div > p {
  color: #16536F!important; 
}

.card-header-title{
  color: #16536F!important; 
}

.card-body{
  color: #0D274D!important; 
}

#wf-temp_a1683755627665 > div.rf-text-container > div > p {
  display: none;
  
}

.rf-housing .rf-housing-content .hotel-details h3 {
  color: #0D274D!important; 
}

.rf-housing .rf-housing-content .hotel-details .hotel-price p {
  color:#0D274D!important; 
}

.rf-housing .rf-housing-content .hotel-details .hotel-description {
  margin-bottom: 20px!important; 
  color: #0D274D!important; 
}

.rf-pill-primary {
    background-color: #0051AF!important; 
    border-color: #0051AF!important;  
}

.hotel-address {
    color:#0D274D!important; 
}

.rf-daypicker-input-container > .rfSI svg { 
    fill: #0051AF!important;  
}

.hotel-price-left >span{
   color: #0051AF!important; 
}

.rf-housing-back-arrow > .rfSI svg{
   fill: #0051AF!important; 
}

.rf-housing-back-arrow > mdBtnR-text{
     color: #0051AF!important; 
}

.hotels-title > h2 { 
   color: #16536F!important; 
}
.room-price { 
   color: #0051AF!important; 
}
.see-all-button > .mdBtnR-text { 
   color: #0051AF!important; 
}
.about-hotel-button > .mdBtnR-text { 
   color: #0051AF!important; 
}

.rf-housing-back-arrow > .mdBtnR-text {
   color: #0051AF!important; 
}

.about-hotel-button > .rfSI svg{
   fill: #0051AF!important; 
}
.see-all-button > .rfSI svg{
   fill: #0051AF!important;  
}

.hotel-details-section > h5 { 
  color: #0D274D!important; 
}

.rf-simple-flex-grid > div >p {
  color: #0D274D!important; 
}

.modal-title {
    color:#0D274D!important;
}

.modal-body > div > p {
    color:#0D274D!important;
}

.rf-housing-event-info > p:first-child{
  display: none;
} 
 

.rf-checkbox-label, .summary-card-body > p, .summary-complete-action > p, .summary-card-header > h3, .rf-housing-event-info > p, .rf-additional-content > p{
 color: #0D274D!important; }

.rf-show-hide-trigger{
 color: #0051AF!important;  
}

.rf-housing .hotel-booking-summary .hotel-name p, .rf-housing .hotel-booking-summary .hotel-details p, .rf-housing .hotel-booking-summary .room-details p, .rf-housing .hotel-booking-summary .billing-instructions p {
   color: #0D274D!important;
}


.hotel-confirmation-header > h2 > span.rfSI svg{
   fill: #0051AF!important; 
}  

.hotel-confirmation-header > h2 {
    color: #0D274D!important;
}

.housing-name-address > h3, .housing-name-address >p, .hotel-confirmation-wrapper > h2, .hotel-confirmation-wrapper > p{
   color: #0D274D!important;
}

.hotel-confirmation-details > div > p{
    color:#0D274D!important;
}

.room-total{
  color: #0D274D!important;
}
  

.room-total > strong{
  color: #0D274D!important;
}

.rf-workflow-header-interior{
 margin-bottom: 20px; 
}
 
 
.hotel-summary-image>.rf-image-thumbnail .image-thumbnail-preview img {
    position: absolute;
    left: 0;
    top: 0%;
    height: auto;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    max-width: none !important;
  width: 100% !important;
  max-height: 200px;
}

@media screen and (max-width: 767px){
  
  .cui ul.list--inline li + li, .cui ol.list--inline li + li {
    margin-left: 0;
}
  
      .footer {
        padding: 32px 32px;
    }
  
  .header-mobile{     
     min-height: 150px;
  }
  
  .footer-details>.navbar-nav{
    flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        display: flex !important;
        padding: 0 !important;
        gap: 16px !important;
  }
  
  .header-mobile> .rfwf-full-panel{
   height: 100%;
  }
    
  .header-mobile> .rfwf-full-panel > .rfwf-panel-interior{
    display: flex;
    flex-direction: column;
    justify-content: center; 
    height: 100%;
  } 
  
  .rf-org-header-container{  
    padding-bottom: 150px;
}
  
  .rf-workflow-body-content { 
    border-radius: 0px; 
    margin-top: 0px !important;
  }
  
  .rf-body {
    background: url(('https://gsx.cisco.com/content/dam/r/gsx/fy26-images/registration/mobile_background_image.png') #07182d;
    background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
  } 
  
  .filter-search-actions >.mdBtnR {
    margin-left: 8px!important;
  }
  
  .social-tag{
    text-align: center;
    font-size: 29.25px !important;
        font-style: normal;
        font-weight: 300 !important;
        line-height: 28.275px !important;
        padding-bottom: 24px;
  }
  .d-align-center{
    display: flex;
    justify-content: center;
  }
  
  #rf-content { 
    min-height: 450px;
}
  
   
}

@media screen and (max-width: 991px){
   .social-icons {
        display: flex;
        justify-content: center;
     padding-bottom: 28px;
      }

      .footer-cisco-logo {
        float: none !important;
        display: flex;
        justify-content: center;
        padding-right: 150px;
      }

      .footer-details>.navbar-nav {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        display:flex!important;
        margin-bottom: 24px;
        padding: 0;
        gap:24px;
      }
  
  .footer > .footer__links {
    min-height: 325px; 
   }
  
  .nav-link { 
    margin-bottom: 5px; 
   }
  
  .footer-details {
    padding-top: 12px;
  }
  
  .book-later-wrapper {
    margin: 8px 0;
  }
  .rf-housing .hotel-confirmation-wrapper {
    padding: 24px 12px;
  }
  .footer-strip > img{
    width: 100%;
    min-height: 25px;
  }
}

#wf-1683742959959003dMOF > div.rf-checkbox-container.rf-form-element-group > fieldset > span.text-info{
display: none;
}
#wf-1683742959959003dMOF > div.rf-checkbox-container.rf-form-element-group > fieldset > span.text-danger{
display: none;
}

.summary-complete-action > button {  
  margin-bottom: 5px;  
}

.summary-complete-action > button.mdBtnR-primary[disabled] {  
  margin-bottom: 5px;  
  cursor: not-allowed;
  background-color: #ccc!important;
  border-color: #ccc!important;
}

#cvv-number{
    width: 80px!important; 
    border-radius: 4px;
    border: 0.5px solid rgb(204, 204, 204); 
    opacity: 0.5;
}

@media (min-width: 769px) {
  
  .footer{
    padding: 62px 60px;
  }
  
    .social-tag{
        font-size: 60px !important;
          line-height: 58px !important;
          font-style: normal !important;
          padding: 0 0 16px 12px;
          font-weight: 300 !important;
          padding-bottom:48px;
      
      
  }
  

    .rf-workflow .rf-workflow-body-content.has-workflow-nav { 
        margin-left: 0px; 
    }
   .rf-workflow .rf-workflow-nav {
        display: none;
    }
  
  .cui.header.rfwf-full-panel > div > div.rfwf-panel-interior{
        padding: 0px!important;
    }
  
  .wf-form-element-div {
    width: 50%;
    max-width: 500px; 
  }
  
  #myDynamicForm{
    display: flex;
    justify-content: space-between;  
   flex-wrap: wrap;
  }
  
  #feedback-alert-area{
    width: 100%;
  }
  
  .summary-card-body >  #myDynamicForm{
    display: block; 
  }
  
  .summary-card-body > #myDynamicForm > .wf-form-element-div {
    width: 100%;
    max-width: 100%; 
  }
  
  #wf-temp_a1710994283643, #wf-temp_a1714221377602, #wf-temp_a1717004856889, #wf-temp_a1717008396947{
    width: 100%;
    max-width: 100%;
  }
   
}
.form-id-1737156925041011jrP1 > div > form#myDynamicForm> .form-footer-actions{
  width: 100%;
}

a, a:link, a:visited {
    color: #0051AF;
}

a:hover, a:focus, a:link:hover, a:link:focus, a:visited:hover, a:visited:focus {
  color: #0051AF;
}
  

input[type=checkbox], .checkbox input[type=checkbox] {
  color: #0051AF;
}

.has-error .rf-label span, .rf-error .rf-label span {
    color: #E3241B !important;
}
.rf-char-count{ 
    color: #0D274D !important;
}
.rf-char-count.error{
    color: #E3241B !important;
}

.rf-textarea textarea { 
    color: #0D274D !important;
}

.rf-admin-content p, .rfComp-canvas p, .rf-default-modal p, [id*=rf-].rf-widget p {
  color: #0D274D !important;
}

input[type=radio], .radio input[type=radio] {
 color: #0051AF !important;
}

.rf-housing-content{
  background: #ffffff!important;
}

.rf-workflow-body-content { margin-bottom: 0px!important; }

@media screen and (min-width: 550px) {
    .rf-housing .rf-housing-content .hotel-card.type-list .hotel-image {
        width: 200px!important;
    }
}

.hotel-image >div.thumbnail-count{
  display: none
}

.image-thumbnail-preview > img{
 width: 100%!important; 
}

.rf-checkbox input[type=checkbox]:checked+.checkbox-bg {
    background: #0051AF !important;
    accent-color: #0051AF !important;
}

.rf-feedback-alert-content > h3 {
    color: #0D274D !important;
}

.rf-daypicker-input-container > .rfSI svg {
    fill: #0D274D !important;
}

.rf-housing .rf-housing-header { 
    z-index: 100;
}

.footer-cisco-logo{
      max-width: 140px;
    height: auto;
    width: 100%;
      padding-top: 17px !important;
    padding-left: 150px;
}

.rfwf-nav-container.rf-workflow-nav{
  display: none!important;
}

#contact-info > form#myDynamicForm >div.form-footer-actions{
 width: 100%; 
} 

.hotel-list-view > .hotel-confirmation-wrapper> button{
  float: right;
}

#lbl_1714067781950001VgmT>span.label-text>small{
  font-weight: 400;
  font-family: 'CiscoSans', Arial, helvetica, sans-serif;
  font-size: 16px; 
}

.hotel-image >div.rf-image-thumbnail > div.image-thumbnail-container{
  border-radius:0;
}
.hotel-image >div.rf-image-thumbnail > div.image-thumbnail-container>div.image-thumbnail-overlay{
  display: none;
}

.hotel-details-section.hotel-policies-fees>div.rf-simple-flex-grid >div.rf-flex-grow-2 > p {
display: none;
}

[data-test="modal-feespernight"] { 
  display: none;
}

@media screen and (min-width: 550px) {
    .rf-housing .rf-housing-content .hotel-card.type-list .hotel-image {
        width: 300px !important;
    }
}
 

@media screen and (min-width: 769px) {
    .rf-housing .rf-housing-content .hotel-selected-view .hotel-image {
        height: auto;
        width: 100%;
        max-width: 600px; 
    }
}
 
 
