@font-face {
    font-family: "Roboto-Thin";
    src: url("fonts/Roboto-Thin.ttf");
}

@font-face {
    font-family: "Roboto-Regular";
    src: url("fonts/Roboto-Regular.ttf");
}

@font-face {
    font-family: "Roboto-Light";
    src: url("fonts/Roboto-Light.ttf");
}

@font-face {
    font-family: "Roboto-Medium";
    src: url("fonts/Roboto-Medium.ttf");
}

@font-face {
    font-family: "Roboto-Bold";
    src: url("fonts/Roboto-Bold.ttf");
}

body {
    margin: 0;
    padding: 0;
    background: #eee;
    font-family: Roboto-Regular !important;
}

body .main-container.ste2FormArea {
padding: 15px;
}
#reservationForm > div {
    display: inline-block;
    vertical-align: top;
}
.summary-outer .g-total {
    font-size: 19px !important;
}
#reservationFormTemplete > div {
    display: inline-block;
    vertical-align: top;
}
.room-types, .more--reserve, .extra-room-options {
    position: relative !important;
    width: 431px !important;
    top: 0px !important;
}
.rates.clearfix.minStayRow > .second {
    background: #a7a7a7;
    color: #fff !important;
}
.rates.clearfix.minStayRow > .second > p {
    color: #fff;
}
.room-types {
    margin-top: 0;
}
.extra-room-options{
padding-bottom: 25px !important;
}


body .roomRatesCss .sec-heading {
    font-family: roboto-medium !important;
    font-size: 14px !important;
    color: #797979 !important;
    margin: -6px 0 8px !important;
}
body .room-1.clearfix.roomsAreaHiddenInputs {
    width: 100% !important;
}
.second-section .extra2 {
    margin-left: 12px;
}
.summary-wrap .img-outer.clearfix {
    display: none;
}

.dash-body-wrapper.reservations-wrapper.inhouseStep1.finalStep::before {
    top: -4px;
}
.roomImgsLightBoxP video {
    width: 800px;
    display: inline-block;
    border: 1px #464646 solid;
    border-radius: 16px;
    box-shadow: 0 39px 31px -35px #000;
}

.uploadedPreview.video .row-img::before,
.existingPreview.video .row-img::before {
    content: '\e131';
    font-family: typicons;
    font-size: 30px;
    color: #fff;
}
.uploadedPreview.video .row-img , .existingPreview.video .row-img{
    background: #525360 !important;
}



.dash-body-wrapper.reservations-wrapper.inhouseStep1.finalStep {
    padding-top: 50px !important;
}

.update-btn-outer > a#proceedToStep2 {
    width: 52px;
    font-size: 21px;
    background: #ff4669;
    position: absolute;
    right: -100px;
    margin-top: -173px;
}

.side-bar > .nav-wrapper > .nav-links > ul li a span {
    display: none;
}
.nav-hidden .side-bar > .nav-wrapper > .nav-links > ul li a strong {
    display: none;
    z-index: -1;
}

.extras-pricing-wrapper .NoextrasFound, .dash-body-wrapper .NoReservationFound {
    padding: 23px 25px;
    color: #dd3b3b;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: .5px;
    font-weight: 500;
    text-align: left;
}
.dash-body-wrapper .NoReservationFound {

}

.newContainer.breakfastOptions > div.left img {
    width: 32px;
    margin: -45px 0 0px;
    display: inline-block;
}
.bed-room .content-container > div > div.left.breakfast {
    text-align: center;
}

.input-item.input.rightMargin.breakFastPlan {
    width: 291px;
    margin-right: 40px !important;
}
.input-item.input.noRightMargin.breakFastPlanAge {
    width: 141px;
}
.input-item.input.noRightMargin.breakFastPlanAge input {
    width: 57px !important;
}
.content-wrapper > .content-handler .input-section .input-item.submit.roomRatesSubmit {
    position: relative;
    height: 63px;
    width: 100px;
    float: right;
    margin-top: 3px;
}
.content-wrapper > .content-handler .input-section .input-item.submit.roomRatesSubmit > input {
    position: absolute;
    margin-left: -78px;
    background: #ff4b5c;
}
.perRoomMood.perRoomMoodCss {
    /* border-bottom: 1px #e6e6e6 solid; */
    margin-bottom: 22px;
}
body .input-item.input.rightMargin.breakFastPlan {
    width: 291px !important;
    margin-right: 40px !important;
}
.dash-body-wrapper.roomRatesFormParent.roomRatesCss {
    background: #e6e6e6;
}
.dash-body-wrapper.roomRatesFormParent.roomRatesCss > form {
    margin-bottom: 50px !important;
}

.content-wrapper > .content-handler .input-section .perRoomMoodCss .input-item > i {
    display: none;
}

.travel-outer.open::before {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    background: #3539421a;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
}



.newContainer {
    padding: 0 !important;
    border: none !important;
    margin-left: 5px;
}

.newContainer > div.left h2 {
    font-size: 20px;
    font-family: roboto-medium;
}
.newContainer > div.left h3 {
    font-size: 13px;
    font-family: roboto-light;
    letter-spacing: .5px;
    margin: 0px 2px 8px;
}
.newContainer > div.left h3 span {
    font-family: roboto-medium;
    color: #ec385a;
}
.newContainer > div.left > p {
    font-family: roboto-regular !important;
    font-weight: 300;
    font-size: 13px !important;
    height: 41px;
    overflow: hidden;
    color: #7b7b7b !important;
    line-height: 20px;
}
.newContainer > div.left > div {
    margin-top: 25px;
    padding-bottom: 6px;
}
.newContainer > div.left > div p {
    display: inline-block;
    vertical-align: top;
    font-family: roboto-regular !important;
    font-size: 12px !important;
    letter-spacing: .8px !important;
    color: #393838 !important;
}
.newContainer > div.left > div p span {
    color: #fd5373;
}
.newContainer > div.left > div p:nth-child(2) {
    float: right;
}
.newContainer > div.left > div p a {
    color: #5945f9;
    padding: 3px 2px 4px;
    font-size: 12px;
    font-family: roboto-regular;
}
.newContainer > div.left > div p a:nth-child(2) {
    color: #ff2846;
}
.newContainer > div.left > div p a:nth-child(2) {
    color: #ff2846;
}
.newContainer > div.left > div p a:nth-child(2) {
    color: #ff2846;
}
.newContainer > div.left > div p:nth-child(2) span strong {
    color: #fd5373;
}
.newContainer > div.right {
    width: 24%;
    text-align: center;
    border-left: 1px #c8c8c8 solid;
    padding-right: 0 !important;
    padding-left: 13px !important;
    padding-top: 0 !important;
}
.newContainer > div.right span {
    display: block;
    font-family: roboto-bold;
    letter-spacing: .3px;
    color: #333;
    margin-top: 35px;
}
.newContainer > div.right span strong {
    display: block;
    font-family: roboto-medium;
    font-size: 12px;
    letter-spacing: .8px;
    color: #a29a9a;
    text-transform: uppercase;
}
.newContainer > div.right a {
    background: #ff5b82;
    border-radius: 100px;
    padding: 8px 15px;
    display: inline-block;
    margin: 12px 0 0;
    font-size: 13px;
    letter-spacing: .5px;
    color: #fff;
    font-family: roboto-medium;
    font-weight: 500;
    margin-bottom: 20px;
}
.newContainer > div.right a:hover,
.newContainer > div.right a:active {
    background: #51b968;
}

.imToolTip {
    background: #222020a6;
    position: absolute;
    top: -26px;
    right: 26px;
    width: 240px;
    padding: 14px 15px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 24px;
    font-family: roboto-medium;
    border-radius: 7px;
}

.inHouseReservationWrap input.mendatoryField {
    background: #ffe7e7 !important;
    border-color: #ffa0a0 !important;
}

.main-wrapper {
    padding: 0;
}
#scheduler_here {
    position: relative;
    z-index: 1052;
    height: 100vh !important;
    margin: -25px 0;
    border-left: 1px #dfdfdf solid;
}


.main-wrapper > .body-wrapper > .side-bar {
    position: fixed;
    width: 245px;
    height: calc(100% - 29px);
    left: 0;
    margin-top: 5px;
    z-index: 1050;
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
-webkit-animation-duration: .3s;
animation-duration: .3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;

}

.newContainer > div.left > div p:nth-child(2) span {
    color: #686565;
    margin-left: 45px;
}
.newContainer > div.left > div p:nth-child(2) i {
    color: #ff9e35;
    padding: 0 6px;
    position: absolute;
    margin-left: -26px;
    font-size: 16px;
    margin-top: -2px;
}

.newContainer.breakfastOptions {
    border-top: 1px #c8c8c8 solid !important;
    border-left: 1px #c8c8c8 solid !important;
}


.newContainer.breakfastOptions > div.left h2{
    text-align: center;
}

.newContainer.breakfastOptions > div.left h2 span{
    color: #ff3b73;
}

html {
    background: #eaeaea;
}

.main-wrapper>.body-wrapper>.content-wrapper {
    width: calc(100% - 300px);
    background: #eaeaea;
    float: right;
    transition: all 0.3s ease-in-out;
}

.main-wrapper > .body-wrapper.nav-hidden > .side-bar {
    left: 0;
    width: 64px;
}
.main-wrapper > .body-wrapper.nav-hidden a#navVisibilityController {
    right: 13px;
    background: transparent;
}
.main-wrapper > .body-wrapper.nav-hidden a#navVisibilityController::after {
    content: "\f20e";
    font-size: 26px;
    color: #333;
}
.main-wrapper > .body-wrapper.nav-hidden > .side-bar .nav-links > ul li a {
    text-indent: 0;
    text-align: center;
    height: 50px;
}
.main-wrapper > .body-wrapper.nav-hidden > .side-bar .nav-links > ul li a {
    font-size: 0;
    text-indent: 0;
    text-align: center;
    height: 50px;
}
.nav-hidden .side-bar > .nav-wrapper > .nav-links > ul li a span {
    background: #e8e8e8;
    text-align: center;
    text-indent: 0;
    width: 40px;
    height: 40px;
    line-height: 42px;
    padding-left: 0;
    font-family: roboto-bold;
    overflow: hidden;
    border-radius: 100px;
    margin-bottom: 12px;
    color: #7b7b7b;
    font-size: 12px;
    display: inline-block;
}

.main-wrapper > .body-wrapper.nav-hidden li.tree ul {
    margin: 0 !important;
}
.main-wrapper > .body-wrapper.nav-hidden li.tree ul a {
    padding: 0 !important;
    height: 37px !important;
}
.main-wrapper > .body-wrapper.nav-hidden li.tree ul a span {
    height: 30px;
    width: 30px;
    line-height: 31px;
    font-size: 11px;
}
.side-bar > .nav-wrapper > .nav-links > ul li a.active span {
    color: white;
    background: #ff4467;
}
.main-wrapper > .body-wrapper.nav-hidden > .side-bar .nav-btns {
    display: none;
}
.main-wrapper > .body-wrapper.nav-hidden > .side-bar ul {
    margin: 43px 0 0;
    text-align: left;
    padding-left: 0;
    margin-left: -2px;
}

.main-wrapper > .body-wrapper.nav-hidden > .content-wrapper {
    width: 100%;
    margin-left: 36px;
    padding-left: 64px;
}

.dash-body-wrapper.reservations-wrapper.inhouseStep1 {
    padding-top: 15px;
    display: block;
    border-radius: 0 0 10px 10px;
}
.dash-body-wrapper.reservations-wrapper.inhouseStep1::before {
}
.dash-body-wrapper.reservations-wrapper.inhouseStep1 .temp-back-btn {
    margin-top: -100px;
    height: auto;
    z-index: 1100;
}



.roomUnitsArea {
    border-top: 1px #f0f0f0 solid;
    padding: 5px 34px 0;
}
.roomUnitsArea > h2 {
    display: inline-block;
    margin: 9px 0 13px;
    vertical-align: middle;
    font-size: 16px;
    color: #696969;
    font-family: roboto-light;
    letter-spacing: 0.5px;
}
.roomUnitsArea h2 > span {
    font-family: roboto-medium;
    text-transform: capitalize;
    color: #ff699c;
}
.roomUnitsArea h3 {
    margin: -6px 0 17px;
    font-size: 14px;
}

.roomUnitsList > div {
    max-width: 380px;
}
.roomUnitsList p {
    background: #e6e6e6;
    padding: 16px 16px;
    margin: 0 0 5px;
    font-size: 13px;
    letter-spacing: .3px;
    color: #757575;
    border-radius: 6px;
    display: inline-block;
    width: 255px;
}
.roomUnitsList a {
    background: #d2d2d2;
    font-size: 17px;
    display: inline-block;
    height: 49px;
    margin-top: 0;
    line-height: 50px;
    width: 50px;
    text-align: center;
    color: #646464;
    border-radius: 6px;
    margin-left: 5px;
    vertical-align: middle;
}
.roomUnitsList a:hover {
    background: #ff3870;
    color: #fff;
}
.addMoreUnits a:hover,
.addMoreUnits a:active{
    background: #ff3870;
    color: #fff;   
}
.addMoreUnits a:hover span{ color: #fff; }

.addMoreUnits a {
    background: #e1e1e1;
    display: inline-block;
    padding: 11px 17px;
    border-radius: 5px;
    margin: 2px 0 20px;
    font-size: 13px;
    color: #797979;
}

.addMoreUnits a span {
    color: #ff1c5c;
}

.currencyConvertrArea {
    background: #6d7386;
    padding: 20px;
    text-align: left;
    color: #fff;
}
.currencyConvertrArea h2 {
    font-family: roboto-bold !important;
    color: #fff;
    font-size: 18px;
    letter-spacing: .5px;
    margin: 0 0 20px;
}
.currencyConvertrArea h2 span {
}
.currencyConvertrArea p {
    padding: 0 0 15px;
}
.currencyConvertrArea p strong {
    font-family: roboto-bold;
    font-size: 15px;
    letter-spacing: .6px;
}
.currencyConvertrArea p span {
    float: right;
}
.currencyConvertrArea p.hardNote {
    line-height: 22px;
    letter-spacing: .5px;
    font-size: 13px;
    margin: 6px 0 -9px;
}



.paypalCurrencyWrap {
    padding-left: 63px;
    border-bottom: 1px #d9d9d9 solid;
    padding-bottom: 17px;
}

.paypalCurrencyWrap label::after {
    content: "\f104";
    position: absolute;
    background: #DFDDDE;
    width: 20px;
    height: 20px;
    right: -191px;
    bottom: 0px;
    border-radius: 100px;
    pointer-events: none;
    font-family: ionicons;
    text-align: center;
    color: #a69e9e;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
}

.paypalCurrencyWrap label {
    font-size: 13px;
    color: #7f7cf9;
    display: inline-block;
    margin-right: 11px;
    letter-spacing: .4px;    position: relative;
}

.paypalCurrencyWrap #paypalCurrency {
    background: #fff;
    border: 1px #dfdfdf solid;
    padding: 10px 9px 10px;
    display: inline-block;
    font-size: 13px;
    padding-right: 55px;
    border-radius: 4px;
    margin-top: 10px;
}

/* sidebar css */

.side-bar>.nav-wrapper {
    background: #fff;
    padding: 13px 0 0;
    width: 100%;
    min-height: 105%;
    position: relative;
}

.side-bar > .nav-wrapper > .nav-visibility-btn {
    position: absolute;
    cursor: pointer;
    top: 6px;
    background: #e6e6e6;
    right: 7px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 41px;
    border-radius: 100px;
    color: #868585;
    font-size: 14px;
}

.side-bar > .nav-wrapper > .nav-visibility-btn::after {
    content: "\f129";
    font-family: ionicons;
    position: relative;
}

.side-bar>.nav-wrapper>.nav-visibility-btn.close::after {
    content: "\f10a";
}

.side-bar > .nav-wrapper::before {
    content: "";
    position: absolute;
    background: linear-gradient(to left, #FF4081, #18FFFF);
    top: -5px;
    left: 0px;
    width: 100%;
    height: 5px;
}

.side-bar > .nav-wrapper > .nav-btns {
    margin-bottom: 16px;
    margin-top: 2px;
    margin-left: 15px;
    width: 192px;
    text-align: left;
}
.side-bar > .nav-wrapper > .nav-btns > a {
    text-decoration: none;
    color: #8a8a8a;
    padding-right: 0;
    font-family: roboto-medium;
    transition: all 0.3s ease-in-out;
    font-size: 13px;
    margin-right: 10px;
    letter-spacing: .5px;
}

.side-bar>.nav-wrapper>.nav-btns>a:hover {
    color: #FF4081;
}

.side-bar > .nav-wrapper > .nav-btns > a:first-child {
    border-left: none;
    border-right: 1px solid #ccc;
    padding-right: 15px;
}

.side-bar > .nav-wrapper > .nav-btns > a > i {
    margin-right: 11px;
    font-size: 18px;
    color: #d0d0d0;
}

.side-bar>.nav-wrapper>.nav-btns>a>i.back {
    transform: rotate(180deg);
    display: inline-block;
}

.side-bar>.nav-wrapper>.nav-links {}

.side-bar > .nav-wrapper > .nav-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    margin-left: 21px;
    border-left: 1px #e4e4e4 solid;
}

.side-bar>.nav-wrapper>.nav-links>ul>li {}

.side-bar>.nav-wrapper>.nav-links>ul li a {
    text-decoration: none;
    color: #555;
    font-family: roboto-regular;
    display: block;
    margin: 0;
    line-height: 38px;
    text-indent: 40px;
    font-size: 13px;
    transition:none;
    letter-spacing: 1px;
    outline: none;
}

.side-bar>.nav-wrapper>.nav-links>ul li a:hover {
    color: #FF689D !important;
}

.side-bar > .nav-wrapper > .nav-links > ul li a.active {
    color: #4EB4FF !important;
}

.side-bar>.nav-wrapper>.nav-links>ul>li.tree {}
.side-bar > .nav-wrapper > .nav-links > ul > li.tree > a {
    cursor: default;
}
.side-bar>.nav-wrapper>.nav-links>ul>li.tree>ul {
    padding-left: 0;
    margin-left: 41px;
}

.side-bar>.nav-wrapper>.nav-links>ul>li.tree>ul>li {
    text-align: left;
}

.side-bar>.nav-wrapper>.nav-links>ul>li.tree>ul>li>a {
    text-indent: unset;
    text-align: left;
    padding-left: 21px;
    font-size: 12px;
    color: #969696;
}


/* sidebar css */


/* content wrapper css */

.content-wrapper>.content-handler {
    position: relative;
    width: auto;
    margin: 0 auto;
    padding-top: 25px;
}

.inHouseReservationWrap {
    text-align: center;
}

.content-handler>.title-bar {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 25px 0 53px;
    position: relative;
    z-index: 1055;
}

.content-handler>.title-bar>h2 {
    margin: 0;
    line-height: 44px;
    color: #a7a7a7;
    font-family: roboto-thin;
    font-size: 32px;
    font-weight: 100;
    letter-spacing: -1px;
    text-transform: capitalize;
}

.content-handler > .title-bar > h2 > span {
    color: #777;
    font-family: roboto-medium;
}

