body {
    font-family: Centra No2,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif !important;
}
.hotel-rates:hover {
    background-color: #e1eef8 !important;
    border: 1px solid #D8ECF7 !important;
}
#EventIntro {
    border-top: 0px !important;
    background: #333 !important;
    border-radius: 5px !important;
}
@media (max-width: 550px) {
    #city-name, #form-details {
        display: block;
        font-size: 18px !important;
        padding: 10px 10px 5px 10px !important;
   }
}
#EventIntro.simpleShare {
    padding: 0px 20px 20px 30px !important;
}
.distance {
    border-radius: 5px !important;
    padding: 7px !important;
}
#signin-wl{
    background-color: #fff !important;
    color: #333 !important;
    font-weight: bold !important;
    target: _blank !important;
}
body #EventIntro {
    padding: 30px 30px !important;
}
.Comments {
    display: none !important;
}
.seEventName {
    color: #fff !important;
}
.seContent {
    color: #fff !important;
}
#events-wrapper {
    display: none !important;
}
#EventIntro #controls-wrapper label {
    color: #fff !important;
    font-size: 14px !important;
}
#EventIntro #controls-wrapper button.first {
    background-color: #52b6ec !important;
}
#EventIntro #controls-wrapper a.last {
    color: #fff !important;
    border-color: #fff !important;
}
#message-wl {
    font-size: 16px !important;
}
.seContent {
    font-size: 16px !important;
}
.seEventName {
    padding-bottom: 10px !important;
    margin-top: -2px !important;
}
#EventIntro #controls-wrapper {
    padding-top: 10px !important;
}
@media (max-width: 550px) {
    #pg_SearchIndv .hotel-rates, #pg_SearchIndv .hotel-rates.no-border, #pg_SearchIndv .hotel-rates:hover {
        min-height: 330px !important;
   }
}
@media (min-width: 1350px) {
    .thumbnail-column {
        width: 30% !important;
   }
    .site-preferred {
        border: 2px solid #efefef !important;
        border-radius: 5px !important;
        background-color: #f7fbfd !important;
        background-image:url(cdn.hotelplanner.com/common/images/site/7918/CleanShot-2024-02-19-at-16.43.29.png) !important ;
        background-repeat: no-repeat !important;
        background-position: right bottom !important;
        background-size: 180px auto !important;
   }
    .description-column {
        width: 45% !important;
   }
}
@media (max-width: 768px) {
    .site-preferred {
        border-radius: 5px !important;
        padding-top: 5px !important;
        background-color: #f7fbfd !important;
        background-image:url(cdn.hotelplanner.com/common/images/site/7918/CleanShot-2024-02-19-at-16.43.29.png) !important ;
        background-repeat: no-repeat !important;
        background-position: right bottom !important;
        background-size: 140px auto !important;
   }
}
@media (min-width: 1350px) {
    .thumbnail-column {
        width: 30% !important;
   }
    .description-column {
        width: 45% !important;
   }
}
.thumbnail-column img {
    height: auto;
    width: auto;
    min-width: 200px !important;
    max-width: 100%;
    border: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.hotel-rates:hover {
    background-color: #F6FAFD !important;
    border: 1px solid #D8ECF7 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
#discounts .bounceIn label, #discounts .bounceIn label:hover {
    background-image: url(//cdn.hotelplanner.com/Common/Images/Directory/sprite.png);
    animation-delay: 0;
    background-color: #333 !important;
    border: 2px solid #fff !important;
    background-position: -438px -17px;
}
.hotel-rates .savings {
    font-weight: bold;
    margin-bottom: 10px;
    color: rgb(117, 189, 120) !important;
    padding: 4px 7px;
    font-size: 20px;
}
.hotel-rates .price-old span {
    text-decoration: line-through;
    font-size: 20px !important;
    color: #0fb44a;
}
#logo-wl{
    pointer-events:none;
}
#message-wl{
    display:none !important;
}
#events-wrapper {
    background-color: #FBFBFA !important;
    border: 1px solid rgb(220, 220, 220) !important;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    margin: 12px 0;
    max-height: 150px;
    overflow-y: auto;
}
.exclusive-message {
    background-color: rgb(117, 189, 120) !important;
    border: 1px solid rgb(117, 189, 120);
    font-weight: bold;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff !important;
    padding: 4px 7px;
    display: inline-block;
}
.exclusive-message i {
    color: #FFFF33 !important;
}
@media (max-width: 768px) {
    .mobile.nav .inner div a {
        background-color: #333 !important;
        width: auto;
        padding: 7px 11px 9px;
        display: block;
        text-align: center;
        font-size: 1.25em;
        margin: 0 3px 0 3px;
        border: 2px solid #efefef !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
   }
}
@media (max-width: 550px) {
    .thumbnail-column {
        margin-top: 10px;
        max-width: 153px !important;
        width: 100% !important;
        float: left;
   }
}
@media (max-width: 767px) {
    #submit.field-group input {
        padding: 10px !important;
   }
}
.address {
    display: block;
    font-size: 12px !important;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#sort-by li {
    float: left;
    padding: 14px 25px 16px 20px;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #B7B7B7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#sort-by #savings-sort-option {
    color: #0fb44a;
}
.description-column{
    float: center !important;
}
.thumbnail-column{
    float: left !important;
}
.distance {
    display: block;
    margin: 6px 0;
    display: inline-block;
    color: #2C475A;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 4px;
    background-color: #FBFBFA !important;
    border: 1px solid #B6B6B6;
}
.hotel-name:link, .hotel-name:visited {
    font-size: 20px;
    line-height: 1;
    display: block;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 8px;
    z-index: 2;
    cursor: pointer;
    color: #333 ;
    text-decoration: none;
}
.photo-wrapper {
    position: relative;
    overflow: hidden;
    max-height: 120px;
    width: 100% !important;
    max-width: 100% !important;
    display: inline-block;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.pay-now {
    font-size: .9em;
    background-color: #D8EDF7 !important;
    border-color: #32708F;
    color: #32708F !important;
    border-radius: 2px;
    padding: 6px 12px !important;
    font-weight: bold !important;
    margin: 5px;
}
.post-pay {
    font-size: .9em;
    background-color: #FBF8E3;
    border-color: #997F51;
    color: #997F51 !important;
    border-radius: 2px;
    padding: 6px 12px;
    font-weight: bold;
    margin: 5px;
}
.cancelinfo {
    background-color: rgb(117, 189, 120) !important;
    border: 1px solid rgb(117, 189, 120);
    font-weight: bold;
    margin-bottom: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff !important;
    padding: 4px 7px;
    display: inline-block;
}
.nonrefundableinfo {
    color: rgb(61, 57, 57);
}
------ .lessbs .disclaimer {
    font-size: 13px !important;
    color: #666;
}
------------ #landingpage.college ul.tab-links li a {
    background: #333333;
}
#landingpage.college .submit {
    background: #52b6ec !important;
}
footer.college {
    background: #333333;
}
#Search-Box {
    background-color: #333333 !important;
}
a.check-rates {
    background-color: #52b6ec !important;
    border: 2px solid #52b6ec !important;
}
.field-group [type="submit"]{
    background-color: #52b6ec !important;
    border: 2px solid #52b6ec !important;
}
#Ext-Search-Form .orange-flatBtn, #Rates-Selection .orange-flatBtn {
    background-color: #52b6ec !important;
}
#Profile button.orange-flatBtn {
    border: 2px solid #52b6ec !important;
}
#Ext-Search-Form .rateSearchForm {
    background-color: #333333 !important;
    background: #333333 !important;
    padding: 10px 21px 10px 21px;
    border-radius: 5px;
}
#Ext-Search-Form {
    padding: 0px !important;
    border-radius: 5px;
}
.lessbs button {
    background-color: #52b6ec !important;
}
.field-group label {
    color: #ffffff !important;
}
#Review-Top {
    background: url(https://www.lucidtravel.us/assets/img/sportscover1.jpg) !important;
    background-color: #ffffff !important;
    color: #333 !important;
}
#review-button {
    border: 3px solid #ffffff !important;
}
#Action-Box {
    background-color: #52b6ec !important;
}
BODY {
    color: #333;
    margin:0px;
    font-weight: normal;
    font-size: 13px;
    font-style: normal;
    font-family: Helvetica, Arial, sans-serif;
}
td {
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
}
#pg_SearchIndv #Filter-Column {
    padding-right: 15px;
}
a:link {
    color: #0253b7;
    text-decoration: none
}
a:visited {
    color: #0253b7;
    text-decoration: none
}
a:hover {
    color: #cc0000;
    text-decoration: underline
}
header * {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*header{
    border-top: 4px solid #11B0DE 
}
*/
.header-wl {
    overflow: hidden;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: inset 0px -1px 0px 0px #eee;
    -moz-box-shadow: inset 0px -1px 0px 0px #eee;
    box-shadow: inset 0px -1px 0px 0px #eee;
}
header a, header a:link, header a:visited {
    text-decoration: none;
}
.container-wl {
    padding: 0 15px;
    max-width: 400px;
    margin: 0 auto 0 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#logo-wl img {
    width: auto;
    max-height: 90px;
    min-height: 55px;
    position: relative;
    margin-top: 5px;
    margin-bottom: 6px;
}
ul#navigation-wl {
    position: absolute;
    top: 50%;
    right: 15px;
    height: 35px;
    margin-top: -18px;
    display: block;
    list-style: none;
    font-size: 15px;
}
ul#navigation-wl li {
    margin-left: 20px;
    display: inline-block;
    color: #7B7B7B;
}
#message-wl {
    font-size: 20px;
}
#flag-wl {
    padding: 15px 10px;
}
a#signin-wl, a#signin-wl:link, a#signin-wl:visited {
    border: 1px solid #D5DEE1;
    display: inline-block;
    height: auto;
    padding: 8px 16px;
    border-radius: 4px;
    color: #7B7B7B;
    -webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 1px 0px rgba(0,0,0,0.05);
}
a#signin-wl:hover {
    border: 1px solid #B3BEC2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#subnav-wl {
    padding: 3px 0;
    background-color: #eee;
    overflow: hidden;
}
#subnav-wl .container-wl {
    padding-top: 0 
}
#subnav-wl ul {
    overflow: hidden;
    float: right;
}
#subnav-wl ul li {
    float: left;
    margin: 0 8px;
}
#subnav-wl ul li:last-of-type {
    margin-right: 0 
}
#subnav-wl a:link, #subnav-wl a:visited {
    color: #333;
    text-decoration: underline;
    font-size: 11px;
    text-transform: uppercase;
}
#MainContent{
   border:0px;
   background-color:white;
   width:100%;
   border-spacing:0;
   margin:0px auto;
   display:table
}
#pg_Home #MainContent{
   width:100%
}
#Flag-Wrap{
   float:right;
   margin-top:3px
}
#ContentInner {
    margin: 0px auto;
    padding-top: 15px;
    display:table;
    max-width: 1000px;
    width: 100%;
    background-color: #fff;
    min-height: 400px;
}
#pg_Home #ContentInner{
   width:100%;
   max-width:100%;
   margin-top:0;
   padding:0
}
#pg_RequestForm #frmGroup input,#pg_RequestForm #frmGroup select{
    padding:8px 
}
#pg_RequestForm h1.PageHeader{
   margin-left:15px
}
#pg_RequestForm .Request-How-Works b {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
}
#pg_RequestForm .Request-How-Works .bulleted {
    margin-right: 8px;
    margin-top: 5px;
    display: inline-block;
    font-size: 13px;
}
img{
   border:0px;
}
#lastactive{
   width:2px;
   height:3px;
   border:0px;
}
select {
    padding:3px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border:1px solid #98ABAB;
}
input.Shadow {
    padding:3px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border:1px solid #98ABAB;
}
textarea.Shadow {
    padding:3px;
    border-radius:4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    border:1px solid #98ABAB;
}
h1 {
   font-size:18px
}
.large {
    font: 16px/1em Arial,HelveticaNeue, sans-serif;
    padding: 7px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#taxexempt{
   position:absolute;
   top:5px;
   right:35px
}
.Button, .button {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    background-color: #f88f01;
    border: 0;
    display:inline-block;
    color: #fff;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    text-indent:0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.Button:hover, .button:hover, #pg_RequestDetails .button:hover{
    background-color: #f87501;
}
.subnav-container{
   background: #676768;
   width:100%;
   margin:0;
   padding:0
}
nav.Navbar {
    font-weight: bold;
    font-size: 15px;
    COLOR: #fff;
    background: #676768;
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
}
nav.Navbar a, nav.Navbar a:link, nav.Navbar a:visited {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    font-weight: bold;
}
nav.Navbar a:hover{
    text-decoration:none;
    background: rgba(255,255,255,0.2);
    color: #fff;
}
footer{
    text-align:center;
    color:white;
    padding:30px 0px;
}
footer, footer small {
    font-size: 11px 
}
footer a:link, footer a:active, footer a:visited {
    color:white;
    text-decoration:none;
    padding: 0px 5px;
    font-weight: 700;
    text-transform: uppercase 
}
footer a:hover{
   text-decoration:underline
}
h1, .PageHeader {
    font-size: 27px;
    font-weight: bold;
    color: #333;
}
.content_hp, .container-hp {
    padding: 0 
}
#pg_GroupPost #ContentInner, #pg_GroupSummary #ContentInner, #pg_GroupAccount #ContentInner, #pg_GroupArchive #ContentInner, #pg_GroupFAQ #ContentInner {
    padding-bottom: 50px;
}
@media (max-width: 767px) {
    #subnav-wl,ul#navigation-wl li#message-wl {
       display: none
   }
    .header-wl.with-subnav {
       padding-top: 15px
   }
    #logo-wl img {
        max-height: 60px;
        max-width: 180px 
   }
}
@media (max-width: 850px) {
    #LanguageWrap{
       display:none
   }
}
#landingpage #SearchSection {
    background: url("//cdn.hotelplanner.com/common/images/site/8266/soft_pauer_cover.jpeg") center top no-repeat !important;
    background-size: cover !important;
}
/* TRAVEL WIDGET */
#travel-container{
   width:100%;
   max-width:400px;
   padding:4px 13px;
   border:1px solid #e4e4e4;
   border-radius:6px
}
#travel-container .travelsection{
   margin:8px 0;
}
#travel-logo{
   width:100%;
   text-align:center
}
#travel-logo img{
   width:100%;
   text-align:center;
   max-width:157px;
}
#travel-tabs{
   padding:5px
}
#travel-tabs .travel-tab{
   color:black;
   display:inline-block;
   width:32%;
   padding:5px;
   border-bottom:3px solid #efefef;
   font-weight:bold;
   cursor:pointer;
   border-width:0;
   border-style:none;
   background-color:#fff;
}
#travel-tabs .travel-tab:hover{
   text-decoration:none
}
#travel-tabs .travel-tab.tab-selected{
   border-bottom:3px solid #52b7ec
}
#travel-slogan{
   font-size:10px
}
#travel-dates .travel-input{
   width:49%;
   display:inline-block;
}
.travel-input label{
   font-size:9px;
   width:100%;
   display: inline-block;
   margin: 3px 0;
}
.travel-input input{
   width:90%;
   padding:5px;
   border: 1px solid #e4e4e4;
}
#travel-submitbtn{
   cursor:pointer;
   width:100%;
   background:#52b7ec;
   color:white;
   border-radius:6px;
   padding:6px 1px;
   border:1px solid #52b7ec;
   font-weight:bold
}
/* // END TRAVEL WIDGET */
#landingpage #theme-image {
    background: url("//cdn.hotelplanner.com/common/images/site/8285/CleanShot-2024-05-24-at-10.48.14-2x.png") no-repeat !important;
    background-size: cover !important;
}
/* // BEGIN PAYMENT PAGE */
main {
    background-color: #f5f9fa !important;
}

