/* General */
.sr-experience.loading,
.sr-experience .tour-form.loading,
#sr-experience-list.loading,
#sr-exp-container-items.loading,
.sr-experience .payment.loading {
    position: relative;
}
.sr-experience.loading:before,
#sr-experience-list.loading:before,
.sr-experience .tour-form.loading:before,
#sr-exp-container-items.loading:before,
.sr-experience .payment.loading:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8) url("../images/ajax-loader.gif") no-repeat center 15%;
    z-index: 1000;
}

.sr-experience .text-green {
    color: green;
}

.sr-experience .box-border {
    border: 1px solid #e3e3e3;
    padding: 10px;
    margin-bottom: 15px;
}

.sr-experience .box-bg {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding: 10px;
    margin-bottom: 15px;
}

.sr-experience .header-title {
    color: black;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sr-experience .tour-name {
    font-size: 18px;
    line-height: 20px;
}

/* Location - Wish list */
.sr-experience .tour-header {
    padding: 5px 10px;
}

.sr-experience .tour-header .tour-location {
    float: left;
    line-height: 30px;
    color: #0088cc;
}

.sr-experience .tour-header .sr-wish-list {
    float: right;
}

.sr-experience .sr-wish-list > a {
    border-radius: 0;
}

/* Slide show */
.sr-experience .logo, #sr-exp-slideshow {
    margin-bottom: 15px;
}

.sr-experience .logo img, #sr-exp-slideshow .item img {
    width: 100%;
}

#sr-exp-slideshow .carousel-caption h4 {
    line-height: 20px;
}

#sr-exp-slideshow .carousel-caption p {
    margin: 0;
}

#sr-exp-slideshow .carousel-indicators {
    top: auto;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 10px;
    padding: 0;
    margin: 0;
    width: auto;
}

#sr-exp-slideshow .carousel-indicators li {
    cursor: pointer;
    display: inline-block;
    float: none;
}
#sr-exp-slideshow .carousel-control.right {
    left: auto;
    right: 15px;
}

/* Distances - Info */
.sr-experience .sr-exp-distances .sr-exp-distance {
    color: teal;
    font-style: italic;
}

.sr-experience .sr-exp-distances .sr-exp-distance span {
    font-style: normal;
}

.sr-experience .tour-info {
    margin: 0 0 20px 0;
}

.sr-experience .tour-info-box {
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    margin-bottom: 15px;
}

.sr-experience .tour-info .fa {
    color: #ff7a20;
    width: 20px;
    text-align: center;
}

.sr-experience .tour-short-desc {
    margin-bottom: 15px;
}

.tour-info-block {
    margin: 5px;
}
/* Tab content */
.sr-experience .nav-tabs {
    border-bottom-width: 2px;
    margin-bottom: 10px;
}

.sr-experience .nav-tabs,
.sr-experience .nav-tabs > .active > a,
.sr-experience .nav-tabs > .active > a:hover,
.sr-experience .nav-tabs > .active > a:focus,
.sr-experience .nav-tabs > li > a:hover,
.sr-experience .nav-tabs > li > a:focus {
    border-color: #0088cc;
    border-radius: 0;
}

.sr-experience .nav-tabs > .active > a,
.sr-experience .nav-tabs > .active > a:hover,
.sr-experience .nav-tabs > .active > a:focus,
.sr-experience .nav-tabs > li > a:hover,
.sr-experience .nav-tabs > li > a:focus {
    background: #0088cc;
    color: #fff;
}

.sr-experience .tab-pane {
    border: 1px solid #e3e3e3;
    padding: 10px;
}

.sr-experience .flex-box {
    display: flex;
    flex-wrap: wrap;
}

#ExperienceDetailContent .reservation_asset_item .camera_wrap {
    margin-bottom: 60px;
}

#ExperienceDetailContent .reservation_asset_item hr#system-readmore {
    display: none;
}

/* Base price */
.sr-experience .tour-base-price {
    text-align: center;
}

.sr-experience .tour-base-price h3.base-price {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .sr-experience .tour-base-price {
        margin-top: 15px;
    }
}

/* Form Booking */
.sr-experience .tour-form * {
    box-sizing: border-box;
}

.sr-experience .booking-header {
    text-align: center;
    margin-bottom: 15px;
}

.sr-experience .booking-header .tour-price,
.sr-experience .tour-price-inner {
    display: inline-block;
}

.sr-experience .booking-header .tour-price {
    background-color: green;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 15px;
}

.sr-experience .tour-form form {
    margin: 0;
}