.content-handler>.title-bar>p {
    margin: 3px 0 0;
    color: #888;
    font-family: roboto-light;
    font-size: 13px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.bookingVisibility {
    background: #fff;
    padding: 0 25px;
    position: relative;
    height: auto;
    margin: 0 0 30px;
    box-shadow: 0 10px 8px -14px #000;
}

.bookingVisibility>p {
    display: inline-block;
    margin: 25px 0 23px;
    vertical-align: middle;
    font-size: 13px;
    color: #a2a2a2;
    font-family: roboto-light;
    letter-spacing: 0.5px;
}

.extra-room-options.viewMode.clearfix {
    margin: -12px 0 0 !important;
}

.bookingVisibility>p>span {
    font-family: roboto-bold;
    text-transform: capitalize;
    color: #747171;
}

.bookingVisibility>.visibilityBtn {
    display: inline-block;
    background: #a4a4a4;
    height: 24px;
    width: 50px;
    float: right;
    vertical-align: middle;
    border-radius: 100px;
    position: relative;
    margin: 21px 0 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 2px 5px 0px #817e7e4d;
}
ul.room-media-grid > li > .row-btn.sortHandler {
    border: 1px #b3b3b3 solid;
    float: right;
    background: #c6c6c6;
    color: ;
    border-radius: 100px;
    cursor: move;
}
.input-section .room-media-uploader > a:hover,.input-section > .amenities-new-wrapper > a:hover {
    background: #ff516a;
}
.bookingVisibility>.visibilityBtn>span {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 100px;
    background: #fff;
    position: absolute;
    top: 2px;
    transition: all 0.3s ease-in-out;
    margin-left: 2px;
}

.bookingVisibility>.visibilityBtn.ison {
    background: #FB538E;
}

.bookingVisibility>.visibilityBtn.ison>span {
    left: 26px;
}

.bookingVisibility>.visibilityBtn>span::before {
    position: relative;
    content: "ON";
    font-family: roboto-bold;
    font-size: 11px;
    color: #fff;
    left: -22px;
    top: -1px !important;
}

.bookingVisibility>.visibilityBtn>span::after {
    position: relative;
    content: "OFF";
    color: #fff;
    right: -6px;
    letter-spacing: 1px;
    top: -1px;
    font-family: roboto-bold;
    font-size: 11px;
    color: #fff;
}

.bookingVisibility>.visibilityBtn.ison>span::after {
    visibility: hidden;
}

.content-wrapper>.content-handler .input-section {
    background: #fff;
    padding: 0 25px 0px;
    position: relative;
    height: auto;
    margin: 0 0 15px;
    border-bottom: 1px solid #efefef;
}

.content-wrapper>.content-handler .input-section h2.sec-heading {
    display: block;
    margin: 10px 0 13px;
    vertical-align: middle;
    font-size: 14px;
    color: #979696;
    font-family: roboto-light;
    letter-spacing: 0.2px;
}

.content-wrapper>.content-handler .input-section h2.sec-heading>strong {
    font-family: roboto-regular;
    text-transform: capitalize;
    color: #ff699c;
    font-weight: normal !important;
    font-weight: 1000;
}

.content-wrapper>.content-handler .input-section .input-item {
    display: inline-block;
    width: 47%;
    vertical-align: middle;
    position: relative;
    margin-bottom: 25px;
}

.content-wrapper>.content-handler .input-section .input-item.input:nth-of-type(2n+1) {
    margin-right: 48px;
}

.content-wrapper>.content-handler .input-section .input-item.full {
    width: 100%;
    margin-right: 0 !important;
}

.input-section .noRightMargin {
    margin-right: 0 !important;
}

.input-section .rightMargin {
    margin-right: 48px !important;
}

.input-section .input-item.mini-6 {
    width: 163px !important;
    margin-right: 24px !important;
}
.hidden{display: none !important; }

.input-section .input-item.mini-5 {
    width: 15% !important;
    margin-right: 18px !important;
}

.input-section .mini-6.last,
.input-section .mini-5.last {
    margin-right: 0 !important;
}

.content-wrapper>.content-handler .input-section .input-item>input[type="submit"]:hover {
    background: #52c674;
}

.content-wrapper>.content-handler .input-section .input-item>i {
    position: absolute;
    right: 1px;
    color: #888;
    font-size: 23px;
    margin-top: -7px;
cursor: help;

}

.content-wrapper>.content-handler .input-section .input-item>label {
    display: block;
    font-size: 13px;
    font-family: roboto-light;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #424242;
}

.content-wrapper>.content-handler .input-section .input-item>label>input {
    margin-right: 5px;
}

.title-bar .backTo {
    background: #ff5183;
    position: absolute;
    left: 35px;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 8px 16px;
    border-radius: 4px;
    color: #fff;
}

.bookingPolicyLightBox {
    background: #ffffffe8;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1051;
    padding: 50px;
    color: #272525;
}

.bookingPolicyLightBox > a:hover{
opacity: .8;
}

.res-step2-block > .res-payment-opts a {
    color: #06c;
    letter-spacing: 1px;
    display: block;
    padding-left: 0;
    line-height: 1.23536;
    font-weight: 400;
}

.roomImgsLightBoxP {
    background: #020202b8;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1067;
    text-align: center;
    padding: 50px;
}

.roomImgsLightBoxP a:hover{
opacity: .8;
}

.roomImgsLightBoxP a {
    background: #eee;
    position: absolute;
    right: 20px;
    top: 20px;
    display: inline-block;
    color: #222;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 100px;
    line-height: 40px;
}

.roomImgsLightBoxP img{
    width: auto;
max-width: 800px;
}

.bookingPolicyLightBox > a {
    display: inline-block;
    background: #ff376f;
    position: absolute;
    right: 20px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 100px;
    color: #fff;
    top: 20px;
}
.bookingPolicyLightBox h2{
    font-family: roboto-bold !important;
    font-size: 24px;
    margin: 0 0 8px;
}

.bookingPolicyLightBox p {
    font-family: roboto-light;
    letter-spacing: .7px;
    line-height: 23px;
    font-size: 13px;
}


.reservationActiveStatus {
    text-align: left;
}

.reservationActiveStatus .status,
.pswd-inf0 .reservation-id {
    font-size: 12px;
    color: rgb(135, 131, 131);
    font-family: roboto-regular;
    letter-spacing: .4px;
    text-align: left;
    border: none;
}
.status.selectItem::after {
    content: "\f104";
    position: absolute;
    background: #FF699C;
    width: 20px;
    height: 20px;
    right: 14px;
    bottom: 11px;
    border-radius: 100px;
    pointer-events: none;
    font-family: ionicons;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
}

.room-types {
    margin-top: 0;
    margin-bottom: 4px;
    border-bottom: 1px #e6e6e6 solid !important;
    padding: 0;
}

.reservationActiveStatus>select {
    margin-top: 10px !important;
}

.roomSigner>div {
    width: 48%;
    display: inline-block;
    float: left;
    margin-top: 12px;
    margin-bottom: 8px;
}

.reservationActiveStatus {
    text-align: left;
    position: relative;
}

.roomSigner>div:first-child {
    margin-right: 10px;
}

.content-wrapper > .content-handler .input-section .input-item > label.selectItem::after {
    content: "\f104";
    position: absolute;
    background: #FF7F9D;
    width: 20px;
    height: 20px;
    right: 14px;
    bottom: 11px;
    border-radius: 100px;
    pointer-events: none;
    font-family: ionicons;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
}

.content-wrapper>.content-handler .input-section .input-item>select {
    display: inline-block;
    width: 100%;
    height: 43px;
    background: #fff;
    text-indent: 6px;
    font-family: roboto-light;
    font-size: 12px;
    letter-spacing: 1px;
    color: #8f8f8f;
    border-radius: 3px;
    border: 1px #d7d7d7 solid;
}

.content-wrapper>.content-handler .roomRatesForm .input-section .input-item>select {
    width: 175px;
}

.content-wrapper>.content-handler .input-section .input-item>input[type="text"] {
    display: block;
    width: 100%;
    height: 45px;
    background: #fff;
    border: 1px #dfdfdf solid;
    text-indent: 19px;
    font-family: roboto-light;
    font-size: 12px;
    letter-spacing: 1px;
    color: #8f8f8f;
    border-radius: 3px;
    margin-top: 5px;
}
.roomRatesCss .input-section .room-section-heading > h3 {
    color: #423c3c;
    font-family: roboto-Medium;
    font-size: 17px;
    letter-spacing: .4px;
}
.input-section .input-item.chargeType p {
    display: inline-block;
    float: none;
    font-size: 13px;
    letter-spacing: .6px;
    color: #333;
    margin-top: 12px;
    margin-left: -338px;
    position: absolute;
}
.content-wrapper > .content-handler .roomRatesCss .roomRatesForm .input-section .input-item > select {
    background: #eee;
}

.regular-checkbox {
    -webkit-appearance: none;
    background-color: #999;
    padding: 9px !important;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    margin-right: 20px;
    top: 4px;
}

.regular-checkbox:active,
.regular-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.checkboxWrap {
    margin-top: 40px;
}

.checkboxWrap label {}

.regular-checkbox:checked {
    background-color: #6E6E6E;
    color: #fff;
    cursor: pointer;
}

.regular-checkbox:checked::after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #fff;
}

.content-wrapper > .content-handler .input-section .input-item > textarea {
    min-height: 250px;
    border: 1px #e1e1e1 solid;
    background: #f9f9f9;
    width: 100%;
    padding: 15px 15px;
    font-family: roboto-light;
    border-radius: 4px;
    font-size: 13px;
    line-height: 23px;
    letter-spacing: .7px;
    font-weight: 100;
    color: #333;
}

.content-wrapper>.content-handler .input-section .input-item.submit {
    margin-bottom: 0px;
    display: block;
    text-align: right;
    width: 100%;
    position: relative;
    margin-top: -20px;
}

.content-wrapper>.content-handler .input-section .input-item>input[type="submit"] {
    cursor: pointer;
    z-index: 2;
    position: relative;
    margin-bottom: 25px;
    display: inline-block;
    background: #737373;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px 18px;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 0px 2px 5px 0px #817e7e4d;
    margin-top: 20px;
}

.content-wrapper>.content-handler .input-section .input-item>input[type="submit"]:disabled {
    background: #999;
}

.input-item.submit>p {
    display: block;
    font-size: 14px;
    font-family: roboto-regular;
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 1;
    margin: 0 auto;
    line-height: 35px;
}

.content-wrapper>.content-handler .input-section .input-item>p.error {
    position: absolute;
    color: #f88d8d;
    font-size: 11px;
    font-family: roboto;
    bottom: -23px;
    letter-spacing: 0.7px;
}

.input-section.systemPrefrences {
    position: relative;
}

.input-section.systemPrefrences::before {
    content: "";
    position: absolute;
    background: linear-gradient(to left, #FF4081, #18FFFF);
    top: -4px;
    left: 0;
    width: 100%;
    height: 4px;
}

.travel-outer.open .travel-pop-uo .room-block p.pop-up-p {
    color: #f73176 !important;
}

.input-section.systemPrefrences>.prefrences-block-wrapper {
    text-align: center;
    margin-bottom: 20px;
}

.input-section.systemPrefrences>.prefrences-block-wrapper>.prefrence-block {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    position: relative;
    font-family: roboto;
    margin-bottom: 65px;
}

.input-section.systemPrefrences>.prefrences-block-wrapper>.prefrence-block.selected::before {
    content: "";
    position: absolute;
    top: -7px;
    left: 0;
    width: 100%;
    height: 7px;
}

.input-section.systemPrefrences>.prefrences-block-wrapper>.prefrence-block>h2 {
    margin: 0 0 0px;
    font-size: 30px;
    font-family: roboto-thin;
    color: #7d7d7d;
    letter-spacing: 0px;
}

.input-section.systemPrefrences>.prefrences-block-wrapper>.prefrence-block>p {
    margin: 0;
    font-family: roboto-regular;
    color: #9c9c9c;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 4px 0 0;
}

.input-section.systemPrefrences>.prefrences-block-wrapper>.prefrence-block.switch {
    height: 35px;
    width: 70px;
    padding: 0;
    background: #FF6197;
    margin: -55px 70px 0;
    border-radius: 100px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.input-section.systemPrefrences>.prefrences-block-wrapper>.prefrence-block.switch>span {
    background: #fff;
    display: inline-block;
    height: 28px;
    width: 28px;
    border-radius: 100px;
    position: absolute;
    top: 3px;
    right: 5px;
    transition: all 0.5s ease-in-out;
}

.input-section.systemPrefrences>.prefrences-block-wrapper>.prefrence-block.switch.homebasic>span {
    right: 37px;
}

.input-section.systemPrefrences>.prefrences-block-wrapper>.prefrence-block.switch>span::before {
    position: relative;
    content: "\f10b";
    font-family: ionicons;
    color: #fff;
    top: -2px;
    left: -25px;
    font-size: 25px;
}

.input-section.systemPrefrences>.prefrences-block-wrapper>.prefrence-block.switch>span::after {
    position: relative;
    content: "\f108";
    font-family: ionicons;
    font-size: 25px;
    color: #fff;
    top: -2px;
    left: 20px;
}

.bed-room .content-container>.content-wrap>p.size>a {
    color: #689af2;
}

#room-options-for-reservation .room-info-blocks a.brakfast {
    color: #fb669a;
    font-family: roboto-regular;
    font-size: 13px;
    letter-spacing: .5px;
    text-align: left;
    display: inline-block;
}

.input-section.externalLinks {}

.input-section.externalLinks .input-item.input:nth-of-type(2n+1) {
    width: 30%;
}

.input-section.externalLinks .input-item.input:nth-of-type(2n) {
    width: 64%;
}

.btn-bar {
    margin-bottom: 15px;
    text-align: right;
    padding: 0 35px;
}

.btn-bar > a {
    display: inline-block;
    height: 31px;
    border-radius: 5px;
    background: #FF518C;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-family: roboto-medium;
    font-size: 13px;
    position: relative;
    padding: 0px 16px;
    margin-left: 10px;
    letter-spacing: .3px;
    outline: none !important;
    line-height: 30px;
    font-weight: 500;
}

.btn-bar > a:hover {
    background: #f20955;
}

.btn-bar>a.back-btn {
    float: left;
    background: none;
    color: #555;
    font-size: 13px;
    margin-left: 26px;
    width: auto;
    padding: 0;
    box-shadow: none;
}

.btn-bar>a.back-btn>strong {}

.btn-bar>a.back-btn::after {
    content: "\f108";
    color: #7B797A;
    position: absolute;
    font-family: ionicons;
    font-size: 20px;
    left: -25px;
}


/* rooms view css */

.rooms-wrapper {
    background: #fff;
    padding: 0 25px;
    position: relative;
    height: auto;
    margin: 0 0 30px;
    box-shadow: 0 10px 8px -14px #000;
}


/* .rooms-wrapper::before {
        content: "";
        position: absolute;
        background: linear-gradient(to left, #FF4081, #18FFFF);
        top: -7px;
        left: 0;
        width: 100%;
        height: 7px;
    } */

.rooms-wrapper>h2 span {
    font-family: roboto-regular;
    color: #848484;
    letter-spacing: -.3px;
}

.rooms-wrapper > h2 {
    font-size: 20px;
    font-family: roboto-light;
    font-weight: 500;
    margin: 0 0 0;
    color: #b7b0b0;
    display: block;
    padding-top: 22px;
}

.rooms-wrapper>i {
    float: right;
    margin-top: -31px;
    font-size: 24px;
    color: #c6c2c2;
}

.rooms-wrapper>ul.room-grid {
    margin: 3px 0 0 5px;
    padding: 0 0 38px;
    list-style: none;
}

.rooms-wrapper>ul.room-grid>li {
    display: block;
    padding: 11px 0 0px;
}

.rooms-wrapper>ul.room-grid>li>.row-btn>a:hover:before {
    color: #FF4081;
}

.rooms-wrapper>ul.room-grid>li>div {
    display: inline-block;
    background: #eee;
    margin-right: 10px;
    height: 60px;
    vertical-align: middle;
}

.dash-body-wrapper.reservations-wrapper.viewMode::after {
    content: "";
    height: 100%;
    position: fixed;
    background: transparent;
    display: block;
    z-index: 1051;
    bottom: 0;
    cursor: no-drop;
    left: 335px;
    top: 0;
    right: 34px;
}

.viewMode .moreRow {
    display: none;
}

.total-summary.clearfix.viewMode {
    padding-bottom: 10px;
}

.rooms-wrapper > ul.room-grid > li > .row-btn {
    width: 60px;
    text-align: center;
    background: #7b7b8c;
    color: #fff !important;
}

.rooms-wrapper>ul.room-grid>li>.row-btn:last-child {
    margin-right: 0;
}

.rooms-wrapper > ul.room-grid > li > .row-btn > i {
    font-size: 18px;
    color: #fff;
    line-height: 65px;
}
.rooms-wrapper>ul.room-grid>li>.row-btn>a {
    font-size: 17px;
    line-height: 56px;
    color: #fff;
    transition: all 0.5s ease-in-out;
    display: block;
    padding-top: 7px;
    height: 50px;
}



#close-room-info-preview::before {
    content: '\e057';
    font-size: 40px;
    font-family: typicons;
    color: #333;
}

#close-room-info-preview {
    width: 50px;
    height: 50px;
    border-radius: 1000px;
    padding: 0;
    line-height: 50px;
    background: #fff;
    color: #ffa0a0;
    font-size: 0px;
}

.pop-up-wrap>.btn-wrap {
    float: right;
}

.rooms-wrapper>ul.room-grid>li>.row-btn>a:hover {
    color: #FF4081;
}

.rooms-wrapper>ul.room-grid>li>.row-title {
    width: calc(100% - 307px);
}

.rooms-wrapper>ul.room-grid>li>.row-title>p {
    margin: 0;
    font-family: roboto-light;
    color: #929292;
    line-height: 64px;
    text-indent: 20px;
    font-size: 14px;
    letter-spacing: .3px;
}

.dash-body-wrapper.generalSettingsMainWrap {
    background: transparent;
}

.dash-body-wrapper {
    position: relative;
    margin: 0 35px 42px;
    background: #fff;
    border-radius: 9px;
}

.bookformHeadingsWrap {
    text-align: left;
    color: #333;
    display: inline-block;
    width: 850px;
    margin-top: 55px;
}

.bookformHeadingsWrap {
    text-align: left;
    color: #333;
    display: inline-block;
    width: 850px;
    margin-top: 10px;
}

.bookformHeadingsWrap > h3.hd {
    color: #ff6086 !important;
    font-family: roboto-medium;
    font-size: 17px;
    letter-spacing: .5px;
    margin-left: -2px;
    margin-bottom: -7px;
}

.bookformHeadingsWrap>h2.hd {
    color: #333131 !important;
    font-family: roboto-regular !important;
    font-size: 13px;
    letter-spacing: .5px;
    margin: 5px 0 0;
}

#room-options-for-reservation {
    text-align: left;
    color: #333;
    display: inline-block;
    width: 850px;
    margin-top: 3px;
}

#room-options-for-reservation>h2.hd {
    color: #ff78a7 !important;
    font-family: roboto-light !important;
    font-size: 15px;
    letter-spacing: .5px;
display: none;
}

