.toret-rooms-search-form {
    display: flex;
}

.toret-rooms-search-form {
}

#toret-rooms-search-input {
    font-size: 16px;
    line-height: 1.5;
    height: 37px;
    width: 100%;
    padding-left: 20px;
    border: none;
    /*color: red;*/
    font-weight: 500;
}

#toret-rooms-search-input::placeholder {
    font-weight: 400;
}

/*.toret-rooms-search-form button {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: none;
    background-color: white;
    background: url('.assets/icons/search-regular.svg') center center no-repeat;
    background-size: 20px;
    position: absolute;
    right: 0;
}*/

.toret-rooms-search-wrapper {
    margin-bottom: 20px;
}

/*
#toret-rooms-search-input:focus {
    border-color: red;
}*/

.toret-rooms-search-list-room-article a {
    display: inline-flex;
    width: 100%;
    text-decoration: none;
    column-gap: 20px;
}

.toret-rooms-search-list-room-article-right {
    display: inline-flex;
}

.toret-rooms-search-list-room-article-right button {
    margin: 5px 10px;
    height: 50px;
    cursor: pointer;
}

.tr-reservation-form-input-wrap {
    display: flex;
    flex-direction: column;
}

#toret-rooms-filter-child-age-wrapper {
    display: flex;
    flex-direction: column;
}

#toret-rooms-filter-child-age-wrapper input {
   /* width: 20%;*/
}

.toret-rooms-search-list-room-title {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: bold;
}

.tr-reservation-form-ages-wrap {
    display: flex;
    flex-direction: column;
    margin-top: 10px;

}

.table-bordered {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
    float: left;
}

.table-bordered td {
    padding: 6px;
    border: solid 1px #fff;
    text-align: center;
}

.table-bordered th {
    color: #000;
    background-color: #ddd;
    padding: 6px;
    border: solid 1px #ddd;
    text-transform: uppercase;
}

#tr-pos-reservations-tbody tr:hover {
    background-color: #afc9cf;
}

.toret-rooms-post-properties-wrapper {

    display: flex;
    flex-direction: column;
}


.tr-form-overcrowded {
    color: red;
}


.toret-rooms-search-list-room-article-col3 {
    display: flex;
    flex-direction: column;
}

.toret-rooms-search-list-room-article-col2 {
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    font-size: 0.75em;
}


.btn-mat {
    font-size: 12px !important;
    letter-spacing: 1px;
    padding: 10px 16px;
    border: 1px;
    cursor: pointer;
}


.toret-rooms-search-list-room-reserve {
    width: 100%;
    height: 35px;
    padding: 6px 11px;
    border: none;
    box-shadow: 0px 2px 4px 0px #8890c233;
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-weight: 600!important;
    background: url(https://www.najadranu.cz/wp-content/uploads/2024/03/Vector-133.svg) no-repeat;
    background-position: right 10px center;
    background-color: #FBAD24;
    padding: 10px;
    text-align: left;
    border-radius: 0!important;
}

.toret-rooms-search-list-btn {
    width: 130px;
}

.toret-rooms-search-list-room-reserve:hover {
    background-color: #b6b6b6;
    transition: 0.5s;
}


.toret-rooms-search-list-room-article-col1 {
    display: flex;
}

.toret-rooms-filters-wrapper, .toret-rooms-post-section-filters, .tr-reservation-form-info-row, .tr-reservation-form-ages-wrap, .toret-rooms-post-option-input {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    column-gap: 15px;
    row-gap: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 20px;
}

.toret-rooms-search-list-room-article-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    column-gap: 5px;
    row-gap: 5px;
    margin-bottom: 15px;
}

.tr-reservation-form-info-row-children {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}


.toret-rooms-filters-wrapper label input, .toret-rooms-filters-wrapper label select, .toret-rooms-post-section-filters input {
    width: calc(100% - 25px);
    padding: 10px;
}

.toret-rooms-filters-wrapper {
    grid-template-columns: repeat(1, 1fr);
}

.toret-rooms-persons-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 15px;
    row-gap: 10px;
}

.toret-rooms-search-days {
    width: 100% !important;
}

