/* BASE
********************
*/

header#pageHeader{position:relative;max-width:1200px;min-height:90px;margin:0 auto;top:10px;}
header#pageHeader div div.logo a{height:80px;max-height:80px;text-decoration:none;}
header#pageHeader div div.logo a img{padding-left:10px;max-height:78px;vertical-align:middle;}
header#pageHeader div div.logo a h1{font-size:2rem!important;margin:15px 0 10px;}

header#pageHeader .navbar{height:25px;float:right;z-index:999;top:50px;}
header#pageHeader .navbar li{margin:0 2px;}
header#pageHeader .navbar a.nav-link{color:#fff;text-align:left;padding:10px;}
header#pageHeader .navbar a.nav-link img.lang{margin:0 10px 0 0;height:16px;}
header#pageHeader .navbar a.dropdown-item{color:#fff;text-align:left;padding:10px;}
header#pageHeader .navbar a.dropdown-item img.lang{margin:0 10px 0 0;height:16px;}
header#pageHeader .navbar button.navbar-toggler{position:relative;top:30px;left:calc(100% - 10px);color:#fff;}
header.newOB .navbar-collapse ul li ul li a {border-top-left-radius:unset!important;border-top-right-radius:unset!important;}
header.newOB .navbar-collapse ul li ul li:first-child a {border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important;}
header.newOB .navbar-collapse ul li ul li:last-child a {border-bottom-left-radius:.25rem !important;border-bottom-right-radius:.25rem !important;}

div#topFilters{clear:both;width:100%;height:55px;}
div#topFilters.filtersb{height:35px;}
div#topFilters div.filters{position:relative;margin: 5px auto;width:100%;max-width:1200px;top:5px;}
div#topFilters.newOB div.filters .filterbox{max-width:265px!important;}

.filters .from {
    border-left: 8px solid #f3e0ca;
}

.filters .typepicker svg,
.filters .guestpicker svg,
.filters .from svg,
.filters .to svg {float: left;margin-right:5px;}

.filters .datepicker {
    position: relative;
    cursor: pointer;
    line-height: 15px;
    /* margin-right: 10px; */
    float: left;
    padding: 5px 10px;
    text-align: left;
    box-sizing: border-box;
    border-radius: 3px;
    height: 45px;
    width: 100%;
    background: #fff;
    color: #000;
}
.filters .datepicker label {
    cursor: pointer;
    display: block;
    font-size: .7rem;
}

.filters .datepicker span {
    cursor: pointer;
    font-size: .9rem;
    font-weight: bold;
}

.filters input {
    cursor: pointer;
    position: absolute;
    top: 20px;
    left: 0;
    opacity: 0;
}

.filters .to {
    border-left: 8px solid #d5d8d7;
}

.filters .typepicker {
    position: relative;
    cursor: pointer;
    line-height: 15px;
    float: left;
    text-align: left;
    box-sizing: border-box;
    border-radius: 3px;
    height: 45px;
    width: 100%;
    background: #fff;
    color: #000;
}

.filters #typepickerList {
    padding: 5px 10px;
    height:45px;
}

.filters .typepicker label {
    cursor: pointer;
    display: block;
    font-size: .7rem;
}

.filters .typepicker span {
    cursor: pointer;
    font-size: .9rem;
    font-weight: bold;
    white-space: nowrap;
    position: absolute;
    left: 35px;
    max-width: 214px;
    overflow: hidden;
}

.filters .typepicker .dropdown-menu {
    top: -5px!important;
}

.filters .typepicker .dropdown-menu li {
    padding: 7px 15px;
    border-radius: 3px;
    font-size: .9rem;
}

.filters .typepicker {
    border-left: 8px solid #1cfc03;
}

.filters .guestpicker {
    position: relative;
    cursor: pointer;
    line-height: 15px;
    float: left;
    text-align: left;
    box-sizing: border-box;
    border-radius: 3px;
    height: 45px;
    width: 100%;
    background: #fff;
    color: #000;
}

.filters #guestpickerList{
    padding:5px 10px;
}

.filters .guestpicker label {
    cursor: pointer;
    display: block;
    float: left;
    font-size: .7rem;
}

.filters .guestpicker span {
    background:#fff;
    cursor: pointer;
    font-size: .9rem;
    font-weight: bold;
    clear:both;
    width:100%;
    padding-left: 25px;
    display: inline-block;
}

.filters .guestpicker #listguest {
    position: relative;
    z-index: 10;
    background:#fff;
    padding: 7px 15px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: .9rem;
    width: 100%;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}

.filters .guestpicker {
    border-left: 8px solid #bc1bf2;
}

.filters .guestpicker #listguest span.personamount {
    background:#fff;
    padding: 5px 0 0 0;
    border: 1px solid #ccc;
    font-size: .9rem;
    width:30px;
    height:30px;
    display: inline-block;
    text-align: center;
    font-weight:bold;
}