.tour-date-display,
.tour-date-display:hover {
    cursor: pointer;
}

.sr-experience .tour-form input[type="number"],
.sr-experience .tour-form input[type="text"],
.sr-experience .tour-form select {
    width: 100%;
    min-height: 30px;
}

.sr-experience .tour-form input[type=number]::-webkit-inner-spin-button,
.sr-experience .tour-form input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.sr-experience .tour-form input[type="checkbox"] {
    margin: 0;
}

.sr-experience .tour-form .tour-children-checkbox {
    margin-bottom: 10px;
}

.sr-experience .tour-form .child {
    text-align: right;
    line-height: 30px;
}

#tour-taxes {
    font-size: 12px;
    position: relative;
    top: -8px;
}

.tour-form > fieldset {
    margin-bottom: 0;
}

.sr-experience .tour-info legend {
    background: #EEE;
    border-radius: 2px;
    line-height: 50px;
    margin-bottom:18px;
}

.sr-experience .tour-info .badge {
    vertical-align: middle;
    margin: -3px 0 0 10px;
}

/* Tour Extras */
.sr-experience .tour-form .exp-extras select,
.sr-experience .tour-form .exp-extras .extra-name,
.sr-experience .tour-form .exp-extras .toggle_extra_details {
    display: inline-block !important;
    width: inherit;
}

.sr-experience .tour-form .exp-extras .extra-name {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

.sr-experience .tour-form .exp-extras .extra-name > a {
    color: inherit;
}

.sr-experience .tour-form .exp-extra-details {
    padding: 5px;
    border: 1px solid #e3e3e3;
    clear: left;
    background: #fff;
    font-size: 12px;
    position: relative;
    margin-top: 5px;
}

.sr-experience .tour-form .exp-extra-details > .arrow1,
.sr-experience .tour-form .exp-extra-details > .arrow2 {
    width: 0;
    height: 0;
    border: 8px solid;
    position: absolute;
    left: 45%;
}

.sr-experience .tour-form .exp-extra-details > .arrow1 {
    border-color: transparent transparent #e3e3e3 transparent;
    top: -17px;
}

.sr-experience .tour-form .exp-extra-details > .arrow2 {
    border-color: transparent transparent #fff transparent;
    top: -16px;
}

.sr-experience .tour-form .sr-exp-extra-col:last-child {
    padding-left: 10px;
}

.sr-experience .sr-exp-extra-item:not(:first-child) {
    margin-top: 10px;
}

.sr-experience .sr-exp-extra-item select {
    width: 45px;
    margin-bottom: 0;
}

@media (max-width: 470px) {
    .sr-experience .tour-form .exp-extras .extra-name {
        max-width: 140px;
    }
}

/* Start time */
.sr-experience .start-time {
    margin-bottom: 10px;
}

.sr-experience .start-time > div:first-child {
    font-weight: bold;
}

.sr-experience .start-time > div:last-child {
    margin-left: auto;
    font-size: 18px;
}

.sr-experience .tour-form .available {
    color: red;
    font-style: italic;
    text-align: right;
}

.sr-experience .tour-form .actions {
    margin-top: 10px;
}

.sr-experience .tour-form .actions .btn {
    text-transform: uppercase;
    font-weight: bold;
}

/* Help - Price info */
.sr-experience .tour-help p {
    margin-bottom: 10px;
}

.sr-experience .tour-help a {
    display: block;
    line-height: 24px;
    font-weight: bold;
}

.sr-experience .tour-price-info .header-title {
    text-align: center;
}

.sr-experience .tour-price-info .info-header {
    color: #ff7a20;
    border-bottom: 1px solid #e3e3e3;
}

/* =========== Booking page =========== */
#customer_note {
    height: 100px;
}

.sr-experience .summary .sr-exp-summary-table {
    margin-top: 15px;
}

.sr-experience .summary .sr-exp-summary-table tr:nth-of-type(odd) {
    background: #f9f9f9;
}

.sr-experience .summary .sr-exp-summary-table th,
.sr-experience .summary .sr-exp-summary-table td {
    text-align: right;
    border: 1px solid #ddd;
}

.sr-experience .summary .sr-exp-summary-table .sr-exp-grand-total {
    font-size: 18px;
}

.sr-experience .activity .sr-guest-table {
    border: 1px solid #ddd;
}

.sr-experience .activity .lead,
.sr-exp-fieldset th .lead {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}

.sr-experience .activity .lead,
.sr-exp-fieldset.guest .lead {
    background: #f9f9f9;
    padding: 10px 15px;
}

.sr-experience .activity select {
    width: auto;
}