.toret-rooms-dates-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 15px;
    row-gap: 10px;
}

.tr-reservation-form-wrap input {
    padding: 10px;
}

.from-price {
    font-size: 1.5em;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.toret-rooms-search-list-room-wrapper article + article {
    margin-top: 40px;
}

.toret-rooms-sortby {
    text-align: right;
}

.toret-rooms-sortby select {
    padding: 6px 4px;
}

#tr_res_recalculate {
    cursor: pointer;
}

#tr_res_recalculate:hover {
    opacity: 0.8;
}

.tr-reservation-form-input-wrap input {
    margin-bottom: 10px;
}

.tr-reservation-form-ages-wrap {
    margin-top: 0px;
}

.tr-reservation-form-ages-wrap label:first-child, .tr-reservation-form-ages-wrap input:nth-child(2) {
    margin-top: 10px;
}

.tr-status-free {
    background-color: #dbf7e5;
}

.tr-status-booked {
    background-color: #f29b9b;
}

.tr-status-reserved {
    background-color: #f7f4c9;
}

.toret-rooms-gallery {
    display: flex;
}

.toret-rooms-search-list-termin-row {
    display: flex;
    width: calc(100% - 15px);
    gap: 10px;
    margin-bottom: 7px;
}

.toret-rooms-search-list-termin-row:hover {
    background-color: #afc9cf;
    transition: 0.5s;
}

.toret-rooms-search-list-termin-row .toret-rooms-search-list-room-article-row {
    float: left;
    width: calc(100% - 100px);
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #757575;
    padding: 4px 8px;
}

.toret-rooms-search-list-termin-row .toret-rooms-search-list-termin-row {
    float: left;
    width: calc(100% - 100px);
}

/*
.toret-rooms-search-list-termin-row button {
    width: 100px;
}*/

.btn-disabled {
    background-color: #b6b6b6;
}

.toret-rooms-search-list-room-wrapper article {
    background-color: #f8f8f8;
    padding: 15px;
}


/*
.lightbox-gallery {
    color: #000;
    overflow-x: hidden
}

.lightbox-gallery img{
   width: 100px;
    height: 100px;
}

.lightbox-gallery p {
    color: #fff
}

.lightbox-gallery h2 {
    font-weight: bold;
    margin-bottom: 40px;
    padding-top: 40px;
    color: #fff
}

@media (max-width: 767px) {
    .lightbox-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.lightbox img{
    width: 500px!important;
    height: 500px!important;

}

.lightbox-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px
}

.lightbox-gallery .intro p {
    margin-bottom: 0
}

.lightbox-gallery .photos {
    padding-bottom: 20px
}

.lightbox-gallery .item {
    padding-bottom: 30px
}*/


.toret-rooms-filtry input, .tr-reservation-form input, .toret-rooms-post-section input {
    font-size: 13px;
    background-color: #f5f5f5;
    color: #828282;
    border: none;
    padding: 10px !important;
}

.toret-rooms-filtry select {
    background-color: #f5f5f5;
    color: #828282;
    border: none;
}

#tr_res_terms {
    text-align: left;
    float: left;
    width: 15px;
    margin-left: 0;
    margin-bottom: 0;
}

.souhlas-lama {
    vertical-align: middle;
    margin-top: 8px;
}

.toret-rooms-search-list-room-article-col1 img {
    max-width: 220px!important;
    max-height: 250px!important;
}