#room-options-for-reservation>img.dumy {
 display: none;
    width: 107%;
    margin-left: -30px;
    margin-top: -37px;
    cursor: no-drop;
    display: block;
    -webkit-animation-duration: .5s;
    -animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.roomdatapopup {
    -webkit-animation-duration: .5s;
    -animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

.dash-body-wrapper>.update-container {
    padding: 28px 30px 35px;
    height: auto;
    position: unset;
}

.dash-body-wrapper>.update-container.innerReservationStep1 {
    background: #fff;
    width: 850px;
    display: inline-block;
    text-align: left;
    border: 1px #d5d5d5 solid;
    border-radius: 6px;
    border-top-width: 2px;
}

.dash-body-wrapper::before {
    content: "";
    position: absolute;
    background: linear-gradient(to left, #FF4081, #18FFFF);
    top: 0px;
    left: 0;
    height: 4px;
    z-index: 100;
    right: 0;
    z-index: 1051;
}


/* new rooms css */

.dash-body-wrapper.rooms-new-wrapper.viewMode::after {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: #ffc9c91a;
    display: block;
    top: 0;
    cursor: no-drop;
}

.rooms-new-wrapper {
    position: relative;
    padding: 10px 0 5px;
}


/* room media section css */

ul.room-media-grid {
    padding: 0;
    list-style: none;
    position: relative;
}

ul.room-media-grid>li {
    display: block;
    padding: 15px 0;
    position: relative;
    border-bottom: 1px #e1e1e1 solid;
}

ul.room-media-grid>li>div {
    display: inline-block;
    margin-right: 10px;
    height: 60px;
    vertical-align: middle;
    overflow: hidden;
    border: 1px #e6e6e6 solid;
}

ul.room-media-grid>li>.row-img {
    width: 65px;
    text-align: center;
    background-size: cover !important;
    background-position: center center !important;
    border: 2px #c5ffca solid;
    padding: 6px;
    border-radius: 6px;
}

ul.room-media-grid>li>.row-img>canvas {
    width: 100%;
    height: 100%;
}

ul.room-media-grid>li>.row-btn {
    width: 60px;
    text-align: center;
}

ul.room-media-grid>li>.row-btn.resetHandlerP {
    position: relative;
}

.room-block .second.child-age-block {
    margin-top: 15px;
}

.room-block .child-age-block .adult-outer p {
    padding-top: 15px;
}

ul.room-media-grid>li>.row-btn.resetHandlerP::after {
    content: "\f21c";
    position: absolute;
    font-family: ionicons;
    color: #777;
    background: #eee;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 25px;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}

ul.room-media-grid>li>.row-btn:last-child {
    margin-right: 0;
}

ul.room-media-grid>li>.row-btn>i {
    font-size: 19px;
    color: #777;
    line-height: 60px;
}

ul.room-media-grid > li > .row-btn > a {
    font-size: 17px;
    line-height: 60px;
    color: #777;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    padding: 0 25px;
}
.generalSettingsMainWrap .input-section {
    padding-top: 22px !important;
}

a.selectAllAminities i{ margin-right:4px; }
a.selectAllAminities{
    float: right;
    color: #646363;
    font-size: 12px;
    letter-spacing: 1px;
}

ul.room-media-grid>li>.row-btn>a:hover {
    color: #FF4081;
}

ul.room-media-grid>li>.row-title {
    width: calc(100% - 390px);
}

ul.room-media-grid>li.spherical>.row-title {
    width: 150px;
    display: none;
}

ul.room-media-grid>li.img-error-p>.row-title {
    width: calc(100% - 242px);
}

ul.room-media-grid>li.video>.row-title {
    width: calc(100% - 316px);
}

ul.room-media-grid>li.isSpherical>.row-title {
    width: calc(100% - 394px);
}

ul.room-media-grid>li.existingPreview>.row-title {
    width: calc(100% - 350px);
}

ul.room-media-grid>li>.sphericalHandler {
    display: none;
}

ul.room-media-grid>li.spherical>.sphericalHandler {
    display: inline-block !important;
}

ul.room-media-grid>li.spherical.isSpherical>.sphericalHandler>a {
    color: #FF4081;
}

ul.room-media-grid>li.spherical.isSpherical>.cropHandler {
    display: none;
}


/* disabling existing preview */

ul.room-media-grid>li.existingPreview>.sphericalHandler,
ul.room-media-grid>li.existingPreview>.cropHandler {
    display: none !important;
}

ul.room-media-grid>li>.row-title>p {
    margin: 0;
    font-family: roboto-regular;
    color: #555;
    line-height: 60px;
    text-indent: 20px;
}

ul.room-media-grid>li.img-error-p>.row-title>p {
    color: red !important;
}

.adress-inf0>textarea.notes {
    border: 1px #d2d2d2 solid;
    height: 136px;
    color: #7b7b7b;
    font-family: roboto-regular;
    font-size: 13px;
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    padding-left: 15px;
    background: #fff;
    padding-top: 15px;
    margin-bottom: 0;
}

.input-section .room-media-uploader {
    text-align: center;
    margin: 20px 0 0;
    position: relative;
    padding-bottom: 40px;
}

.input-section .room-media-uploader>p.error {
    position: absolute;
    color: red;
    font-size: 14px;
    font-family: roboto-regular;
    bottom: -5px;
    left: 0;
}

.input-section .room-media-uploader>a {
    display: inline-block;
    height: 45px;
    width: 150px;
    background: #444;
    text-align: center;
    line-height: 45px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: roboto-light;
    border-radius: 4px;
    letter-spacing: .8px;
    box-shadow: 0 4px 13px -7px #000;
    margin: 0 auto;
}


/* room media section css */


/* room amenities section css */

.input-section>.amenities-list {
    background: #fbfbfb;
    padding: 20px 33px 0;
    text-align: center !important;
    border-radius: 9px;
    border: 1px #e6e6e6 solid;
}

.input-section>.amenities-list>.list-item {
    display: inline-block;
    width: 32%;
    margin: 12px 0 11px;
    text-align: left;
    color: #a2a2a2;
    font-size: 12px;
    font-family: roboto-regular;
    position: relative;
    cursor: pointer;
    text-transform: capitalize;
    letter-spacing: .3px;
}

.input-section>.amenities-list>.list-item::after {
    content: "\f3a6";
    font-family: ionicons;
    position: absolute;
    font-size: 16px;
    left: -29px;
    margin-top: -2px;
    background: #fff;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    text-align: center;
    color: #a7a7a7;
}

.input-section>.amenities-list>.list-item.selected::after {
    content: "\f3a7";
    color: #FF6197;
}

.input-section>.amenities-list>.list-item>input {
    display: none;
}

.input-section>.amenities-new-wrapper {
    margin-top: 30px;
    text-align: center;
    padding-bottom: 40px;
}

.input-section>.amenities-new-wrapper>p {
    display: inline-block;
    font-size: 15px;
    font-family: roboto-light;
    vertical-align: middle;
    margin: 0;
    color: #666;
}

#roomRatesFormId1 .input-item label,
#roomRatesFormId2 .input-item label,
#roomRatesFormId3 .input-item label {
    margin: 0;
}

.content-wrapper>.content-handler #roomRatesFormId1 .input-section h2.sec-heading,
.content-wrapper>.content-handler #roomRatesFormId1 .input-section h2.sec-heading,
.content-wrapper>.content-handler #roomRatesFormId1 .input-section h2.sec-heading {
    display: block;
    font-size: 13px;
}

.input-section>.amenities-new-wrapper>input {
    vertical-align: middle;
    height: 45px;
    width: 250px;
    text-indent: 15px;
    background: #fff;
    border: none;
    margin: 0 16px;
    border-radius: 4px;
    font-size: 13px;
    font-family: Roboto-Regular;
    border: 1px #cfcfcf solid;
}

.input-section>.amenities-new-wrapper>a {
    display: inline-block;
    height: 45px;
    width: 106px;
    background: #5E5E5E;
    text-align: center;
    line-height: 45px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: roboto-light;
    border-radius: 4px;
    letter-spacing: .8px;
    box-shadow: 0 4px 13px -7px #000;
}



/*---------------------------------CHANNEL MANAGER CSS -------------------------*/



.channelManagerMain > .headingArea >h1{ font-size: 32px;}


.channelManagerMain > .headingArea {text-align: center; margin: 50px 0px;}



.channelManagerMain > .topHeaderArea {
width: 98%;
}

.channelManagerMain > .topHeaderArea > .childBox {
    background: #fff;
    display: flex;
    padding: 30px 10px;
    border-top: 3px solid #ccc;
    margin-top: 12px;
    margin-bottom: 50px;
}
.channelManagerMain > .topHeaderArea > .childBox > .logoArea {
    width: 20%;
    text-align: center;
}



.channelManagerMain > .topHeaderArea > .childBox > .logoArea >img{
    width: 100%;
    min-width: 120px;
    max-width: 200px;

}


.channelManagerMain > .topHeaderArea > .childBox > .contentArea {
width: 60%;
margin-left: 3%;
}


.channelManagerMain > .topHeaderArea > .childBox > .contentArea > h1{
font-weight: bolder;
margin-bottom: 10px;
letter-spacing: 0.7px;
color:#404040;
}





.channelManagerMain > .topHeaderArea > .childBox > .contentArea > p{
   font-size: 15px;
    width: 98%;
    display: inline-block;
}



.channelManagerMain > .topHeaderArea > .childBox > .buttonArea{
text-align: center;
margin-left: 2%;
}



.channelManagerMain > .topHeaderArea > .childBox > .buttonArea > a{
    background: #4a4a4a;
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 30px;
}




.channelManagerMain > .mainFormArea {
    width: 98%;
}


.channelManagerMain > .mainFormArea > .contentArea {
    padding: 30px 20px;
    background: #fff;
    border-top: 3px solid #ccc;
    margin-top: 12px;
    margin-bottom: 50px;
}


.channelManagerMain > .mainFormArea > .contentArea > form{
    display: flex;
}



.channelManagerMain > .mainFormArea > .contentArea > form > .leftArea{
width: 22%;
margin-right: 6%;
}

.channelManagerMain > .mainFormArea > .contentArea > form > .CenterArea{
width: 35%;
}


.channelManagerMain > .mainFormArea > .contentArea > form > .RightArea{
width: 30%;
text-align: center;
margin-left: 6%;
position: relative;

}

.channelManagerMain > .mainFormArea > .contentArea > form > .RightArea > .disConnectWubook{
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #ff4040;
    padding: 5px 21px;
    border-radius: 3px;
}



.channelManagerMain > .mainFormArea > .contentArea > form > .RightArea > .disConnectWubook > a{
    color: #fff;
    cursor: pointer;
    letter-spacing: 1px;
}


.channelManagerMain > .mainFormArea > .contentArea > form > .CenterArea >.textContainer {
    margin: 23px 0px;
}


.channelManagerMain > .mainFormArea > .contentArea > form > .CenterArea >.textContainer > h2{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3px;
}

.channelManagerMain > .mainFormArea > .contentArea > form > .CenterArea >.textContainer > p{
    font-size: 13px;
    line-height: 25px;
    letter-spacing: 0.8px;
    word-spacing: 2px;
}

.channelManagerMain > .mainFormArea > .contentArea > form > .RightArea > .submitArea > input {
    background: #FF689D;
    color: #fff;
    display: inline-block;
    margin-top: 7px;
    border-radius: 30px;
    padding: 12px 15%;
    letter-spacing: 1px;
}




.channelManagerMain > .mainFormArea > .contentArea > form > .RightArea > .submitArea {
    position: relative;
    top: 40%;
}


.channelManagerMain > .mainFormArea > .contentArea > form > .leftArea > .inputArea > input{
    background: #ddd;
    color: #111;
    padding: 10px;
    width: 100%;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 14px;
    height: 50px;
}


.channelManagerMain > .mainFormArea > .contentArea > form > .leftArea > .inputArea{
    padding:10px 0px;
}

.channelManagerMain > .mainFormArea > .contentArea > form > .leftArea > .inputArea > p{
font-size: 11px;
margin-top: 7px;
color:#ff6f6f;
text-transform: capitalize;
}



.channelManagerMain  > .successBox {
    background: #ddd;
    width: 98%;
    padding: 15px 10px;
    margin-bottom: 100px;
    color: #656565;
}


.channelManagerMain  > .successBox > h2 {
    margin-bottom: 10px;
    color: #2a2a2a;
    font-weight: bolder; 
}





/*----------------------------------------------------------*/

/* room amenities section css */


/* new rooms css */


/* room rates css */

.input-section .room-section-heading {
    height: 59px;
    border-bottom: 1px solid #ededed;
    padding-top: 15px;
    margin-bottom: 20px;
}
.room-section-heading .input-item.input.chargeType {
    margin: -6px 0 0 !important;
}
.input-section .room-section-heading>h3 {
    display: inline-block;
    float: left;
    margin: 0;
    font-size: 15px;
    font-family: roboto-light;
    color: #ff699c;
    vertical-align: middle;
    line-height: 40px;
}

.input-section .room-section-heading>select {
    display: inline-block;
    float: right;
    height: 40px;
    width: 45%;
    background: #eee;
    border: none;
    text-indent: 10px;
}

.travel-outer>.travel-pop-uo>.room-block .pop-up-p {
    color: #ff759c !important;
    font-family: roboto-medium !important;
    letter-spacing: 0.2px !important;
    margin-bottom: 3px !important;
}

.dash-body-wrapper.reservations-wrapper .update-container .travel-outer p {
    color: #6c6c6c !important;
    position: relative;
    z-index: 101;
}
.travel-outer.open .travel-pop-uo .room-block a.remover-handler {
    color: #ff718a;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 3px;
    letter-spacing: .4px;
}

.travel-outer>.travel-pop-uo>.room-block .pop-up-p {
    color: #ff759c !important;
    font-family: roboto-medium !important;
    letter-spacing: 0.2px !important;
    margin-bottom: 3px !important;
}

.age1-outer #travelers-new-room {
    font-size: 13px;
    padding: 14px 0 7px;
    color: #747474;
    letter-spacing: 1px;
    display: block;
}

.input-section .perSeasonMood {
    padding: 0;
    margin-bottom: 40px;
}

.input-section .perSeasonMood>p {
    font-family: roboto-regular;
    font-size: 16px;
    color: #777;
    margin: 0;
}

.input-section .perSeasonMood>p>strong {
    color: #444;
}

.roomRatesFormParent .input-section {
    overflow: hidden;
}

.sec-hidden {
    display: none;
}

.amount-container {
    float: left !important;
    line-height: 30px !important;
    height: 40px !important;
    margin-top: 0 !important;
    vertical-align: top !important;
}


/* room rates css */

#room-options-for-reservation .room-info-blocks p.romm-avalable {
    color: #958f8f !important;
    font-size: 14px !important;
    font-family: roboto-regular;
    margin-bottom: 15px;
    margin-top: 15px;
}

#room-options-for-reservation .room-info-blocks p.romm-avalable>span {
    padding: 0 5px;
    color: #FF4081 !important;
}

.bed-room .content-container>p.main-head {
    color: #ff588d !important;
}


/* season module css */

.seasons-wrapper .seasons-block {
    background: #fff;
    padding: 20px 15px;
    margin-bottom: 0;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}

.seasons-block a.handler {
    position: absolute;
    top: 13px;
    right: 18px;
    display: inline-block;
    height: 30px;
    width: auto;
    text-align: center;
    color: #686565;
    cursor: pointer;
    line-height: 32px;
    font-size: 11px;
    border-radius: 50%;
    margin-top: 6px;
}

.seasons-block .season-head {}

.seasons-block.open .season-head {
    display: none;
}

.seasons-block .season-head>h2 {
    margin: 0;
    display: inline-block;
    color: #969696;
    font-family: roboto-light;
    vertical-align: middle;
    text-transform: capitalize;
    font-size: 13px;
    letter-spacing: 1px;
}

.seasons-block .season-head>h2>strong {
    font-family: roboto-regular;
    color: #ff73a3;
}

.seasons-block .season-head > p {
    margin: 0 0 0 220px;
    display: inline-block;
    font-size: 13px;
    font-family: roboto-medium;
    color: #4d4747;
    vertical-align: middle;
    word-spacing: 15px;
    letter-spacing: 0.7px;
}

.seasons-block .season-head>p>span {
    color: #FF4081;
    margin: 0 20px;
    font-family: roboto-light;
    letter-spacing: 1px;
}

.seasons-block .season-head > p > span {
    color: #A2A2A2;
    margin: 0;
    font-size: 13px;
    letter-spacing: .5px;
    word-spacing: 2px;
    font-family: roboto-medium;
}

.seasons-block .season-body {
    display: none;
}

.seasons-block.open .season-body {
    display: block !important;
}

.seasons-block .season-body>.season-body-head {
    margin-top: 0;
}

.seasons-block .season-body > .season-body-head > .season-input-5.seasonEnd::before {
    content: "Please enter From date first";
    position: absolute;
    margin-top: -40px;
    background: #3e3e3e;
    box-shadow: 0 6px 6px -8px #cacaca;
    width: 200px;
    text-align: center;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    margin-left: -2px;
    font-size: 12px;
    transition: ease-in-out all .3s;
    color: #e6e6e6;
    font-family: roboto-medium;
    letter-spacing: .7px;
}

.seasons-block .season-body > .season-body-head > .season-input-5.seasonEnd label::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #3e3e3e;
    transform: rotate(45deg);
    margin-top: -10px;
    left: 95px;
}

.seasons-block .season-body > .season-body-head > .season-input-5 {
    display: inline-block;
    position: relative;
    width: 30.8%;
    margin-right: 30px;
    vertical-align: middle;
}

.seasons-block .season-body > .season-body-head > .season-input-5::after {
    position: absolute;
    content: "\f117";
    font-family: ionicons;
    color: #fff;
    background: #888;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    right: 0;
    bottom: 0;
    font-size: 15px;
    cursor: pointer;
    border-radius: 3px;
    pointer-events: none;
}

.seasons-block .season-body>.season-body-head>.season-input-5.name::after {
    content: "\f1fd";
}

.seasons-block .season-body>.season-body-head>.season-input-5.sbox::after {
    content: "\f35f";
}

.seasons-block .season-body>.season-body-head>.season-input-5:last-child {
    margin-right: 0 !important;
}

.seasons-block .season-body>.season-body-head>.season-input-5>label {
    display: block;
    font-size: 14px;
    font-family: roboto-light;
    margin-bottom: 5px;
    letter-spacing: 1px;
}

.seasons-block .season-body > .season-body-head > .season-input-5 > input {
    border: 1px #cecece solid;
    display: block;
    height: 40px;
    width: 100%;
    border-radius: 3px;
    text-indent: 12px;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 1px;
}

.seasons-block .season-body>.season-body-head>.season-input-5>select {
    height: 37px;
    border: none;
    display: block;
    width: 100%;
    text-indent: 10px;
    background: #eee;
}

.seasons-block .season-body>.season-body-head>.season-input-5>p.error {
    position: absolute;
    color: red;
    font-size: 12px;
    font-family: roboto-regular;
    bottom: -32px;
}

.seasons-block .season-body-stuff {
    margin-top: 0;
    padding: 15px 0 0;
}

.seasons-block .season-body-stuff > h2 {
    color: #ff7b7b;
    font-family: roboto-light;
    font-size: 13px;
    margin: 0;
    letter-spacing: .5px;
}

.seasons-block .season-body-table {
    display: table;
    width: 100%;
    margin: 12px 0;
}

.seasons-block .season-body-table>.season-table-row {
    display: table-row;
    line-height: 60px;
}

.seasons-block .season-body-table>.season-table-row.headings {}

.seasons-block .season-body-table>.season-table-row>.season-table-cell {
    display: table-cell;
}

.seasons-block .season-body-table>.season-table-row>.season-table-cell:first-child {}

.seasons-block .season-body-table>.season-table-row.headings>.season-table-cell {
    font-size: 13px;
    font-family: roboto-regular;
    color: #444;
    letter-spacing: 1px;
    line-height: 30px;
}

.seasons-block .season-body-table>.season-table-row>.season-table-cell>p {
    font-size: 13px;
    font-family: roboto-light;
    color: #666;
    letter-spacing: 1px;
}

.seasons-block .season-body-table>.season-table-row>.season-table-cell>input {
    border: none;
    background: #eee;
    width: 90%;
    text-indent: 19px;
    height: 50px;
    border-radius: 3px;
    box-shadow: 0 6px 6px -8px #333;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: roboto-light;
}

.season-body-stuff>.season-block-submit {
    text-align: right;
}

.season-body-stuff>.season-block-submit>input {
    background: #FF4081;
    border: none;
    display: inline-block;
    height: 40px;
    width: 80px;
    border-radius: 100px;
    color: #fff;
    padding-bottom: 5px;
    cursor: pointer;
    line-height: 40px;
    font-family: roboto-light;
    font-size: 11px;
    text-transform: uppercase;
}

.season-body-stuff>.season-block-submit>input:hover {
    background: #333;
}

.season-body-stuff>.season-block-submit>a {
    text-decoration: none;
    background: #555;
    color: #fff;
    font-size: 11px;
    font-family: roboto-light;
    display: inline-block;
    height: 40px;
    vertical-align: middle;
    border-radius: 100px;
    text-align: center;
    line-height: 40px;
    width: 80px;
    letter-spacing: 1px;
    margin-right: 20px;
    transition: all 0.3s ease-in-out;
}

.season-body-stuff>.season-block-submit>a:hover {
    background: #FF4081;
}


/* season module css */

.bed-room.bed-room-1.room-block:last-child {
    margin: 0 0 -60px !important;
}


/* extras pricing css */

.extras-pricing-wrapper {}

.extras-pricing-wrapper > .extras-pricing-block {
    padding: 3px 14px 0;
    background: #fff;
    margin-bottom: 0;
    position: relative;
    border-bottom: 1px solid #efefef;
}