.sr-experience .activity .field-calendar input {
    width: 85px;
}

.sr-exp-fieldset.guest th.hide-on-large,
.sr-experience .activity th.hide-on-large {
    display: none;
}

.sr-exp-fieldset.guest .sr-guest-table th,
.sr-exp-fieldset.guest .sr-guest-table td {
    border: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sr-exp-fieldset.guest table input[type="text"],
    .sr-exp-fieldset.guest table select,
    .sr-experience .activity input[type="text"],
    .sr-experience .activity select {
        display: block;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .sr-exp-fieldset.guest table input[type="text"],
    .sr-exp-fieldset.guest table select,
    .sr-experience .activity input[type="text"],
    .sr-experience .activity select {
        width: 100%;
        margin: 0;
    }

    .sr-exp-fieldset.guest th.hide-on-large,
    .sr-experience .activity th.hide-on-large {
        display: block;
        font-weight: normal;
        padding-top: 0;
        padding-bottom: 0;
    }

    .sr-exp-fieldset.guest .sr-guest-table,
    .sr-exp-fieldset.guest .sr-guest-table > tbody,
    .sr-exp-fieldset.guest .sr-guest-table > thead,
    .sr-exp-fieldset.guest .sr-guest-table > tfoot,
    .sr-exp-fieldset.guest .sr-guest-table > thead > tr,
    .sr-exp-fieldset.guest .sr-guest-table > tbody > tr,
    .sr-exp-fieldset.guest .sr-guest-table > tfoot > tr,
    .sr-exp-fieldset.guest .sr-guest-table > thead > tr > th,
    .sr-exp-fieldset.guest .sr-guest-table > tbody > tr > td,
    .sr-exp-fieldset.guest .sr-guest-table > tfoot > tr > td,
    .sr-exp-fieldset.guest .lead,
    .sr-experience .activity .sr-guest-table,
    .sr-experience .activity .sr-guest-table > thead,
    .sr-experience .activity .sr-guest-table > tbody,
    .sr-experience .activity .sr-guest-table > tfoot,
    .sr-experience .activity .sr-guest-table > thead > tr,
    .sr-experience .activity .sr-guest-table > tbody > tr,
    .sr-experience .activity .sr-guest-table > tfoot > tr,
    .sr-experience .activity .sr-guest-table > thead > tr > th,
    .sr-experience .activity .sr-guest-table > tbody > tr > td,
    .sr-experience .activity .sr-guest-table > tfoot > tr > td,
    .sr-experience .activity .lead {
        display: block;
    }

    .sr-exp-fieldset .sr-guest-table > tbody > tr td:first-child,
    .sr-experience .activity .sr-guest-table > tbody > tr > td:first-child {
        background: #d2d6d8;
        border-radius: 0;
        color: #111;
        font-size: 18px;
        font-weight: bold;
    }

    .sr-exp-fieldset.guest .sr-guest-table > thead > tr > th,
    .sr-exp-fieldset.guest .sr-guest-table > tbody > tr > td,
    .sr-experience .activity .sr-guest-table > thead > tr > th,
    .sr-experience .activity .sr-guest-table > tbody > tr > td {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        margin-bottom: 0;
    }

    .sr-exp-fieldset.guest .sr-guest-table > thead,
    .sr-experience .activity .sr-guest-table > thead {
        display: none;
    }
}

@media (max-width: 464px) {
    .sr-exp-fieldset.guest .sr-guest-table > thead > th.hide-on-large,
    .sr-experience .activity .sr-guest-table > thead > th.hide-on-large {
        width: auto !important;
        float: none;
    }
}

.sr-experience .payment .surcharge {
    display: inline-block;
    font-style: italic;
}

.sr-experience .payment .surcharge-amount {
    color: #b94a48;
}

.sr-experience .payment .surcharge-discount {
    color: teal;
}

/* =========== Reservation ========== */
#reservation-summary {
    position: relative;
    background: #fff;
    padding: 20px;
    margin: 0;
    color: #444;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    display: none;
}

.sr-exp-tracking-wrap #reservation-summary {
    display: block;
}

#reservation-summary:after,
#reservation-summary .customer-partial li:after,
#reservation-summary .price-summary:after {
    display: table;
    content: "";
    clear: both;
}

#reservation-summary .experience-name,
#reservation-summary .payment-name {
    border-bottom: 1px dotted #eee;
    margin: 0;
    font-size: 22px;
    font-weight: 400;
}