@media only screen and (max-width: 767px) {
    .toret-rooms-search-list-room-article a {
        display: inline-block;
    }

    .toret-rooms-search-list-room-article-col1 {
        width: 100%;
    }

    .toret-rooms-search-list-room-article-col1 img {
        width: 100%;
        float: none;
        margin-right: 0 !important;
    }

    body.hotelmaster-new-style.page-id-5926 .gdlr-page-title-wrapper .gdlr-page-title {
        font-size: 28px;
    }

    .toret-rooms-dates-wrapper {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .toret-rooms-persons-wrapper {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media only screen and (max-width: 419px) {
    .toret-rooms-search-list-room-article-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

.tr_res_submit {
    cursor: pointer;
}

.toret-rooms-search-list-termin-row-nights {
    margin-left: 5px;
}

.toret-rooms-search-list-termin-row-price {
    margin-left: 5px;
}

.toret-rooms-search-list-termin-row-price-price {
    font-weight: 700;
    color: black;
}

.toret-rooms-filtry input, #toret-rooms-search-input, .toret-rooms-filtry select {
    /*border: 2px solid #f8f803;*/
}

.toret-rooms-search-list-termin-row span {
    vertical-align: middle;
}

.toret-rooms-search-list-termin-row-price-price {
    margin-left: 5px;
}

.tr-overview-page-wrap {
    background: lightgray !important;
    width: 100%;
    height: 100%;
}

.tr-overview-page-wrap {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: white;
    width: 50%;
}

.tr-overview-page-wrap label {
    width: 100%;
}

#tr_overview_password {
    padding: 6px;
}

#tr_overview_submit {
    width: 100%;
}

#tr_overview_submit {
    margin-top: 6px;
    padding: 6px;
}

.tr-overview-form {
    display: flex;
    flex-direction: column;
}


/*

 */

.toret-rooms-metabox-option {
    width: 100%;
    display: inline-flex;
    margin-top: 15px;
    vertical-align: middle;
}

.toret-rooms-metabox-option-checkboxes {
    display: inline-flex;
    margin-top: 15px;
    vertical-align: middle;
    flex-direction: column;
}

.toret-rooms-metabox-option-input {
    vertical-align: middle;
    display: flex;
    width: 50%;
    float: left;
    flex-direction: column;
}

.toret-rooms-metabox-option-input input, .toret-rooms-metabox-option-input textarea, .toret-rooms-metabox-option-input select {
    max-width: 90%;
}


.toret-rooms-metabox-option-description {
    vertical-align: middle;
    border-left: 1px solid #ddd;
    width: 50%;
}

.toret-rooms-metabox-option-description span {
    margin-top: 20px;
    padding: 0 0 3px 20px;
    display: block;
}

.td-icon-only {
    width: 60px;
    text-align: center;
    vertical-align: center;
}

.button-img {
    margin-left: 4px !important;
    padding: 2px !important;
}

.button-img span {
    vertical-align: middle !important;
}

.delete-level-button {
    color: #ff9243;
    text-decoration: none;
}

.copy-level-button {
    color: #ff9243;
    text-decoration: none;
}

.toret-rooms-metabox-table-wrapper {
    padding: 10px;
    background: #eef9ff;
    display: flex;
    flex-direction: column;
}

.toret-rooms-metabox-table {
    margin-top: 10px;
    width: 100%;
}

.toret-rooms-metabox-table input[type=date], .toret-rooms-metabox-table input[type=number], .toret-rooms-metabox-table select {
    width: 100%;
}

.toret-rooms-metabox-table-title-wrap {
    border-bottom: 2px solid lightgrey;
    padding: 10px 0;
}

.toret-rooms-metabox-table-title {
    font-weight: 500;
    font-size: 17px;
}

.metabox-button {
    font-size: 17px;
    border: none;
    background: lightyellow;
    cursor: pointer;
    background: none;
}

.metabox-button:hover {
    background: lightgrey;
}

