noscript {
    display:block;
    position:fixed;
    bottom:0;
    left:0;
    font-size:16px;
    font-weight:bold;
    background:#DD0000;
    color:#FFFFFF;
    padding:10px;
    line-height:30px;
    width:100%;
    font-family:arial, sans-serif;
    text-align:center;
}

.lazy-img-container {
    position: relative;
    height: 0;
    overflow: hidden;
    background-color:#ececec;
}

noscript p { position:fixed; bottom:0; left:0; text-align:center; width:100%; line-height:16px; background:red; color:white; font-size:14px; padding:10px; margin:0;}
body { background: /*#f4f4f6*/ #f4f4f6; }
hr.breaker {
    margin:40px 0;
    border-top: 3px solid #f0efea;
}
a:hover { text-decoration: none;}
p {
    line-height:22px;
}
input {
    cursor:text !important;
    background: #fff !important;
}
.c-input {
    position: relative;
    display: inline;
    padding-left: 1.5rem;
    color: #555;
    cursor: pointer;
    padding-left: 30px;
    font-weight:normal;
}
label.c-input {
    margin-top:20px;
    margin-bottom:20px;
}
label.c-input:first-child {
    margin-top:10px;
}
.input-group-addon { cursor:pointer; }
.c-input > input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
.c-input > input:checked ~ .c-indicator {
    color: #fff;
    background-color: #0074d9; }
.c-input > input:focus ~ .c-indicator {
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; }
.c-input > input:active ~ .c-indicator {
    color: #fff;
    background-color: #84c6ff; }
.c-input + .c-input {
    margin-left: 1rem; }
.c-indicator {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height:20px;
    width:20px;
    font-size: 65%;
    line-height: 1rem;
    color: #eee;
    text-align: center;
    user-select: none;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.c-radio .c-indicator {
    border-radius: 50%; }
.c-radio input:checked ~ .c-indicator {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }
.c-inputs-stacked .c-input {
    display: block;
}
.c-inputs-stacked .c-input::after {
    display: block;
    margin-bottom: .25rem;
    content: "";
}
.c-inputs-stacked .c-input + .c-input {
    margin-left: 0;
}


#logo {
    /*width: 193px;
    height: 49px;
    background: url("/assets/img/Logo_compressed_191x38.png") no-repeat;
    background-position: center;
    margin-top: 12px;
    */
}
#logo:hover {
    /*-webkit-mask: -webkit-gradient(radial, 17 17, 123, 17 17, 138, from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)));*/
}


.stars i {
    font-size:16px;
}
.stars i.fa-star {
    color:#f0af42;
}
.stars i.fa-star.false {
    color:#f0efea;
}
.stars i.fa-star-o {
    color:#a1d65a;
}



.topbar { min-height:30px; background-color:/*07194*/ #545864; }
.topbar .label { margin-top:6px; display:inline-block; }
.topbar .usp { line-height:30px; color:#ddd; font-size:12px;}




.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .container {
  position: relative;
}
.yamm .dropdown-menu {
  left: auto;
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
  top:60px;
  background:#f0efea;
  border:none;
  border-bottom:1px solid #d9d9d9;
}
.yamm .yamm-content .footer h2 {
    text-align:center;
    padding-bottom:30px;
}
.yamm .yamm-content .footer a {
    text-align:center;
}
.yamm .yamm-content .footer p {
    text-align:center;
    font-size:1.6em;
    line-height:1.6em;
    color:#999;
    width:75%;
    margin:0 auto 30px auto;
}

.yamm .product-card {
    position:relative;
    border: 10px solid #f0efea;
    margin:-10px;
}
.yamm .product-card:hover {
    border: 10px solid #fdfdfd;
}
.yamm .product-card.bpad20 {
    margin-bottom:20px;
}
.yamm .product-card.bpad30 {
    margin-bottom:30px;
}

.yamm .info-menu > div { margin: 20px 0; }
.yamm .info-menu a { text-align:center; font-size:16px; width:100%; display:inline-block; margin:20px 0; color:#545864; text-transform: uppercase; }
.yamm .info-menu a:hover { color:#ffffff; }
.yamm .info-menu a i { display:block; clear:both; font-size:64px; margin-bottom:20px;  }
.yamm .info-menu a span { text-align:center; width:100%; clear:both; font-weight:normal; font-size:20px; }




.row {
    position:relative;
}
.row.breaker {
    padding:30px 0;
}
.row.breaker:before {
    border-top: 3px solid #f0efea;
    margin-top: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.row.breaker.section-breaker {
    padding:100px 0 30px 0;
}
.row.breaker.section-breaker:before {
    border-top: 3px solid #f0efea;
    margin-top: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.row.breaker h2 {
    text-align:center;
    margin:0 auto;
    color:#aaa;
}
.row.breaker h2 > span {
    display:inline-block;
    background-color:#f4f4f6;
    padding:0 10px;
    font-size:44px;
    font-weight:normal;
    text-transform: uppercase;
}
.row.breaker p {
    margin-top:15px;
    font-size:20px;
    color:#999;
    text-align:center;
}






.companyOverview {
    padding:10px;
}
.companyOverview .item:first-child {

}
.companyOverview .item {
    background:#fff;
    margin-top:5px;
    margin-bottom:20px;
    padding-top:15px;
    padding-bottom: 15px;
    /*
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    -webkit-border-radius: 3px;
    */
}
.companyOverview .item .imageContainer {
    background-color:#fff;
}
.companyOverview .item h2 {
    margin-top:10px;
    margin-bottom:10px;
    font-size:16px;
}
.companyOverview .item p {
    margin-left:1px;
    font-size:14px;
}
.companyOverview .item p.address {
    margin-top:0;
    padding-bottom:0px;
}
.companyOverview .item p.perks {
    padding-bottom:25px;
}
.companyOverview .item p.perks span {
    padding-right:10px;
    white-space: nowrap;
}
.companyOverview .item p.perks span .pricerange {
    padding-right:10px;
    color:#999;

}
.companyOverview .item p.links a.locality {
    margin-left:10px;
    float:right;
}
.companyOverview .item p.links.viewtype-offer {
    margin-top:-10px;
}
.companyOverview .item .companyProfile-primary-product {
    font-size:12px;
}



.companyProfile-header h1 {
    margin-bottom:5px;
    font-weight:normal;
    font-size:24px;
    text-transform: uppercase;
}
.companyProfile-header h2 {
    color: #2f5f6e;
    font-size:20px;
}
.companyProfile-header h3 {
    color: #cfc2ba;
    margin-top:0;
    margin-bottom:0;
    font-size:13px;
    color:#7e8184;
}
.companyProfile-book-button {
    position:absolute;
    bottom:-30px;
    right:10px;
}
.companyProfile-xs-locality {
    font-size:11px;
    line-height:30px;
}
.companyProfile-xs-locality span {
    white-space: nowrap;
}

.companyProfile-type { position:relative; z-index:10; }
.companyProfile-type h2 { line-height:24px; text-transform: uppercase; color:#23527c; }
.companyProfile-type h2 > i { font-size:25px; }
.companyProfile-type p.goto-overview { position:absolute; bottom:-25px; right:15px; text-transform: uppercase; font-size:11px;}
.companyProfile-type a { color:#23527c; }
.companyProfile-type i { color:#23527c; }

.companyProfile-address .address { padding-left:2px; color:#a8a8a8; }
.companyProfile-address .address a { color:#a8a8a8; margin-right:15px; }
.companyProfile-address .address a:hover { text-decoration: underline; }

.companyProfile-reviews { padding-bottom:30px; padding-top:30px; }
.companyProfile-review {
    margin-top:10px;
}
.companyProfile-review .stars {
    margin-right:5px;
    white-space: nowrap;
}
.companyProfile-review .rating > span {
    color:#ffffff;
    font-size:15px;
    font-weight:bold;
    line-height:24px;
    padding:3px 0px 3px 4px;
    width:30px;
    text-align:center;
    border-radius:2px;
    background-color:#f0af42;
    margin-right:10px;
    margin-left:1px;
}
.companyProfile-review .rating-label {
    font-size:14px;
    line-height:24px;
    font-weight:normal;
    margin-left:10px;
    color:#999;
}
.companyProfile-review .rating-label a {
    color:#999;
}
.companyProfile-review .rating-label a:hover {
    text-decoration: underline;
}
.companyProfile-review .rating-label a span {
    margin-left:5px;
    color:#999;
}


.companyProfile-catalog {
    margin-top:20px;
}
.companyProfile-catalog-image-thumbnails {
    margin-left:4px;
}
.companyProfile-catalog-image-thumbnails img {
    display:inline-block;
    margin-top:4px;
    margin-right:4px;
    margin-left:-4px;
    cursor:pointer;
}

.companyProfile-catalog .carousel-control {
    background-image:none;
}
.companyProfile-catalog .carousel-control .fa {
    font-size:50px;
    position: absolute;
    bottom: 10px;
    z-index: 5;
    display: inline-block;
}
.companyProfile-catalog .carousel-control.left .fa {
    left:20px;
}
.companyProfile-catalog .carousel-control.right .fa {
    right:20px;
}

.companyProfile-description {
    position:relative;
}
.companyProfile-description.folded {
    max-height:90px;
    overflow:hidden;
}
.companyProfile-description a.expand {
    display:none;
    cursor:pointer;
}
.companyProfile-description.folded a.expand {
    display:block;
    position:absolute;
    bottom:-1px;
    right:0px;
    background:#ffffff;
    padding-left:5px;
}
.companyProfile-description h2 {
    font-size:18px;
    color:#f0af42;
    font-weight:normal;
}

.companyProfile-details { font-size:13px;}
.companyProfile-details .padder { margin-top:21px; }
.companyProfile-details .booking-teaser h3 { font-size:18px; font-weight:lighter; text-transform: uppercase; margin-top:0; padding-bottom:10px; border-bottom:1px solid #f4f4f6; }
.companyProfile-details .booking-teaser ul li { line-height:22px;}
.companyProfile-details .book-button { /*width:100%; background-color:#f0ad4e; border-color:#e99d3e; font-weight:bold;*/ }
.companyProfile-details .address { margin-top:20px; }
.companyProfile-details img { margin-top:0px; }



.reviews {

}
.reviews .review-body p {
    font-size:13px;
    line-height:18px;
}
.reviews .review-rating-text > i {
    margin-top:10px;
    display:inline-block;
    line-height:50px;
    font-size:52px;
    color:#11a67e;
}
.reviews .review-rating-text > div {
    margin-top:20px;
    color:#11a67e;
}
.reviews .review-count > div {
    margin:10px auto 20px auto;
    height:50px;
    line-height:50px;
    font-size:52px;
    font-weight:normal;
    text-align:center;
}
.reviews .review-count > span {
    color:#11a67e;
}
.reviews .rating-types { margin-top:25px;}
.reviews .rating-type {
    clear:left;
}
.reviews .rating-type .text {
    width:150px;
    float:left;
    line-height:16px;
    font-size:14px;
    font-weight:bold;
}
.reviews .rating-type .text > span {
    float:right;
    padding-right:10px;
    font-size:16px;
}
.reviews .review-rating > div {
    margin:18px auto 0 auto;
    width:75px;
    height:75px;
    background:#11a67e;
    color:#fff;
    line-height:75px;
    font-size:40px;
    border-radius:3px;
}
.reviews .review-rating-vote-percentage > div {
    width:100px;
}
.reviews p a {
    white-space: nowrap;
}

.reviews-aggregated {
    font-size:20px;
    font-weight:bold;
}

.reviews-list { margin:0; padding:0; }
.reviews-list li { list-style: none; padding-top:10px; }

.reviews-list .panel-heading .panel-title {
    font-weight:bold;
    font-size:16px;
    text-transform: uppercase;
    color:#999;
}
.reviews-list .panel-heading .datetime {
    color:#999;
}
.reviews-list .panel-body {
    position:relative;
}
.reviews-list .review-quote-arrow {
    position: absolute;
    top: -13px;
    left: 15px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 13px 13px 13px;
    border-color: #f4f4f6 #f4f4f6 #ffffff #f4f4f6;
}
.reviews-list .review-rating-text > i {
    margin-top:5px;
    display:inline-block;
    line-height:30px;
    font-size:28px;
    color:#11a67e;
}
.reviews-list .review-rating-text > div {
    margin-top:5px;
    color:#11a67e;
}
.reviews-list .review-count > div {
    margin:5px auto 10px auto;
    height:30px;
    width:30px;
    line-height:30px;
    font-size:28px;
    font-weight:normal;
}
.reviews-list .rating-types { margin-top:5px;}
.reviews-list .rating-type {
    clear:left;
}
.reviews-list .rating-type .text {
    width:120px;
    float:left;
    line-height:14px;
    font-size:12px;  
    font-weight:bold;
}
.reviews-list .rating-type .text > span {
    padding-right:10px;
    font-size:14px;
}
.reviews-list .review-rating > div {
    margin:3px auto 0 auto;
    width:40px;
    height:40px;
    line-height:40px;
    font-size:24px;
    border-radius:2px;
}



.offers-list .item p.description {
    margin:10px 0;
}
.offers-list .item .price {
    white-space: nowrap;
}


.section.booking-teaser {
    padding:40px 0 50px;
    background-color:#f0efea;
    /*border-top:3px  solid #dedede;*/
    text-align:center;
}
.section.booking-teaser p {
    margin:40px 0;
    font-size:20px;
    line-height:40px;
}



.section-pageChildOverview {

    
}
.section-pageChildOverview h1 {
    margin:0 0 10px -1px;
}
.section-pageChildOverview h2 {
    margin:10px 0 20px 0 !important;
}
.section-pageChildOverview h3 {
    margin:0px 0 10px 0;
}




.section-content {
    margin-top:30px;
    margin-bottom:60px;
    
}
.section-content h1 {
    margin:0 0 10px -1px;
}
.section-content h2 {
    margin:30px 0 20px 0;
}
.section-content h3 {
    margin:10px 0 10px 0;
}
.section-content img.phonenumber-flag {
    width:30px;
    margin-bottom:5px;
    margin-right:10px;
}




.contentMenu { 

}
.contentMenu h3 {
    font-size:16px;
    font-weight:normal;
    padding:5px 0;
    border-bottom:1px solid #dbdbdb;
    line-height:28px;
    color:#999;
    margin:0 0px 5px 0px;
}
.contentMenu li a {
    font-size:14px;
    color:#545864;
    padding:5px 0 5px 0px;
    display:inline-block;
    width:100%;
}
.contentMenu li a:hover {
    text-decoration: underline;
}
.contentMenu li.active a {
    font-weight:bold;
}

.contentMenu .menuList {
    background-color: #ebeae3;
    padding:10px 20px 20px 20px;
}
.contentMenu .menuList ul {
    margin-bottom:20px;
    padding:0;
    list-style:none;
}
.contentMenu .menuList ul.last {
    margin-bottom:0;
}
.contentMenu .menuList ul li {
    
}


.productFinder {
    padding:10px;
    padding-bottom:20px;
    border:1px solid;
    margin-bottom:20px;
}
.productFinder h2 {
    margin:0 0 10px 0;
}
.productFinder.green {
    background-color:#6cbb87;
    border-color: #6cbb87;
}
.productFinder.green h2 {
    color:#fff;
}
.productFinder.orange {
    background-color:#ffc853;
    border-color: #ffc853;
}
.productFinder.orange h2 {
    color:#545864;
    /*color:#003480;*/
}
.productFinder.taupe {
    background-color:#ebeae3;
    border-color:#f0efea;
}
.productFinder.taupe h2,
.productFinder.taupe h3 {
    color:#777;
}
.productFinder .searchSubdetails {
    line-height:40px;
    margin-bottom:10px;
}
.productFinder .searchSubdetails .toggle {
    text-align: left;
}

.productFinder.xl {
    padding:20px;
    padding-bottom:20px;
    margin-bottom: 20px;
}
.productFinder.xl h2 {
    margin:0 0 20px 0;
}

.productFinderAddon {
    padding:10px;
    border-top:1px solid;
    margin-top:-20px;
    margin-bottom:20px;
    text-align:center;
}
.productFinderAddon p {
    font-size:14px;
    line-heigth:40px;
    margin:10px 0;
    text-transform: uppercase;
}
.productFinderAddon p i {
    font-size:24px;
    display:block;
    margin:20px 0 0 0;
}
.productFinderAddon.orange {
    background-color:#ffc853;
    border-color: #daa300;
}
.productFinderAddon.orange h3 {
    color:#545864;
    /*color:#003480;*/
}
.productFinderAddon.taupe {
    background-color:#f0efea;
    border-color:#dfdfdf;
}
.productFinderAddon.taupe h2,
.productFinderAddon.taupe h3 {
    color:#777;
}

.productCategory {
    margin-top:10px;
    padding-top:15px;
    padding-bottom:15px;
}
.productCategoryPortalMaster {
    margin-top:10px;
    padding-top:15px;
}




.lazy-img-container.navbar-logo {
    width:191px;
    height:38px;
    margin-top:15px;
    margin-left:15px;
}
.lazy-img-container.ratio-16-9{
    padding-bottom:56.25%; /* 9/16*100 */
}
.lazy-img-container.ratio-4-3{
    padding-bottom:75%; /* 3/4*100 */
}
.lazy-img-container.ratio-1-1{
    padding-bottom:100%; /* � */
}
.lazy-img-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.lazy-img-container img.xs-16-9 {
    /*max-width: 350px;*/
    /*max-height: 263px;*/
}
.lazy-img-container img.sm-16-9 {
    /*max-width: 768px;*/
    /*max-height: 577px;*/
}
.lazy-img-container img.md-16-9 {
    /*max-width: 1024px;*/
    /*max-height: 770px;*/
}
.lazy-img-container img.lg-16-9 {
    /*max-width: 1200px;*/
    /*max-height: 678px;*/
}
.lazy-img-container img.xs-4-3 {
    /*max-width: 350px;*/
    /*max-height: 198px;*/
}
.lazy-img-container img.sm-4-3 {
    /*max-width: 768px;*/
    /*max-height: 434px;*/
}
.lazy-img-container img.md-4-3 {
    /*max-width: 1024px;*/
    /*max-height: 579px;*/
}
.lazy-img-container img.lg-4-3 {
    /*max-width: 1200px;*/
    /*max-height: 678px;*/
}
.lazy-img-container img.xs-1-1 {
    /*max-width: 350px;*/
    /*max-height: 350px;*/
}
.lazy-img-container img.sm-1-1 {
    /*max-width: 768px;*/
    /*max-height: 768px;*/
}
.lazy-img-container img.md-1-1 {
    /*max-width: 1024px;*/
    /*max-height: 1024px;*/
}
.lazy-img-container img.lg-1-1 {
    /*max-width: 1200px;*/
    /*max-height: 1200px;*/
}
.lazy-img-container .banner {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:20%;
    background:#000;
    opacity: 0.35;
    z-index:5;
}
.lazy-img-container .banner-text {
    z-index:6;
}
.lazy-img-container h2 {
    z-index:6;
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    padding:0;
    margin:0;
    width:100%;
    height:15%;
    text-indent:10px;
    font-size:1.3em;
    font-weight:bolder;
    color:#fff;
    opacity:1;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
    font-family: Helvetica, sans-serif;
}
.lazy-img-container p {
    z-index:6;
    display:block;
    position:absolute;
    left:0;
    bottom:0;
    padding:0;
    margin:0;
    width:100%;
    height:15%;
    text-indent:10px;
    font-size:13px;
    color:#fff;
    opacity:1;
    text-align:right;
}
.lazy-img-container p span {
    float:right;
    margin-right:10px;
}
.lazy-img-container a {
    width:100% !important;
    height:100% !important;
    display:inline-block;
}


.card { position: relative; background:#fff; padding-bottom:5px; }
.card .lazy-img-container { z-index:2; }
.card .lazy-img-container.no-image { height:75px; padding-bottom:0;}
.card .shade { z-index:3; position: absolute; top:0; left:0; width:100%; height:55px; background:#000; opacity:0.7; }
.card .shade-content { z-index:4; position: absolute; top:0; left:0; width:100%; height:55px; opacity:1; }
.card .shade-content h1 { color:#fff; margin:5px 0px 0 4px; font-size:20px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); }
.card .shade-content h2 { color:#fff; margin:5px 0px 0 4px; font-size:20px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); }
.card .shade-content p { font-size:12px; color:#fff; margin:0 7px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.card .shade-content p a { color:#fff; }
.card .intro .lead { font-size:24px; line-height:36px; font-weight:normal; text-align:center; margin:30px 10px 0 10px; }
.card .nicebody p { text-align:justify; font-size: 14px; line-height:24px; margin:20px; }
.card .nicebody button.show-more { margin:20px auto; display:block; }
.card hr { margin:0 20px 20px 20px;}
.card .footer { padding: 0px 20px 15px 20px; }
.card .footer a,
.card .footer button { color:#fff; padding:5px; margin:10px 0; font-size:13px; }

.faqList h2 {
    margin:0;
    font-size:18px !important;
    color:#666;
}



.section-contact {
    
}
.section-contact h2 {
    font-size:20px;
    font-weight:normal;
}






/* AANVRAAG STATUS OMGEVING */
div.bookingSummary { min-height: 600px; }

div.bookingSummary h1 { font-size:18px;}
div.bookingSummary h2 { font-size:18px;}
div.bookingSummary h3 { font-size:18px;}
div.bookingSummary p { font-size:13px;}
div.bookingSummary table tr td { font-size:12px; line-height:20px; }


div.my-booking-header-row {}
div.my-booking-header-row table { margin: 20px 0; }
div.my-booking-header-row table tbody tr td { padding: 5px 0; }

div.my-booking-status-row span.status-text { /*cursor:pointer;*/ font-size:10pt; color:#333333; padding:0 10px; margin:14px 0px 14px 0; display:inline-block; line-height:60px; min-height:60px; border:4px solid #00cc00; }
div.my-booking-status-row span.status-text.closed { color:#CC0000; padding:0 10px; margin-top:14px; display:inline-block; border:4px solid #CC0000; }
div.my-booking-status-row span.reference-box { font-size:10pt; color:#333333; padding:0 10px; margin-top:15px; display:inline-block; line-height:60px; min-height:60px; border:4px solid #4fa6d8; }
div.my-booking-status-row span.reference-box span { font-weight:bold; }
div.my-booking-status-row ul { list-style: none; padding:0; }
div.my-booking-status-form-row { display:none; }



div.my-booking-confirmation-container {
    border: 3px dashed #f0ad4e;
    padding: 20px;
    max-width: 450px;
    margin-top: 10px;
}

table.confirmation-checkin-details-table {
    border:none;
    margin:0;
    padding:0;
}
table.confirmation-checkin-details-table tbody tr td {
    padding:2px;
    height: 30px;
    border:none;
}
table.confirmation-checkin-details-table tbody tr td:first-child {
    width:130px;
}

table.confirmation-checkin-details-table tbody tr td input {
    width:100%;
    border:1px solid #ccc;
    border-radius:2px;
    font-size: 13px;
    line-height:20px;
    text-indent: 5px;
}


div.my-booking-confirmation-popup-container {
    font-size:13px;
}
div.my-booking-confirmation-popup-container label {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}


div.my-booking-offer-list-header-row table { margin: 20px 0; }
div.my-booking-offer-list-header-row table tbody tr td { padding: 5px 0; }
div.my-booking-offer-list-row {} /* contains menu + all company offers, should become popup */
div.my-booking-offer-list-explanation-row { display:none; }

#myBookingReview { }
#myBookingReview table.review-rating-numbers { width:100%; max-width:400px; }
#myBookingReview table.review-rating-numbers tbody tr td { text-align:center; }
#myBookingReview table.review-rating-numbers tbody tr.rating td { text-align:center; padding: 2px 3px;  }
#myBookingReview table.review-rating-numbers tbody tr td label { cursor:pointer; display:block; }


#myBookingWizard .wizard {
    margin: 30px auto 40px auto;
    background: #fff;
}
#myBookingWizard .wizard .nav-tabs {
    position: relative;
    margin: 0px auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
}
#myBookingWizard .wizard > div.wizard-inner {
    position: relative;
}
#myBookingWizard .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}
#myBookingWizard .wizard .nav-tabs > li.active > a,
#myBookingWizard .wizard .nav-tabs > li.active > a:hover,
#myBookingWizard .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}
#myBookingWizard .wizard .nav-tabs > li.disabled i {
    color:#e0e0e0;
}
#myBookingWizard span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 65px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
#myBookingWizard span.round-tab i{
    color:#555555;
}
#myBookingWizard .wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;

}
#myBookingWizard .wizard li.active span.round-tab i{
    color: #5bc0de;
}
#myBookingWizard span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}
#myBookingWizard .wizard .nav-tabs > li {
    width: 25%;
}
#myBookingWizard .wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}
#myBookingWizard .wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}
#myBookingWizard .wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}
#myBookingWizard .wizard .nav-tabs > li a:hover {
    background: transparent;
}

#myBookingWizard .wizard .tab-pane {
    position: relative;
    padding-top: 30px;
    padding-bottom:10px;
}
#myBookingWizard .wizard .tab-pane hr {
    margin:30px 5px 20px 5px;
}
#myBookingWizard .wizard .tab-pane hr.footer-border {
    border-top:1px solid #e0e0e0;
    margin: 30px -15px 20px -15px;
}
#myBookingWizard .wizard h3 {
    margin-top: 0;
}
#myBookingWizard hr.slice { margin:20px -15px 20px -15px !important; border-top: 1px solid #e0e0e0; }


#myBookingWizard .step33 {
    border:1px solid #ccc;
    border-radius:5px;
    padding-left:10px;
    margin-bottom:10px;
}
#myBookingWizard .dropselectsec {
    width: 90%;
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 1px;
    color: #333;
    margin-left: 10px;
    outline: none;
    font-weight: normal;
}
#myBookingWizard .input-row {
    margin-bottom:10px;
}
#myBookingWizard .wdth {
    width:25%;
}
#myBookingWizard .birthdrop {
    padding: 6px 5px;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    margin-left: 10px;
    width: 16%;
    outline: 0;
    font-weight: normal;
}


/* according menu */
#myBookingWizard #accordion-container {
    font-size:13px
}
#myBookingWizard .accordion-header {
    font-size:13px;
    background:#ebebeb;
    margin:5px 0 0;
    padding:7px 20px;
    cursor:pointer;
    color:#fff;
    font-weight:400;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}
#myBookingWizard .unselect_img{
    width:18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#myBookingWizard .active-header {
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    background:#F53B27;
}
#myBookingWizard .active-header:after {
    content:"\f068";
    font-family:'FontAwesome';
    float:right;
    margin:5px;
    font-weight:400
}
#myBookingWizard .inactive-header {
    background:#333;
}
#myBookingWizard .inactive-header:after {
    content:"\f067";
    font-family:'FontAwesome';
    float:right;
    margin:4px 5px;
    font-weight:400
}
#myBookingWizard .accordion-content {
    display:none;
    padding:20px;
    background:#fff;
    border:1px solid #ccc;
    border-top:0;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-radius:0 0 5px 5px
}
#myBookingWizard .accordion-content a{
    text-decoration:none;
    color:#333;
}
#myBookingWizard .accordion-content td{
    border-bottom:1px solid #dcdcdc;
}