.extras-pricing-block a.handler {
    color: #8E898B;
    font-size: 12px;
    position: absolute;
    top: 23px;
    right: 21px;
    display: inline-block;
    height: 40px;
    line-height: 30px;
    cursor: pointer;
    outline: none;
    border: none;
    width: 40px;
    text-align: right;
}

.extras-pricing-block .extras-block-head {}

.extras-pricing-block.open .extras-block-head {
    display: none;
}

.extras-pricing-block .extras-block-head > h2 {
    margin: 0;
    font-family: Roboto-medium;
    font-size: 13px;
    color: #595959;
    letter-spacing: .6px;
    padding: 25px 0px;
}

.extras-pricing-block .extras-block-body {
    margin-top: 25px;
    display: none;
}

.extras-pricing-block.open .extras-block-body {
    display: block !important;
}

.extras-pricing-block .extras-block-body>.extras-input-3 {
    display: inline-block;
    vertical-align: middle;
    width: 37%;
    margin-bottom: 18px;
    position: relative;
}

.extras-pricing-block .extras-block-body>.extras-input-3>p.error {
    position: absolute;
    color: red;
    font-size: 12px;
    font-family: roboto-regular;
    bottom: -32px;
}

.extras-pricing-block .extras-block-body>.extras-input-3>label.selectItem::after {
    content: "\f104";
    position: absolute;
    background: #FF699C;
    width: 20px;
    height: 20px;
    right: 14px;
    bottom: 11px;
    border-radius: 100px;
    pointer-events: none;
    font-family: ionicons;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
}
.extras-pricing-block .extras-block-body>.extras-input-3>label {
    display: block;
    font-size: 13px;
    font-family: roboto-light;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #333;
}

.extras-pricing-block .extras-block-body>.extras-input-3>input {
    display: block;
    width: 100%;
    height: 45px;
    background: #fff;
    border: 1px #dfdfdf solid;
    text-indent: 19px;
    font-family: roboto-light;
    font-size: 12px;
    letter-spacing: 1px;
    color: #8f8f8f;
    border-radius: 3px;
    margin-top: 5px;
}

.extras-pricing-block .extras-block-body>.extras-input-3>select {
    display: block;
    width: 100%;
    height: 45px;
    background: #fff;
    border: 1px #dfdfdf solid;
    text-indent:6px;
    font-family: roboto-light;
    font-size: 12px;
    letter-spacing: 1px;
    color: #8f8f8f;
    border-radius: 3px;
    margin-top: 5px;
}

.extras-pricing-block .extras-block-body>.extras-input-3.mini {
    width: 16%;
    margin: 0 47px 20px;
}

.extras-pricing-block .extras-block-body>.extras-input-3.mini>input {}

.extras-pricing-block .extras-block-body>.extras-input-3.single {
    width: 100%;
}

.extras-pricing-block .extras-block-body>.extras-input-3.single>textarea {
    display: block;
    width: 100%;
    height: 300px;
    background: #fff;
    border: 1px #dfdfdf solid;
    font-family: roboto-light;
    font-size: 12px;
    letter-spacing: 1px;
    color: #8f8f8f;
    border-radius: 3px;
    margin-top: 5px;
    padding: 20px;
    line-height: 19px;
}

.extras-pricing-block .extras-block-body > .extras-input-submit {
    text-align: right;
    margin-bottom: 10px;
}

.extras-pricing-block .extras-block-body>.extras-input-submit>a {
    display: inline-block;
    border: none;
    border-radius: 7px;
    background: #ff7070;
    color: #fff;
    font-size: 13px;
    font-family: roboto-regular;
    text-align: center;
    height: 33px;
    width: 74px;
    line-height: 34px;
    cursor: pointer;
    margin-right: 3px;
    text-decoration: none;
    letter-spacing: .4px;
    transition: all 0.3s ease-in-out;
}

.extras-pricing-block .extras-block-body>.extras-input-submit>a:hover {
    background: #FF2C2C;
}

.extras-pricing-block .extras-block-body>.extras-input-submit>input {
    display: inline-block;
    border: none;
    border-radius: 7px;
    background: #62a257;
    color: #fff;
    font-size: 13px;
    font-family: roboto-regular;
    text-align: center;
    height: 33px;
    width: 74px;
    line-height: 34px;
    cursor: pointer;
    margin-right: 3px;
    text-decoration: none;
    letter-spacing: .4px;
    transition: all 0.3s ease-in-out;
}

.extras-pricing-block .extras-block-body > .extras-input-submit > input:hover {
    background: #2e9528;
}


/* extras pricing css */

.templateSideBookingEngine {
    text-align: center;
    position: relative;
    z-index: 105;
    margin-top: -260px;
    margin-bottom: 115px;
}

.update-container.templeteSide p {
    color: #ff6199;
    font-family: roboto-light;
    font-size: 14px;
    letter-spacing: .5px;
    margin-bottom: 8px;
    text-align: left;
}

.update-container.templeteSide p.travel-head {
    color: #6c6c6c;
}

.update-container.templeteSide a#travelers-handler p {
    color: #ff6199;
    font-family: roboto-light;
    font-size: 14px;
    letter-spacing: .5px;
    margin-bottom: 8px;
    text-align: left;
    border: 1px #d0d0d0 solid;
}

.uk-modal {
    z-index: 1090 !important;
}


/* payments settings css */

.payment-settings {}

.payment-settings .p-settings-head {
    background: #fff;
    padding: 0 25px;
    margin-bottom: 40px;
}

.payment-settings .p-settings-head>h2 {
    display: inline-block;
    margin: 25px 0 -12px;
    vertical-align: middle;
    font-size: 14px;
    color: #4f4848;
    font-family: roboto-regular;
    letter-spacing: 0.3px;
}

.payment-settings .p-settings-method-block {
    background: #fff;
    margin-bottom: 0;
    padding: 0 0 28px;
}

.p-settings-method-block>.method-block-table {
    display: table;
    width: 100%;
}

.p-settings-method-block>.method-block-table>.method-block-row {
    display: table-row;
}

.p-settings-method-block>.method-block-table>.method-block-row>.method-block-cell {
    display: table-cell !important;
    vertical-align: middle;
}

.p-settings-method-block>.method-block-table>.method-block-row>.method-block-cell.img {
    text-align: center;
    width: 20%;
}

.p-settings-method-block>.method-block-table>.method-block-row>.method-block-cell.note {
    box-shadow: -23px 0 0 -21px #dedede;
    padding-left: 26px;
}

.p-settings-method-block>.method-block-table>.method-block-row>.method-block-cell.btn {
    text-align: right;
    width: 25%;
    padding-right: 20px;
}

.p-settings-method-block>.method-block-table>.method-block-row>.method-block-cell>img {
    width: 80px;
}

.p-settings-method-block>.method-block-table>.method-block-row>.method-block-cell>h2 {
    font-weight: 500;
    font-family: roboto-light;
    color: #666;
    font-size: 14px;
    letter-spacing: .4px;
}

.p-settings-method-block>.method-block-table>.method-block-row>.method-block-cell>h2>strong {
    color: #FF4081;
    font-family: roboto-regular;
}

.p-settings-method-block>.method-block-table>.method-block-row>.method-block-cell>p {
    margin: 0 auto;
    font-size: 13px;
    font-family: roboto-light;
    color: #5e5959;
    line-height: 23px;
    width: 93%;
    text-align: left;
    letter-spacing: .4px;
}
.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell > a.removePaymentMethod {
    background: #15bd42;
    padding: 10px 15px;
}
.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell > a.removePaymentMethod:after{
display: none;
}

.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell > a {
    text-decoration: none;
    display: inline-block;
    height: auto;
    width: auto;
    text-align: center;
    font-family: roboto-medium;
    position: relative;
    font-size: 13px;
    padding: 5px 0 13px;
    color: #fff;
    letter-spacing: .7px;
    border-radius: 3px;
    float: right;
}
.p-settings-method-block > .method-block-table > .method-block-row > .method-block-cell > a.removePaymentMethod::before {
    content: "Connected";
    position: absolute;
    left: -89px;
    color: #28b30c;
    font-weight: 500;
    font-size: 14px;
}

.p-settings-method-block>.method-block-table>.method-block-row>.method-block-cell>a::after {
    background: #8A92F9;
    content: "Connect";
    position: absolute;
    height: 100%;
    width: 100px;
    left: -47px;
    top: 0;
    line-height: 36px;
    border-radius: 2px;
}

.p-settings-method-block.selected>.method-block-table>.method-block-row>.method-block-cell>a::after {
    content: "Connected";
    background: #65b06e;
}

.p-settings-method-block .paypal-fields-block {
    margin-top: 20px;
    display: none;
}

.p-settings-method-block.selected .paypal-fields-block {
    display: block;
    margin: 26px auto 11px;
    padding: 20px 25px;
    padding-left: 48px;
    border-bottom: 1px #eee solid;
    padding-bottom: 15px;
}
.paypal-fields-block {
    display: block;
    margin: 15px 16px 0;
    background: #eee;
    padding: 15px 16px 26px;
    border-top: 2px #b3a3f3 solid;
}

.p-settings-method-block .paypal-fields-block>.paypal-input {
    display: inline-block;
    width: 45%;
    vertical-align: middle;
    margin-bottom: 10px;
    position: relative;
}

.p-settings-method-block .paypal-fields-block>.paypal-input:nth-child(2) {
    margin-left: 5px;
}

.p-settings-method-block .paypal-fields-block > .paypal-input > label {
    display: block;
    font-size: 13px;
    font-family: roboto-regular;
    color: #1d1d1d;
    margin-bottom: 10px;
    letter-spacing: .4px;
}

.paypal-submit > a:hover{background: #f0003b;}
.paypal-submit > a {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .7px;
    float: right;
    margin-top: -57px;
    background: #fb2d60;
    display: inline-block;
    padding: 15px 20px;
    border-radius: 3px;
}
.p-settings-method-block .paypal-fields-block > .paypal-input > input {
    display: block;
    width: 99.5%;
    border: none;
    background: #fff;
    height: 49px;
    text-indent: 10px;
    font-size: 12px;
    color: #9e9e9e;
    padding: 0 2px;
    border-right: 10px #e7e7e7 solid;
    border-radius: 4px;
    letter-spacing: .5px;
}

.p-settings-method-block .paypal-fields-block > .paypal-input > p.error {
    color: #e12929;
    font-size: 11px;
    font-family: roboto-regular;
    position: absolute;
    bottom: -27px;
    left: 2px;
    letter-spacing: .5px;
}

.payment-settings .deposit-type-settings {
    background: #fff;
    padding: 0 20px;
    margin-bottom: 0;
    margin-top: -16px;
}

.surcharge {
    padding-bottom: 20px !important;
}

.deposit-type-settings>.deposit-type-settings-head {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.deposit-type-settings>.deposit-type-settings-head>h2 {
    display: inline-block;
    margin: 25px 0 7px;
    vertical-align: middle;
    font-size: 14px;
    color: #373434;
    font-family: roboto-regular;
    letter-spacing: 0.5px;
}

.deposit-type-settings>.type-settings-table {
    display: table;
    width: 100%;
}

.deposit-type-settings>.type-settings-table>.type-settings-row {
    display: table-row;
}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell {
    display: table-cell;
    padding: 10px 0;
    vertical-align: middle;
}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell.checker {
    width: 15%;
}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell.detail {}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell.input {
    width: 16%;
    position: relative;
    text-align: right;
}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell.checker>a {
    text-decoration: none;
    color: #f91f5b;
    font-size: 12px;
    font-family: roboto-medium;
    margin-left: 30px;
    position: relative;
    letter-spacing: 0.3px;
    outline: none;
}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell.checker>a::after {
    position: absolute;
    content: "\f3a6";
    font-family: ionicons;
    font-size: 15px;
    left: -29px;
    color: #666;
    display: inline-block;
    width: 29px;
    top: -3px;
}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell.checker.checked>a::after {
    content: "\f3a7";
    color: #FF4081;
}

.deposit-type-settings.surcharge>.type-settings-table>.type-settings-row>.type-settings-cell.checker>a::after {
    content: "\f372";
}

.deposit-type-settings.surcharge>.type-settings-table>.type-settings-row>.type-settings-cell.checker.checked>a::after {
    content: "\f373";
}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell.detail>p {
    font-size: 13px;
    color: #6a6969;
    font-family: roboto;
    width: 90%;
    margin: 0 auto;
    line-height: 30px;
    letter-spacing: .3px;
}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell.input>input {
    border: 1px #bbb5b5 solid;
    width: 125px;
    height: 35px;
    background: #fff;
    font-size: 13px;
    letter-spacing: .5px;
    border-radius: 5px;
    text-indent: 14px;
    color: #464242;
}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell.input>select {
    border: 1px #bbb5b5 solid;
    width: 125px;
    height: 35px;
    background: #fff;
    font-size: 13px;
    letter-spacing: .5px;
    border-radius: 5px;
    text-indent: 14px;
    color: #464242;
    text-align: left;
}

.deposit-type-settings>.type-settings-table>.type-settings-row>.type-settings-cell.input>p.error {
    position: absolute;
    color: red;
    font-size: 12px;
    font-family: roboto-regular;
    bottom: -22px;
}


/* reservation new page css */

.frontendReservation ._button.room-info-preview {
    display: none !important;
}

.reservations-wrapper {
    text-align: center;
}


.dash-body-wrapper.reservations-wrapper.frontendReservation{
    margin-top: 0;
    padding-top: 37px;
    padding-bottom: 130px !important;
    margin-bottom: 0px;
    background: #f0f0f0;
    margin-left: 0;
    margin-right: 0;
}
.dash-body-wrapper.reservations-wrapper.frontendReservation.finalStep {
    overflow: visible;
    text-align: center;
    border-radius: 0;
    background: var(--sk-body-background-color,#fff);
}

.templateSideBookingEngine.step2 {
    margin: 0 0 2px;
}
.templateSideBookingEngine.step2 .update-container.frontendReservationContainer.templeteSide {
    margin: 9px 0 0;
    margin-left: -60px;
    background: white;
    box-shadow: 0 6px 17px -14px #4d4d4d;
}

.update-container .check-in-outer::before,
.update-container .check-out-outer::before {
    pointer-events: none;
}

.travel-outer {
    position: relative;
}

body .dash-body-wrapper.reservations-wrapper .update-container .travel-outer.open>a p {}

.travel-outer>.travel-pop-uo {
    position: absolute;
    top: 95px;
    border-top: none;
}

.travel-outer>.travel-pop-uo>.room-block {
    position: relative;
    border-bottom: 1px #d5d5d5 solid;
    margin-bottom: 8px;
    padding-bottom: 18px;
    -webkit-animation-duration: .5s;
    -animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInright;
    animation-name: fadeInright;
}

.travel-outer>.travel-pop-uo>.room-block::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff;
    top: -24px;
    left: 45%;
    transform: rotate(45deg);
}

.travel-outer.open>.travel-pop-uo {
    display: block;
    z-index: 1051;
    width: 100%;
    background: #fff;
    padding: 20px 15px 15px;
    border: 1px #d5d5d5 solid;
    border-radius: 5px;
    box-shadow: 0 7px 17px -14px #000;
}

.room-block .adult-outer,
.room-block .child-outer {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

.child-outer {}

.child-outer>.child-counter {}

.travelers-counter>a:hover,
.travelers-counter>a:active {
    background: #ff699c;
    color: #fff;
}

.travelers-counter>a {
    vertical-align: middle;
    display: inline-block;
    background: #698AFF;
    height: 40px;
    width: 40px;
    color: #fff;
    font-size: 16px;
    line-height: 39px;
    text-align: center;
    position: relative;
    z-index: 2;
    transition: ease-in-out .5s;
}

.travelers-counter>span {
    vertical-align: middle;
    font-size: 13px;
    background: #e7e7e7;
    display: inline-block;
    width: calc(100% - 80px);
    text-align: center;
    height: 40px;
    line-height: 41px;
    margin: 0 -5px;
    pointer-events: none;
    position: relative;
    z-index: 1;
    color: #777 !important;
    font-family: roboto-bold;
}

.child-ages-block {
    margin: 10px 0 0;
}

.pop-up-main-wrap {
    position: fixed;
    top: 0;
    left: 0;
}

.pop-up-main-wrap>.pop-up-wrap {}

.room-block .room-reserve-btn.reserved {
    background: #54BF7B !important;
}

.temp-back-btn {
    text-align: right;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 1px;
    margin-top: -24px;
    right: 10px;
}

.temp-back-btn > a {
    text-align: center;
    background: #ff699c;
    height: 35px;
    line-height: 36px;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-family: roboto-medium;
    letter-spacing: .5px;
    display: inline-block;
    width: 72px;
}

.week-end {
    background: #A7A7A7;
}

.week-end>p {
    color: #ffffff;
}
.gridSaveChanges{
    text-align: right;
    padding-bottom: 10px;
    padding-right: 40px;
}

.gridSaveChanges > button{
    height: 45px;
    background: #FF6096;
    color: #fff;
    width: 119px;
    text-align: left;
    font-family: roboto-regular;
    letter-spacing: .3px;
    border-radius: 10px;
    padding: 0 17px;
}
#roomTypesSelect {
    display: inline-block;
    height: 45px;
    background: #FF6096;
    color: #fff;
    width: 159px;
    text-align: left;
    font-family: roboto-regular;
    letter-spacing: .3px;
    border-radius: 10px;
    padding: 0 17px;
}

#roomTypesSelect>option {
    background: #fff;
    color: #444;
}

#grid-headings-wrap a {
    color: #a1a1a1;
}

#grid-headings-wrap a.active {
    color: #FF79A7 !important;
}

.date-change-selectors {
    text-align: center;
    padding-top: 18px;
}

.date-change-selectors>p {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    margin-right: 10px;
    cursor: pointer;
    color: #7a7a7a;
    font-family: roboto-light;
}

.date-change-selectors>a {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    font-weight: bolder;
    background: #ff73a5;
    color: #fff;
    height: 20px;
    width: 20px;
    line-height: 26px;
    margin: 0 0px;
    border-radius: 3px;
    text-align: center;
}

.date-change-selectors>a::after {
    content: "\f104";
    font-family: ionicons;
    color: #fff;
    position: absolute;
    font-size: 11px;
    margin-left: -4px;
    margin-top: -2px;
    transform: rotate(90deg);
}

.date-change-selectors>a.next::after {
    content: "\f104";
    font-family: ionicons;
    color: #fff;
    position: absolute;
    font-size: 11px;
    margin-left: -3px;
    margin-top: -2px;
    transform: rotate(270deg);
}

.paginations-links {
    display: block;
    text-align: center;
    padding: 0;
}

.paginations-links>strong {
    background: #999;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 5px;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.paginations-links>a {
    display: inline-block;
    background: #ff6197;
    color: #fff;
    margin: 10px 5px;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    border-radius: 50px;
}

.phidden {
    display: none !important;
}

.rm-type {
    text-align: left !important;
}


/* reservation new page css */


/* .wickedpicker */

.wickedpicker {
    width: 218px !important;
}

.wickedpicker>p.wickedpicker__title {
    background: #FF4081;
    color: #fff;
    font-family: roboto-regular;
    font-size: 13px;
}

.wickedpicker>p.wickedpicker__title span {
    color: #fff;
    font-size: 25px;
}

.wickedpicker li span {
    /* color: #FF4081; */
    font-family: roboto-regular;
}


/* .wickedpicker */


/* reservation temp css */

.rooms-selection-wrapper {
    position: fixed;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
    padding-top: 100px;
    display: none;
}

.rooms-selection-wrapper>div {
    background: #fff;
    width: 50%;
    margin: 10px auto;
    padding: 20px 0;
}


/* reservation temp css */

.frontendReservation .main-container.clearfix.ste2FormArea {
    margin-top: -37px;
    z-index: 1050;
    position: relative;
    margin-bottom: 90px;
}

.res-step2-block {
    float: left;
    width: auto;
    text-align: left;
    margin: 0;
}

