/*!------------------------------------------------------------------------
  Solidres - Hotel booking extension for Joomla
  ------------------------------------------------------------------------
  @Author    Solidres Team
  @Website   https://www.solidres.com
  @copyright Copyright (C) 2013 - 2021 Solidres. All Rights Reserved.
  @License   GNU General Public License version 3, or later
------------------------------------------------------------------------*/

/* Asset Information
====================================================================== */
.asset-info {
    border: 1px solid #dbdbdb;
    padding: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.asset-name h1 {
    color: #339900;
    font-size: 18px;
    line-height: 20px;
    margin-top: 0;
    text-transform: uppercase;
    border-bottom: 2px solid #dbdbdb;
    padding-bottom: 10px;
}
.asset-rating {
    color: #ffbb00;
    font-size: 18px;
    margin-bottom: 5px;
}
.asset-call-action {
    margin-bottom: 15px;
}
.asset-contact, .asset-social {
    text-align: left;
}
.asset-contact i {
    color: #339900;
}
.asset-social i {
    font-size: 24px;
}
.asset-wish-list .sr-wish-list {
    text-align: center;
    border-bottom: 2px solid #dbdbdb;
    margin: 10px 0 20px;
    padding-bottom: 15px;
}
.asset-wish-list .sr-wish-list > a,
.asset-wish-list .sr-wish-list > a:hover,
.asset-wish-list .sr-wish-list > a:focus {
    background-color: #fff;
    border-radius: inherit;
}
.asset-wish-list .sr-wish-list > a {
    border: 1px solid #dbdbdb;
}

/* Menu Tab
====================================================================== */
.asset-tabs {
    margin-bottom: 20px;
}
.asset-tabs .nav-tabs {
    border-bottom: 2px solid #909090;
}
.asset-tabs .nav-tabs > li {
    margin-bottom: 0;
}
.asset-tabs .nav-tabs > li > a {
    border: 1px solid #dbdbdb;
    border-radius: inherit !important;
    margin-right: 5px;
}
.asset-tabs .nav-tabs > .active > a,
.asset-tabs .nav > li > a:hover,
.asset-tabs .nav > li > a:focus {
    color: #fff;
    background-color: #909090;
    border: 1px solid #909090;
}
.asset-tabs .tab-content {
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #dbdbdb;
    padding: 20px 20px 10px;
}

/* Login Form - Coupon Input
====================================================================== */
.reservation_asset_item .sr-login-form, .coupon {
    padding: 10px 20px;
}

/* Checkavailability Form
====================================================================== */
#asset-checkavailability-form h4 {
    color: #fff;
    background-color: #909090;
    padding: 10px 20px;
    margin: 0;
}
#asset-checkavailability-form form {
    background-color: #dbdbdb;
    padding: 10px 20px;
}

/* Availability Search
====================================================================== */
.availability-search {
    border-bottom: 2px solid #dbdbdb;
    margin-bottom: 20px;
}
.availability-search h3 {
    color: #339900;
    text-transform: uppercase;
}
.availability-search-info {
    padding-bottom: 20px;
}

/* Wizard
====================================================================== */
.wizard-style {
    background-color: #f0f1f2;
    border: 1px solid #dbdbdb;
    padding: 20px 20px 10px;
}
.wizard-style ul li {
    color: #dbdbdb;
    text-align: center;
    text-transform: uppercase;
}
.wizard-style ul li .badge {
    background-color: #dbdbdb;
    border: 5px solid #fff;
    border-radius: 100%;
    padding: 7px 10px;
    font-size: 15px;
    line-height: 14px;
}
.wizard-style .badge:before {
    content: "";
    position: absolute;
    border: 5px solid #dbdbdb;
    left: 0;
    right: calc(50% + 10px);
    top: 15px;
}
.wizard-style .badge:after {
    content: "";
    position: absolute;
    border: 5px solid #dedede;
    left: calc(50% + 10px);
    right: 0;
    top: 15px;
}
.wizard-style .active .badge:before, .wizard-style .active .badge:after {
    border: 5px solid #008080;
}
.wizard-style .complete .badge:before, .wizard-style .complete .badge:after {
    border: 5px solid #909090;
}
.wizard-style ul li.complete {
    color: #909090;
}
.wizard-style ul li.complete .badge {
    background: url(../images/complete.png) no-repeat center center;
    text-indent: -10000px;
    background-color: #909090;
}
.bs2 .wizard-style ul li.complete .badge {
    width: 8px;
}
.bs3 .wizard-style ul li.complete .badge {
    width: 38px;
}