div {
    border-bottom-width: 1px !important;
    border-bottom-color: #D8DDE0 !important;
}

.section.slim {
    border-bottom-width: 0px !important;
}

div#top-section {
    display: none;
}

.featuresList {
    display: none;
}

div#col1 {
    padding-top: 20px;
}

div#col2 {
    padding-top: 20px;
}

.selected {
    border: 2px solid #18B1AB !important;
}

i.far.fa-credit-card.form-control-feedback {
    color: #18B1AB !important;
}

i.far.fa-calendar.form-control-feedback {
    color: #18B1AB !important;
}

#ccMonthContainer .SumoSelect>.SlectBox>span:before {
    color: #18B1AB !important;
}

i.fas.fa-lock.form-control-feedback {
    color: #18B1AB !important;
}

i.fad.fa-ticket-alt.form-control-feedback {
    color: #18B1AB !important;
}

hr {
    display: none;
}

div#staydatescheck {
    background-color: #f8f8f8;
}

button#applyVoucher {
    background-color:#18B1AB !important;
    padding-top: 5px !important;
    margin-top: 10px;
}

button#btnCheckoutSubmit {
    background-color:#18B1AB !important;
}

div#book {
    display: none;
}

div#col2 a {
    color: #18B1AB !important;
}

div#col1 a{
    color: #18B1AB !important;
}