#reservation-summary .experience-name > div,
#reservation-summary .payment-name > div {
    display: inline-block;
    border-bottom: 2px solid #3a87ad;
    padding-bottom: 5px;
    margin-bottom: -1px;
}

#reservation-summary .created-date {
    color: #666;
    float: right;
    margin-top: -20px;
    margin-right: 20px;
}

#reservation-summary .customer {
    padding: 15px 0;
}

#reservation-summary .customer-partial ul,
#reservation-summary .price-summary {
    list-style: none;
    margin: 0;
    padding: 0;
}

#reservation-summary .customer-partial ul > li,
#reservation-summary .price-summary > li {
    padding: 5px 0;
}

#reservation-summary .customer-partial ul > li > *,
#reservation-summary .price-summary > li > * {
    display: block;
    overflow: hidden;
}

#reservation-summary .customer-partial ul > li > label {
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}

#reservation-summary .price-summary {
    float: right;
    width: 45%;
    padding: 10px 0;
}

#reservation-summary .price-summary > li:not(:last-child) {
    border-bottom: 1px solid #eee;
}

#reservation-summary .price-summary > li > * {
    width: 50%;
}

#reservation-summary .price-summary > li > label {
    float: left;
}

#reservation-summary li > .payment {
    width: 100%;
}

#reservation-summary .payment-name {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: #31708f;
    margin-bottom: 10px;
}

#payment-status {
    position: absolute;
    right: -45px;
    top: 22px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    text-transform: uppercase;
    color: #fff;
    width: 150px;
    font-weight: bold;
    text-align: center;
}

.ajax-loader,
button.sr-close {
    display: none;
}

/* =========== Navbar in List Exp =========== */
#exp-sort-container .exp-navbar .navbar-inner {
    padding-left: 0px;
    padding-right: 0px;
}

#exp-sort-container .exp-navbar .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

/* ========== List Items - Module List =========== */
.solidres-module-experience .item,
#sr-exp-container-items .item {
    position: relative;
    background: #F5F5F5;
    overflow: hidden;
    margin: 10px 0;
}

.solidres-module-experience .item-desc,
.solidres-module-experience .item-name,
.solidres-module-experience .item-categories,
.solidres-module-experience .item-transportation,
.solidres-module-experience-item .sr-review-widget,
.sr-experience .item-desc,
.sr-experience .item-name,
.sr-experience .sr-review-widget {
    padding: 0px 15px 10px;
}

.sr-experience .tour-header .sr-review-widget {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.solidres-module-experience .item-name,
.sr-experience .item-name {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    display: block;
}

.solidres-module-experience img.item-logo,
.sr-experience img.item-logo {
    display: block;
    max-width: 100%;
    border: none;
    margin-bottom: 10px;
}

.solidres-module-experience .item:hover .base-price,
.solidres-module-experience-list .item:hover .base-price,
.sr-experience .item:hover .base-price {
    background: rgba(58, 135, 173, 1);
}

.solidres-module-experience .item > .base-price,
.solidres-module-experience-list .item-left > .base-price,
.sr-experience .item > .base-price {
    position: absolute;
    top: 0;
    right: 0;
    background: #3a87ad;
    background: rgba(58, 135, 173, 0.75);
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    -webkit-border-radius: 0 0 0 15px;
    border-radius: 0 0 0 15px;
    text-align: center;
}

.solidres-module-experience .item > .base-price > .duration,
.sr-experience .item > .base-price > .duration {
    font-weight: normal;
}

.solidres-module-experience-list .item-left {
    position: relative;
}

.solidres-module-experience-list .item {
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
}

.solidres-module-experience-list a.item-name {
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 8px;
    display: block;
}

.solidres-module-experience-list .item-categories > a {
    color: #333;
}

.solidres-module-experience-list .item-right > * {
    padding: 3px 0;
}

.solidres-module-experience-list .item-right > div:not(.sr-exp-review-widget) {
    border-top: 1px solid #ddd;
}

/* Direction: rtl
====================================================================== */
html[dir="rtl"] .sr-experience .tour-header .tour-location {
    float: right;
}

html[dir="rtl"] .sr-experience .tour-header .sr-wish-list {
    float: left;
}

html[dir="rtl"] .sr-experience .tour-form .sr-exp-extra-col:last-child {
    padding-left: 0;
    padding-right: 10px;
}

html[dir="rtl"] .sr-experience .start-time > div:last-child {
    margin-right: auto;
    margin-left: inherit;
}

html[dir="rtl"] .sr-experience .sr-wish-list {
    text-align: left;
}

html[dir="rtl"] .sr-experience .summary .sr-exp-summary-table th,
html[dir="rtl"] .sr-experience .summary .sr-exp-summary-table td {
    text-align: left;
}

html[dir="rtl"] #reservation-summary .created-date {
    text-align: left;
}