.payNowOrLater {
    background: #f4f4f4;
    width: 100%;
    float: none;
    padding: 15px 20px;
    border-radius: 8px;
}

.res-step2-block.payNowOrLater>h2 {
    color: #625a5a !important;
}


.res-step2-block > h2 {
    color: #807b7b !important;
    font-family: roboto-regular !important;
    font-size: 13px !important;
    letter-spacing: .1px;
    margin-left: 0px;
    padding: 0;
    height: auto;
    min-height: auto;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 6px;
    letter-spacing: .7px;
}

.res-step2-block>.res-payment-opts {}
.res-step2-block > .res-payment-opts > div {
    display: inline-block;
}

#paypal-button-container {
    position: relative;
    bottom: -25px;
    z-index: 0;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    float: none;
    width: 100%;
    padding: 20px 10px;
}
#custom-btn-container {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInUp;
    float: none;
}
.res-step2-block>.res-payment-opts>label {
    color: #625a5a;
    margin-right: 20px;
    font-size: 12px;
    font-family: roboto-light;
}

.res-step2-block > .res-payment-opts > label > input {
    margin-right: 4px;
}


/* jquery ui calander css */

.ui-datepicker-calendar {
    text-align: center;
    width: 100%;
}

.ui-datepicker-calendar a {
    text-decoration: none !important;
}

.ui-datepicker-calendar>thead>tr>th {
    font-size: 12px;
    font-weight: normal;
    height: 17px;
    text-align: center;
    width: auto;
    line-height: normal;
    color: red;
}

#ui-datepicker-div>.ui-datepicker-header {
    position: relative;
}

.ui-datepicker-calendar>thead>tr>th.ui-datepicker-week-end {}

.ui-datepicker-calendar>thead>tr>th.ui-datepicker-week-end>span {
    color: #ff7884;
}

.ui-datepicker-calendar>thead>tr>th>span {
    color: #6d8dff;
    font-family: roboto-medium;
    letter-spacing: .5px;
}

.ui-datepicker-calendar>tbody>tr>td {
    font-size: 12px;
    height: 34px;
    text-align: center !important;
}

.ui-datepicker-calendar>tbody>tr>td.ui-datepicker-week-end>a {
    color: #ff6e82;
}

.ui-datepicker-calendar>tbody>tr>td>a {
    color: #7b7474;
    display: inline-block;
    font-family: roboto-regular;
    font-size: 11px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 100px;
    text-align: center;
}

.ui-datepicker-calendar>tbody>tr>td>a.ui-state-active {
    background-color: #333 !important;
    color: #fff !important;
}

.uk-modal-dialog {
    max-width: 1000px !important;
}

.ui-datepicker-calendar>tbody>tr>td>a:hover {
    background: #ff4080;
    color: #ffffff !important;
    
}

.ui-datepicker-calendar>tbody>tr>td.ui-datepicker-week-end>a:hover {
    color: #333 !important;
    background: transparent !important;
}

#ui-datepicker-div {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dadada;
    border-radius: 9px;
    box-shadow: 0 16px 19px -23px #050505;
    padding: 10px 0;
    width: 312px;
    margin: 9px 0 0;
    display: block;
    z-index: 1051;
    position: absolute;
    left: -3000px;
display: none;
}

.ui-datepicker-header>a {
    border-radius: 3px;
    color: #333;
    font-size: 0;
    /*right: 16px;*/
    position: absolute;
    top: 3px;
}

.ui-datepicker-header>a::before {
    content: "\f125";
    font-family: ionicons;
    font-size: 12px;
    line-height: 31px;
    cursor: pointer;
    width: 25px;
    display: inline-block;
    text-align: right;
}

.ui-datepicker-header>a.ui-datepicker-prev {
    left: 13px;
}

.ui-datepicker-header>a.ui-datepicker-next {
    right: 13px;
}

.ui-datepicker-header>a.ui-datepicker-prev::before {
    content: "\f124";
    font-family: ionicons;
    margin-right: 3px;
    font-size: 12px;
    line-height: 31px;
    cursor: pointer;
    width: 25px;
    display: inline-block;
    text-align: left;
}