.toret-rooms-metabox-table-add {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.toret-rooms-metabox-table-add {
    color: black;
    border-color: black;
    background-color: rgba(215, 215, 215, 0.87);
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    line-height: 2.15384615;
    min-height: 30px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
    text-transform: uppercase;
    min-width: 145px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 15px;
}

.toret-rooms-metabox-table-add:hover {
    background: rgba(34, 19, 74, 0.87) !important;
    color: white !important;
    border-color: #edf3ff !important;
}

.toret-rooms-metabox-table-title-sub {
    margin-top: 15px;
}

.table-bordered {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 15px;
    float: left;
}

.table-bordered td {
    padding: 6px;
    border: solid 1px #ddd;
    background-color: #ffffff;
    text-align: center;
}

.table-bordered th {
    color: #000000;
    background-color: #ddd;
    padding: 6px;
    border: solid 1px #ddd;
    text-transform: uppercase;
}

.button-img {
    margin-left: 4px !important;
    padding: 2px !important;
}

.button-img span {
    vertical-align: middle !important;
}

.tr-reservations-overview-row-reserve {
    color: green;
}

.tr-reservations-overview-row-cancel {
    color: orangered;
}

.second-table {
    margin-top: 10px;
}

.toret-rooms-metabox-title-wrapper {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    background: lightblue;
    width: 100%;
}

.toret-rooms-metabox-title {
    padding-left: 5px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

.toret-rooms-metabox-table-empty {
    text-align: center;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
}


.tr-reservations-overview-container, .tr-reservations-overview-container {
    max-height: 720px;
    overflow: auto;

}


.tr-reservations-overview {
    padding: 20px;
}

.table-bordered th {
    position: sticky;
    top: 0;
}

.tr-status-cell {
    font-weight: 500;
}

.tr-status-cell-free {
    background: darkgreen !important;
    text-decoration: none;
    color: white !important;
}

.tr-status-cell-trash, .tr-status-cell-trash a {
    background: darkgrey !important;
    color: white;
    text-decoration: none;
}

.tr-status-cell-confirmed, .tr-status-cell-confirmed a {
    background: darkred !important;
    text-decoration: none;
    color: white !important;
}

.tr-status-cell-notconfirmed, .tr-status-cell-notconfirmed a {
    background: darkorange !important;
    color: white !important;
    text-decoration: none;
}

.tr-status-cell-vyplaceno, .tr-status-cell-vyplaceno a {
    background: #ceebfd !important;
    color: black !important;
    text-decoration: none;
}


.tr-orders-metabox-wrap {
    display: flex;
    flex-direction: column;
}

.tr-orders-metabox-wrap label {
    margin-top: 10px;
}

.toret-rooms-metabox-option-checkbox {
    margin-top: 10px;
    margin-left: 10px;
}

.ui-dialog, .ui-dialog-content {
    overflow: hidden !important;
}

.tr-rd {
    padding: 20px;
    overflow: hidden;
    display: none;
}

.tr-rd-content {
    display: -webkit-flex;
    display: flex;
    flex-flow: column;
    overflow: hidden;
    height: 100%;
    padding: 10px;
}

.tr-rd-input {
    margin-top: 3px;
    width: 98%;
}

.tr-rd-input-label {
    margin-top: 10px;
    /* width: 25%;*/
}

.tr-rd-footer {
    width: 100%;
    margin-top: 20px;
    border-top: 1px;
    display: inline-block;
}

.btn-mat {
    font-size: 14px !important;
    letter-spacing: 1px;
    font-weight: 500;
    padding: 10px 16px;
    border: 1px;
    border-radius: 4px;
}

.tr-rd-popup-widget-branch-submit-double {
    background: #22134a;
    color: #ffffff;
    cursor: pointer;
    width: 49%;
    height: auto !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    font-weight: 400 !important;
}

.tr-rd-popup-widget-branch-submit-double:hover {
    background-color: #9d9d9d;
    transition: 0.5s;
}

.tr-create-reservation, .tr-cancel-reservation, .tr-confirm-reservation, .tr-trash-reservation {
    margin-top: 10px;
    background: #22134a;
    color: #ffffff;
    cursor: pointer;
    height: auto !important;
    text-transform: uppercase;
    letter-spacing: 2px !important;
    font-weight: 400 !important;
}

.tr-create-reservation:hover, .tr-cancel-reservation:hover, .tr-confirm-reservation:hover, .tr-trash-reservation:hover {
    background-color: #9d9d9d;
    transition: 0.5s;
}

.tr-rd-close {
    background-color: rgb(135 135 135 / 87%);
}

.tr-manage-filters-wrap {
    margin-bottom: 10px;
    width: 100%;
}

.tr-manage-filter-wrap input {
    margin-left: 5px;
}

.tr-edit-order {
    text-decoration: none;
}

.tr-metabox-btn {
    margin-top: 20px !important;
}

.tr-order-subtitle {
    margin-top: 15px;
    font-weight: bolder;
}

.tr_pickup_dates_wrap {
    display: inline-flex;
}

.tr_pickup_termin_wrap {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

#tr_overview_logout_submit {
    float: right;
}

.tr-overview-logout_form_wrap {
    margin-top: 10px;
    margin-right: 10px;
}

.tr-status-cell-free {
    background: white !important;
    text-decoration: none;
    color: black !important;
}

.tr-status-cell-trash, .tr-status-cell-trash a {
    background: darkgrey !important;
    color: white;
    text-decoration: none;
}

.tr-status-cell-confirmed, .tr-status-cell-confirmed a {
    background: darkorange !important;
    text-decoration: none;
    color: white !important;
}

.tr-status-cell-notconfirmed, .tr-status-cell-notconfirmed a {
    background: darkred !important;
    color: white !important;
    text-decoration: none;
}

.tr-status-cell-allpaid, .tr-status-cell-allpaid a {
    background: darkgreen !important;
    color: white !important;
    text-decoration: none;
}

.tr-box {
    float: left;
    height: 20px;
    width: 20px;
    margin-bottom: 15px;
    border: 1px solid black;
    clear: both;
    margin-left: 10px;
}

.tr-confirmed {
    background-color: darkorange;
}

.tr-notconfirmed {
    background-color: darkred;
}

.tr-allpaid {
    background-color: darkgreen;
}

.tr-vyplaceno {
    background-color: #ceebfd;
}

.tr-vyplaceno-whole td {
    background-color: #ceebfd;
}

.tr-trash {
    background-color: darkgray;
}


.spinner-button {
    /* Important part */
    position: relative;
    /*transition: padding-right .3s ease-out;*/
}

.spinner-button.loading {
    /* background-color: #000000;*/
    padding-right: 40px;
}

.spinner-button.loading:after {
    content: "";
    position: absolute;
    border-radius: 100%;
    top: 36%;
    right: 45%;
    width: 12px;
    height: 12px;
    margin-top: -2px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-left-color: black;
    border-top-color: black;
    animation: spin .6s infinite linear, grow .3s forwards ease-out;
}

.toret-rooms-search-list-div {
    text-align: center !important;
    font-weight: 500 !important;
}


.tr-pf-submit {
    margin-top: 15px;
    width: 100%;
    background-color: rgba(34, 19, 74, 0.87);
    color: #ffffff;
}

.tr-pf-submit:hover {
    background-color: #b6b6b6;
    transition: 0.5s;
}

.tr-pf-label {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
}

.tr-pf-completed {
    font-weight: 600;
    font-size: 30px;
    text-align: center;
    width: 100%;
}

.tr-pf-person-title {
    font-weight: 500;
    font-size: 24px;
}

.tr-pf-wrap {
    max-width: 720px;
}

.tr-pf-person-inputs-wrap {
    display: flex;
    flex-direction: column;
}


.tr-pf-person-wrap {
    margin-top: 15px;
    padding: 10px;
    background: white;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}


.tr-pf-input-date, .tr-pf-input, .tr-pf-select {
    border: 1px solid #afafaf !important;
    background: white !important;
    border-radius: 3px !important;
    padding: 6px !important;
    color: black !important;
}

.tr-pf-input-date, .tr-pf-input {
    height: 18px !important;
}

.tr-pf-person-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 3px;
}


.table-reservations tr th:nth-child(1), .table-reservations td:nth-child(1) {
    position: sticky;
    width: 100px;
    left: 0;
    z-index: 1000;
    background: #fff;
}

.table-reservations tr th:nth-child(1) {
    z-index: 1001;
}

.table-reservations tr th {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
}


.tr-free-termins tr th:nth-child(1), .tr-free-termins td:nth-child(1) {
    position: sticky;
    width: 100px;
    left: 0;
    z-index: 1000;
    background: #fff;
}

.tr-free-termins tr th:nth-child(1) {
    z-index: 1001;
}

.tr-free-termins tr th {
    position: sticky;
    top: 0;
    z-index: 999;
    background: #fff;
}


.table-orders tr th:nth-child(1), .table-orders td:nth-child(1) {
    position: sticky;
    width: 100px;
    left: 0;
    z-index: 10;
    background: #fff;
}

.table-orders tr th:nth-child(1) {
    z-index: 11;
}

.table-orders tr th {
    position: sticky;
    top: 0;
    z-index: 9;
    background: #fff;
}


.toret-room-slide {
    display: none !important;
}

.toret-room-slide-active {
    display: block !important;
}

.tr-weekend td, .tr-weekend th, .tr-weekend a {
    background: yellow !important;
    color: black !important;
}

.gdlr-hotel-room-info {
    display: flex;
    flex-direction: column;
}

.gdlr-medium-room .gdlr-room-info:before {
    content: "";
    margin: 0px 0px 0px 0px;
}

.gdlr-hotel-room-info-column {
    display: flex;
    flex-direction: column;
}


.gdlr-hotel-room-info-tr {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
}


.tr-td-cell-full {
    background: green !important;
    text-decoration: none;
    color: white !important;
}

.tr-free-termins td {
    background: red;
    text-decoration: none;
    color: white;
}


.nevidim-termin {
    padding: 25px;
    background-color: #d8d8d8;
    display: grid;
    grid-template-columns: auto 275px;
    grid-auto-rows: auto;
    align-items: center;
}

.nevidim-termin a {
    background-color: rgba(34, 19, 74, 0.87);
    color: #ffffff;
    font-size: 14px !important;
    letter-spacing: 1px;
    font-weight: 500;
    padding: 10px 16px;
    border: 1px;
    border-radius: 4px;
    width: 100%;
    text-align: center;
}

.tr-td-cell-full {
    background: red !important;
    text-decoration: none;
    color: white !important;
}

/*.tr-free-termins th{
    background: white!important;
    color: black!important;
}*/

.tr-td-date {
    background: white !important;
    color: black !important;
}


.tr-td-cell-free {
    background: green !important;
    text-decoration: none;
    color: white !important;
}

.tr-td-cell-weekend {
    background: yellow !important;
    text-decoration: none;
    color: black !important;
}

.tr-td-row-weekend-sat {
    border-top: 4px solid #000;
}

.tr-td-row-weekend-sun {
    border-bottom: 4px solid #000;
}

.nevidim-termin p {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .nevidim-termin {
        grid-template-columns: 100%;
        gap: 20px;
    }
}

/* nový formulář na hledání obsazenosti */

.page-id-8104 .body-wrapper   {
	background: #c4c4c4!important;
}

.vyhledavaci-formular {
	position: relative;
}

.vyhledavaci-formular-wrap {
	background-color: rgba(255, 255, 255, 0.7);
	padding: 14px 12px;
	font-size: 16px;
	line-height: 1.3em;
	color: #000;
	display: grid;
	grid-template-columns: 3fr 4fr 2fr;
	grid-auto-rows: auto;
	gap: 10px;
}

.page-id-5926 .vyhledavaci-formular-wrap {
	background-color:  #e8e8e8;
}

.vyhledavaci-formular-wrap label {
	display: inline-block;
	width: 100%;
	max-width: 100%;
}

.vyhledavaci-formular-column {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-auto-rows: auto;
	gap: 10px;
}

.vyhledavaci-formular-column.column-dva {
	grid-template-columns: repeat(2, 1fr);
}

.vyhledavaci-formular-column.column-tri {
	grid-template-columns: repeat(3, 1fr);
}

.vyhledavaci-formular-wrap input, .vyhledavaci-formular-wrap select, .vyhledavaci-formular-deti-vek input {
	width: 100%!important;
	height: 35px;
	padding: 6px 11px;
	border: none;
	box-shadow: 0px 2px 4px 0px #8890c233;
	box-sizing: border-box;
	margin-top: 10px;
	color: #757575;
}

.vyhledavaci-formular-inner-column.column-od-do {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	gap: 10px;
}

.vyhledavaci-formular-wrap button {
	width: 100%;
	height: 35px;
	border: none;
	box-shadow: 0px 2px 4px 0px #8890c233;
	box-sizing: border-box;
	color: #000!important;
	cursor: pointer;
	font-weight: 600!important;
	background: url(https://www.najadranu.cz/wp-content/uploads/2024/03/Vector-133.svg) no-repeat;
	background-position: right 10px center;
	background-color: #FBAD24!important;
	padding: 10px!important;
	text-align: left;
    top: -2px;
}

.vyhledavaci-formular-wrap button:hover {
    opacity: 0.7;
}

.column-tlacitko {
	display: flex;
    align-items: flex-end;
}

.vyhledavaci-formular-deti-vek {
	max-width: 180px;
	display: flex;
    flex-direction: column;
	gap: 10px;
	position: absolute;
	right: 120px;
	margin-top: 25px;
}

.vyhledavaci-formular-deti-vek-row {
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 16px;
	color: #000;
	display: grid;
	grid-template-columns: 120px 60px;
	grid-auto-rows: auto;
	gap: 0px;
	align-items: center;
}

.page-id-5926 .vyhledavaci-formular-deti-vek-row {
	background-color:  #e8e8e8;
}

.vyhledavaci-formular-deti-vek input {
	margin-top: 0;
}

.vyhledavaci-formular-deti-vek-row label {
	padding-left: 10px;
}

@media only screen and (max-width: 1100px) {
	.vyhledavaci-formular-wrap {
		grid-template-columns: 1fr;
		padding: 0;
		background: transparent;
	}

	.vyhledavaci-formular-column {
		background-color: rgba(255, 255, 255, 0.7);
		padding: 14px 12px;
	}

	.page-id-5926 .vyhledavaci-formular-column {
		background-color: #e8e8e8;
	}

	.vyhledavaci-formular-deti-vek {
		left: 0;
	}

    .vyhledavaci-formular-wrap button {
        top: 0;
    }
}

@media only screen and (max-width: 767px) {
	.vyhledavaci-formular-column.column-dva {
		grid-template-columns: repeat(1, 1fr);
	}

    #carouselExampleIndicators .carousel-item-wrap .carousel-recenze-wrap {
   
    }

    #carouselExampleIndicators .carousel-item-wrap .carousel-recenze-wrap {
        display: initial!important;
        width: calc(100% - 20px)!important;
    }

    .carousel-item-wrap {
        flex-direction: column;
    }
}