html[dir="rtl"] #reservation-summary .customer-partial ul > li > label {
    float: right;
    text-align: left;
    padding-left: 10px;
    padding-right: 0;
}

html[dir="rtl"] #reservation-summary .price-summary > li > label {
    float: right;
}

html[dir="rtl"] .experience-summary .table-bordered th,
html[dir="rtl"] .experience-summary .table-bordered td {
    border-right: 1px solid #ddd;
    border-left: none;
}

#hub-navbar .container {
    background: none;
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 320px) {
    input#exp-coupon-code {
        width: 120px;
    }

    #exp-help-remove {
        margin-top: 8px;
    }

    div#stripe-card-info {
        width: 220px;
    }
}

#sr-exp-child-price {
    margin: 0;
}

.sr-guest-table.site select {
    width: auto;
}

@media (max-width: 664px) {
    .sr-exp-available-date .tool > * {
        margin-bottom: 8px;
    }
}

#ExperienceTabContent .collapse.in {
    overflow: hidden;
}

/* Media Manager */
.modal .sr-media-body {
    min-height: 350px;
    padding: 15px;
    max-height: 700px;
    overflow-y: scroll;
}

.sr-media-wrap {
    margin: 5px 0;
}

.sr-media-wrap .sr-folder-name,
.sr-media-wrap > .sr-image {
    cursor: pointer;
}

.sr-media-wrap > div {
    display: inline-block;
    width: 120px;
    height: 120px;
    border: 1px solid #ddd;
    margin: 5px 5px 5px 0;
    border-radius: 4px;
    text-align: center;
    position: relative;
}

.sr-media-wrap > div:hover,
.sr-media-wrap > .sr-image.active {
    border-color: #009688;
}

.sr-media-wrap .btn-remove-folder,
.sr-media-wrap .btn-remove-image,
.sr-media-wrap .btn-shift-image,
.sr-media-wrap > div > div,
.sr-media-wrap > .sr-image > label,
.sr-media-wrap > .sr-image > img {
    position: absolute;
}

.sr-media-wrap .btn-remove-folder,
.sr-media-wrap .btn-remove-image,
.sr-media-wrap .btn-shift-image {
    top: -1px;
    right: -1px;
    display: none;
    z-index: 10;
    border-radius: 0 4px 0 4px;
    font-size: 14px;
    padding: 3px 8px;
}

.sr-media-wrap > div:hover .btn-remove-folder,
.sr-media-wrap > div:hover .btn-remove-image,
.sr-media-wrap > div:hover .btn-shift-image {
    display: block;
}

.sr-media-wrap > div > div,
.sr-media-wrap > .sr-image > label {
    display: block;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #607d8b;
}

.sr-media-wrap > div > div {
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.sr-media-wrap > .sr-image > img {
    top: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-height: 85px;
}

.sr-media-wrap > .sr-image > label {
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 5px;
    z-index: 15;
}

.sr-media-body .breadcrumb {
    margin-top: 8px;
}

.sr-media-body .btn.btn-upload,
.sr-media-body .btn.btn-insert {
    margin-left: 5px !important;
    border-radius: 4px !important;
}

fieldset.sr-exp-fieldset {
    margin-bottom: 15px;
    min-width: inherit;
}

.sr-exp-panel-box {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid #ddd;
}

.sr-exp-fieldset .input-append {
    width: calc(100% - 35px);
}

.sr-exp-panel-box input[type="number"].quantity {
    width: 100px;
}

.sr-exp-panel-box input[type="number"].price {
    width: 160px;
}

.sr-exp-panel-box .input-group {
    display: inline-flex;
    width: auto;
}

.sr-exp-category-inner {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-radius: 8px;
    border: 1px solid #eee;
}

.sr-exp-category-inner a,
.sr-exp-category-inner img {
    display: block;
}

.sr-exp-category-inner a{
    text-decoration: none;
}

.sr-exp-category-inner img{
    border-radius: 8px 8px 0 0;
}

.sr-exp-category-name {
    font-size: 16px;
    color: #555;
    margin-top: 0;
}

.sr-exp-category-body {
    padding: 15px;
}

.sr_list_view {
    overflow-x: auto;
}

.sr-experience .tour-info a:not(:last-child):after {
    display: inline-block;
    content: ",";
    margin-left: -3px;
}

.exp-payment-label {
    display: block;
}