.ui-datepicker-header>.ui-datepicker-title {
    color: #403d3d;
    display: block;
    font-family: roboto-regular;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px 0 11px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.ui-datepicker-header>.ui-datepicker-title>span.ui-datepicker-year {
    color: #888;
}


/*for disable dates*/

.ui-datepicker-calendar>tbody>tr>td.ui-datepicker-unselectable {
    color: #e1e1e1;
    cursor: no-drop;
}


/* jquery ui calander css */


/* popup notice css */

.popup-notice {
    position: fixed;
    top: 20px;
    right: 20px;
    background: #ff5d73;
    padding: 20px 19px 20px 54px;
    border-radius: 5px;
    /* font-size: 16px; */
    font-family: roboto-medium;
    color: #820808;
    display: none;
    z-index: 199999999;
    font-size: 12px;
    box-shadow: 0 6px 14px -9px #000;
    letter-spacing: .5px;
}

.popup-notice::before {
    font-family: ionicons;
    content: "\f3ab";
    position: absolute;
    top: 10px;
    font-size: 25px;
    left: 19px;
    color: #a94442;
}

.popup-notice.success {
    background: #42b73a;
    color: #fff;
}

.popup-notice.success::before {
    content: "\f38e";
    color: #035505;
}

.popup-notice.warning {
    background: #fcf8e3;
    color: #8a6d3b;
}

.popup-notice.warning::before {
    content: "\f2e3";
    color: #8a6d3b;
}

.popup-notice.info {
    background: #d9edf7;
    color: #31708f;
}

.popup-notice.info::before {
    content: "\f35b";
    color: #31708f;
}


/* popup notice css */


/* crop editor css*/

.editorContainer {
    background-color: #333;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2222;
    display: none !important;
}

.editorContainer>.editorHeader {
    background-color: #111;
    height: 60px;
    text-align: center;
}

.editorContainer>.editorHeader>h2 span {
    color: #FFA000;
    font-family: popM;
    font-size: 12px;
}

.editorContainer>.editorHeader>h2 {
    color: #999;
    display: inline-block;
    float: left;
    font-size: 14px;
    line-height: 52px;
    margin: 0 0 0 20px;
    letter-spacing: 1px;
}

.editorContainer>.editorHeader>p {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 59px;
    margin: 0 30px;
    position: relative;
}

.editorContainer>.editorHeader>p.widthShow::after {
    content: "";
    display: inline-block;
    font-family: ionicons;
    font-size: 20px;
    left: 52px;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    color: #ccc;
}

.editorContainer>.editorHeader>p.heightShow::after {
    content: "";
    display: inline-block;
    font-family: ionicons;
    font-size: 18px;
    left: 56px;
    position: absolute;
    top: 0;
    transform: rotate(-45deg);
    color: #ccc;
}

.editorContainer>.editorHeader>p>strong {
    color: #333;
    margin: 0 37px 0 0;
}

.editorContainer>.editorHeader>p>span {
    color: #ccc;
}

.editorContainer>.editorHeader a:nth-child(2) {
    margin-right: 25px;
}

.editorContainer>.editorHeader>a {
    color: #999;
    display: inline-block;
    float: right;
    font-size: 13px;
    margin: 10px 5px 0;
    border: 1px #444 solid;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    line-height: 42px;
}

.editorContainer>.editorHeader>a.cancelCrop:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.editorContainer>.editorHeader>a.saveCrop:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.editorContainer>.editorHeader>a.resetCrop:hover {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.editorContainer>.editorBody {
    height: 100%;
    margin: 0px 0 0;
    width: 100%;
    background: #222;
    text-align: center;
}

.editorContainer>.editorBody>.cropImageWrapper {
    max-height: 100%;
    overflow: hidden;
    text-align: center;
    max-width: 100%;
    display: inline-block;
    margin-top: 50px;
    max-width: 1000px;
    max-height: 1000px;
}

.editorContainer>.editorBody>.cropImageWrapper>img {
    max-height: 100%;
    max-width: 100%;
}

.editorContainer>.editorBody>.editorToolBar {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    bottom: 45px;
    left: 50%;
    margin-left: -126px;
    position: absolute;
}

.editorContainer>.editorBody>.editorToolBar>a {
    border-radius: 2px;
    color: #ccc;
    display: inline-block;
    margin: 0 -3px;
    padding: 5px 12px;
}

.editorContainer>.editorBody>.editorToolBar>a:hover {
    background-color: #2196F3;
}

.editorContainer>.editorBody>.editorToolBar>a>i.updown {
    display: inline-block;
    transform: rotate(-45deg);
}

.editorContainer>.editorBody>.editorToolBar>a>i.rightleft {
    display: inline-block;
    transform: rotate(45deg);
}


/* crop editor css*/


/* content wrapper css */


/* Add reservation Step 1 */

.check-in-outer,
.check-out-outer,
.travel-outer,
.update-btn-outer {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
    text-align: left;
}

.travel-outer {
    width: 50%;
    margin: 0;
    text-align: center;
}

.travel-outer>.travel-pop-uo {
    display: none;
}

.travel-outer .members img,
.travel-outer .rooms img,
.children img {
    width: 17px;
    margin-left: -18px;
    position: absolute;
    margin-top: 16px;
}

.travel-outer .members,
.travel-outer .children,
.travel-outer p.rooms {
    color: #909090 !important;
    vertical-align: top;
    height: 50px;
    line-height: 50px;
    float: left;
    margin: 0 3px;
    background: #fff;
    border-radius: 6px;
    width: 110px;
    text-align: center !important;
    font-size: 14px !important;
}

.travel-outer p.rooms {}

.travel-outer>a {
    display: block;
    height: 52px;
    width: 93%;
    padding: 0;
    border-radius: 6px;
    color: #3e3e3e;
    font-family: roboto-regular;
    font-size: 13px;
    letter-spacing: 0px;
    outline: none !important;
    position: relative;
z-index: 999;
}

.update-container {
    padding: 20px 0;
}

.check-in-outer,
.check-out-outer {
    width: 18%;
}

.check-in-outer img,
.check-out-outer img {
    width: 17px;
    position: absolute;
    left: 20px;
    bottom:20px;
}

.check-in-outer input,
.check-out-outer input {
    border: 1px #e1e1e1 solid;
    height: 52px;
    width: 100%;
    padding: 0 0 0 55px;
    border-radius: 6px;
    color: #3e3e3e;
    font-family: roboto-regular;
    font-size: 13px;
    letter-spacing: 0px;
    background: #fff;
}

.templateSideBookingEngine .check-in-outer input, .templateSideBookingEngine .check-out-outer input {
   
    position: relative;
    z-index: 1;
    top: -3px;
}


.update-btn-outer {
    color: #fff;
    width: 1%;
    display: inline-block;
    vertical-align: bottom;
    text-align: right;
    margin: 0;
}

.update-btn-outer>a {
    background: #78a2ff;
    width: 120px;
    display: inline-block;
    text-align: center;
    color: #fff;
    height: 52px;
    line-height: 55px;
    border-radius: 100px;
    margin-left: -41px;
    font-size: 13px;
    font-family: roboto-regular;
    letter-spacing: .9px;
    text-transform: uppercase;
}

.update-btn-outer>a:hover {
    background: #ff5d83;
}


/* Rooms View */

.bed-room.bed-room-1.room-block {
    display: block;
    margin: 0 0 45px;
    -webkit-animation-duration: .5s;
    -animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    border: 1px #d2d2d2 solid;
    background: #fff;
}

.bed-room .img-container {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    position: relative;
    overflow: hidden;
    height: 175px;
}

.bed-room .img-container>img {
    width: 100%;
    transform: scale(1.9);
}

.bed-room .content-container {
    display: inline-block;
    width: 69%;
    vertical-align: top;
    padding: 0;
}

.bed-room .content-container>div {
    display: table;
    width: 100%;
    padding: 14px 0 5px;
    table-layout: fixed;
    border-bottom: 1px #e6e6e6 solid;
}

.bed-room .content-container>div>div {
    display: table-cell;
    vertical-align: middle;
    padding-right: 16px;
    padding-left: 14px;
    padding-top: 27px;
}

.bed-room .content-container>p {
    font-size: 16px !important;
    font-family: roboto-light !important;
    border-bottom: 1px #e6e6e6 solid;
    padding-bottom: 12px;
}

.bed-room .content-container>div>.head-container {
    width: 50%;
}

.bed-room .content-container>div>.amount-container,
.bed-room .content-container>div>.btn-cont {
    width: 25%;
}

.bed-room .content-container>div>.btn-cont {
    text-align: right;
}

.bed-room .content-container>div>.btn-cont>a {
    display: inline-block;
    width: 110px;
    text-align: center;
    background: #81abff;
    height: 45px;
    line-height: 47px;
    color: #fff;
    border-radius: 100px;
    font-size: 13px;
    font-family: roboto-light;
    letter-spacing: .4px;
    margin-top: -8px;
}

.bed-room .content-container>.content-wrap {
    border: none;
    padding: 7px 0 0;
}

.bed-room .content-container>.content-wrap>p,
.bed-room .content-container>.content-wrap>a {
    display: table-cell;
    vertical-align: middle;
}

.bed-room .content-container>.content-wrap>p.space {
    width: 51%;
    padding-top: 3px;
}

.bed-room .content-container>.content-wrap>a {
    text-align: center;
    background: #ff699c;
    height: 35px;
    line-height: 36px;
    color: #fff;
    border-radius: 50px;
    font-size: 12px;
    font-family: roboto-light;
    letter-spacing: 1px;
    font-weight: normal;
    width: auto;
    display: inline-block;
    text-transform: uppercase;
    padding: 0 16px;
    margin-top: 4px;
    margin-left: 16px;
    opacity: 1;
}

.bed-room .content-container>.content-wrap>p.size {
    width: 33%;
    padding-top: 7px;
}

.room-section-heading .input-item.input {
    float: right;
    margin: -10px 0 0 0 !important;
    text-align: right;
}


/* Reservation Step 2 */

.reservations-wrapper .guest-heading .guest,
.reservations-wrapper .rooms-reservations .guest,
.reservations-wrapper .extra-room-heading .guest {
    margin-left: 0px;
    padding: 0;
    height: auto;
    min-height: auto;
    /*text-transform: capitalize; */
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 26px !important;
    font-weight: 420;
    letter-spacing: .004em;
    line-height: 1.125;
    color: var(--sk-headline-text-color,#1d1d1f);
}

.reservations-wrapper .guest-heading .img-wraper,
.reservations-wrapper .rooms-reservations .img-wraper,
.reservations-wrapper .extra-room-heading .img-wraper {
    position: absolute;
    right: -13px;
    text-align: right;
    top: 16px;
}

div.guest-heading {
    margin-bottom: 14px;
    margin-bottom: 7px;
}

.guest-reservations .guest {
    width: 100% !important;
    margin-top: 15px !important;
    float: none !important;
    display: inline-block;
    text-align: left;
    border: none;
    vertical-align: middle;
    margin-left: 0px;
    padding: 0;
    height: auto;
    min-height: auto;
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 26px !important;
    font-weight: 420;
    letter-spacing: .004em;
    line-height: 1.125;
    color: var(--sk-headline-text-color,#1d1d1f);
}

.guest-reservations .status {
    float: none !important;
    display: inline-block;
    margin: 0;
    border: none;
    vertical-align: top;
    padding: 10px 0 0;
    text-align: left;
    width: 60%;
}

.guest-reservations>input {
    display: none;
}

.guest-reservations .img-wraper {
    width: 5.0769230769%;
    height: 29px;
    margin-left: 0.57452%;
    padding-top: 4px;
    float: none;
    display: inline-block;
}

.adults .adults-ntv {
    margin: 0 !important;
}

.kids .input-kids {}

.negative-1:hover,
.negative-2:hover,
.main-container>form .extra-room-options .calculation .positive-1:hover {
    background-color: #ff588d !important;
}

.negative-1,
.negative-2,
.main-container>form .extra-room-options .calculation .positive-1 {
    display: block !important;
    float: left !important;
    width: 45px !important;
    height: 45px !important;
    min-height: 15px !important;
    background-color: #9697a5 !important;
    text-align: center !important;
    color: #ffffff !important;
    margin: 0 !important;
    line-height: 45px !important;
    font-size: 15px !important;
}

.adults .input-adults {}

.adults .adults-ptv {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.adults .positive-1 {
    margin-left: 24.71483%;
    width: 29px;
    margin-top: 0 !important;
    height: 40px;
    line-height: 37px;
}

.kids .kids-ntv {
    margin-left: 0 !important;
    margin-top: 0;
}

.room-types .kids {}

.kids-ptv .positive-2 {
    height: 40px !important;
    margin-left: 24.03162% !important;
    width: 30px;
    line-height: 37px;
}

.kids-ptv {
    float: left;
    width: 18.1818181818%;
    height: 12px;
    margin: 0px 0 0 8.09141% !important;
}

.more-rooms {
    float: left !important;
    width: 36.3076923076% !important;
    min-height: 33px !important;
    padding: 13px 10px !important;
    font-size: 1em !important;
    color: rgb(102, 102, 102) !important;
    background-color: #fff !important;
}

.amount,
.type {
    display: block !important;
    float: left !important;
    width: 100% !important;
    height: 40px !important;
    padding: 0 10px !important;
    background-color: #ffffff !important;
    font-size: 0.722em !important;
    font-weight: 400 !important;
    color: #686868 !important;
}

.amount-head,
.popup-head,
.popup-outer,
.type-head {
    float: left;
    width: 15%;
    height: 30px !important;
    padding-top: 10px;
}

.pop-btn {
    display: block !important;
    float: left !important;
    width: 100% !important;
    min-height: 20px !important;
    border-radius: 53px !important;
    background-color: #fc4785 !important;
    font-size: 0.889em !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;
    text-align: center !important;
    color: #ffffff !important;
    line-height: 20px !important;
}

.details-wrap>div {
    margin-bottom: 10px !important;
}

.guest-details {}

.adults {}

.total-outer .total {
    display: block;
    width: 100%;
    height: 40px !important;
    padding: 0 10px;
    background-color: #ffffff;
    font-size: 0.722em;
    font-weight: 400;
    color: rgb(0, 0, 0);
}

.negative {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    min-height: 15px;
    margin: 34px 0 0 10% !important;
    border-radius: 50px;
    background-color: #ed4a84;
    font: 700 1.214em/0.68 Roboto;
    text-align: center;
    color: #ffffff;
}

.room-types .room-operation,
.room-types-2 .room-operation {
    width: 4.077% !important;
    height: 88px !important;
    margin: 0 0 0 1.53606% !important;
    background: #fff;
    padding: 0 4px;
}

.room-sections {
    float: left;
    width: 94%;
    height: 88px;

}

.room-div {
    float: left;
    margin-top: 1px;
    padding: 10px 0 !important;
}

.dollar-img {
    float: left;
    width: 25%;
    height: 25px;
    padding: 0 !important;
    background-color: rgb(245, 245, 245);
}

.dollar-img select {
    color: #9b9a9a;
}

.bed-room.room-block p {
    color: #909090 !important;
    margin-bottom: -2px !important;
    font-size: 13px !important;
}

.bed-room.room-block .amount-container {
    background: transparent;
}

.bed-room .content-container>div>.btn-cont>div {
    color: #ff6060 !important;
    font-size: 14px;
    letter-spacing: .4px;
}

.search-wrap p.heading {
    color: #333 !important;
}

.search-wrap .search-outer .btn-wrap ._button {
    margin-top: 20px !important;
}

.result-head-outer .rm-type {
    float: none !important;
    width: 10% !important;
    min-height: 30px !important;
    border-right: 1px solid #cecece !important;
    text-align: center !important;
    color: #666666 !important;
    display: table-cell !important;
    vertical-align: middle !important;
    font-size: 14px;
}

.result-head-outer .adults,
.result-head-outer .rooms {
    float: none !important;
    width: 6% !important;
    min-height: 30px;
    border-right: 1px solid #cecece;
    font-size: 14px;
    text-align: center;
    color: #666666;
    display: table-cell;
    vertical-align: middle;
    background: transparent !important;
}

.result-head-outer .inf,
.result-head-outer .kids {
    float: none !important;
    width: 5% !important;
    min-height: 30px;
    border-right: 1px solid #cecece;
    font-size: 14px;
    text-align: center;
    color: #666666;
    display: table-cell;
    vertical-align: middle;
    background: transparent !important;
}

.status {
    float: none !important;
}

.guest {
    width: 16%;
    min-height: 30px;
    border-right: 1px solid #cecece;
    font-size: 14px !important;
    text-align: center;
    color: #666666;
    display: table-cell;
    vertical-align: middle;
    float: none !important;
}

.dash-body-wrapper.reservations-wrapper .update-container .check-in-outer p,
.dash-body-wrapper.reservations-wrapper .update-container .check-out-outer p,
.dash-body-wrapper.reservations-wrapper .update-container .travel-outer p,
.travel-outer.open .travel-pop-uo .room-block p,
#room-options-for-reservation .room-info-blocks p {
    color: #ff6199;
    font-family: roboto-light;
    font-size: 14px;
    letter-spacing: .5px;
    margin-bottom: 9px;
    text-align: left;
}

body .dash-body-wrapper.reservations-wrapper .update-container .travel-outer a#travelers-handler p {
    color: #909090 !important;
    vertical-align: top;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    float: left;
    margin: 0 3px;
    border: 1px #e1e1e1 solid;
    border-radius: 6px;
    width: 110px;
}

.travel-outer .travelers-summary .rooms {
    border-right: none;
}

.pop-up-main-wrap {
    float: none !important;
    width: auto;
    padding-top: 25px;
    padding-bottom: 129px;
    background-color: rgb(255, 255, 255);
    display: block;
    left: 0;
    right: 0;
    z-index: 1051;
    overflow: auto;
    height: 100%;
    z-index: 1060;
}

.pop-up-wrap {
    width: 80%;
    margin: 0 auto 60px;
    padding: 24px 30px 0;
    background-color: rgb(255, 255, 255);
    border-radius: 12px;
    height: auto;
    overflow: auto;
}

.pop-up-main-wrap .pop-up-wrap .img-container {
    float: none !important;
    width: auto;
    height: auto;
    display: block;
    vertical-align: top;
}

.pop-up-main-wrap .pop-up-wrap .img-container .img-wrap {
    float: none !important;
    width: 100%;
    height: 300px;
}

.pop-up-main-wrap .pop-up-wrap .text-container {
    float: none !important;
    width: 100%;
    display: block;
    vertical-align: top;
}

.pop-up-main-wrap .pop-up-wrap .text-container .text-wrap {
    float: none !important;
    width: 100%;
    padding: 0;
    height: auto !important;
}

.pop-up-main-wrap .pop-up-wrap .text-container .desc-wrap {
    float: none !important;
    width: 100%;
    padding-left: 25px;
    position: relative;
}

.pop-up-main-wrap .pop-up-wrap .text-container .heading-wrap {
    float: none !important;
    width: 95%;
    display: inline-block;
}

.pop-up-main-wrap .pop-up-wrap .text-container .desc-text {
    float: none !important;
    width: 100%;
    min-height: 30px;
    border-bottom: 1px solid rgb(0, 0, 0);
    font-size: 1.583em;
    font-weight: 500;
    color: rgb(0, 0, 0);
}

.pop-up-main-wrap .pop-up-wrap .text-container .btn-wrap {
    float: none !important;
    width: 4%;
    display: inline-block;
}

.pop-up-main-wrap .pop-up-wrap .text-container .btn-wrap {
    height: 20px;
    padding-top: 5px;
}

.pop-up-main-wrap .pop-up-wrap .text-container .btn-wrap ._button {
    float: none !important;
    width: 30px !important;
    height: 30px;
    background-color: #eb427c;
    font-size: 12px;
    border-radius: 50%;
    display: inline-block !important;
    padding: 0 !important;
    position: absolute;
    right: -30px;
    line-height: 30px;
}

.pop-up-main-wrap .pop-up-wrap .text-container .detail-text-1 {
    clear: both;
    padding: 10px 25px 10px;
}

.pop-up-main-wrap .pop-up-wrap .text-container .detail-text {
    float: none !important;
    width: 100%;
}

.pop-up-main-wrap .pop-up-wrap .text-container .detail-text .detail-text {
    min-height: 63px;
    font-size: 1.333em;
    color: rgb(0, 0, 0);
}

.pop-up-main-wrap .pop-up-wrap .text-container .amenities-heading {
    float: none !important;
    clear: both;
    width: 100%;
}

.pop-up-main-wrap .pop-up-wrap .text-container .amenities-text {
    float: none !important;
    border-bottom: 1px solid rgb(225, 225, 225);
    color: #ff769d;
    font-family: roboto-medium;
    font-size: 20px;
    padding: 10px 0px 10px;
}

.pop-up-main-wrap .pop-up-wrap .text-container .amenities-cont {
    float: none !important;
    clear: both;
    width: 100%;
    padding: 0;
    text-align: left;
}

.pop-up-main-wrap .pop-up-wrap .text-container .amenities-col-1 {
    width: 100% !important;
}

.pop-up-main-wrap .pop-up-wrap .text-container .amenities-col {
    float: none !important;
    margin-top: 20px;
}

.pop-up-main-wrap .pop-up-wrap .text-container .amenities-col ._container {
    float: none !important;
    width: 32% !important;
    display: inline-block;
    vertical-align: top;
    color: #898888;
    text-align: left;
}

.pop-up-main-wrap .pop-up-wrap .text-container .amenities-col ._container ._container {
    position: relative;
    padding-left: 0;
    width: 100% !important;
}

.pop-up-main-wrap .pop-up-wrap .text-container .amenities-col ._container ._container p {
    float: none !important;
    width: 100%;
    font-size: 13px;
    color: #727272 !important;
    font-family: roboto-regular;
    margin-bottom: 17px;
    text-transform: capitalize;
}

.pop-up-main-wrap .pop-up-wrap .text-container .view-btn-wrap ._button {
    display: block;
    width: 260px;
    margin: 0 auto;
    padding: 3px 30px;
    border-radius: 50px;
    background-color: #ed4a84;
    font-size: 0.722em;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    height: 60px;
    line-height: 50px;
}

.dash-body-wrapper.reservations-wrapper .search-outer .img-wrap .arrow {
    display: block;
    width: 16px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 3px;
}

.dash-body-wrapper.reservations-wrapper .search-outer .calendar,
.dash-body-wrapper.reservations-wrapper .search-outer .eye,
.dash-body-wrapper.reservations-wrapper .search-outer .search-icon,
.dash-body-wrapper.reservations-wrapper .search-outer .triangle {
    display: block;
    width: 18px;
    height: auto;
    margin: 2px auto;
    overflow: hidden;
}

.room-block .child-age-block .child-outer ._select {
    vertical-align: middle;
    font-size: 13px;
    background: #e7e7e7;
    display: inline-block;
    width: 100%;
    text-align: left;
    height: 46px;
    line-height: 42px;
    margin: 0;
    color: #777 !important;
    font-family: roboto-light;
    margin-left: 5px;
    border-radius: 3px;
}

.check-in-outer img,
.check-out-outer img {
    pointer-events: none;
    z-index: 100;
}

.summary-room-block .rm-type {
    border-right: none !important;
}


/* Step 2 */

.room-types .room-sections .room-div .adults-ptv .positive-1 {
    display: block;
    float: left;
    width: 30px !important;
    height: 44px !important;
    min-height: auto !important;
    background-color: #ed4a84;
    font: 700 1.214em/0.78 Roboto;
    text-align: center;
    color: #ffffff;
    line-height: 40px;
    margin-left: 47.772% !important;
}

.room-types .room-sections .room-div .adults-ptv-2 {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

.more--reserve .room-operation .positive {
    box-shadow: 0 6px 14px -9px #000;
    display: inline-block;
    float: none;
    line-height: 51px;
    background: #484853;
    font-family: roboto;
    width: 150px;
    height: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: .3px;
    font-weight: normal;
    border-radius: 6px;
}

.more--reserve .room-operation .positive:hover{
background: #dd3c3c;
}
.room-types .room-sections .room-div input {}

.room-types .room-sections .room-div .adults-ntv,
.room-types .room-sections .room-div .kids-ntv {
    float: left;
    width: 18.1818181818%;
    height: auto !important;
    margin-top: 0;
}

.room-types .room-sections .room-div .adults-1-1 {
    margin-top: 4px !important;
}

.room-types .room-sections .room-div .adults-head-1-1,
.room-types .room-sections .room-div .kids-head {}

.room-types .room-sections .room-div .kids {}

.room-types .room-sections .room-div .kids-ptv .positive-2 {
    height: 45px !important;
    margin-left: 42.032% !important;
    width: 30px;
    line-height: 37px;
}

.room-types .room-sections .room-div .kids .input-kids {}

.room-types .room-sections .room-div .kids-head {}

.room-types .room-sections .room-div .adults-head,
.room-types .room-sections .room-div .adults-head-1-1,
.room-types .room-sections .room-div .kids-head {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

.room-types .room-sections .room-div .adults,
.room-types .room-sections .room-div .kids,
.room-types .room-sections .room-div .adults-1-1 {
    position: relative;
    border: none !important;
    background: transparent !important;
    width: 43%;
    float: none;
    display: inline-block;
    margin-right: 21px;
    text-align: left;
    vertical-align: top;
    height: auto;
    margin: 0 0 12px;
}

.room-div input.hidden {
    display: none !important;
}

.room-types .room-sections .room-div .adults-head>span,
.room-types .room-sections .room-div .kids-head>span,
.room-types .room-sections .room-div .adults-head-1-1>span {
    display: inline-block;
    border: 1px #e7e7e7 solid;
    height: 48px;
    color: #5d5d5d;
    font-family: roboto-regular;
    font-size: 13px;
    width: 100%;
    display: inline-block;
    border-radius: 4px;
    line-height: 47px;
    padding-left: 15px;
    background: #fff;
    margin-top: 7px;
}

.room-types .room-sections .room-div .adults .positive-1 {
    margin-left: 24.71483%;
    width: 29px;
    margin-top: 0 !important;
    height: 45px !important;
    line-height: 41px !important;
}

.room-types .room-sections .room-div {
    float: left;
    text-align: left;
    height: auto !important;
    margin-top: -16px;
    padding: 10px 0 !important;
}

.room-types .room-sections .room-1,
.room-types .room-sections .room-2 {
    float: left;
    clear: both;
    width: 47.61% !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f4f4f5;
}

.room-types .room-sections {
    float: none;
    width: 100%;
    height: auto !important;
    display: block;
    padding: 0;
}

.room-types .room-sections .room-1,
.room-types .room-sections .room-2 {
    float: left;
    clear: both;
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: transparent !important;
}

.room-types .room-operation {
    float: none;
    display: table-cell;
}

.room-types .room-operation,
.room-types-2 .room-operation {
    width: 4.077% !important;
    height: 100% !important;
    margin: 0 !important;
    background: #fff;
    padding: 0 4px;
    background: #fff !important;
    border-left: 5px solid !important;
    vertical-align: middle;
    display: none;
}

.main-container>form .more--reserve .room-operation {
    width: 100%;
    min-height: auto !important;
    text-align: left;
    padding: 0 0 13px;
    margin: 10px 0 0;
    border-bottom: 1px #e9e9e9 solid;
}

.main-container>form .reservations-details .guest-reservations .status {
    display: inline-block !important;
    width: 28% !important;
    text-align: right;
    font-size: 12px !important;
    color: rgb(135, 131, 131);
    font-family: roboto-regular;
    letter-spacing: .4px;
    line-height: 27px;
}

.guest-reservations>input.inputstatus {
    width: 267px;
    float: none;
    margin: 0 0 0 7px;
}

.room-types .room-sections .room-div .input-l-name {
    display: inline-block;
    float: none !important;
    width: 49% !important;
    margin: 0 !important;
    background: #f4f4f5 !important;
}

.room-types .room-sections .room-div .regis-l-name {
    position: relative;
    float: none !important;
    clear: both;
    z-index: 61;
    width: 48.775% !important;
    min-height: 19px;
    margin-top: 20px;
    font-size: 1em;
    color: rgb(102, 102, 102);
    display: inline-block;
}

.main-container>form .extra-room-options .checkbox-label-3 {
    display: block;
    float: left;
    width: 4.2042042042%;
    height: 20px;
    margin: 12px 15px 0;
}

.main-container>form .extra-room-options .extra-rooms-01 .input-name {
    width: 196px !important;
    display: block;
}

.main-container>form .extra-room-options .calculation {
    border: 1px #bdbdbd solid;
    overflow: hidden;
    height: 47px;
    border-radius: 6px;
    margin: 0 0 0 10px;
    overflow: hidden;
    scale: 0.7;
}

.main-container>form .extra-room-options .calculation .adults-ntv {
    margin-left: 0 !important;
    margin-top: 0 !important;
}

.main-container>form .extra-room-options .calculation .input-adults {
    background: transparent !important;
    height: 45px !important;
    margin-top: 0px;
    margin-left: 17px;
    width: 59px;
    padding: 0;
    font-family: roboto-bold;
    font-size: 13px;
}

.main-container>form .extra-room-options .calculation .positive-1 {}

.main-container>form .extra-room-options .calculation .adults-ptv {
    float: left;
    width: 18.1818181818%;
    height: 12px;
    margin-top: 0 !important;
    padding: 0;
    margin: 0;
}

.main-container > form .extra-room-options .extra-rooms-01 .amount {
    padding: 15px 21px !important;
    margin: 0 0px 0px 14px !important;
    width: auto !important;
    background: transparent !important;
    height: 47px !important;
    text-align: center;
    font-size: 13px !important;
    border: 1px #cacaca solid !important;
    border-radius: 5px !important;
}

.main-container > form .extra-room-options .extra-rooms-01 .room-1 {
    width: 169px;
    height: auto !important;
    text-align: left;
    margin: 0;
    padding: 0;
    border: none;
}

.main-container > form .extra-room-options .extra-rooms-01 {
    float: left;
    clear: both;
    width: 100%;
    height: auto !important;
    border-bottom: 1px solid rgb(236, 236, 236);
    padding-bottom: 20px;
}

.discount-wrap>input {
    margin-left: 0;
}

.discount-wrap .dollar-img>select {
    background: rgb(242, 242, 242);
}

.input-wrap .price {
    width: 100% !important;
    padding-left: 30px;
}

.room-block .second.child-age-block,
.room-block>.first {
    float: none !important;
    text-align: left;
}

.room-types .room-sections .room-div .adults-ntv-2 {
    margin-left: 0 !important;
}

.room-types .room-sections .room-div .negative {
    display: block !important;
    float: none !important;
    width: 15px !important;
    height: 15px !important;
    margin: 0 0 0 10% !important;
    border-radius: 50px !important;
    background-color: #ed4a84 !important;
    font: 700 1.214em/0.68 Roboto !important;
    text-align: center !important;
    color: #ffffff !important;
    line-height: 9px !important;
}

.room-types .room-operation .negative {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    min-height: 15px !important;
    margin: 0 0 0 10% !important;
    border-radius: 50px;
    background-color: #ed4a84;
    font: 700 1.214em/0.68 Roboto;
    text-align: center;
    color: #ffffff;
    line-height: 10px !important;
}

.room-types .room-operation .positive {
    margin-top: 17px !important;
}


/* GRID */

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .eleven,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .fifth,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .fourth,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .ninth,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .second,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .sixth,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .tenth,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .third,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .thirteen,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .twelve {
    float: none !important;
    width: 3.1% !important;
    border-right-width: 1px;
    border-right-style: solid;
    display: inline-block !important;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .room-rates {
    display: none;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .room-type-p {
    width: auto;
    z-index: 1050;
    min-height: auto;
    color: #535252;
    font-size: 14px;
    font-family: roboto-regular;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .first-inner,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .rates {
    height: auto;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .rates .second {
    width: 3.14% !important;
    padding: 6px 0 0;
    text-align: center;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .first-inner {
    float: none;
    position: absolute;
    right: 0;
    top: 11px;
    width: 310px;
    z-index: 11111111111;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .inner .first,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .rates .first,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .sells .first {
    height: auto !important;
    background: #e0e0e0;
    padding: 0;
    margin-left: -5px;
    margin-top: 0;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .first {
    float: none !important;
    width: 100%;
    display: block;
    overflow: hidden;
    text-align: left;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .inner-2 {
    float: left;
    clear: both;
    width: 100%;
    height: auto !important;
    padding: 2px 2px;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .inner-15,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .inner-44,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .inner-73 {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    padding-right: 0;
    padding-left: 2px;
    background-color: transparent;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap {
    float: left;
    clear: both;
    width: 100%;
    height: auto !important;
    position: relative;
}

.gridFullMonthView .lower .first {
    float: none;
    width: auto;
    display: block;
    text-align: left;
    padding: 18px 0 0;
}

.gridFullMonthView>.btn-wrap>#roomTypesSelect {
    position: absolute;
    right: 23px;
    margin-top: -127px;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .avail-rooms {
    float: none;
    display: inline-block;
    width: 119px;
    height: auto;
    line-height: normal;
    vertical-align: top;
    padding-top: 17px;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .rate-t {
    float: none !important;
    width: 30% !important;
    min-height: 28px;
    font-size: 1.167em;
    line-height: 2.68;
    text-align: center;
    color: #fc4785;
    display: none;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .rooms {
    float: none !important;
    width: 23% !important;
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    display: inline-block !important;
    margin: -7px 0 0;
    padding: 19px 5px 0;
    vertical-align: top;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .img-wrap {
    float: none !important;
    width: 43px !important;
    height: auto !important;
    padding-top: 7px;
    padding-left: 7px;
    display: inline-block !important;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .sells {
    float: left;
    clear: both;
    width: 100%;
    height: auto !important;
}

.gridFullMonthView .checkbox-label {
    margin: 13px 0 0;
}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .eleven,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .fifth,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .fourth,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .ninth,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .second,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .sixth,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .tenth,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .third,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .thirteen,
.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .twelve {}

.gridFullMonthView #grid-rooms-wrapper .rooms-wrap .second p.inner {
    margin: -1px 0 0;
    text-align: center;
}

.main-container #reservation_records>h2 {
    color: #333 !important;
}


/* grid css */

.grid-confirm-popup {
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    display: none;
}

.grid-confirm-popup>.grid-confirm-block {
    background: #333;
    width: 700px;
    position: relative;
    margin: 0 auto;
    height: 200px;
    top: 50%;
    margin-top: -100px;
    padding-top: 61px;
}

.grid-confirm-popup>.grid-confirm-block>p {
    text-align: center;
    color: orange;
    font-size: 15px;
    margin: 0 0 0;
}

.grid-confirm-popup>.grid-confirm-block>.grid-confirm-btns {
    background: #222;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

.grid-confirm-popup>.grid-confirm-block>.grid-confirm-btns>a {
    color: #eee;
    display: inline-block;
    vertical-align: middle;
    width: 35%;
    margin: 0 50px;
}


/* grid css */

.guest-details>.guest-countrty>.city-name>select,
.reservations-details>.guest-res-date>.city-name>select {
    border-bottom: 1px #b9b9b9 solid;
    height: 48px;
    color: #5d5d5d;
    font-family: roboto-regular;
    font-size: 13px;
    width: 100%;
    display: inline-block;
    border-radius: 0;
    padding-left: 0;
    background: #fff;
    margin-top: 0;
    height: 28px;
}

.note-outer>input {
    height: 40px !important;
}


/* .action-confirm-container */

#action-confirm-container {
    position: fixed;
    background: rgba(255, 255, 255, 0.85);
    top: 0;
    left: 298px;
    width: auto;
    height: 100%;
    display: none;
    right: 0;
}
#action-confirm-container > .a-confirm-block {
    height: auto;
    width: 500px;
    background: #fff;
    text-align: center;
    position: relative;
    top: 50%;
    margin: -150px auto 0;
    padding: 20px 56px;
    border-radius: 8px;
    box-shadow: 0 23px 25px -39px #000;
    border: 1px #e8e8e8 solid;
}

#action-confirm-container > .a-confirm-block > p.unitsPopUp span {
    display: block;
    color: #ff558d;
    font-size: 24px;
    font-family: roboto-bold;
    margin: 0 0 15px;
}

.roomUnitsList > div.nounitFount {
    background: #ff5959;
    margin: -10px 0px 6px;
    padding: 12px 12px 12px;
    color: #fff;
    font-size: 13px;
    letter-spacing: .5px;
}

#action-confirm-container > .a-confirm-block > p.unitsPopUp {
    color: #a2a2a2;
    font-size: 13px;
    letter-spacing: .4px;
    line-height: 26px;
    margin: 25px 0 29px;
}
#action-confirm-container > .a-confirm-block > p {
    color: red;
    font-size: 16px;
    margin-bottom: 100px;
}
#action-confirm-container > .a-confirm-block > a {
    background: #ff4180;
    color: #fff;
    font-size: 13px;
    padding: 12px 0px 11px;
    border-radius: 5px;
    margin: 0 2px 25px;
    width: 100px;
    display: inline-block;
    letter-spacing: .6px;
    font-family: roboto-medium;
}
#action-confirm-container > .a-confirm-block > a.cancel {
    background: #3ab9ff;
}
#action-confirm-container > .a-confirm-block > a:hover{ opacity: .8; }


/* .action-confirm-container */

#loading-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 120000;
    display: none;
    background: #f0f0f0a1;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

#loading-wrapper::before {
    content: '';
    animation: spinner .8s ease infinite;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 60%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
    border: 2px solid transparent;
border-top-color:#76b2ff;
border-bottom-color:#ff5b7a;
}

.update-container.templeteSide {
    background: #fff;
    width: 800px;
    display: inline-block;
    border-radius: 10px;
    vertical-align: top;
    text-align: left;
    padding-left: 20px;
    margin-top: 42px;
    box-shadow: 0 20px 17px -14px #4d4d4d;
}
.templeteSide .update-btn-outer > a#proceedReservation {
    width: auto;
    border-radius: 3px;
    padding: 0 23px;
    position: relative;
    top: -7px;
}

body {
    background-color: rgb(255, 255, 255);
    font: 400 0.875em/1.38 Helvetica;
    color: rgb(255, 255, 255);
}

.adress,
.email,
.f-name,
.reservation-id {
    float: none;
    width: 100%;
    min-height: 22px;
    padding-top: 15px;
    padding-left: 0;
    padding-right: 16px;
    display: inline-block;
    float: left;
    padding: 0 0 0px;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    letter-spacing: -.016em;
    line-height: 1.4285914286;
    color: var(--sk-headline-text-color,#1d1d1f);
    font-weight: 430;
}

.adress-cp {
    float: left;
    width: 14.5631067961%;
    min-height: 23px;
    margin: 11px 0 0 7.77548%;
    padding-top: 2px;
    font-size: 1em;
    color: rgb(102, 102, 102);
}

.adress-inf0 .input-name {}

.adults {}

.adults .adults-ntv {
    margin-left: 4.27032%;
}

.adults .adults-ptv {
    margin-left: 8.0984%;
}

.adults .input-adults {
    margin-left: 7.24157%;
}

.adults .negative-1 {
    margin-left: 19.54373%;
}

.adults .positive-1 {
    margin-left: 24.71483%;
}

.adults-head {}

.adults-ntv,
.kids-ntv {
    float: left;
    width: 18.1818181818%;
    height: 15px;
    margin-top: 6px;
}

.adults-ptv {
    float: left;
    width: 18.1818181818%;
    height: 12px;
    margin-top: 7px;
}

.amount {
    float: left;
}

.amount-60 {}

.amount-container {
    float: left;
    width: 32.2589595375%;
    height: 27px;
    margin-top: 10px;
    background-color: #f4f4f5;
}

.amount-container .amount {
    width: 59.7872951997%;
    min-height: 16px;
    margin: 4px 0 0 6.33212%;
    font-size: 1em;
    color: rgb(102, 102, 102);
}

.arrival {
    margin: 14px 0 0;
}

.calculation {
    float: left;
    width: 150px;
    height: 27px;
    margin: 10px 0 0 14.8622%;
    background-color: #f4f4f5;
}

.calculation .adults-ntv {
    margin-left: 4.23356%;
}

.calculation .adults-ptv {
    margin-left: 8.02671%;
}

.calculation .input-adults {
    margin-left: 7.20273%;
}

.calculation .negative-1 {}

b {
    margin-left: 24.00313%;
}

.checkbox {
    display: block;
    float: left;
}

.checkbox-label {
    width: 4.2682926829%;
    height: 15px;
    margin: 16px 0 0 3.23933%;
}

.checkbox-label-1 {
    display: block;
    float: left;
}

.checkbox-label-2 {
    display: block;
    position: relative;
    float: left;
    z-index: 8;
    width: 4.5751633986%;
    height: 16px;
    margin: 11px 0 0 1.99653%;
}

.checkbox-3,
.checkbox-label-2 .checkbox,
.checkbox-label-3 .checkbox {
    margin-top: 5px;
}

.checkbox-label-3 {
    display: block;
    float: left;
    width: 4.2042042042%;
    height: 20px;
    margin: 13px 0 0 3.89452%;
}

.city {
    float: left;
    width: 32.0113171323%;
    min-height: 21px;
    padding-top: 13px;
    font-size: 1em;
    color: rgb(102, 102, 102);
}

.city-name {
    float: left;
}

.city-name .input2 {}

.delux-room1 {
    position: relative;
    float: left;
    z-index: 4;
    width: 49.6732026143%;
    min-height: 26px;
    margin: 12px 0 0 3.03309%;
    font-size: 1em;
    color: rgb(102, 102, 102);
}

.delux-room2 {
    position: relative;
    float: left;
    clear: both;
    z-index: 3;
    width: 48.6928104575%;
    min-height: 26px;
    margin: 12px 0 0 35.29412%;
    font-size: 1em;
    color: rgb(102, 102, 102);
}

.extra-room-02 {
    float: left;
    clear: both;
    width: 100%;
    height: 166px;
    margin-top: 10px;
}

.extra-room-02 .input-name {
    position: relative;
    z-index: 10;
    width: 75.22%;
    height: 28px;
    margin: 10px 0 0 2.39139%;
    color: rgb(102, 102, 102);
}

.extra-room-02 .room-1 {
    width: 50.4615384615%;
    height: 154px;
}

.extra-room-02 .room-div {
    width: 47.0769230769%;
    margin-left: 1.84375%;
}

.extra-room-02 .sercices3 {
    width: 79.5731707317%;
    margin: 1px 0 0 9.44646%;
}

.extra-room-02 .services2 {
    width: 43.5975609756%;
    margin: 7px 0 0 9.43693%;
}

.extra-room-heading,
.guest-heading,
.guest-reservations {
    position: relative;
    text-align: left;
    margin: 0;
}

.extra-room-heading .guest,
.guest-heading .guest,
.rooms-reservations .guest {
    width: auto;
    float: none !important;
    display: block;
    text-align: left;
    border: none;
    vertical-align: top;
}

.extra-room-heading .img-wraper,
.guest-heading .img-wraper,
.rooms-reservations .img-wraper {
    width: 5%;
    height: 39px;
    padding-top: 5px;
    display: inline-block;
    float: none;
}

.extra-room-options {
    width: 63%;
    height: auto;
    padding: 5px;
    margin: 70px 0 0 !important;
    width: 100%;
    margin: 0px 0 0 !important;
    padding: 0;
}

.extra-room-title {
    height: auto;
    text-align: left;
    padding: 0 !important;
    margin: 10px 0 10px;
}

.extra-rooms-01 {
    float: left;
    clear: both;
    width: 100%;
    height: 123px;
    border-bottom: 1px solid rgb(102, 102, 102);
}

.extra-rooms-01 .amount {
    width: 32.2589595375%;
    height: 27px;
    margin: 10px 0 0 13.72946%;
    background-color: #f4f4f5;
}

.extra-rooms-01 .input-name {}

.extra-rooms-01 .room-1 {
    width: 51.2307692307%;
    height: 112px;
}

.extra-rooms-01 .room-div {
    width: 260px;
    height: auto;
    margin-left: 0;
    text-align: left;
    padding: 0 !important;
}
.main-container > form .extra-room-options .extra-rooms-01 .room-1 input.input-name {
    border: 1px red solid;
    display: none;
}

.extra-rooms-01 .sercices3 {
    margin: -16px 13px 0;
    color: #777;
    font-size: 12px;
    font-family: roboto-regular;
    position: absolute;
}

.extra-rooms-01 .services2 {
    text-align: left;
    color: #828282;
    font-family: roboto-regular;
    font-size: 13px;
    margin: 0;
    padding-top: 0;
    height: 60px;
    text-transform: capitalize;
    line-height: 60px;
}
#reservationFormTemplete {
    top: 0;
    position: relative;
    display: block;
    text-align: left;
}
.extra-rooms-01 .services2 span {
    color: #ff7b98;
}

.extra1 {}

.second-section>p span {
    display: inline-block;
    width: auto;
    padding-left: 143px;
}

.first-section {
    float: left;
    width: 40%;
    height: auto;
}

.guest {}

.adress-inf0-4,
.guest-adress .adress-inf0,
.guest-adress-line .adress-inf0,
.guest-countrty .adress-inf0 {
    display: inline-block;
    width: 45%;
    margin-left: 0;
    vertical-align: top;
    float: none;
}

.adress-inf0-4,
.city-name-4,
.city-name-5,
.section2.reservationInvoiceArea .summary-wrap .summary {
    position: relative;
}

.adress-inf0-4::after,
.city-name-4::after,
.city-name-5::after,
.section2.reservationInvoiceArea .summary-wrap .summary::after {
    content: "";
    height: 100%;
    background: transparent;
    width: 100%;
    position: absolute;
    cursor: no-drop;
    top: 0;
    bottom: 0;
}

.city-name-5::after {
    height: 100px;
    bottom: unset;
}

.city-name-4,
.guest-adress .city-name,
.guest-adress-line .city-name,
.guest-countrty .city-name {
    display: inline-block;
    width: 48%;
    margin-left: 19px;
    vertical-align: top;
    float: none;
    position: relative;
}

.city-name>p {}

.guest-adress .input-name,
.guest-adress-line .input-name,
.guest-countrty .input-name {}

.guest-adress .input2,
.guest-countrty .input2 {
    margin-left: 0;
}

.guest-details,
.reservations-details {
    padding-bottom: 0;
    width: 97%;
    margin-bottom: 0;
    padding-top: 0;
}

.guest-adress,
.guest-adress-line,
.guest-contacts,
.guest-countrty,
.guest-names,
.guest-pswd-id {
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    text-align: left;
    margin-bottom: 27px;
}

.input-postal,
.input-state {
    width: 87px !important;
    float: left;
}

.guest-res-date {
    float: none;
    clear: both;
    width: 98%;
}

.guest-reservations .guest {
    width: 45%;
    margin-top: 3px;
}

.guest-reservations .image1 {
    margin-left: 12.2159099999%;
}

.guest-reservations .img-wraper {
    position: absolute;
    right: -10px;
    top: -4px;
}

.image1 {
    display: inline-block;
    float: left;
    width: 15px;
    height: auto;
    overflow: hidden;
    margin-left: -15px;
}

.img-wraper {
    float: left;
}

.input-adults,
.input-kids {
    display: block;
    float: left;
    width: 36.3636363636%;
    height: 18px;
    margin-top: 3px;
    padding: 4px 10px 0;
    font-size: 0.929em;
    text-align: center;
    color: rgb(102, 102, 102);
}

.input-l-name {}

.input-name {
    display: block;
    float: left;
    padding: 0 10px;
    background-color: #f4f4f5;
    font-size: 0.929em;
}

.input-postal {
    display: block;
    float: left;
    width: 30.3945839438%;
    height: 27px;
    margin: 0 0 0 12px;
    padding: 0 10px;
    background-color: #f4f4f5;
    font-size: 0.929em;
    color: rgb(102, 102, 102);
}

.input-state {}

.input2 {
    display: block;
    float: left;
    height: 27px;
    margin-top: 0;
    padding: 0 10px;
    background-color: #f4f4f5;
    font-size: 0.929em;
    color: rgb(102, 102, 102);
}

.inputarrival {
    display: block;
    position: relative;
    float: left;
    z-index: 135;
    width: 62.13592233%;
    height: 28px;
    margin: 9px 0 0 5.77468%;
    padding: 0 10px;
    background-color: #f4f4f5;
    font-size: 0.929em;
    color: rgb(102, 102, 102);
}

.inputstatus {
    display: block;
    float: left;
    width: 30%;
    height: 22px;
    margin: 14px 0 0 3.625%;
    padding: 0 10px;
    background-color: #f4f4f5;
    font-size: 0.929em;
    color: #ed4a84;
}

.kids {
    /* position: relative; */
    /* float: left; */
    /* width: 34.2312554701%; */
    /* height: 27px; */
    /* margin: 10px 0 0 2.43027%; */
    /* background-color: #f4f4f5; */
}

.kids .input-kids {}

.kids .kids-ntv {
    margin-left: 4.42656%;
}

.kids .negative-2 {
    margin-left: 19.76285%;
}

.kids-head {}

.kids-ptv {
    float: left;
    width: 18.1818181818%;
    height: 12px;
    margin: 7px 0 0 8.09141%;
}

.kids-ptv .positive-2 {
    height: 14px;
    margin-left: 24.03162%;
}

.l-name,
.phone,
.city,
.adress-cp,
.state,
.city-name>p,
.room-type-head,
.room-types .room-sections .room-div .adults-head,
.room-types .room-sections .room-div .adults-head-1-1,
.room-types .room-sections .room-div .kids-head,
.regis-l-name,
.extra-room-title {
    float: none;
    width: 100%;
    min-height: 22px;
    padding-top: 21px;
    padding-right: 16px;
    display: inline-block;
    float: left;
    padding: 0 0 0px;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    letter-spacing: -.016em;
    line-height: 1.4285914286;
    color: var(--sk-headline-text-color,#1d1d1f);
    font-weight: 430;
}



.more--reserve {
    float: left;
    clear: both;
    width: 63.1%;
    height: auto;
    margin-top: 0;
    width: 100%;
    z-index: 1100;
    margin-bottom: 20px;
}

.more--reserve .room-operation {
    width: 3.3846153846%;
    min-height: 45px;
    margin-left: 4px;
    padding-top: 14px;
    padding-left: 6px;
}
.dash-body-wrapper.reservations-wrapper.frontendReservation.finalStep .main-container.clearfix.ste2FormArea {
    float: none;
    width: 80%;
    min-height: 33px;
    padding: 20px;
    font-size: 1em;
    color: rgb(102, 102, 102);
    background-color: #fff;
    display: inline-block;
    margin-top: 0px;
}



.more-rooms {
    float: left;
    width: 36.3076923076%;
    min-height: 33px;
    padding: 10px;
    font-size: 1em;
    color: rgb(102, 102, 102);
    background-color: #fff;
}

.negative {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    min-height: 15px;
    margin: 24px 0 0 10%;
    border-radius: 50px;
    background-color: #ed4a84;
    font: 700 1.214em/0.68 Roboto;
    text-align: center;
    color: #ffffff;
}

.negative-1,
.negative-2 {
    font-size: 27px !important;
}

.phone {}

.phone-nu .input2 {}

.positive {
    display: block;
    float: left;
    width: 15px;
    height: 15px;
    min-height: 15px;
    border-radius: 50px;
    background-color: #ed4a84;
    font: 700 1.214em/0.78 Roboto;
    text-align: center;
    color: #ffffff;
    line-height: 12px;
}

.positive-1 {
    display: block;
    float: left;
    width: 15px;
    height: 14px;
    min-height: 15px;
    background-color: #ed4a84;
    font: 700 1.214em/0.78 Roboto;
    text-align: center;
    color: #ffffff;
}

.positive-2 {
    display: block;
    float: left;
    width: 15px;
    min-height: 15px;
    background-color: #ed4a84;
    font: 700 1.214em/0.78 Roboto;
    text-align: center;
    color: #ffffff;
}

.contact-info,
.first-name,
.pswd-inf0 {
    float: left;
    width: 45%;
}

.reservation-search-wrap {
    padding: 22px 20px 20px;
    display: table;
    width: 100%;
}

.reservation-search-wrap .inputWrap {
    display: table-cell;
    width: 15%;
    text-align: left;
    vertical-align: bottom;
    position: relative;
}

.reservation-search-wrap .inputWrap.fillterSubmitWrap {
    width: 10%;
}

.reservation-search-wrap .inputWrap input {
    height: 40px;
    background: #f5f5f5;
    color: #333;
    padding-left: 10px;
    border-radius: 5px;
    width: 90%;
    font-size: 13px;
    font-family: Roboto-Regular;
    box-shadow: 0 1px 9px -6px #000;
}

.reservation-search-wrap .inputWrap select {
    width: 90%;
    height: 40px;
    background: whitesmoke;
    border-radius: 5px;
    color: #777;
    font-size: 12px;
    font-family: Roboto-Regular;
    padding-left: 10px;
    box-shadow: 0 1px 9px -6px #000;
}

.reservation-search-wrap .inputWrap option {}

.reservation-search-wrap .inputWrap label {
    color: #626262;
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
    font-family: Roboto-Regular;
}

.reservation-search-wrap .inputWrap label i {
    background: #b9b9b9;
    right: 15px;
    position: absolute;
    width: 30px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    bottom: 0;
    border-radius: 0 5px 5px 0;
}

.reservation-search-wrap .inputWrap input[type="submit"] {
    background: #6eb2ff;
    color: #fff;
    border-radius: 7px;
    height: 40px;
    text-align: center;
    padding: 0;
}

.reservation-search-wrap .inputWrap input[type="submit"]:hover {
    color: #333;
}

.reservationInfoWrap {
    background: #eaeaea;
}

.reservationInfoWrap .reservationInfoHead,
.reservationInfoBottom .reservationInfoRow {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.reservationInfoHead .reservationInfoSingle {
    font-size: 11px;
    text-transform: uppercase;
    color: #ccc;
    text-align: center;
    padding: 0;
    background: #3f3e48;
    line-height: 15px;
}

.reservationInfoSingle {
    display: table-cell;
    color: #777;
    font-size: 13px;
    font-family: Roboto-Regular;
    line-height: 30px;
    width: auto;
    border-right: 1px solid #eee;
    height: 70px;
    vertical-align: middle;
    padding: 0 8px;
    position: relative;
    overflow: hidden;
}

.reservationInfoBottom .reservationInfoRow {
    border-bottom: 1px solid #f8f8f8;
    height: 70px;
    line-height: 70px;
}

.reservationInfoSingleSmall {}

.reservationInfoSingle a {
    color: #747474;
    width: auto;
    display: inline-block;
    font-size: 13px;
}

.reservationInfoSingle a:hover {
    background: #ff6197;
    color: #fff;
    border-color: #ff6197;
}

#reservation_records>h2 {
    color: #b3b3b3;
    padding: 50px 0;
    font-family: Roboto-Medium;
    text-transform: capitalize;
    font-size: 30px;
}

.contact-info .input-name,
.first-name .input-name,
.pswd-inf0 .input-name {}

.regis-l-name {}

.regis-name {}

.last-name,
.phone-nu,
.reservation-input {
    display: inline-block;
    width: 46%;
    margin-left: 19px;
    vertical-align: top;
}

.reservation-input .input2 {
    display: none;
}

.reservationActiveStatus select,
.guest-details input,
.reservations-details input,
.room-sections input,
.main-container>form .extra-room-options .extra-rooms-01 .input-name,
.main-container>form .extra-room-options .extra-rooms-01 .amount,
.pswd-inf0 p:nth-child(2) {
    border-bottom: 1px #b9b9b9 solid;
    height: 48px;
    color: #5d5d5d;
    font-family: roboto-regular;
    font-size: 13px;
    width: 100%;
    display: inline-block;
    border-radius: 0;
    padding-left: 0;
    background: #fff;
    height: 28px;
}

.pswd-inf0 p:nth-child(2) {
    letter-spacing: .5px;
    color: #6b6b6f;
    font-size: 12px;
    margin-bottom: -7px;
    line-height: 19px;
}

.adress-cp {
    margin: 0 0 -13px;
    position: absolute;
    right: 0;
    width: 104px !important;
}

.reservations-details {
    text-align: left;
}

.adress-inf0,
.room-1 {
    float: left;
}

.room-div {
    float: left;
    margin-top: 1px;
}

.room-div .checkbox-label-1 {
    position: relative;
    z-index: 6;
    width: 4.5751633986%;
    height: 16px;
    margin: 10px 0 0 0.86806%;
}

.room-operation {
    float: left;
}

.room-sections {
    float: left;
    width: 94%;
    height: 88px;
}

.room-sections .room-div {}

.room-type-head {}

.room-types .adults {
    z-index: 102;
}

.room-types .adults-head {}

.room-types .input-name {}

.room-types .kids {
    z-index: 95;
}

.room-types .kids-head {
    z-index: 96;
}

.room-types .room-1 {
    height: auto;
}

.room-types .room-div {
    margin-left: 0;
    vertical-align: top;
    width: 100%;
}

.room-types-2 .adults {
    z-index: 58;
}

.room-types-2 .adults-head {
    z-index: 59;
}

.room-types-2 .input-name {
    position: relative;
}

.room-types-2 .kids {
    z-index: 51;
}

.room-types-2 .kids-head {
    z-index: 52;
}

.room-types-2 .room-1 {
    width: 45.6628477905%;
    height: 84px;
}

.room-types-2 .room-div {
    margin-left: 1.73384%;
}

.room-types .room-operation,
.room-types-2 .room-operation {
    width: 3.0769230769%;
    height: 61px;
    margin: 11px 0 0 1.53606%;
}

.room-types-2 .room-type-head {
    position: relative;
    z-index: 64;
}

.rooms-reservations {
    position: relative;
    width: 97%;
    text-align: left;
    margin: 0px 0 0px;
    margin-top: 20px;
}

.second-section {
    float: left;
    width: 60%;
    height: auto;
    margin-left: 0;
}

.section1 {
    position: relative;
    width: 57%;
}

.section2.reservationInvoiceArea {
    width: 42%;
    height: auto;
    position: relative;
}

.sercices3 {}

.services2 {}

.services4 {}

.state {}

.status {}

.text-empty {
    float: left;
    width: 59.6%;
    min-height: 39px;
    font-family: Roboto;
    font-size: 1.143em;
    color: rgb(0, 0, 0);
}

.adress-inf0-5 {
    width: 46%;
    height: auto;
    margin-top: -9px;
}

.adults-1-1 {}

.adults-head-1-1 {}

.adults-ntv-2 {
    margin-left: 4.5009%;
}

.adults-ptv-2 {
    margin-left: 8.10438%;
}

.city-3 {
    margin-left: 2.5716199999%;
}

.city-4 {
    margin-left: 0;
}

.city-name-5 {
    width: 47%;
    margin-left: 20px;
}

.guest-res-date-1 {
    margin-bottom: 16px;
}

.guest-res-date-2 {
    height: auto;
    margin: 17px 0 15px;
}

.input-adults-2 {
    margin-left: 7.24838%;
}

.input-kids-2 {
    margin-left: 7.23013%;
}

.input-name-10 {
    z-index: 63;
    width: 69.9324324324%;
    height: 28px;
    margin: 10px 0 0 0.46483%;
    color: rgb(102, 102, 102);
}

.input-name-11 {
    z-index: 65;
    width: 69.8924731182%;
    height: 24px;
    margin: 19px 0 0 3.58423%;
    color: rgb(0, 0, 0);
}

.input-name-7 {
    width: 69.8013466139%;
    height: 26px;
    margin-left: 0.68533%;
}

.input-name-8 {
    width: 69.9324324324%;
    height: 59px;
    margin-left: 0.65984%;
}

.input2-6 {
    margin-left: 1.67231%;
}

.input2-7 {
    position: relative;
}

.kids-1-1 {
    position: relative;
    float: left;
    z-index: 89;
    width: 34.2289719626%;
    height: 27px;
    margin: 12px 0 0 2.4499399999%;
    background-color: #f4f4f5;
}

.kids-head-1-1 {
    position: relative;
    float: left;
    z-index: 84;
    width: 10.5772975077%;
    min-height: 18px;
    margin: 14px 0 0 0.61987%;
    font-family: Roboto;
    font-size: 1em;
    color: rgb(102, 102, 102);
}

.kids-ntv-2 {
    margin-left: 4.4415699999%;
}

.negative-1-2 {
    margin-left: 19.75684%;
}

.negative-2-2 {
    margin-left: 19.7784799999%;
}

.positive-1-2 {
    margin-left: 24.77204%;
}

.positive-2-2 {
    height: 15px;
    margin: 6px 0 0 9.87495%;
}

.guest span {
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-left-width: 0;
    border-color: transparent;
    border-style: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: transparent;
    font-family: inherit;
    font-style: normal;
    font-size: 0.688em;
    font-weight: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    color: inherit;
    opacity: 1;
    word-break: normal;
    word-wrap: normal;
    white-space: normal;
}

.guest strong {
    font-family: SF Pro Display,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 26px;
    font-weight: 420;
    letter-spacing: .004em;
    line-height: 1.125;
    color: var(--sk-headline-text-color,#1d1d1f);
}


/* Mobile Compatiablity */

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 800px) {
    .check-in-outer,
    .check-out-outer {
        width: 100%;
        margin: 10px 0;
    }
.travel-outer {
    width: 100%;
    margin-top: 0px;
}
.update-btn-outer {
    width: 100%;
    text-align: left;
    padding-left: 46px;
}
    .update-btn-outer>a {
        width: 100%;
        margin-top: 10px;
    }
    body .dash-body-wrapper.reservations-wrapper .update-container .travel-outer a#travelers-handler p {
        width: 30%;
    }
    .bed-room .content-container,
    .bed-room .img-container {
        display: block;
        width: 100%;
        height: auto;
    }
    .bed-room .content-container{
    border: 1px #e8e8e8 solid;
}

.bed-room .img-container > img {
    width: 100%;
    transform: none;
    height: auto;
}
.newContainer.breakfastOptions {
    border-left: none;
    margin-left: 5px;
}

    .contactContent>.contactContentLeft>form {
        padding: 80px 0 30px;
    }
    .room-block .adult-outer,
    .room-block .child-outer,
    .content-wrapper>.content-handler .input-section .input-item,
    .input-section.externalLinks .input-item.input:nth-of-type(2n),
    .update-container.templeteSide {
        width: 100%;
    }
    .rooms-wrapper>ul.room-grid>li {
        padding: 11px 0 10px;
    }
    .rooms-wrapper>ul.room-grid>li>.row-title {
        width: calc(100% - 150px);
    }
    .reservation-search-wrap .inputWrap {
        width: 100%;
        margin-bottom: 15px;
    }
    .seasons-block .season-head>p {
        margin: 0 0 0 130px;
        position: relative;
        top: -20px;
        width: 210px;
    }
    .seasons-block .season-body>.season-body-head>.season-input-5>input {
        margin-top: 20px;
    }
    .seasons-block .season-body>.season-body-head>.season-input-5 {
        width: 100%;
    }
    .seasons-block .season-body-table>.season-table-row>.season-table-cell>p,
    .seasons-block .season-body-table>.season-table-row.headings>.season-table-cell {
        line-height: 20px;
    }
    .seasons-block .season-body-table>.season-table-row.headings>.season-table-cell:nth-child(5),
    .seasons-block .season-body-table>.season-table-row.headings>.season-table-cell:nth-child(6),
    .seasons-block .season-body-table>.season-table-row>.season-table-cell:nth-child(5),
    .seasons-block .season-body-table>.season-table-row>.season-table-cell:nth-child(6) {
        display: none;
    }
    .city-name-5 {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .adress-inf0-5 {
        width: 100%;
    }
    .adress-inf0-4,
    .guest-adress .adress-inf0,
    .guest-adress-line .adress-inf0,
    .guest-countrty .adress-inf0 {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .guest-adress,
    .guest-adress-line,
    .guest-contacts,
    .guest-countrty,
    .guest-names,
    .guest-pswd-id {
        float: none;
        width: 100%;
    }
    .guest-details,
    .reservations-details {
        width: 100%;
    }
    .adress-inf0-4,
    .guest-adress .adress-inf0,
    .guest-adress-line .adress-inf0,
    .guest-countrty .adress-inf0 {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .reservationActiveStatus select,
    .guest-details input,
    .reservations-details input,
    .room-sections input,
    .main-container>form .extra-room-options .extra-rooms-01 .input-name,
    .main-container>form .extra-room-options .extra-rooms-01 .amount,
    .pswd-inf0 p:nth-child(2) {
        width: 100%;
        margin-top: 0;
    }
    .input-postal {
        float: none;
        margin: 9px 0 0;
    }
    .adress-cp {
        margin: 10px 0 0;
        position: relative;
        right: 0;
        width: 100% !important;
    }
    .input-postal,
    .input-state {
        width: 100% !important;
        float: none;
    }
    .city-name-4,
    .guest-adress .city-name,
    .guest-adress-line .city-name,
    .guest-countrty .city-name {
        width: 100%;
        margin-left: 0;
        float: none;
        position: relative;
        margin-top: 10px;
    }
    .adress-inf0-4,
    .guest-adress .adress-inf0,
    .guest-adress-line .adress-inf0,
    .guest-countrty .adress-inf0 {
        width: 100%;
        margin-left: 0;
        float: none;
    }
    .guest-adress,
    .guest-adress-line,
    .guest-contacts,
    .guest-countrty,
    .guest-names,
    .guest-pswd-id {
        float: none;
        width: 100%;
    }
    .bed-room .content-container>div>.btn-cont>a {
        width: 100px;
    }
    .contact-info,
    .first-name,
    .pswd-inf0 {
        float: none;
        width: 100%;
    }
    .last-name,
    .phone-nu,
    .reservation-input {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .room-types .room-sections .room-1,
    .room-types .room-sections .room-2 {
        float: none;
        width: 100% !important;
    }
    .room-types .room-sections .room-div .adults,
    .room-types .room-sections .room-div .kids,
    .room-types .room-sections .room-div .adults-1-1 {
        width: 100%;
    }
    .room-types .room-div {
        width: 100%;
        float: none;
    }
    .newContainer > div.right {
    width: 147px;
    padding-left: 0px !important;
    padding-right: 3px !important;
}
.newContainer > div.left > div p {
    display: block;
    width: 100%;
    margin: 0 0px 11px !important;
}
.bed-room.bed-room-1.room-block {
    margin: 0 0 10px;
}


.dash-body-wrapper.reservations-wrapper.frontendReservation.finalStep .main-container.clearfix.ste2FormArea {
    width: auto;
    margin: 20px 10px;
    float: none;
    border-radius: 5px;
    box-sizing: border-box;
    position: relative;
}


.payNowOrLater.checkoutButtons {
    margin-bottom: 20px;
}
.summary-wrap {
    width: 100%;
}

.main-container > form .extra-room-options .extra-rooms-01 {
    padding-bottom: 15px;
}


.section1, .room-types {
    display: inline-block;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
}
.extra-room-options.clearfix {
    width: 100% !important;
}
input,select,textarea{ font-size: 16px !important; }

.summary::before {
    content: "";
    height: 100px;
    width: 92%;
    background: transparent;
    position: absolute;
    height: 259px;
    cursor: no-drop;
}


}



@media screen and (max-width: 480px) {
    body .footercontent>div>p {
        width: 90%;
    }

    .newContainer > div.left > div {
    margin-top: 0px;
    padding-bottom: 0px;
}

    body .dash-body-wrapper.reservations-wrapper .update-container .travel-outer a#travelers-handler p {
        width: 100%;
        margin: 5px 0;
    }
body .bookformHeadingsWrap {
    margin-left: 23px;
    margin-bottom: 0px;
}
    .bookingVisibility {
        margin: 0 0 60px;
    }
    .seasons-block .season-body-table>.season-table-row.headings>.season-table-cell:nth-child(4),
    .seasons-block .season-body-table>.season-table-row>.season-table-cell:nth-child(4),
    .seasons-block .season-head>p,
    .img-outer {
        display: none;
    }
    .adress-inf0,
    .room-1 {
        float: none;
    }
    .room-1 .total,
    .room-2 .total {
        display: none;
    }
    .fourth .title,
    .summary .title,
    .third .title,
    .title-11,
    .title-12,
    .title-13 {
        width: 100%;
        float: none;
    }
    .summary-outer .price,
    .third .price {
        width: 100%;
    }
    .title-10 {
        width: 100%;
        text-align: left;
    }
    .g-total {
        margin-top: 15px;
    }
    .deposit-p,
    .g-total {
        float: none;
        width: 100%;
        text-align: right;
    }
    .res-step2-block>.res-payment-opts>label {
        width: 100%;
        display: block;
    }
    .bed-room .content-container>div>.btn-cont>a {
        margin-top: 10px;
    }
    .bed-room .content-container>div>.btn-cont>a {
        width: 80px;
        border-radius: 3px;
        font-size: 13px;
        padding: 5px 0;
        height: unset;
        line-height: unset;
    }
    .bed-room .content-container>.content-wrap>p.space,
    .bed-room .content-container>.content-wrap>p.size {
        width: 100%;
        display: block;
    }
    .bed-room .content-container>div>.amount-container,
    .bed-room .content-container>div>.btn-cont {
        width: 49%;
    }
    .bed-room .content-container>div>.head-container {
        width: 49%;
        text-align: right;
    }
    .bed-room .content-container>div>.head-container p {
        text-align: right;
    }
.bed-room .content-container > div > div {
    display: inline-block;
    vertical-align: middle;
    display: block;
    width: 100%;
}
    .allRoomsHdr>div.rating {
        margin-left: 0;
        margin-top: 100px;
    }

    .allRoomsHdr {
        backdrop-filter: blur(var(--ribbon-background-blur)) !important;
        background-color: var(--ribbon-background-color) !important;
    }

    .rating .ratingWrap {
        margin-right: 0;
        margin-top: 5px;
    }
    .rating .ratingWrap div {
        margin-right: 0;
    }
    .extra2 {
        display: none !important;
    }
    .main-container>form .extra-room-options .extra-rooms-01 .input-name {
        width: 80% !important;
        display: inline-block;
        float: none;
    }
    .main-container>form .extra-room-options .checkbox-label-3 {
        width: 10%;
        display: inline-block;
        float: none;
        margin: 0;
    }
    .extra-rooms-01 .sercices3 {
text-align: left;
margin: -4px 14px 0;
padding: 0;
    }

    .extra-rooms-01 .services2 {
    margin: -44px 12px -12px !important;
}
.main-container > form .extra-room-options .extra-rooms-01 .room-1 {
    width: 100%;
}
    .extra-rooms-01 .room-div {
        text-align: left;
    }
    .extra-rooms-01 .room-div {
        width: 120%;
        padding-bottom: 10px !important;
        float: none;
        margin-top: 18px;
    }
    .room-types .room-div {
        margin-left: 0;
    }
    .main-container>form .extra-room-options .calculation,
    .main-container>form .extra-room-options .extra-rooms-01 {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    .room-block .child-age-block .child-outer ._select {
        font-size: 16px;
    }
    .room-div.extraCounter>.amount {
        margin: 0 !important;
    }
    .newContainer > div.right {
    margin-top: -10px;
}

.newContainer.breakfastOptions {
    margin-left: 0;
    border-left: none !important;
}
.newContainer > div.right {
    width: 147px;
    padding-left: 0 !important;
    padding-right: 3px !important;
    margin-top: -10px;
    margin-left: -5px;
    border-left: none !important;
}

.dash-body-wrapper.reservations-wrapper.frontendReservation.finalStep .main-container.clearfix.ste2FormArea {
    width: auto;
    margin: 20px 10px;
    float: none;
    border-radius: 5px;
    box-sizing: border-box;
    width: auto;
    display: block;
    margin-top: 25px !important;
}
#reservationFormTemplete {
    top: 0;
    position: relative;
    display: inline-block;
    width: 100%;
}


}
.mediumArea.notAllowed::before {
    background: #5a6485ad;
    width: 100%;
    height: 55.2%;
    position: absolute;
    z-index: 111;
    content: "different prices to OTA Not Enabled";
    left: 0;
    color: #fff;
    text-align: center;
    line-height: 18;
    font-size: 23px;
    font-weight: bolder;
    font-family: roboto-medium;
    letter-spacing: 2px;
    text-shadow: 0px 3px 6px #000000db;
    text-transform: uppercase;
    word-spacing: 2px;
    text-decoration: underline;
}

#mainProfileSettingsWrapper {margin-bottom: 30px !important;position:relative;background: #fff;padding: 0px 0px 35px 23px;color: #4a4a4a;font-weight: lighter;font-family: roboto-light;letter-spacing: 0.5px;border-top: 3px solid #ccc;border-radius: 6px;font-size: 15px;width: 98%;margin: 0 auto;margin-top: 60px;margin-left: 0;}
#mainProfileSettingsWrapper > .topArea{ }
#mainProfileSettingsWrapper > .topArea { text-align: left; padding-left: 20px;}
#mainProfileSettingsWrapper > .topArea  > .inputWrap{ text-align: left;margin-top: 40px; }
#mainProfileSettingsWrapper >.mediumArea  > .header * {   display: inline-block;margin-left: ;margin-right: 16px;height: 47px;padding: 10px;border-radius: 7px;}
#mainProfileSettingsWrapper > .mediumArea > .header {margin: 30px 20px 80px 0;display: flex;width: 100%;}
#mainProfileSettingsWrapper >.mediumArea  > .header > .inputWrap > select{    display: inline-block;width: 40%;height: 43px;background: #fff;text-indent: 6px;font-size: 12px;letter-spacing: 1px;color: #8f8f8f;border-radius: 3px;border: 1px #d7d7d7 solid;}
#mainProfileSettingsWrapper > .mediumArea > .medium {text-align: center;}
#mainProfileSettingsWrapper > .mediumArea > .medium   > .column > .box > input[type=number],#mainProfileSettingsWrapper > .topArea  > .inputWrap > input[type=number]{display: flex;margin-bottom: 20px;height: 55px;background: #eee;border: none;border-radius: 5px;margin-left: 15px;padding: 10px;}
#mainProfileSettingsWrapper > .mediumArea > .medium   > .column > .box{ position: relative;display: flex;margin-bottom: 20px;line-height: 55px; }
#mainProfileSettingsWrapper > .topArea  > .inputWrap > input[type="number"] {display: inline-block;}
#mainProfileSettingsWrapper h3 {letter-spacing: 0.5px;margin: 20px 0;font-size: 15px;font-family: roboto-Medium;}
#makeWubookProfileChanges ,#makeWubookPlanSettings {float: right;border-radius: 3px;letter-spacing: 1px;margin-right: 20px;cursor: pointer;background: #FF689D;color: #fff;padding: 10px 30px;box-shadow: 0px 9px 3px -6px #0000004f;}
#makeWubookProfileChanges{margin-top: -105px;}
#mainProfileSettingsWrapper > .mediumArea > .medium  > .column > .box > input[type="number"]{position: absolute; right: 0;}
#mainProfileSettingsWrapper > .mediumArea > .medium  > .column {display: inline-block;width: 37%;text-align: left;margin-right: 100px;}
#mainProfileSettingsWrapper > .mediumArea > .header .inputWrap { width: 55%; } 
.updateWuPriceSingle {border-radius: 3px;letter-spacing: 1px;cursor: pointer;background: #FF689D;color: #fff;padding: 0px 25px;box-shadow: 0px 9px 3px -6px #0000004f;height: 30px;line-height: 30px;position: absolute;bottom: 10px;right: 0;z-index: 111;}
.updateWuPriceSingle:hover {transition: 0.2s linear;background: #ff4586;}

#mainProfileSettingsWrapper > .topArea > .inputWrap.spc {    position: relative; width: 66%;}
#mainProfileSettingsWrapper > .topArea > .inputWrap.spc > span {top: 13px;}