div#voucher-info {
    padding-bottom : 0 !important;
}
/* // END PAYMENT PAGE */
/* // BEGIN RESERVATION PAGE */
div#MainContent {
    background-color: #F5F9FA !important;
}

div#ContentInner {
    background-color: #F5F9FA !important;
}

div.container-fluid {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.19) !important;
}

div {
    color: #0A1F41 !important;
}

div#reservation-search {
    background: none !important;
    background-color: white !important;
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}

#reservation-search-form {
    background-color: #F5F9FA !important;
    box-shadow: none !important;
    border: 1px #D8DDE0 solid !important;
    border-radius: 8px !important;
}

#reservation-search-form button.Button {
    background-color: #18B1AB !important;
}

#reservation-actions {
    justify-content: center;
}

#reservation-actions a {
    background-color: white !important;
    border: 1px #18B1AB solid !important;
    border-radius: 8px !important;
    color: #18B1AB !important;
    font-size: 12px !important;
}

.custom-note {
    border: none !important;
    box-shadow: none !important;
}

.fa {
    color: #18B1AB !important;
}

.add-a-room {
    display: none !important;
}

.text-reservation {
    display: none !important;
}

.flight-supplier-reservation {
    display: none !important;
}

.openEventr{
    display: grid !important;
    width: 100%;
    justify-items: center;
    align-items: center;
    text-align: center;
}

.openEventr a{
    background-color: #18B1AB !important;
    border-radius: 8px;
}

.openEventr div{
    color: white !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 10px 15px;
}

.reservation-info-header {
    background-color: #F5F9FA !important;
}

.reservation-summary {
    border: 1px #D8DDE0 solid !important;
}

.footer-wl div {
    color: white !important;
}

#message-wl {
    display: none;
}
/* // END RESERVATION PAGE */