/**
* Star rating
 */
/*.toret-room-stars {
    max-width: 33rem;
    background: #fff;
    margin: 0 1rem;
    padding: 1rem;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    width: 100%;
    border-radius: 0.5rem;
}*/

.toret-room-star {
    font-size: 5vh;
    cursor: pointer;
}

.toret-room-star-one {
    color: darkorange;
}

.toret-room-star-two {
    color: darkorange;
}

.toret-room-star-three {
    color: darkorange;
}

.toret-room-star-four {
    color: darkorange;
}

.toret-room-star-five {
    color: darkorange;
}


/**
* Images upload
 */
.toret-room-upload-container {
    width: 100%;
    max-width: 500px;
    /*margin: auto;*/
    padding: 20px;
    border: 2px dashed #ccc;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}
.toret-room-upload-container.dragover {
    background-color: #f0f8ff;
    border-color: #00aaff;
}
.toret-room-upload-preview {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    gap: 10px;
}
.toret-room-upload-preview img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 5px;
    border: 2px solid #ccc;
}

.toret-room-upload-wrap {
    display: flex;
    gap: 10px;
}

.tr-rf-input-wrap{
    display: flex;
    flex-direction: column;
}

.toret-room-recenze-data{
    display: flex;
    flex-direction: column;
}

.toret-room-stars-wrap {
    font-size: 20px;
    line-height: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 40px;

}

.toret-room-stars-wrap label {
    font-weight: bold;
    margin-right: 20px;
    line-height: 41px;
}

.toret-room-stars-wrap .toret-room-star {
    font-size: 40px;
    line-height: 40px;
}

.tr-rf-body-wrap input[type=text] {
    height: 40px;
    padding-left: 20px;
    margin-bottom: 20px;
}

.tr-rf-body-wrap textarea {
    height: 120px;
    padding: 20px;
    margin-bottom: 20px;
}

.toret-room-upload-wrap {
    margin-bottom: 20px;
}

.tr-rf-completed {
    font-size: 20px;
    text-align: center;
    background-color: green;
    color: white;
    width: 100%;
    display: block;
    padding: 20px;
    border-radius: 5px;
}