#myBookingWizard ul.my-booking-product-description-list {
    list-style:  none;
    padding:0;
    margin:1px 0 20px 0;
}
#myBookingWizard ul.my-booking-product-description-list li {
    margin: 3px 0 6px 0;
    font-size:12px;
}



div.booking-status-details table { width:100%; margin:10px 0 0 0; }
div.booking-status-details table tr td { font-size: 9pt; }

div.table.offers > table { border:none; border-spacing:0; }
div.table.offers > table > thead > tr { border:none; }
div.table.offers > table > thead > tr > th { padding: 0 0 0 10px; font-weight:bold; height:50px; border:none; }
div.table.offers > table > thead > tr > th.last { padding: 0 10px 0 10px; font-weight:bold; height:50px; border:none; }
div.table.offers > table > tbody > tr > td { border-left:none; border-right:none; border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding: 3px 0px 3px 10px; height:50px; }
div.table.offers > table > tbody > tr:first-child > td { border:none; }
div.table.offers > table > tbody > tr > td.price { font-size:12pt; color:#4fa6d8; font-weight:bold; }
div.table.offers > table > tbody > tr > td.price span { font-size:9pt; color:#BBB; font-weight:normal; }
div.table.offers > table > tbody > tr > td.name { font-size:11pt; color:#4fa6d8; font-weight:bold; }
div.table.offers > table > tbody > tr > td.name span { font-size:9pt; color:#aaa; font-weight:normal; }
div.table.offers > table > tbody > tr > td.last { padding-right:10px; }
div.table.offers > table > tbody > tr > td.info a { margin-top:5px; display:inline-block; }

div.customer-status-container { margin:-20px 0; padding:20px 0; }
div.customer-status-container.help-active { /*background:url("/assets/bgPortal/img/layout-historic/status_update_call_to_action_tip.jpg") 325px 50px no-repeat;*/ }

div.customer-status-options-container select {
    border:2px solid #4fa6d8;
    width:250px;
    margin-left: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    padding: 5px;
}


div.offers-container { margin:0 0 0 0;  }
div.offers-container > hr { margin:10px -15px 20px -15px !important; border-top: 1px solid #e0e0e0; }
div.offers-container div.offer-list-container { /*float:left;*/ }
div.offers-container div.offer-list-container button.offer { white-space:nowrap; font-size:12px; padding:3px 3px 3px 4px; text-align:left; clear:both; cursor:pointer; background:#f9f9f9; border: 1px solid #eee; }
div.offers-container div.offer-list-container button.offer.active { background:#4fa6d8; color:white; }
div.offers-container div.offer-list-container button.offer span { line-height:30px; }
div.offers-container div.offer-list-container button.offer span.company {
    overflow: hidden;
    float: left;
    width: 144px;
    display: inline-block;
    text-overflow: ellipsis;
}
div.offers-container div.offer-list-container button.offer span.company i.favorite {
    margin:0 2px;
}
div.offers-container div.offer-list-container button.offer span.price {
    font-size:13px;
    text-align:right;
    float:right;
    width: 50px;
    margin-right: 5px;
}
div.offers-container div.offer-list-container button.offer span.rating span {
    text-align:center;
    float:right;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding: 3px;
    width: 30px;
    border-radius: 2px;
    background-color: #f0af42;
}
div.offers-container div.offer-list-container button.offer span.rating.none span {
    -moz-opacity: 0.2;
    opacity: 0.2;
}


div.offers-container div.offer-container { border-left:1px solid #e0e0e0; padding:0 15px; }
div.offers-container div.offer { display:none; padding-left:10px; }
div.offers-container div.offer .alert { margin: 20px 0; }
div.offers-container div.offer .alert button { margin: 0 0 0 10px; }
div.offers-container div.offer .companyOverview .item { margin-bottom:0; padding-bottom:0; }
div.offers-container div.offer hr { margin: 10px 0; }
div.offers-container div.offer div.company-address { width: 100%; }
div.offers-container div.offer div.company-address table tbody tr:first-child td { }
div.offers-container div.offer div.company-address table tbody tr td:first-child { }
div.offers-container div.offer div.logo { width:100%; }
div.offers-container div.offer table { margin: 5px 0 0 0; }
div.offers-container div.offer table tbody tr td { font-size:10pt; padding:5px 0; }
div.offers-container div.offer table.company-details tr td strong { color:#999999; }
div.offers-container div.offer h2 { margin:0 0 10px 0; }
div.offers-container div.offer p.company-comment { line-height:12pt; }
div.offers-container div.offer p.interested { display:none; }
div.offers-container div.offer a.confirm-interested { padding:0px 15px 0 5px;  font-size:10pt; }
div.offers-container div.offer .item.viewtype-offer h2 {
    margin: 20px 0 10px 0;
}
div.offers-container div.offer .item.viewtype-offer .review-count {
    display:block;
    font-size:13px;
}
div.offers-container div.offer .item.viewtype-offer .companyProfile-catalog-image-thumbnails img:first-child {
    border: 1px solid #eee;
}
div.offers-container div.offer .item.viewtype-offer p.perks span {
    margin-right: 5px;
}

div.booking-offer-product-details-container {

}
div.booking-offer-product-details-container ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    font-size: 12px;
}
div.booking-offer-product-details-container ul li {

}







.slick-prev,
.slick-next {
    font-size: 0;
    z-index:100;
    line-height: 0;
    position: absolute;
    bottom: 0px;
    display: block;
    width: 32px;
    height: 32px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: 1px solid #fff;
    border-radius: 16px;
    outline: none;
    background: #fff;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .6;
}
.slick-prev:before {
    content: '<';
    font-size:20px;
    color:#999;
}
.slick-next:before {
    content: '>';
    font-size:20px;
    color:#999;
}
.slick-next {
    right: 7px;
    padding: 6px 0 0 3px;
}
.slick-prev {
    left: 7px;
    padding: 6px 3px 0 0;
}


.myBooking {
    padding-bottom:60px;
}

.myBooking .myBookingMenu {
    background-color:#ebeae3;
    border: 1px solid #f0efea;
    padding:10px;
    margin-top:20px;
}
.myBooking .myBookingMenu p.subtitle {
    font-size:12px;
}
.myBooking .myBookingMenu h2,
.myBooking .myBookingMenu h3 {
    margin: 0;
    color:#777;
}
.myBooking .myBookingMenu hr.light-taupe {
    border-top: 1px solid #ddd;
    border-bottom: none;
    line-height: 1px;
    margin: 10px -10px;
}
.myBooking .myBookingMenu button.btn-light-taupe {
    background: none;
    border: 1px solid #bbb;
    color: #999;
}
.myBooking .myBookingMenu button.btn-light-taupe:hover {
    border: 1px solid #777;
    color: #777;
}
.myBooking .myBookingMenu a.btn-light-taupe {
    background: none;
    border: 1px solid #bbb;
    color: #999;
}
.myBooking .myBookingMenu a.btn-light-taupe:hover {
    border: 1px solid #777;
    color: #777;
}
.myBooking .myBookingMenu ul {
    list-style:  none;
    padding:0;
    margin:1px 0 20px 0;
}
.myBooking .myBookingMenu ul.last {
    margin-bottom:0;
}
.myBooking .myBookingMenu ul li {
    margin: 3px 0 6px 0;
    font-size:12px;
}

.myBooking .myBookingMenu ul.favorites-list {
    list-style: none;
    padding: 0;
    margin: 0 0px;
}
.myBooking .myBookingMenu ul.favorites-list li.favorite {
    cursor:pointer;
    border:1px solid #ebeae3;
    margin: 0 -3px;
    padding: 2px 3px;
}
.myBooking .myBookingMenu ul.favorites-list li.favorite.active,
.myBooking .myBookingMenu ul.favorites-list li.favorite:hover {
    border:1px solid #bbb;
    background:#bbb;
    color:#fff;
}

.myBooking .myBookingMenu .booking-company-stats tbody tr td i { color:#999; }
.myBooking .myBookingMenu .steps-and-info tbody tr td { padding:3px 0; }
.myBooking .myBookingMenu .steps-and-info tbody tr td i { font-size:16px; }
.myBooking .myBookingMenu .menu-toggle-container .toggle-button { display:block; width: 100%; padding:3px 0; cursor:pointer; text-align:center; }
.myBooking .myBookingMenu .menu-toggle-container .toggle-button > span { border: 1px solid #ccc; border-radius: 15px; padding: 3px 8px; }
.myBooking .myBookingMenu .menu-toggle-container .toggle-button > span i { color: #ccc; }

.myBooking .myBookingMenu .setting-switch-container { clear: both; display: block; margin-bottom:10px; }
.myBooking .myBookingMenu .setting-switch-container > label {
    line-height: 20px;
    padding: 0 0 0 10px;
    font-weight: normal;
    font-size:12px;
    cursor:pointer;
    margin:0;
}
.myBooking .myBookingMenu .setting-switch-container .toggle.btn {  min-width: 35px !important;}
.myBooking .myBookingMenu .setting-switch-container .toggle.btn label { font-size:11px; line-height:18px; }

.myBooking .myBookingMenu p.offer-details { position:relative; font-size:13px; }
.myBooking .myBookingMenu p.offer-details .price-container { position:absolute; top:0; right:0; font-size:18px; }
.myBooking .myBookingMenu p.offer-details .price-container .amount { font-size:18px; font-weight:bold; }

.myBooking .offers-container .offers-loading-column table {
    margin-top:40px;
}
.myBooking .offers-container .offers-loading-column table tbody tr td {
    font-size:20px;
}
.myBooking .offers-container .offers-loading-column table tbody tr td i {
    font-size:30px;
}

.myBooking .how-it-works-container ul {
    list-style:none;
    padding:0;
}
.myBooking .how-it-works-container ul li {
    font-size:12px;
    margin-bottom:10px;
}
.myBooking .how-it-works-container ul {
    list-style:none;
}


.myBooking .myBookingOffer span.favorite {
    position: absolute;
    right: 7px;
    top: 8px;
    background-color: transparent;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #ccc;
    cursor:pointer;
}
.myBooking .myBookingOffer span.favorite:hover {
    border:1px solid #ccc;
}
.myBooking .myBookingOffer span.favorite.active {
    border:1px solid #f0ad4e;
    color: #f0ad4e;
}
.myBooking .myBookingOffer span.favorite.active:hover {
    border:1px solid #ccc;
    color:#ccc;
}
.myBooking .myBookingOffer { position: relative; background:#fff; margin-top:20px; }
.myBooking .myBookingOffer .titlebar { position:relative; height:45px; }
.myBooking .myBookingOffer .shade { z-index:3; position: absolute; top:0; left:0; width:100%; height:45px; background:#545864; opacity:1; }
.myBooking .myBookingOffer .shade-content { z-index:4; position: absolute; top:0; left:0; width:100%; height:45px; opacity:1; }
.myBooking .myBookingOffer .shade-content h2 { font-size:18px; line-height:18px; color:#fff; margin:5px 50px 0 4px; text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; text-shadow: 0px 0px 3px rgba(0, 0, 0, 1); }
.myBooking .myBookingOffer .shade-content p { font-size:12px; color:#fff; margin:0 5px; text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.myBooking .myBookingOffer .shade-content p a { color:#fff; }

.myBooking .myBookingOffer .image-frame { width:100%; padding-bottom:56.25%; position:relative; border-bottom:1px solid #eee; }
.myBooking .myBookingOffer .image-frame p.no-images { width:100%; text-align:center; margin-top:85px; color:#999; }
.myBooking .myBookingOffer .image-frame p.price-estimate-range { font-size:40px;  width:100%; text-align:center; margin-top:65px; color:#999; }
.myBooking .myBookingOffer .image-frame p.price-estimate-text { font-size:20px; line-height:40px;  width:100%; text-align:center; margin-top:25px; color:#999; }
.myBooking .myBookingOffer .image-container { overflow:hidden; padding-bottom:56.25%; position:absolute; top:0; left:0; width:100%; }
.myBooking .myBookingOffer .image-container .image-slideshow > div img { width:100%; }
.myBooking .myBookingOffer .image-container .image-slideshow .fancybox-button-container {
    position: absolute;
    bottom: 65px;
    left: 5px;
    z-index: 150;
}
.myBooking .myBookingOffer .image-container .image-slideshow .fancybox-button-container button {
    padding: 0px 0 0 1px;
    font-size: 14px;
    line-height: 14px;
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background:#fff;
    border: 1px solid #fff;
    opacity: 0.6;
    border-radius: 16px;
    outline: none;
}
.myBooking .myBookingOffer .image-container .image-slideshow .fancybox-button-container button:hover { opacity:1; }
.myBooking .myBookingOffer .image-container .image-slideshow .slick-slide {  }
.myBooking .myBookingOffer .image-container .image-slideshow .slick-slide img { }
.myBooking .myBookingOffer .image-container .image-slideshow .slick-arrow { opacity:0.6; }
.myBooking .myBookingOffer .image-container .image-slideshow .slick-arrow:hover { opacity:1; }
.myBooking .myBookingOffer .image-container .image-slideshow .slick-prev { bottom:5px; left:5px; padding:9px 1px 0 0; }
.myBooking .myBookingOffer .image-container .image-slideshow .slick-next { bottom:5px; right:5px; padding:9px 0 0 3px; }

.myBooking .myBookingOffer .cancelled-warning {
    margin-top: 10px;
    display: inline-block;
}

.myBooking .myBookingOffer hr { margin:0 20px 20px 20px;}

.myBooking .myBookingOffer .review-summary { text-align:center; height:90px; }
.myBooking .myBookingOffer .no-reviews { margin-top:30px; color:#999; }
.myBooking .myBookingOffer .review-score { font-size: 24px; line-height:34px; width: 100%; display: inline-block; margin-top: 15px; margin-bottom: 5px; color:#999;}
.myBooking .myBookingOffer .review-score.top { color:#f0ad4e; }
.myBooking .myBookingOffer .review-score-text { }
.myBooking .myBookingOffer .review-count { line-height:34px; margin-top:15px; width:100%; display:inline-block; margin-bottom:5px; }
.myBooking .myBookingOffer .reviews-popup-button { }

.myBooking .myBookingOffer .addons-container { height: 65px; }

.myBooking .myBookingOffer .company-perks { height:60px; }
.myBooking .myBookingOffer .company-perks .label { font-size:11px; font-weight:normal; margin-left:5px; }
.myBooking .myBookingOffer .company-perks .label:nth-child(1) { margin-left:0px; }

.myBooking .myBookingOffer .company-description .intro .lead { font-size:24px; line-height:36px; font-weight:normal; text-align:center; margin:30px 10px 0 10px; }
.myBooking .myBookingOffer .company-description .nicebody p { text-align:justify; font-size: 14px; line-height:24px; margin:20px; }
.myBooking .myBookingOffer .company-description .nicebody button.show-more { margin:20px auto; display:block; }

.myBooking .myBookingOffer .price-container { height: 90px;  padding:0 20px; }
.myBooking .myBookingOffer .price-container div.price-perk { margin-top:5px; }
.myBooking .myBookingOffer .price-container div.price-perk:nth-child(1) { margin-top:0px; }
.myBooking .myBookingOffer .price-container div.price-perk .label { font-size:11px; line-height:13px; font-weight:normal; }
.myBooking .myBookingOffer .price-container .price { position: absolute; top: 15px; right: 35px; min-width:100px; text-align: right; font-size:24px; }
.myBooking .myBookingOffer .price-container .price .amount { text-align: right; font-size: 24px; font-weight: bold; }
.myBooking .myBookingOffer .price-container .price-subtitle { position: absolute; text-align: right; top: 35px; right: 0px; font-size: 11px; }
.myBooking .myBookingOffer .price-container .price-guaranteed-until { position: absolute; text-align: right; top: 55px; right: 0px; font-size: 11px; }

.myBooking .myBookingOffer .price-container div.contact-container { margin-top:7px; }
.myBooking .myBookingOffer .price-container div.contact-container .telephone { margin-left:5px; }

.myBooking .myBookingOffer .footer-buttons { padding: 0px 20px 15px 20px; }
.myBooking .myBookingOffer .footer-buttons button:not(.reopen-booking-button,.new-booking-button) { padding:5px; margin:0; font-size:13px; line-height:16px; color:#fff; }
.myBooking .myBookingOffer .footer-buttons button.messages-popup-button { color:#999; }
.myBooking .myBookingOffer .footer-buttons button.offer-reservation-button { font-size:14px; }


.myBookingMessagesBox .conversation-container {
    padding: 15px;
    margin: -15px;
    background: #eee;
}
.myBookingMessagesBox .message .read-icon {
    color: #157bc5;
    margin-right:-8px;
}
.myBookingMessagesBox .conversation-container hr.slice {
    margin:10px 0;
}
.myBookingMessagesBox .message { min-width:51%; padding:13px; font-size:13px; margin-bottom:5px; }
.myBookingMessagesBox .message .header {
    font-size:12px;
}
.myBookingMessagesBox .message.by-company { float:left; clear:both; max-width:90%; }
.myBookingMessagesBox .message.by-customer { float:right; clear:both; max-width:90%; }
.myBookingMessagesBox .new-company-message-container .input-container textarea {
    margin: 0 0 10px 0;
}
.myBookingMessagesBox .new-company-message-container .input-container { margin-top:10px; margin-bottom:5px; padding-top:10px; }
.myBookingMessagesBox .new-company-message-container textarea { margin-bottom:10px; clear:both; }

.myBookingReviews .review-quote-arrow { display:none; }
.myBookingReviews .panel-body { padding: 0 15px;}
.myBookingReviews hr.breaker { margin: 10px 0;}
.myBookingReviews .companyProfile-reviews { padding-bottom:10px; }

.myBookingReservation {
    padding-bottom: 60px;
}
.myBookingReservation p.subtitle {
    font-size:12px;
}
.myBookingReservation .details p {
    line-height:20px;
    font-size:13px;
}
.myBookingReservation .details p strong {
    line-height:24px;
    font-size:14px;
}
.myBookingReservation h2 {
    margin:0;
}
.myBookingReservation hr.light-taupe {
    border-top: 1px solid #ddd;
    border-bottom: none;
    line-height: 1px;
    margin: 10px -10px;
}
.myBookingReservation button.btn-light-taupe {
    background: none;
    border: 1px solid #bbb;
    color: #999;
}
.myBookingReservation button.btn-light-taupe:hover {
    border: 1px solid #777;
    color: #777;
}

.myBookingReservation .reservation-contact-details-container {
    background: #ebeae3;
    border: 1px solid #f0efea;
    padding: 10px;
    margin-top: 20px;
}
.myBookingReservation .reservation-payment-container {
    background: #ebeae3;
    border: 1px solid #f0efea;
    padding: 10px;
    margin-top: 20px;
}
.myBookingReservation .reservation-confirmation-container {
    background: #ebeae3;
    border: 1px solid #f0efea;
    padding: 10px;
    margin-top: 20px;
}
.myBookingReservation .reservation-confirmation-button-container {
    margin-top: 20px;
}
.myBookingReservation .reservation-confirmation-status-container {
    background: #ebeae3;
    border: 1px solid #f0efea;
    padding: 10px;
    margin-top: 20px;
}
.myBookingReservation .reservation-confirmation-cancel-container {
    background: #ebeae3;
    border: 1px solid #f0efea;
    padding: 10px;
    margin-top: 20px;
}
.myBookingReservation .reservation-confirmation-terms-container {
    background: #ebeae3;
    border: 1px solid #f0efea;
    padding: 10px;
    margin-top: 20px;
}
.myBookingReservation .reservation-confirmation-review-container {
    background: #ebeae3;
    border: 1px solid #f0efea;
    padding: 10px;
    margin-top: 20px;
}


ul.booking-summary {
    list-style:none;
    padding:0;
}


.affiliate-offer-container {
    background: #ebeae3;
    border: 1px solid #f0efea;
    padding: 10px;
    margin-top: 20px;
}


.contact-details-form input[type="text"] { font-size:13px; border-radius: 3px; padding:3px 1px; border:1px solid #ccc; width: 95%;}
.contact-details-form select { font-size:13px; border-radius: 3px; padding:3px 3px; border:1px solid #ccc; width: 90%;}
.request-form-route-map-canvas { height:300px; }


@media( min-width: 991px ) and ( max-width: 1199px ) {
    div.offers-container div.offer-list-container button.offer span.company {
        width:108px !important;
    }
}
@media( min-width:768px  ) and ( max-width: 990px ) {
    div.offers-container div.offer-list-container button.offer span.company {
        width:51px !important;
    }
    .companyOverview .item p.links.viewtype-offer {
        margin-top:-20px;
    }
}
@media( max-width : 767px ) {
    #myBookingWizard .offer-container {
        border-left: none;
        padding:0;
    }
    div.offers-container div.offer-list-container button.offer span.company {
        width:108px !important;
    }
}
@media( max-width : 585px ) {

    #myBookingWizard .wizard {
        width: 100%;
        height: auto !important;
    }
    #myBookingWizard span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 47px;
    }
    #myBookingWizard .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    #myBookingWizard .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 40%;
    }
}





.serviceUSP {
    text-align: center;;
}
.serviceUSP p.icon {
    font-size:96px;
    margin:0;
    color:#999;
    padding:20px 0;
}
.serviceUSP h3 {
    font-size:16px;
    font-weight:bold;
}

.section-footer {
    background-color:#545864;
    /*border-top: 3px solid #4a4e52;*/
    color:#ddd;
    padding-top:40px;
    padding-bottom:40px;
    min-height:250px;
}
.footer hr {
    margin:20px 0 10px 0;
    border-top:1px solid #7a7a7a !important;
}
.footer hr.extra {
    margin:30px 0 30px 0;
}
.footer h2 {
    font-weight:normal;
    font-size:20px;
    color:#f0af42;
}
.footer h3 {
    font-weight:normal;
    font-size:16px;
    line-height:20px;
    color:#fff;
}
.footer h3 i {
    font-size:20px;
    line-height:20px;
}
.footer p {
    line-height:25px;
    font-size:14px;
}
.footer p.high {
    font-size:15px;
    margin-top:20px;
    margin-bottom:0;
}
.footer p.high i {

}
.footer p small {
    font-size: 10px;
}
.footer a {
    color:#ddd;
}
.footer ul { 
    margin-top:0;
    margin-bottom:0;
    padding:0 0 0 1px;
}
.footer ul li {
    list-style:none;
    margin:0;
    padding:0;
}
.footer ul li a {
    line-height:30px !important;
    font-size:14px;
}
.footer ul li a:hover {
    color:#eab55b;
}
.footer form[name="bookingTeaser"] {
    margin-top:25px;
}



.section-deep-footer {
    background-color:#333;
    color:#eee;
    min-height:50px;
}
.deep-footer ul { 
    margin:0;
    padding:0;
}
.deep-footer ul li { 
    list-style:none; 
    float:left; 
    display:inline-block;
    color:#999;
    line-height:50px;
    font-size:11px;
    margin-left:50px;
}
.deep-footer ul li.right {
    float:right;
    margin-right:0;
}
.deep-footer ul li.copyright {
    margin-left:0;
}
.deep-footer ul li a {
    color:#999;
}

.deep-footer ul li a:hover { 
    color:#eab55b;
}
.deep-footer ul li.thingo img {
    opacity:0.5;
}
.deep-footer ul li.thingo:hover img {
    opacity:1;
}



.bootbox .modal-header { background:#f6f6f6; }
.bootbox .modal-footer { background:#f6f6f6; }




@media print {
    .section-topbar {
        display: none !important;;
    }
    .section-footer {
        display:none !important;;
    }
    .section-deep-footer {
        display:none !important;
    }
    .myBookingMenu {
        max-width:49% !important;
        float:left;
    }
    .myBookingMenu .booking-summary-container.hiden {
        display:block !important;
        visibility: visible; !important;
    }
    .myBookingMenu button {
        display:none !important;
    }
    .myBookingMenu p.subtitle {
        display:none !important;
    }
    .myBookingReservation {
        line-height:12px !important;
    }
    .myBookingReservation hr {
        display:none !important;
    }
    .myBookingConfirmation button {
        display:none !important;
    }
    .reservation-contact-details-container {
        width: 49% !important;
        float:right;
    }
    .reservation-contact-details-container p.subtitle {
        display:none !important;
    }
    .reservation-payment-container {
        width:49% !important;
        float:right !important;
    }
    .reservation-payment-container p.subtitle {
        display:none !important;
    }
    .reservation-confirmation-container p.subtitle {
        display:none !important;
    }
    .reservation-confirmation-status-container p.subtitle {
        display:none !important;
    }
    .reservation-confirmation-terms-container {
        font-size:12px;
    }
    .reservation-confirmation-terms-container hr,
    .reservation-confirmation-terms-container em,
    .reservation-confirmation-terms-container button,
    .reservation-confirmation-terms-container a {
        display:none !important;
    }
    .reservation-confirmation-terms-container p.subtitle {
        display:none !important;
    }
    .reservation-payment-container  {
        max-width:49% !important;
        float:left;
    }
    .reservation-confirmation-status-container {
        display:none !important;
    }

}