.stay-calendar-b { --color-calendar-primary: var(--color-primary); --color-calendar-second: var(--color-light-text); --color-calendar-border: #eee; --color-day-to: var(--color-primary); --color-day-from: var(--color-primary); --color-day-selected: #0f3259; --color-day-selected-text: #fff; --color-day-selected-border: #0f3259; --color-day-unavailable: #333; --color-day-unavailable-text: #fff; --color-day-min: #F4DBD2; --color-day-min-text: var(--color-primary); --color-day-min-bolder: #F4DBD2; --color-circle: var(--color-primary); } .cal .daysofweek th {background-color:var(--color-mybg2);font-size:12px;height:25px;line-height:25px;color:#fff} .cal a.ovalbutton,#avCalSearchBtn {float:right;width:110px!important;text-align:center;margin-left:20px;font-size:14px!important} .cal >a.ovalbutton {margin-top:2px} body.responsiveMode .cal2,body.responsiveMode .cal3,body.responsiveMode .cal4,body.responsiveMode .cal5,body.responsiveMode .cal6, body.responsiveMode .cal7,body.responsiveMode .cal8,body.responsiveMode .cal9,body.responsiveMode .cal10,body.responsiveMode .cal11, body.responsiveMode .cal12,body.responsiveMode .cal13 {display:none} body:not(.responsiveMode) .calContainer > .cal:not(#cal1,#cal2,.cal1,.cal2), body.responsiveMode .calContainer >a,.cal a >em,.cal a>i {display:none} .cal td {position:relative} .cal .ms a>em {color:white;font-size: 12px;position: absolute;bottom: 2px;left: 2px;line-height: 12px;font-style: normal} .cal td.cta:after {position:absolute;top:3px;left:3px;content:'CTA';font-size:8px;font-weight:700;color:darkred} .cal td.ctd:after {position:absolute;top:3px;left:3px;content:'CTD';font-size:8px;font-weight:700;color:darkred} .cal td.ctd.cta:after {content:'CTA&D'} .ctadLegend {color:darkred;text-align:center} .cal .ms a>em:after {content:'nts'} .dealDay:before {content: "";position: absolute;top: 50%;left: 50%;aspect-ratio: 1;height: 50%;min-width: 35px;min-height: 35px;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border: 1px solid var(--color-circle);border-radius: 100px;opacity: 0.5} .mobileOnly.select-filter_proper-header {position:fixed;top:0;width:100%;z-index:20} .calContainer .cal {display:inline-block} .cal .hdr {margin:0;width:100%;font-weight:bold;text-align:center;border:none;font-size:18px;line-height:50px} .cal table {margin:0 auto;border-collapse:collapse} .cal th {font-size:18px;font-weight:bold;text-align:center;line-height:50px} .cal td {padding:0;text-align:right;vertical-align:top} .cal .av {background-color:#fafafa} .cal .ms_some {background-color:#ffffff} .cal .ms {background-color:var(--color-day-min)} .cal .nk {background-color:#eee} .cal .nk a {color:#FFF!important} .cal .so {background-color:#555} .cal .so a,.cal .so>span {color:#FFF!important} .cal .ms.pav {background-color:#fff} .cal .empty {background-color:transparent} .cal .nn {background-color:#D6E1E8;border:1px solid red} .allSoldOut .cal .so {background:transparent;color:inherit } .cal td>span,.cal a:not(.ovalbutton) {width:100%;height:50px;display:block;text-align:center;line-height:50px;position:relative;box-sizing:border-box;font-weight:bold;color:var(--color-primary)} .cal a.dr {background:var(--color-mybg2);color:#fff!important} .cal a.dA,.cal a.dA1,.cal a.dD {background:var(--color-mybg2);color:#fff!important} .cal .so a.dA,.cal .so a.dD,.cal .so a.dA1,.cal .so a.dr {text-decoration: line-through!important;text-decoration-color: red !important;color:#e8e8e8!important} .cal .ms a.dA,.cal .ms a.dD,.cal .ms a.dA1,.cal .ms a.dr {color:#d2e8d1!important} .cal a.dr,.cal a.dA,.cal a.dD {height:46px;margin-top:2px;line-height:47px} .cal a.dA {width:80%;margin-left: 20%;border-radius:999px 0 0 999px;} .cal a.dD {width:80%;margin-right:20%;border-radius:0 999px 999px 0;} .cal td a.dD span {right:10px;} .cal td a.dD span,.cal td a.dA span, .cal td a.dr span {color:#fff} .cal a.dA.dD {width:100%;height:90%;border-radius:999px} #tooltipC {display:none;position:fixed;width:auto;min-width:145px;z-index:9999;background:#fff;font-size:12px;box-shadow:rgb(85, 85, 85) 1px 1px 3px 0px;top:40px;left:50%} #tooltipC.show {display:block} #tooltipC span {margin:0;font-size:12px;display:block;line-height:1em;padding:8px 4px;color:var(--color-primary);background-color:var(--color-white)} #tooltipC #w2d {padding:6px 6px;background-color:var(--color-primary);color:var(--color-white);line-height:1em} #tooltipC dt {display:inline-block;width:12px;height:12px;border: 1px solid silver;margin:0px 3px!important;vertical-align:bottom} #lgd dt.dA {border-radius:30% 0 0 30%;background:var(--color-mybg2);color:#fff!important;border-color:var(--color-mybg2)} #lgd dt.dD {border-radius:0 30% 30% 0;background:var(--color-mybg2);color:#fff!important;border-color:var(--color-mybg2)} #lgd dt.dA.dD {border-radius:30%;background:var(--color-mybg2);color:#fff!important;border-color:var(--color-mybg2)} #dealMsg dt,dt.deal {border-radius: 6px;opacity: 0.5} #dealMsg .c4info {display:block;text-align:right} #w2d span,#w2d i,#w2d br {display:none} #avCalLegend,#calMsg {padding:2px 10px;background:#fff} #avCalLegend.forSpecialRate .fsr:before {content:'Special Rate '} #avCalLegend.noDealDays .dealdayslegend {display:none} #avCalLegend.noLegend {display:none} #calMsg {display:none} #calMsg.forSpecialRate {display:block} .checkAvail {display:none} .noLegend .checkAvail {display:inline} .showingHotel {display:none} .cal.lgd table,.cal.lgd tbody,.cal.lgd tr,.cal.lgd,#calcodeName {display:inline} .cal.lgd td {display:inline-block} .cal.lgd tr {white-space:nowrap} .responsiveMode #nextButton,.responsiveMode #prevButton {display:none!important;visibility:hidden} .prevButton,#prevButton,.nextButton,#nextButton {position:absolute;top:0;width:64px;height:50px;color:transparent!important;cursor:pointer;text-align:center} .prevButton,#prevButton {left:0} .prevButton:before,#prevButton:before {content:" "} .nextButton,#nextButton {right:0} .nextButton:before,#nextButton:before {content:" "} #cals .cal.lgd {display:block;margin:20px 0 0 10px;float:left;background:#fff} .calContainer .cal table {width:100%} .calContainer .cal td {width:14.285%;height:45px;border: 1px solid #fff;} .noDealDays > .saving {display:none!important/*;visiblity:hidden*/} .prevButton:before,.nextButton:before,#prevButton:before,#nextButton:before,.calendar .calendar-header .calendar-btn {right:10px;position: absolute;cursor: pointer;width: 30px;height: 30px;top: calc(50% - 15px);background-repeat: no-repeat;background-position: center; background-image: url(svg/aright.svg);border: 1px solid var(--color-mybg2);;border-radius: 50%;} .prevButton:before,#prevButton:before,.calendar .calendar-header .calendar-btn-prev {right:auto;left: 10px;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)} #cals {display:none} .calendar-legend {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 20px 0} .calendar-legend > div {font-family: var(--font-family-base);margin-right: 15px;font-size: 14px;line-height: 1.3;color: var(--color-calendar-primary);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center} .calendar-legend > div:last-of-type {margin-right: 0} .calendar-legend > div i {width: 20px;height: 20px;background: #ccc;margin-right: 7px;-webkit-box-flex: 1;-webkit-flex: 1 0 auto;-ms-flex: 1 0 auto;flex: 1 0 auto} .calendar-legend .min-stay i {background-color: var(--color-day-min)} .calendar-legend .not-available i {background-color: #555} .calendar-legend .saving i {background-color: transparent;border: 1px solid var(--color-circle);border-radius: 100px;opacity: 0.5} .calendar .calendar-header {color: var(--color-calendar-primary);font-family: var(--font-family-medium);font-size: 18px;line-height: 1.2;padding: 20px 0;position: relative} @media (min-width: 576px) { .calendar-legend > div i {width: 16px;height: 16px;margin-right: 6px} .s-c-r .calendar-footer .calendar-legend > div i {width: 16px;height: 16px;margin-right: 6px} .upgrade-room_container .item-upgrade-info select {margin-bottom: 15px} .upgrade-room_container .item-upgrade-room_images {max-width: 200px} .upgrade-room_container .item-upgrade-room_description {padding-left: 20px} .select-filter_proper--guests {min-width: 380px} } /* @media (min-width:1150.1px) {#arrivalTD input,#departureTD input,#adultsTD .sbHolder,#childrenTD .sbHolder,#requesttypeTD .sbHolder,#codeboxTD input,#tbtTD a,#tbtTD div {width:150px} } @media (max-width:1150px) {#arrivalTD input,#departureTD input,#adultsTD .sbHolder,#childrenTD .sbHolder,#requesttypeTD .sbHolder,#codeboxTD input,#tbtTD a,#tbtTD div {width:140px} } @media (max-width:1100px) {#arrivalTD input,#departureTD input,#adultsTD .sbHolder,#childrenTD .sbHolder,#requesttypeTD .sbHolder,#codeboxTD input,#tbtTD a,#tbtTD div {width:130px} } @media (max-width:1000px) {#arrivalTD input,#departureTD input,#requesttypeTD .sbHolder,#codeboxTD input,#tbtTD a,#tbtTD div {width:120px} #adultsTD .sbHolder,#childrenTD .sbHolder {width:100px}} @media (max-width:900px ) {#arrivalTD input,#departureTD input,#requesttypeTD .sbHolder,#codeboxTD input,#tbtTD a,#tbtTD div {width:105px} #adultsTD .sbHolder,#childrenTD .sbHolder {width:90px}} @media (max-width:1000px ) {#arrivalTD input,#departureTD input,#requesttypeTD .sbHolder {width:105px} #codeboxTD input,#tbtTD a,#tbtTD div,#childrenTD .sbHolder {width:80px} #adultsTD .sbHolder{width:60px}} @media (max-width:700px) {#avForm {width:478px} #codeboxTD label,#arrivalTD input,#departureTD input,#childrenTD .sbHolder, #adultsTD .sbHolder,#requesttypeTD .sbHolder,#codeboxTD input,#tbtTD a,#tbtTD div {width:224px} } @media (max-width:600px) {#avForm {width:578px} #codeboxTD label,#arrivalTD input,#departureTD input,#childrenTD .sbHolder, #adultsTD .sbHolder,#requesttypeTD .sbHolder,#codeboxTD input,#tbtTD a,#tbtTD div {width:194px} } @media (max-width:500px) {#avForm {width:318px} #codeboxTD label,#arrivalTD input,#departureTD input,#childrenTD .sbHolder, #adultsTD .sbHolder,#requesttypeTD .sbHolder,#codeboxTD input,#tbtTD a,#tbtTD div {width:144px} } */ input#startDate,input#endDate {width:115px} #hotelcodeTD .sbHolder,#hotelcodeTD select {width:160px} #childrenTD .sbHolder,#childrenTD select {width:70px} #adultsTD .sbHolder,#adultsTD select {width:70px} #requesttypeTD .sbHolder,#requesttypeTD select {width:140px} input#codebox {width:90px} #tbtTD div {width:100px} @media (min-width:1150px) { #hotelcodeTD .sbHolder,#hotelcodeTD select {width:230px} #requesttypeTD .sbHolder,#requesttypeTD select {width:140px} #adultsTD .sbHolder, #adultsTD select {width:94px} input#startDate,input#endDate {width:150px} input#codebox {width:120px} #tbtTD a,#tbtTD div {width:76px} #tbtTD div {font-size:10px} } @media (max-width:950px) { #avForm {width:485px} #hotelcodeTD .sbHolder,#hotelcodeTD select {width:200px} #adultsTD .sbHolder,#adultsTD select {width:100px} #childrenTD .sbHolder,#childrenTD select {width:78px} input#startDate,input#endDate {width:144px} #tbtTD div,#tbtTD a {width:80px} } @media (max-width:620px) { #pagename {padding:0 2px} #avFormCont {background:var(--color-mybg2);margin:0} #avForm {width:318px;display:block} #avForm span {padding:3px 5px!important} #avForm label i.w {display:inline} #hotelcodeTD .sbHolder, #hotelcodeTD select {width:300px} #codeboxTD label, input#startDate,input#endDate, #resultmodeTD .sbHolder,#resultmodeTD select, #requesttypeTD .sbHolder,#requesttypeTD select, input#codebox,#tbtTD a,#tbtTD div {width:144px} #childrenTD .sbHolder, #childrenTD select, #adultsTD .sbHolder, #adultsTD select {width:144px} #avFormHelp {display:none} #avFormHelpMobile {display:block} } @media (min-width:700.1px) { #cals {border:1px solid var(--color-mybg2);margin-top:10px} .calContainer {margin:0 10px;position:relative;background:#fff;min-height:415px} .calContainer .cal {width:calc(50% - 15px);border:1px solid var(--color-border-input-st);height:403px} #cal1,#cals .cal.marginright {margin-right:30px} ::placeholder { color: #ddd;opacity: 1} .calHead {display:none} } .cals .cal {margin-right:5px;margin-left:5px} @media (max-width:700px) { #cals {display:none;position:absolute;top:0;bottom:0;right:0;left:0;background:#fff;z-index:1000} #cal1 {padding-top:0px;margin-top:50px} x#pagename {padding:0 2px} #avFormCont {background:var(--color-mybg2);margin:0} #avForm {display:block} x#avForm span {padding:3px 5px!important} #avForm label i.w {display:inline} #avFormHelp {display:none} #avFormHelpMobile {display:block} #mainTD:not(.hiddenCal) #avForm button.ui-datepicker-trigger {display:none} .dontShow {visibility:hidden} .calContainer {padding-bottom:28px;background:#fff} .calContainer .cal {display:block;width:100%;z-index:1000;border:none;padding:15px 0 0 0;margin:0;} .cals .cal {margin:0;} .cal .hdr {} #datesTop {display:table;width:100%} #datesTop>div {display:table-cell;width:50%;text-align:center} #tooltipC {display:none;visibility:hidden} #calMsg,#calsCon .calendar-legend {position:fixed;bottom:0;left:0;right:0;border-top: 1px solid #dcdfe3;text-align:center;padding:3px;background:#fff} .datepicker {background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg version='1.2' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' overflow='visible' preserveAspectRatio='none' viewBox='0 0 24 24' width='18' height='18'%3E%3Cg%3E%3Cpath xmlns:default='http://www.w3.org/2000/svg' id='calendar-o' d='M4.67 9.34h14.66v10.67H4.67V9.34z M8.57 7.57C8.51 7.64 8.42 7.67 8.33 7.66H7.67 C7.49 7.67 7.35 7.53 7.34 7.36c0-0.01 0-0.01 0-0.02v-3C7.33 4.16 7.47 4.01 7.65 4.01c0.01 0 0.01 0 0.02 0h0.67 C8.52 4 8.66 4.14 8.67 4.31c0 0.01 0 0.01 0 0.02v3c0.01 0.09-0.03 0.19-0.1 0.25V7.57z M16.57 7.57 c-0.06 0.06-0.15 0.09-0.24 0.09h-0.67c-0.18 0.01-0.32-0.13-0.33-0.31c0-0.01 0-0.01 0-0.02v-3c-0.01-0.18 0.13-0.32 0.31-0.33 c0.01 0 0.01 0 0.02 0h0.67c0.18-0.01 0.32 0.13 0.33 0.31c0 0.01 0 0.01 0 0.02v3c0.01 0.09-0.03 0.18-0.09 0.25V7.57z M20.66 6.66 c-0.01-0.73-0.6-1.32-1.33-1.33H18v-1c0-0.92-0.75-1.67-1.67-1.67l0 0h-0.67C14.74 2.67 13.99 3.42 14 4.34c0 0 0 0 0 0v1h-4v-1 c0-0.92-0.74-1.66-1.66-1.67H7.67C6.75 2.68 6 3.42 6 4.35l0 0v1H4.67c-0.73 0.01-1.32 0.6-1.33 1.33v13.33 c0.01 0.73 0.6 1.32 1.33 1.33h14.66c0.73-0.01 1.32-0.6 1.33-1.33V6.68l0 0V6.66z' style='fill: rgb(87 100 115)%3B' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E");background-position: right 5px center} #check-in-out {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none} #avFormMsg {margin:15px;text-align:center;color:darkred} body.showingCal .availabityResult,body.showingCal footer,body.showingCal #wo_chatbox {display:none} .calHead {z-index:1000;border-bottom:1px solid var(--color-mybg2);position:fixed;top:0;height:50px;background:#fff;width:100%;font-size:2em;padding:15px 5px;box-sizing:border-box} .closeX {position:absolute;top:3px;right:5px;width: 42px;height: 42px;background-repeat: no-repeat;background-position: center;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41.5381 41.5381'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23002045%3B%7D.cls-2%7Bfill:%23bfc5cf%3B%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpolygon class='cls-1' points='28.901 13.344 28.194 12.637 20.769 20.062 13.344 12.637 12.637 13.344 20.062 20.769 18.957 21.874 12.637 28.194 13.344 28.901 20.769 21.476 21.874 22.581 28.194 28.901 28.901 28.194 21.476 20.769 28.901 13.344'/%3E%3Cpath class='cls-2' d='M20.769 41.5381A20.7691 20.7691 0 1 1 41.5381 20.769 20.7925 20.7925 0 0 1 20.769 41.5381Zm0-40A19.231 19.231 0 1 0 40 20.769 19.2526 19.2526 0 0 0 20.769 1.5381Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")} }/**/ .cal td a span {position:absolute;bottom:3px;right:3px;font-size:10px;display: block;height: 10px;line-height: 10px;color: var(--color-mybg2)} /*.calContainer.transient .cal td a span,.cal td.so a span,.cal td a.dA span,.cal td a.dD span,.cal td a.dr span {display:none}*/ .cal td a em {display:none} .seeRoomCal {display:none;padding:0 15px!important;max-width:250px} .cals {margin:20px 5px;position:relative} .cals a {cursor:default;} #mainTD .cals a:focus {outline-color: transparent !important;} .calcodeName {text-transform: capitalize;}