/* Step1 - Roomtypes Row List
====================================================================== */
.step-content {
    margin-top: 20px;
}
.button-row.button-row-top, .button-row.button-row-bottom {
    background-color: #f0f1f2;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 20px;
}
.room_type_row, .room_type_gallery, .room_type_details {
    margin-bottom: 20px;
}
.roomtype_name {
    border-bottom: 2px solid #dbdbdb;
    margin-bottom: 10px;
}
.roomtype_name h4 {
    margin: 0 0 5px 0;
}
.roomtype_name .label-default {
    float: right;
}
.roomtype_more_desc i {
    color: #339900;
}

/* Carousel Slide */
.carousel .item img {
    width: 100%;
}
.room-list .carousel-control {
    background: rgba(255, 255, 255, 0.5);
    border-width: 1px;
    border-radius: inherit;
}
.bs3 .carousel-control {
    line-height: 20px;
}

/* Availability Calendar */
.room_type_row  > div:nth-child(2) > div {
    min-height: 1px;
}
.availability-calendar {
    background-color: #f0f1f2;
}
div.availability-calendar table tr th {
    border-bottom: 2px solid #008080;
}
div.availability-calendar table tr.row-week-day {
    background: #fff;
}

/* Tariff */
.tariff-box {
    background-color: #f0f1f2;
}
.tariff-box.is-whole .tariff-value {
    background-color: #b94a48;
}
.room-list .tariff-value {
    background-color: #008080;
    padding: 10px 20px;
    color: #fff;
    float: left;
    min-width: 150px;
}
.room-list .normal_tariff {
    min-width: 185px;
}
.starting_from, .tariff_suffix, .tariff_type {
    font-size: 12px;
    font-weight: bold;
}
.tariff_type {
    font-style: italic;
}
.min_tariff, .normal_tariff {
    color: #fff;
    font-size: 24px;
}
.sr-strikethrough {
    color: #ffbb00;
}
.tariff-title-desc {
    overflow: hidden;
    padding: 10px 20px;
}
.tariff-button {
    padding: 10px 20px;
    text-align: center;
}
.tariff-button .tariff_type {
    color: #008080;
}
#solidres .checkinoutform .inner {
    background-color: #fff;
    margin: 20px;
    padding: 10px;
}

/* Roomtype form */
.room-form {
    background-color: #fff;
    margin: 20px;
}
.breakdown, .extra_details {
    background-color: #f0f1f2;
    border: 1px solid #dbdbdb;
}

/* Step2 - Guest Info
====================================================================== */
.guestinfo h3 {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 5px;
}
#solidres .payment_method_cielo_details,
#solidres .payment_method_details {
    background: #f0f1f2;
    border: 1px solid #dbdbdb;
}
#solidres .guestinfo .inner {
    margin: 0;
}
#solidres .guestinfo .button-row .inner {
    margin: 10px;
}

/* Step3 - Confirmation
====================================================================== */
.confirmation .termsandconditions {
    background-color: #f0f1f2;
}

/* Responsive
====================================================================== */
@media (max-width: 767px) {
    .asset-tabs {
        margin-top: 20px;
    }
    .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
        display: inline-block;
        width: auto;
    }
    .room-list .tariff-value {
        float: none;
    }
    .room-form {
        margin-top: 0;
    }
    .tariff-button {
        padding-top: 0;
    }
}
@media (max-width: 768px) {
    .bs2 .nav-tabs > li > a {
        margin-right: 0;
    }
    .bs2 .nav-tabs > li:last-child > a,
    .bs2 .nav-tabs > .active:last-child > a {
        border-bottom: inherit !important;
    }
}
@media (max-width: 480px) {
    .bs3 .nav-tabs > li {
        float: none;
    }
    .bs3 .nav-tabs > li > a {
        margin-right: 0;
    }
}

/* Direction: rtl
====================================================================== */
html[dir="rtl"] .asset-contact,
html[dir="rtl"] .asset-social {
    text-align: right;
}
html[dir="rtl"] .nav-tabs > li:nth-child(1) > a {
    margin-right: 0;
}
html[dir="rtl"] .bs2 .wizard .badge:before {
    right: calc(50% + 7px);
}
html[dir="rtl"] .bs2 .wizard .badge:after {
    left: calc(50% + 13px);
}
html[dir="rtl"] .roomtype_name .label-default {
    float: left;
}
html[dir="rtl"] .room-list .tariff-value {
    float: right;
}
@media (max-width: 767px) {
    html[dir="rtl"] .bs2 .nav-tabs > li {
        float: none;
    }
}
@media (max-width: 480px) {
    html[dir="rtl"] .bs3 .nav-tabs > li > a {
        margin-left: 0;
    }
    html[dir="rtl"] .room-list .tariff-value {
        float: none;
    }
}