.filters .guestpicker #listguest span.personbtn {
    padding: 7px 0 0 7px;
    border: 1px solid #ccc;
    font-size: .9rem;
    width:30px;
    height:30px;
    display: inline-block;
    text-align: center;
    color:#fff;
    font-weight:bold;
}
#kidages{display:none;}
main#pageContent{max-width:1200px;min-height:calc(100vh - 205px);margin:20px auto 0 auto;}
main#pageContent div.CardsList{padding:0;}
main#pageContent div.card{width:100%;margin:0 0 5px 0;float:right;}
main#pageContent div.card div.card-header{width:100%;}
main#pageContent div.card div.card-header h3{font-size:1.1rem;color:#fff;padding:0;margin:0;}
main#pageContent div.card.payment div.card-body img{float:left;height:30px;margin:2px;}
div.poweredby{max-width:1200px;margin:20px auto 0 auto;}
div.poweredby_content{position:relative;bottom:0px;height:30px;}
div#Slidehow{display:none;background-color:#fff;z-index:99999999;cursor:pointer;position:fixed;top:0; bottom: 0; left: 0; right: 0; margin: auto;height:100vh;width:100vw;font-size:1rem;}
div.tabfocus{font-weight:bold;font-size:2.5rem;text-align:center;text-transform:uppercase;cursor:pointer;display:block;z-index:99999999;position:fixed;top:calc(50% - 2.5rem);bottom:0;left:0;right:0;margin:auto;width:100vw;-webkit-text-fill-color:#000;-webkit-text-stroke:1px #fff;}


/*img.carouselimg{margin-top:-15%;}*/

div.SlidehowPowerer{cursor:pointer;display:block;z-index:99999999;position:fixed;top:calc(100vh - 4rem);left:1rem;right:0;margin:auto;width:100vw;}
div.SlidehowPowerer img{height:3rem;text-align:left;}

div.SlidehowLang{cursor:pointer;display:block;z-index:99999999;position:fixed;top:calc(50% - 10rem);margin:auto;width:100vw;text-align:center;}
div.SlidehowLang img{height:20rem;text-align:center;}


/* INDEX
********************
*/

div.row.types {display:none;}
div.row.types div{padding:0;}
div.row.types div span.input-group-text {color:#fff;min-width:130px;}


select#tags {border-left:none;border-right:none;padding:5px 10px;background:-webkit-linear-gradient(white, white);text-shadow:0 0 0 rgba(255, 255, 255, 0);-webkit-appearance:none;}
div.row.tags {display:none;}
div.row.tags div{padding:0;}
div.row.tags div .chosen-container-multi{border:1px solid #ccc;border-right:none;box-shadow:none;}
div.row.tags div .chosen-container-multi .chosen-choices{border:none;box-shadow:none;}
/*
div.row.tags div .chosen-container-multi{border:none;}
div.row.tags div .chosen-container-multi .chosen-choices{border-radius:.25rem;border-top-left-radius:0;border-bottom-left-radius:0;}
*/
div.row.tags div span.input-group-text {color:#fff;min-width:130px;}
div.row.tags div span.input-group-text.reset{background:#fff;color:#ccc;min-width:30px;cursor:pointer;}

div.row.tags div .chosen-container-multi .chosen-choices li.search-choice{box-shadow:none;}
div.row.tags div .chosen-container-multi .chosen-choices li.search-choice span{color:#fff;}
div.row.tags div .chosen-container-multi .chosen-choices li.search-choice a.search-choice-close{color:#fff;}

div.row.resourcetypelist{margin-bottom:20px;}
div.row.rt {margin-bottom:10px;background-color:#fff;display:none;}

div.row.rt div.resourcetypeImage div div.imgHolder {width:100%;height:213px;padding:0;}
div.row.rt div.resourcetypeImage div div.imgHolder img {width:100%;height:100%;max-height:190px;}
div.row.rt div.resourcetypeImage{height:233px;}
div.row.rt div.subResourcetypeImage{position:relative;width:100%;height:100%;max-height:213px;padding:0;margin:10px 0;overflow:hidden;}
div.row.rt div.resourcetypeImage div span.readmore{position:absolute;width:100%;height:24px;top:calc(100% - 23px);color:#fff!important;background:#000;text-align:center;cursor:pointer;}



img.transformBig{transform:scale(1.2);transition: all 1s;}
img.transformNormal{transform:scale(1.0);transition: all 1s;}
div.row.rt div.resourcetypeName{padding:5px 0 0 0;}
div.row.rt div.resourcetypeName h1 {font-size:1.3rem;}
div.row.rt div.resourcetypeDesc p{padding:0;margin:0;}

div.row.rt div.resourceTypePrice{position:relative;margin: 40px 0 0 0;}
div.row.rt div.resourceTypePrice h1 {font-size:1.3rem;}
div.row.rt div.resourceTypePrice h3 {font-size:1.1rem;}
div.row.rt div.resourceTypePrice button{margin: 20px 0 0 0;}
div.row.rt div.resourceTypeOfferPrice{position:relative;margin: 40px 0 0 0;}
div.row.rt div.resourceTypeOfferPrice h1 {font-size:1.3rem;}
div.row.rt div.resourceTypeOfferPrice h3 {font-size:1.1rem;}
div.row.rt div.resourceTypeOfferPrice button{margin: 20px 0 0 0;}


div.row.rt div div.resourceTypeInfo{border-right:1px solid #ccc;}
div.row.rt div div.resourceTypeInfo h3{font-size:1.1rem;}
div.row.rt div div.summary{display:none;padding:0;margin:0;}
div.row.rt div div.priceTitle{margin:20px 0;}
div.row.rt div.resourceTypePrice .resourceTypePriceLoading{position:absolute;top:0px;left:20%;margin:0 auto;opacity:1;}
div.row.rt div.resourceTypePrice .resourceTypePriceFade{position:absolute;top:0px;width:90%;margin:0 auto;opacity:0;}
div.row.rt div.resourceTypeOfferPrice .resourceTypePriceLoading{position:absolute;top:0px;left:20%;margin:0 auto;opacity:1;}
div.row.rt div.resourceTypeOfferPrice .resourceTypePriceFade{position:absolute;top:0px;width:90%;margin:0 auto;opacity:0;}


div.row.rt div.resourceTypePrice .resourceTypePriceFade button{margin: 0;}
div.row.rt div.resourceTypeOfferPrice .resourceTypePriceFade button{margin: 0;}
div.row.rt div.resourceTypePrices .offers .resourceTypeInfo{margin:0;padding:10px 20px 20px 22px;}
div.row.rt div.resourceTypePrices .offers .resourceTypePrice{margin:0;padding:10px 20px 20px 22px;}
div.row.rt div.resourceTypePrices .offers h3{font-size:1.1rem}
div.row.rt div.resourceTypePrices .offers h4{font-size:1rem}
div.row.rt div.resourceTypePrices .offers h5{font-size:.9rem}
div.row.rt div.resourceTypePrices .offers h6{font-size:.8rem}

.resourceTypeOfferPriceFade{opacity:0;padding-top:10px!important;height:105px;border-bottom: 1px solid #ccc;}

div.row.rt div.resourceTypePrices .offers .offerText{float:left;padding:50px 20px 10px 20px;opacity:0;}
div.row.rt div.resourceTypePrices .offers .offerText:first-of-type{float:left;padding:10px 20px 10px 20px;opacity:0;}
.btnoffer{opacity:0;position:relative;top:10px;}
.btnoffer2{opacity:0;position:relative;top:-20px;}
.oddoffer{background-color:#f5f5f5;}
.evenoffer{background-color:#fff;}
#listtypes{position:relative;width:100%;border:none;box-shadow: 5px 5px 5px rgba(0,0,0,0.5);}
.resourceTypeOfferPrice{opacity:0;padding-top:10px!important;height:105px;border-bottom: 1px solid #ccc;}
.resourceTypeAlternative{display:none;opacity:0;padding: 0 15px 20px 15px;}
.alternativebook{}
div.row.rt div.resourceTypePrices .resourceTypeAlternative h3{font-size:1.1rem}
div.row.rt div.resourceTypePrices .resourceTypeAlternative h4{font-size:1rem}
div.row.rt div.resourceTypePrices .resourceTypeAlternative h5{font-size:.9rem}
div.row.rt div.resourceTypePrices .resourceTypeAlternative h6{font-size:.8rem}
.offerdays{margin-top:10px!important;color:#f00;border-bottom:2px solid #ccc;background-color: rgba(0, 0, 0, 0.1);}

.litepickeractive{background-color:#CCFFCC!important;}

div.row.rt div div.resourceTypePrices{position:relative;left:-1px;border-bottom: 1px solid #ccc;/*margin-bottom:20px;*/}
div.row.rt div div.resourceTypePrices div.resourceTypeInfo{padding-bottom:20px;}
div.row.rt div div.resourceTypePrices div.resourceTypeInfo p{padding:0;margin:0;}
div.row.rt div div.resourceTypePrices div.resourceTypeInfo h1 {font-size:1.3rem;}
div.row.rt div div.resourceTypePrices div.resourceTypeInfo h3 {font-size:1.1rem;margin:15px 0 0 0;}
div.row.rt div div.resourceTypePrices div.resourceTypeInfo h3 span.offer{position:relative;float:left;display:inline-block;padding:3px;margin-right:10px;top:-2px;font-size:0.7rem;font-weight:bold;color:#000;border:2px solid #f00;background-color:#ffcc00;}
div.row.rt div div.resourceTypePrices div.resourceTypePrice{margin: 30px 0 0 0;padding-bottom:20px;}
div.row.rt div div.resourceTypePrices div.resourceTypePrice h1 {font-size:1.3rem;}
div.row.rt div div.resourceTypePrices div.resourceTypePrice h3 {font-size:1.1rem;}
div.row.rt div div.resourceTypePrices div.resourceTypeOfferPrice{margin:0;padding-bottom:20px;}
div.row.rt div div.resourceTypePrices div.resourceTypeOfferPrice h1 {font-size:1.3rem;}
div.row.rt div div.resourceTypePrices div.resourceTypeOfferPrice h3 {font-size:1.1rem;}
main.newOB div.row.rt div div.resourceTypePrices {border-bottom:none;}

div.row.rt div div.summary div.tablist{border-right:1px solid #ccc;}
div.row.rt div div.summary div.tab-content{position:relative;top:-1px;border-top:1px solid #ccc;padding:0 10px;}
div.row.rt div div.summary div.tab-content div.tab-pane{padding:15px 5px;}
div.row.rt div div.summary div.tab-content div.tab-pane .input-group{width:98%;left:10px;}
div.row.rt div div.summary div.tab-content div.prices.tab-pane{padding:0;}

div.row.rt div div.summary span.offer{position:relative;float:left;display:inline-block;padding:3px;margin-right:10px;top:-2px;font-size:0.7rem;font-weight:bold;color:#000;border:2px solid #f00;background-color:#ffcc00;}
/* div.row.rt div div.summary div.input-group.mb-3.link{flex: 20% 75% 5%;} */
div.row.rt div div.summary div.input-group.mb-3.link span.period{flex: 1;min-width:300px;}
div.row.rt div div.summary div.input-group.mb-3.link span.link{flex: 2;}
div.row.rt div div.summary div.input-group.mb-3.link span.copy{flex: 0;cursor:pointer;}

div.row.resourcetypelist div#noResources{display:none;}
div.row.resourcetypelist div#noResources div{border-radius:.25rem;}
div.row.resourcetypelist div#noResources h3{font-size:1.1rem;}
div.row.resourcetypelist div#noResources div.divider{height:1px;border-bottom:1px solid #f00;width:150%;}
div.row.resourcetypelist div#noResources div.divider.r135{position:relative;top:60px;left:-50px;transform:rotate(135deg);}
div.row.resourcetypelist div#noResources div.divider.r45{position:relative;top:60px;left:-50px;transform:rotate(45deg);}

#myModal div.modal-header small{background:yellow;padding:3px;font-weight:bold;}
#myModal #map{z-index: 1;width: 100%;height: 800px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;}

div.noIndex h1{font-size:1.3rem;}
div.noIndex h3{font-size:1.1rem;}
div.map.noIndex{z-index: 1;width: 100%;height: 700px;}

button.bookButton{float:right;position:relative;top:-5px;margin:0 0 0 5px;}
.modal-huge{width:auto;max-width:1000px;}
/* .typepicker {position:relative;cursor:pointer;line-height:15px;float:left;text-align:left;box-sizing:border-box;border-radius:3px;height:55px;width:230px;background:#fff;color:#000;border:1px solid #ccc;} */
/* .typepicker .dropdown {z-index:10;position:relative!important;top:5px;left:-10px;display:none;list-style-type:none;border-radius:3px;background:#fff;padding:0;width:220px;overflow-y:auto;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} */
/* .typepicker .typeText{clear:both;float:left;display:inline-block;font-weight:bold;} */
button.cart .fa{margin: 0 5px 0 0;}
button.cart span.badge{margin: 0 0 0 10px;padding:2px;min-width:20px;height:20px;text-align:center;display:inline-block;background-color:#fff;border-radius:50%;}
#PeriodInfo{float:left;width:100%;text-align:left;font-weight:bold;font-size:1rem;padding:0 0 0 30px;}
#PeriodInfo2{float:left;width:0%;}
#PeriodInfo span{float:left;text-align:left;font-weight:bold;}


.btn-group-justified {display:table!important;width:100%;table-layout:fixed;border-collapse:separate;}
.btn-group-justified>.btn, .btn-group-justified>.btn-group {display:table-cell;float:none;width:1%;}
.btn-group-justified>.btn-group .btn {width:100%;white-space:nowrap;}
.modal-sm{max-width:450px;}
.modal-md{max-width:600px;}
.modal-md-2{max-width:710px;}

div.dropdown-menu div.popover-header button.close{display:none;}
div.dropdown-menu div.popover-header{color:#fff;}

div#TimeSelect div#TimeSelectBody h3{font-size:1.1rem;}
div#TimeSelect div#Times label{margin:10px 20px 10px 0;font-weight:bold;}

#DateSelect #NoResourcesFound{display:none;}
#DateSelect #NoResourcesFound div.Title{background:#fc6019;color:#fff;text-align:center;height:35px;padding:5px;}
#DateSelect #NoResourcesFound div.Title h3{font-size:1.1rem;}

.calcPicker{box-shadow: 5px 5px 5px rgba(0,0,0,0.5);}

/* CART
********************
*/
div.row.cartItem{margin:0 0 25px 0;}
div.row.cartItem div.col-md-12.cartItemHeader div.row.cartItemHeadlines{display:flex;}
div.row.cartItem div.col-md-12.cartItemHeader div.row.resourceType div.resourceItem{width:calc(100% - 90px);}
div.row.cartItem div.col-md-12.cartItemHeader div.row.resourceType div strong{display:none;}
div.row.cartItem div.col-md-12.cartItemHeader div.row.resourceType div h3{font-size:1.1rem;padding:0;margin:0;}
div.row.cartItem div.row.cartAddons div.buttons div.buttonInc {float:left;padding:2px 0 0 0;margin:0;height:2rem;width:2rem;color:#fff;font-weight:bold;text-align:center;}
div.row.cartItem div.row.cartAddons div.buttons div.buttonInc2 {float:left;padding:2px 0 0 0;margin:0;height:2rem;width:2rem;color:#fff;font-weight:bold;text-align:center;}
div.row.cartItem div.row.cartAddons div.buttons div.btn.locked {float:left;padding:2px 0 0 0;margin:0;height:2rem;width:5rem;color:#fff;font-weight:bold;text-align:center;}
div.row.cartItem div.row.cartAddons div.buttons div.btn.locked2 {float:left;padding:2px 0 0 0;margin:0;height:2rem;width:2rem;color:#fff;font-weight:bold;text-align:center;}
div.row.cartItem div.row.cartAddons div.buttons input[type="text"]{float:left;height:2rem;width:4rem;border:none;padding:0;margin:0 2px;text-align:center;background-color:transparent;box-shadow:none;pointer-events:none;}
div.row.cartItem div.row.cartAddons div small{position:relative;top:-10px;font-size: 0.7rem;}
div.row.cartItem div.rowAddon:nth-child(even){background-color:#fff;padding:5px 18px 0 12px;}
div.row.cartItem div.rowAddon:nth-child(odd){background-color:#eee;padding:5px 18px 0 12px;}
div.col-md-12.cartItemHeader div.row.resourceType a.resourceTypeRemove{display:none;}
div.col-md-12.cartItemHeader div.row.resourceType div.resourcePrice a.resourceTypeRemove{display:inline-block;}

div.cartFinish{margin: 20px 0;}

div.divider{height:2px;}
div.divider hr{margin:0;padding:0;}

.text-confirm {text-align:center!important;display:block;}
.btn-confirm {width:50px!important;}

/* INFORMATION
********************
*/
form#formCustomer div.cartFinish{margin: 20px 0;}
form#formCustomer div.cartFinish div{padding:0;}
/* form#formCustomer div.cartFinish button{width:48%;} */
/* form#formCustomer div.cartFinish a{width:48%;} */

/* CONFIRM 
********************
*/
div.cartConfirm h1{font-size:1.3rem;}
div.cartConfirm h3{font-size:1.1rem;}
div.cartConfirm div.customer h3{margin:0;margin-bottom:5px;}
div.cartConfirm div.customer p{margin:0;margin-bottom:5px;}
div.cartConfirm div.customer p:last-of-type{margin:0;margin-bottom:15px;}
div.confirmTotalPrice{border-bottom:2px solid #ddd;margin:50px 0 20px 0;padding:0 12px;}
div.confirmPayment{padding:12px;}
div.confirmPayment strong{font-size:1.3rem;}
div.confirmWish{margin:20px 0;font-size:1.3rem;padding:0 12px;}
div.confirmWish strong{font-size:1.3rem;}

div.payButton{width:100%;background:#dc3545;color:#fff!important;padding: 6px;margin:10px 0;text-align:center;cursor:pointer;border-radius:5px;}
div.payButton.float-start,
div.payButton.float-end{width:95%;height:auto;background:#6d6d6d;color:#fff;padding:15px;text-align:center;cursor:pointer;border-radius:10px;}
#ePayLoading div.modal-body h3{font-size:1.1rem;}


/* LOGIN  
********************
*/
form#login input[type="text"]{max-width: 400px;}
form#login input[type="email"]{max-width: 400px;}

/* CHOOSE  
********************
*/
button.fill-height{min-height:65px;}




/* MANAGE  
********************
*/
form#formManage div.ListStyle{min-height:30px;padding:10px 0;}
form#formManage div.toPay {background:#3BAFDA;}
form#formManage div.toPay h3{margin:0;padding:0;color:#fff;font-size:1.1rem;}
form#formManage div.toPay h3 span{margin:10px 0;}

form#formManage div.paied {padding:0 10px 0 0;}
form#formManage div.paied div{height:auto;width:100%;color:#fff;font-size:1.2rem;background-color:#656D78;padding:20px;}

form#formManage div.missing {padding:0 0 0 10px;}
form#formManage div.missing div{height:auto;width:100%;color:#fff;font-size:1.2rem;background-color:#656D78;padding:20px;}

form#formManage div.accept {margin:0px;padding:0;color:#000;background:#E6E6E6;font-size:1.1rem;}
form#formManage div.accept label.custom-checkbox-label.custom-checkbox-label2{margin-left:25px;}

form#formManage div.col-xl-6.payRate{padding:0 10px 0 0;}
form#formManage div.col-xl-6.payRate div{height:auto;background:#8CC152;color:#fff;padding:30px 0;text-align:center;cursor:pointer;}
form#formManage div.col-xl-6.payRate div span h2{font-size:1.2rem;padding:0;margin:0;}

form#formManage div.col-xl-6.payFull{padding:0 0 0 10px;}
form#formManage div.col-xl-6.payFull div{height:auto;background:#8CC152;color:#fff;padding:30px 0;text-align:center;cursor:pointer;}
form#formManage div.col-xl-6.payFull div span h2{font-size:1.2rem;padding:0;margin:0;}

form#formManage div.col-12.payFull{padding:0;}
form#formManage div.col-12.payFull div{background:#8CC152;color:#fff;padding:30px 0;text-align:center;cursor:pointer;}
form#formManage div.col-12.payFull div span h2{font-size:1.2rem;padding:0;margin:0;}

form#formManage div.col-12.optionsButton{padding:0;}
form#formManage div.col-12.optionsButton div{background:#b75b56;color:#fff;padding:10px 0;text-align:center;cursor:pointer;}
form#formManage div.col-12.optionsButton div:hover{background:#bb2d3b;color:#fff;padding:10px 0;text-align:center;cursor:pointer;}
form#formManage div.col-12.optionsButton div span h3{font-size:0.8rem;padding:0;margin:0;}


form#formManage label.custom-checkbox-label a{color:#000;font-weight:bold;text-decoration:underline;}

/* MISC
********************
*/
div.ListStyle:nth-of-type(odd){background:#e1e1e1;}
div.row.divider > div{height:1px!important;border-bottom:1px solid #aaa;}


div h1{font-size:1.3rem;}

.btn-success2,
.btn-success2:hover,
.btn-success2:disabled {
    background-color: #157347;
    border-color: #146c43;
    color: #fff;
}

.alert {
    z-index: 9999999;
    margin-bottom: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -30vh);
    display:none;
    font-size: 1rem;
}

a.readmore{text-decoration:none;}
button.cart span.badge{
    margin:0;
    padding:3px 3px;
}

div.alert{display:none;}
.full-width{width:100%;}
.modal.show{z-index:999999;}

label.error{
    position: relative;
    padding: 0.1rem 0.1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;    
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;    
}

.checkbox-group {
    position: relative;
}

.checkbox-group .custom-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    width: 1.5rem;
    height: 1.5rem;
}

.custom-checkbox ~ .custom-checkbox-span {
    position: relative;
    display: inline-block;
    border: 1px solid #000;
    width: 1.5rem;
    height: 1.5rem;
    vertical-align: middle;
    cursor: pointer;
}

.custom-checkbox:checked ~ .custom-checkbox-span:after {
    content: "\2713";
    font-size: 2rem;
    font-weight: bold;
    position: relative;
    left: 3px;
    top: -20px;
    color: #198754;
    cursor: pointer;
    
}

.btn-sb{
    padding: 30px 0;
    line-height: 1rem;
}


.text-10{
    font-size: 10px;
}
.text-11{
    font-size: 11px;
}
.text-12{
    font-size: 12px;
}
.text-13{
    font-size: 13px;
}
.text-14{
    font-size: 14px;
}
.text-15{
    font-size: 15px;
}
.text-16{
    font-size: 16px;
}
.text-17{
    font-size: 17px;
}
.text-18{
    font-size: 18px;
}
.text-19{
    font-size: 19px;
}
.text-20{
    font-size: 20px;
}
.text-bold{
    font-weight: bold;
}
.text-italic{
    font-style: italic;
}
.text-underline{
    text-decoration: underline;
}
.text-normal {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}
.text-black{
    color: #000;
}
.text-white{
    color: #fff;
}
.text-default{
    color: #333;
}
.text-secondary{
    color: #fff;
}
.text-primary{
    color: #2272B9;
}
.text-success{
    color: #53875F;
}
.text-info{
    color: #5bc0de;
}
.text-warning{
    color: #D8C449;
}
.text-danger{
    color: #B75B56;
}

.calbgweekend{background-color:#ccc;}
.calday{display:inline-block;width:20px;}

.compactlog {
    height:145px;
    overflow:hidden;
}

.text-center{
    text-align: center;
}

.text-nowrap{
    white-space: nowrap;
}

@media(min-width: 576px) {
    
}

@media(min-width: 768px) {
   
}

@media(min-width: 992px) {

}

@media(min-width: 1200px) {
    
}

@media(min-width: 1400px) {

}


@media(max-width: 576px) {
    
}

@media(max-width: 768px) { /* md */
    .obcontainer{padding:5px;}
    main#pageContent.newOB {position:relative;top:140px;padding:0;}
    main#pageContent div.CardsList{padding:0;padding-left:.25rem!important;}
    main#pageContent div.CardsList div.card{float:left;width:98%;}
    main#pageContent div.poweredby{width:98%;}
    .container-sm, .container{max-width:unset;}
    div.row.rt div div.resourceTypeInfo{border-right:none;}
    div.row.rt div.resourceTypePrice{margin: 30px 0 20px 0;min-height:145px;}
    div.row.rt div.resourceTypeOfferPrice{margin: 30px 0 20px 0;min-height:145px;}
    div.col-md-12.cartItemHeader{padding:0;}
    div.col-md-12.cartItemHeader div.row.cartItemHeadlines{display:none!important;}
    div.col-md-12.cartItemHeader div.row.resourceType div.resourcePrice span strong{padding:0 0 0 12px;}
    div.col-md-12.cartItemHeader div.row.resourceType div span{float:left!important;text-align:right;width:210px;}
    div.col-md-12.cartItemHeader div.row.resourceType div span strong{float:left!important;text-align:left;display:inline-block!important;width:85px;}
    div.col-md-12.cartItemHeader div.row.resourceType div.resourcePrice span{float:left!important;text-align:right;width:220px;}
    div.col-md-12.cartItemHeader div.row.resourceType div.resourcePrice span strong{float:left!important;text-align:left;display:inline-block!important;width:105px;}
    div.col-md-12.cartItemHeader div.row.resourceType div.resourcePrice span span{width:115px;}
    div.col-md-12.cartItemHeader div.row.resourceType div.resourcePrice a.resourceTypeRemove{display:none;}
    div.col-md-12.cartItemHeader div.row.resourceType a.resourceTypeRemove{display:block;}
    div.col-md-12.cartItemHeader div.row.resourceType div.resourcePrice a.resourceTypeRemove{display:none;}    
    div.row.rt div div.summary div.tablist{border-right:none;}
    
    main.newOB .resourceTypeOfferPrice{border-bottom:none;height:auto;}
    main.newOB .resourceTypeOfferPriceFade{border-bottom:1px solid #ccc;}
    main.newOB div.row.rt div div.resourceTypePrices {border-bottom:none;}
    main.newOB div.row.rt div.resourceTypePrices .offers .resourceTypePrice{padding:0;min-height:auto;}
    main.newOB div.row.rt div.resourceTypePrices .offers .resourceTypeOfferPrice{padding:0;min-height:auto;}
    main.newOB div.row.rt div.resourceTypePrices .offers .resourceTypeInfo{text-align: center;padding:0;}
    div#topFilters.newOB div.filters{left:0px!important;width:100%!important;max-width:1200px;margin:5px 0;top:65px!important;}
    div#topFilters.newOB div.filters .col-md-3{margin-bottom:5px!important;}
    div#topFilters.newOB div.filters .filterbox{max-width:unset!important;}
    div#topFilters.newOB div.filters .typepicker span {max-width:unset!important;}
    header#pageHeader.newOB div.menutop{right:0px!important;}
}

@media(max-width: 992px) { /* lg */
    div.divider{padding:0;}
    div.row.cartItem div.rowAddon{padding:0;}
    div.row.cartItem div.row.cartAddons{margin:0 0 20px 0;}
    div.row.cartItem div.row.cartAddons div.buttons{max-width:50%;}
    div.row.cartItem div.row.cartAddons div.addonPrice{max-width:50%;padding:0;}
    header#pageHeader div.logo h1{margin:-15px 0 0 0;}
    main.newOB .resourceTypeOfferPrice{border-bottom:none;height:auto;}
    main.newOB .resourceTypeOfferPriceFade{border-bottom:1px solid #ccc;}
    main.newOB div.row.rt div div.resourceTypePrices {border-bottom:none;}
    main.newOB div.row.rt div.resourceTypePrices .offers .resourceTypePrice{padding:0;min-height:auto;}
    main.newOB div.row.rt div.resourceTypePrices .offers .resourceTypeOfferPrice{padding:0;min-height:auto;}
    main.newOB div.row.rt div.resourceTypePrices .offers .resourceTypeInfo{text-align: center;padding:0;}
    header#pageHeader .navbar button.navbar-toggler {top:unset;left:unset;position:absolute;left:-55px;top:37px;}
    header .navbar-collapse {position:absolute;top:70px;left:-175px;}
    header#pageHeader.newOB .navbar button.navbar-toggler {top:unset;left:unset;position:absolute;left:-55px;top:45px;}
    header.newOB .navbar-collapse {position:absolute;top:82px;left:-175px;}
    header.newOB .navbar-collapse a {border-top-left-radius:unset!important;border-top-right-radius:unset!important;}
    header.newOB .navbar-collapse ul li:first-child a {border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important;}
    header.newOB .navbar-collapse ul li:last-child a {border-bottom-left-radius:.25rem !important;border-bottom-right-radius:.25rem !important;}
    header.newOB .navbar-collapse ul li ul li:first-child a {border-top-left-radius:.25rem !important;border-top-right-radius:.25rem !important;}
    header.newOB .navbar-collapse ul li ul li:last-child a {border-bottom-left-radius:.25rem !important;border-bottom-right-radius:.25rem !important;}
}

@media(max-width: 1200px) { /* xl */
    /* div.row.rt div.resourcetypeImage div {display:block;width:100%;height:100%;padding:5px 0 0 0;overflow:hidden;} */
    /* div.row.rt div.resourcetypeImage div span.readmore{top: calc(100% - 24px);} */
    /* div.row.rt div.resourcetypeName{padding:5px 0 0 15px;} */
    form#formManage div.toPay {margin:10px 10px;}
    form#formManage div.paied {padding:0;margin:10px 10px;}
    form#formManage div.missing {padding:0;margin:10px 10px;}
    form#formManage div.accept {margin:10px 10px;}
    form#formManage div.col-xl-6.payRate{padding:0;margin:10px 10px;}
    form#formManage div.col-xl-6.payFull{padding:0;margin:10px 10px;}
}

@media(max-width: 1399.98px) {
    
}
.btn-verified {
    color: #fff;
    background-color: #198754;
    border-color: #198754;
}

#Updating{z-index:99999999;}

.waitanimated {
    font-size: 40px
}

#Updating{z-index:99999999;}

.waitanimated {
    font-size: 40px
}

.waitanimated span {
    font-size: 50px;
    animation-name: waitanimatedblink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.waitanimated span:nth-child(2) {
    animation-delay: .2s
}

.waitanimated span:nth-child(3) {
    animation-delay: .4s
}

@keyframes waitanimatedblink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: .2
    }
}

.hidden{
    display:none!important;
}

div.cartFinish .backcart {
    font-weight: normal!important;
    color:#000!important;
    background-color: #53875f!important;
    border-color: #198754!important;
}

div.cartFinish .backcart:hover{
    font-weight: normal!important;
    color:#000!important;
    background-color: #406749!important;
    border-color: #36583e!important;
}

#DateSelectDone, #TimeSelectDone {
    font-weight: bold!important;
    color: #000!important;
    background-color: #53875f!important;
    border-color: #198754!important;
}

#DateSelectDone:hover, #TimeSelectDone:hover {
    font-weight: bold!important;
    color: #000!important;
    background-color: #406749!important;
    border-color: #36583e!important;
}

#DateSelectReset, #TimeSelectReset {
    font-weight: normal!important;
    color:#000!important;
    background-color: #8f2a27!important;
    border-color: #7b2422!important;
}

#DateSelectReset:hover, #TimeSelectReset:hover {
    font-weight: normal!important;
    color:#000!important;
    background-color:#671e1c!important;
    border-color:#531817!important;
}

#DateSelectClose, #TimeSelectClose {
    font-weight: normal!important;
    color: #000!important;
    background-color: #ffc107!important;
    border-color: #ffc107!important;
}

#DateSelectClose:hover, #TimeSelectClose:hover {
    font-weight: normal!important;
    color: #000!important;
    background-color: #c99b10!important;
    border-color: #c99b10!important;
}

.bookmore {
    font-size: 1.2rem;
    font-weight: bold!important;
    color:#fff!important;
    background-color:#8f2a27!important;
    border-color:#7b2422!important;
    padding: 10px 5px!important;
}

.bookmore:hover {
    font-size: 1.2rem;
    font-weight: bold!important;
    color:#fff!important;
    background-color:#671e1c!important;
    border-color:#531817!important;
    padding: 10px 5px!important;
}

.btn-dark {
    font-size: 1.2rem;
    font-weight: normal!important;
    color: #fff!important;
    background-color: #000!important;
    border-color: #000!important;
}

#sbDates #bookingdays {
    height: 39px;
    width: 100px;
    display:inline-block;
    border: 2px solid #53875f;
    position:relative;
    top: 6px;
    border-radius: 5px;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
}

#sbDates .btn-bookingdays {
    height:38px!important;
    width:38px!important;
    background-color: #53875f!important;
    border-color: #198754!important;
    color: #fff!important;
    font-size: 1.2rem;
}

#sbDates .btn-bookingdays:hover {
    height:38px!important;
    width:38px!important;
    background-color:#406749!important;
    border-color: #36583e!important;
    color: #fff!important;
    font-size: 1.2rem;
}

#sbDates .btn-bookingdays i,
#sbDates .btn-bookingdays svg {
    position:relative;
    top: -2px;
    left: -2px;
}

#DateSelect .Alternative #card-header,
#sbDates #card-header{
    background-color: #53875f!important;
    color: #fff;
}

#sbDates .bookNowSingle {
    font-weight: bold!important;
    color: #fff!important;
    background-color: #53875f!important;
    border-color: #198754!important;
    width:185px!important;
    text-transform: uppercase;
    text-align: center;
}

#sbDates .bookNowSingle:hover {
    font-weight: bold!important;
    color: #fff!important;
    background-color: #406749!important;
    border-color: #36583e!important;
    width:185px!important;
    text-transform: uppercase;
    text-align: center;
}

#DateSelect #card-body .bookNow,
#sbDates #card-body .bookNow {
    font-weight: bold!important;
    color: #fff!important;
    background-color: #53875f!important;
    border-color: #198754!important;
    width:100%;
    text-transform: uppercase;
}

#sbDates #card-body .bookNow:hover {
    font-weight: bold!important;
    color: #fff!important;
    background-color: #406749!important;
    border-color: #36583e!important;
    width:100%;
    text-transform: uppercase;
}

.text-white{
    color: #fff!important;
}

#accept-error{
   clear:both!important;
   float:right!important;
}

.danger-white {
    font-weight: normal!important;
    color:#fff!important;
    background-color:#8f2a27!important;
    border-color:#7b2422!important;
}

.danger-white:hover {
    font-weight: normal!important;
    color:#fff!important;
    background-color:#671e1c!important;
    border-color:#531817!important;
}

.goBack {
    font-size: 1.2rem;
    font-weight: bold!important;
    color:#fff!important;
    background-color:#8f2a27!important;
    border-color:#7b2422!important;
    padding: 10px 5px!important;
}

.goBack:hover {
    font-size: 1.2rem;
    font-weight: bold!important;
    color:#fff!important;
    background-color:#671e1c!important;
    border-color:#531817!important;
    padding: 10px 5px!important;
}

#bookaftercheckout,
#bookdaysdates {
    text-align:center;
}

.checkPrices{
    font-weight: bold!important;
    text-transform: uppercase;
    width: 154px;
}

.listBookNow{
    font-weight: bold!important;
    text-transform: uppercase;
}


.cartFinishBooking {
    font-size: 1.2rem;
    font-weight: bold!important;
    color: #fff!important;
    background-color: #53875f!important;
    border-color: #198754!important;
    padding: 10px 5px!important;
}

.cartFinishBooking:hover {
    font-size: 1.2rem;
    font-weight: bold!important;
    color: #fff!important;
    background-color: #406749!important;
    border-color: #36583e!important;
    padding: 10px 5px!important;
}

.btn-countdown1 {
    background-color: #333!important;
    border-color: #333!important;
    color: #fff!important;
}


.btn-countdown2 {
    background-color: #666!important;
    border-color: #666!important;
    color: #fff!important;
}


.btn-countdown3 {
    background-color: #999!important;
    border-color: #999!important;
    color: #fff!important;
}

div.countdown span.btn-danger{
    color:#fff!important;
    background-color:#8f2a27!important;
    border-color:#7b2422!important;
}


div.countdown span.btn-danger:hover {
    color:#fff!important;
    background-color:#671e1c!important;
    border-color:#531817!important;
}


.bookPay {
    font-size: 1.2rem;
    font-weight: bold!important;
    color: #fff!important;
    background-color: #53875f!important;
    border-color: #198754!important;
    padding: 10px 5px!important;
}

.bookPay:hover {
    font-size: 1.2rem;
    font-weight: bold!important;
    color: #fff!important;
    background-color: #406749!important;
    border-color: #36583e!important;
    padding: 10px 5px!important;
}


.paymentChoose {
    font-size: 1.2rem;
    font-weight: bold!important;
    color: #fff!important;
    background-color: #53875f!important;
    border-color: #198754!important;
    padding: 10px 5px!important;
}

.paymentChoose:hover {
    font-size: 1.2rem;
    font-weight: bold!important;
    color: #fff!important;
    background-color: #406749!important;
    border-color: #36583e!important;
    padding: 10px 5px!important;
}

span.field-addon_quantity{
    display: inline-block;
    float:left;
    padding:2px 0 0 0;
    margin:0;
    height:2rem;
    width:3rem;
    color:#000;
    text-align:center;
}

span.pppd{margin-top:2px;}

span.tagbullet label{padding:1px 7px;margin:2px 2px;background:#ccc;border-radius:.25rem;}
span.tagbullet_checked label{padding:1px 7px;margin:2px 2px;background:#aaa;border-radius:.25rem;color:#fff}
.btn-xs{font-size:12px;line-height:1.5;padding:1px 5px}
.blurcontent{filter: blur(.3rem);cursor:default;}
.blurcontent button{cursor:default;}



/* FIX
********************
*/

div.row.rt.rounded.available{
    border-radius: 0px!important;
    border: 1px solid #ccc!important;
}

.card {
    border-radius: 0rem!important;
}

.card-header:first-child {
    border-radius: 0rem!important;
}

.btn{
    border-radius: 0rem!important;
}

.tagbullet,
.tagbullet label {
    border-radius: 0rem!important;
}

.filters div.filterbox div.datepicker,
.filters div.filterbox div.typepicker {
    border-radius: 0rem!important;
}

.rounded {
    border-radius: 0rem!important;
}

.rounded-top{
    border-radius: 0rem!important;
}

div.payButton {
    border-radius: 0rem!important;
}

div.row.rt div.resourceTypePrice svg {
    margin-left: 20px !important;
}