.reserve__popup { position: fixed; width: 100%; left: 0; right: 0; bottom: -100vh; z-index: 3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup form { -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; } .reserve__popup form fieldset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup form fieldset .toggle-arrow { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: -19px; border-top: 0; background: transparent; width: 100px; height: 40px; border-radius: 60% 60% 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; z-index: -1; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup form fieldset .toggle-arrow svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); fill: #D7D7D7; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .popup-body { display: none; width: 100%; padding: 8px; padding-top: 8px; background: #333436; border-top: 1px solid #646265; border-radius: 20px 20px 0px 0px; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .popup-body div { background: inherit; } .reserve__popup .label__slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-top: 0; padding-bottom: 8px; overflow-x: auto; overflow-y: hidden; margin-right: 0; z-index: 2; } .reserve__popup .label__slide button, .reserve__popup .label__slide label { padding: 8px 10px; margin: 0 3px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; color: #D7D7D7; background: #333436; border: 1px solid #D7D7D7; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .label__slide button span, .reserve__popup .label__slide label span { white-space: nowrap; padding: 0 5px; padding-left: 10px; } .reserve__popup .label__slide button input, .reserve__popup .label__slide label input { font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; color: #D7D7D7; background: inherit; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; background: inherit; padding: 0 5px; } .reserve__popup .label__slide button input[type="tel"], .reserve__popup .label__slide label input[type="tel"] { max-width: 90px; margin: 0 5px; } .reserve__popup .label__slide button input::-webkit-input-placeholder, .reserve__popup .label__slide label input::-webkit-input-placeholder, .reserve__popup .label__slide button input:-ms-input-placeholder, .reserve__popup .label__slide label input:-ms-input-placeholder, .reserve__popup .label__slide button input::-ms-input-placeholder, .reserve__popup .label__slide label input::-ms-input-placeholder, .reserve__popup .label__slide button input::placeholder, .reserve__popup .label__slide label input::placeholder { color: #D7D7D7; } .reserve__popup .label__slide button svg, .reserve__popup .label__slide label svg { fill: #D7D7D7; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .label__slide button.focus, .reserve__popup .label__slide label.focus, .reserve__popup .label__slide button:focus, .reserve__popup .label__slide label:focus, .reserve__popup .label__slide button:hover, .reserve__popup .label__slide label:hover { border: 1px solid #E0AA3E; color: #E0AA3E; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .label__slide button.focus svg, .reserve__popup .label__slide label.focus svg, .reserve__popup .label__slide button:focus svg, .reserve__popup .label__slide label:focus svg, .reserve__popup .label__slide button:hover svg, .reserve__popup .label__slide label:hover svg { fill: #E0AA3E; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .label__slide .number__select { position: relative; padding: 0; } .reserve__popup .label__slide .number__select label { padding: 0; } .reserve__popup .label__slide .number__select svg { position: absolute; left: 10px; } .reserve__popup .label__slide .number__select .number__select2 { background: inherit; color: #FFFFFF; padding: 8px 10px; padding-left: 30px; border-radius: 30px; margin-right: 4px; } .reserve__popup .label__slide .reserve__subpopup { position: absolute; top: -250px; left: 20px; right: 20px; padding: 16px 36px; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #333436; border-radius: 20px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .label__slide .reserve__subpopup textarea, .reserve__popup .label__slide .reserve__subpopup input { background: #333436; border: 1px solid #E0AA3E; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; font-style: normal; font-weight: bold; font-size: 13px; line-height: 15px; color: #FFFFFF; padding: 12px 24px; width: 100%; margin-bottom: 20px; } .reserve__popup .label__slide .reserve__subpopup textarea { min-height: 70px; } .reserve__popup .label__slide .reserve__subpopup button { display: block; width: 100%; padding: 9px 24px; font-style: normal; font-weight: 900; font-size: 18px; line-height: 21px; color: #FFFFFF; background: #E0AA3E; border: 1px solid #E0AA3E; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; margin-bottom: 10px; } .reserve__popup .label__slide .reserve__subpopup button.disabled { color: #D7D7D7; background: inherit; border: 1px solid #D7D7D7; } .reserve__popup .label__slide .reserve__subpopup input::-webkit-input-placeholder, .reserve__popup .label__slide .reserve__subpopup input:-ms-input-placeholder, .reserve__popup .label__slide .reserve__subpopup input::-ms-input-placeholder, .reserve__popup .label__slide .reserve__subpopup input::placeholder { font-style: normal; font-weight: bold; font-size: 13px; line-height: 15px; color: #D7D7D7; } .reserve__popup .label__slide .reserve__subpopup span { position: relative; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-style: normal; font-weight: 900; font-size: 18px; line-height: 21px; color: #FFFFFF; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reserve__popup .label__slide .reserve__subpopup .close { position: absolute; right: -30px; top: -6px; } .reserve__popup .label__slide .reserve__subpopup.act { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 8px 0; padding-top: 2px; width: 100%; } .reserve__popup .search-customer { padding: 8px 10px; width: 90%; margin: 0 20px; font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; color: #D7D7D7; background: #333436; border: 1px solid #D7D7D7; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-x: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-customer input { width: 100%; font-style: normal; font-weight: 300; font-size: 14px; line-height: 16px; color: #D7D7D7; background: inherit; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; } .reserve__popup .search-customer input::-webkit-input-placeholder, .reserve__popup .search-customer input:-ms-input-placeholder, .reserve__popup .search-customer input::-ms-input-placeholder, .reserve__popup .search-customer input::placeholder { color: #D7D7D7; } .reserve__popup .search-customer button { background: inherit; padding-left: 5px; padding-right: 5px; } .reserve__popup .search-customer button svg { fill: #D7D7D7; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-customer input:focus ~ .clear, .reserve__popup .search-customer input:not(:placeholder-shown) ~ .clear, .reserve__popup .search-customer input:-webkit-autofill ~ .clear { display: block; } .reserve__popup .search-customer svg { margin: 0 5px; fill: #D7D7D7; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-customer:focus, .reserve__popup .search-customer.focus { border: 1px solid #E0AA3E; } .reserve__popup .search-customer:focus .hide__result svg, .reserve__popup .search-customer.focus .hide__result svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .reserve__popup .search-customer:focus .hide__result.act svg { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .reserve__popup .search-customer.focus { border: 1px solid #E0AA3E; color: #E0AA3E; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-customer.focus .hide__result.act svg { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .reserve__popup .search-result.focus, .reserve__popup .search-customer:hover, .reserve__popup .search-result:focus { border: 1px solid #E0AA3E; color: #E0AA3E; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-customer.focus button svg, .reserve__popup .search-result.focus button svg, .reserve__popup .search-customer:hover button svg, .reserve__popup .search-result:focus button svg, .reserve__popup .search-customer.focus svg, .reserve__popup .search-result.focus svg, .reserve__popup .search-customer:hover svg { fill: #E0AA3E; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-result { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; padding: 0 5px; background-color: inherit; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-result:focus svg { fill: #E0AA3E; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-result div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-result div .toggle-result { padding: 5px 50px; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; color: #E0AA3E; border-bottom: 1px solid #646265; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-result div .toggle-result .arrow { -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-result div .toggle-result .arrow.act { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-result div .toggle-result div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reserve__popup .search-result div .toggle-result div img { margin-right: 8px; } .reserve__popup .search-result div .result__list { display: none; max-height: 20vh; overflow-y: auto; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-result div .result__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 50px; padding-right: 6px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup .search-result div .result__item img { position: absolute; left: 50px; top: 12px; display: none; } .reserve__popup .search-result div .result__item span { font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #FFFFFF; padding: 5px; } .reserve__popup .search-result div .result__item span:first-child { width: 100%; } .reserve__popup .search-result div .result__item span.time-reservation { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .reserve__popup .search-result div .result__item button { position: absolute; right: 50px; top: 12px; display: none; padding: 5px; width: 13px; height: 13px; background: inherit; background-image: url(../img/icon/remove.svg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .reserve__popup .search-result div .result__item .person__count, .reserve__popup .search-result div .result__item .number__count { padding: 0; position: absolute; top: 12px; left: 0px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reserve__popup .search-result div .result__item .person__count { left: 28px; } .reserve__popup .search-result div .result__item.act img, .reserve__popup .search-result div .result__item.act button { display: block; } .reserve__popup .search-result .person, .reserve__popup .search-result .number { position: absolute; top: 5px; left: 8px; font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; color: #E0AA3E; } .reserve__popup .search-result .person { top: 3px; left: 31px; } .reserve__popup .search-result .person svg { fill: #E0AA3E; } .reserve__popup .search-result.hidden { display: none; } .reserve__popup .search-result__list { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; overflow-y: auto; position: relative; padding-bottom: 148px; background: transparent; } .reserve__popup .search-result__list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; background: rgba(51, 52, 54, 0.6); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 15px; margin-top: 8px; margin-bottom: 8px; overflow: hidden; } .reserve__popup .search-result__list .item .arrow { background: transparent; padding-left: 5px; padding-right: 10px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-top: 8px; padding-bottom: 8px; } .reserve__popup .search-result__list .item .arrow svg { -webkit-transition: all 0.3s; transition: all 0.3s; fill: #D7D7D7; } .reserve__popup .search-result__list .item .arrow.act svg { -webkit-transition: all 0.3s; transition: all 0.3s; fill: #0057ff; } .reserve__popup .search-result__list .item .main__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; height: 100%; padding-top: 8px; padding-bottom: 8px; } .reserve__popup .search-result__list .item .main__info span { font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; color: #FFFFFF; } .reserve__popup .search-result__list .item .main__info .time-reservation { padding-top: 5px; font-weight: normal; font-size: 13px; line-height: 15px; } .reserve__popup .search-result__list .item .sub__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; position: relative; } .reserve__popup .search-result__list .item .sub__info .info__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 100%; padding-right: 5px; padding-top: 8px; padding-bottom: 8px; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; } .reserve__popup .search-result__list .item .sub__info .person, .reserve__popup .search-result__list .item .sub__info .number { font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; color: #E0AA3E; } .reserve__popup .search-result__list .item .sub__info .person svg { fill: #E0AA3E; } .reserve__popup .search-result__list .item .sub__info .person__count, .reserve__popup .search-result__list .item .sub__info .number__count { padding: 0; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-self: center; -ms-flex-item-align: center; align-self: center; height: 100%; } .reserve__popup .search-result__list .item .sub__info .person__count { white-space: pre-wrap; } .reserve__popup .search-result__list .item .sub__info .actItem { position: absolute; right: -110px; top: 0; bottom: 0; -webkit-transition: all 0.5s; transition: all 0.5s; background: rgba(0, 87, 255, 0.6); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 0px 15px 15px 0px; width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 8px; padding-bottom: 8px; } .reserve__popup .search-result__list .item.act .sub__info .info__box { opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .reserve__popup .search-result__list .item.act .sub__info .actItem { right: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .reserve__popup .search-result__list .item.act .sub__info .actItem span { font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #FFFFFF; padding-top: 4px; } .reserve__popup .search-result__list .item.act .sub__info .actItem button { font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #FFFFFF; padding: 4px; background: transparent; } .reserve__popup .search-result__list .item.dis::after { content: ''; background: rgba(51, 52, 54, 0.6); position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .reserve__popup .search-result__list .search__btn { background: rgba(88, 88, 88, 0.6); border-radius: 50%; width: 50px; height: 50px; position: fixed; left: 50%; bottom: 90px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reserve__popup .search-result__list .search__btn svg { fill: #ffffff; } .reserve__popup .info__list { position: fixed; bottom: -100px; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-transition: all 0.5s; transition: all 0.5s; background: #333436; border-top: 0.5px solid #ADABAB; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px 15px 0px 0px; padding: 12px; } .reserve__popup .info__list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 25%; } .reserve__popup .info__list .item p, .reserve__popup .info__list .item span { font-style: normal; font-weight: bold; font-size: 18px; line-height: 21px; color: #FFFFFF; text-align: center; } .reserve__popup .info__list .item p { padding-top: 5px; font-size: 14px; line-height: 16px; } .reserve__popup .info__list .reserv p { color: #E0AA3E; } .reserve__popup .info__list .spare p { color: #19A802; } .reserve__popup .info__list .occupied p { color: #FF0000; } .reserve__popup .info__list .accommodation p { color: #4D89FD; } .reserve__popup.act { -webkit-transition: all 0.3s; transition: all 0.3s; bottom: 56px; } .reserve__popup.act form fieldset .toggle-arrow svg { -webkit-transform: rotate(0deg); transform: rotate(0deg); fill: #E0AA3E; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__popup.act .popup-body { display: block; } .reserve__popup.club .popup-body .search-result div .toggle-result { padding-left: 0; } .reserve__popup.club .popup-body .search-result div .result__item { padding-left: 20px; } .reserve__popup.club .popup-body .search-result div .result__item span { max-width: 60vw; } .reserve__popup.club .popup-body .search-result div .result__item span.time-reservation { display: none; } .reserve__popup.club .popup-body .search-result div .result__item .person__count, .reserve__popup.club .popup-body .search-result div .result__item .number__count { left: auto; top: auto; right: 0px; max-width: 42px; width: 100%; white-space: pre-wrap; text-align: start; } .reserve__popup.club .popup-body .search-result div .result__item .person__count { right: 56px; text-align: center; max-width: 16px; } .reserve__popup.club .popup-body .search-result div .result__item .number__count { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .reserve__popup.club .popup-body .search-result .person, .reserve__popup.club .popup-body .search-result .number { left: auto; right: 20px; max-width: 30px; width: 100%; } .reserve__popup.club .popup-body .search-result .person { right: 60px; max-width: 16px; } .reserv-footer__wrapp.big.new .reserv-footer .swipeArrow { display: none; } .reserv-footer__wrapp.big.new .reserve__popup.act { height: 100vh; padding-top: 0px; bottom: 0; left: 0; top: 0; right: 0; } .reserv-footer__wrapp.big.new .reserve__popup.act form { height: 100vh; } .reserv-footer__wrapp.big.new .reserve__popup.act form fieldset { height: 100vh; } .reserv-footer__wrapp.big.new .reserve__popup.act .swipeArrow { display: block; top: 10px; } .reserv-footer__wrapp.big.new .reserve__popup.act .popup-body { height: 100vh; border-top: transparent; border-radius: 0; background: url(../img/reservPopupBg.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; } .reserv-footer__wrapp.big.new .reserve__popup.act .popup-body .search-input-group { display: none; width: 94%; margin: 0 10px; } .reserv-footer__wrapp.big.new .reserve__popup.act .popup-body .search-input-group.act { display: -webkit-box; display: -ms-flexbox; display: flex; } .reserv-footer__wrapp.big.new .reserve__popup.act .popup-body .search-result { display: none; } .reserv-footer__wrapp.big.new .reserve__popup.act .popup-body .search-result__list { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px; } .reserv-footer__wrapp.big.new .reserve__popup.act .popup-body .search { height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; margin-top: 40px; background: transparent; } .reserv-footer__wrapp.big.new .reserve__popup.act .popup-body .search .search-input-group .hide__result { display: none; } .reserv-footer__wrapp.big.new .reserve__popup.act .popup-body .search .search-input-group .clear { right: 21px; background: tr; } .reserv-footer__wrapp.big.new .info__list { bottom: 0px; } .reserve__search_panel { /*height: calc(100vh - 31px); max-height: calc(100vh - 31px); */ /* height: calc(93vh - 32px); max-height: calc(93vh - 32px); */ height: calc(100vh - 86px); max-height: calc(100vh - 86px); padding: 0px; display: none; position: relative; } .reserve__search_panel::before { display: block; content: ''; position: absolute; top: 61px; left: 0; width: 100%; height: 100%; background: url(../img/reservPopupBg.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat; z-index: -1; } .standalone .reserve__search_panel { height: calc(100vh - 30px); max-height: calc(100vh - 30px); } .reserve__search_panel.act { display: block; } .reserve__search_panel .search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 8px; width: 100%; position: relative; } .reserve__search_panel .search-customer { padding: 3px 10px; height: 30px; width: 80%; margin: 0 auto; font-style: normal; font-weight: 400; font-size: 16px; line-height: 16px; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-x: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-customer input { width: 100%; font-style: normal; font-weight: 500; font-size: 18px; line-height: 16px; color: #000; background: inherit; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; } .reserve__search_panel .search-customer input::-webkit-input-placeholder, .reserve__search_panel .search-customer input:-ms-input-placeholder, .reserve__search_panel .search-customer input::-ms-input-placeholder, .reserve__search_panel .search-customer input::placeholder { color: #9e0909; } .reserve__search_panel .search-customer button { background: inherit; padding-left: 5px; padding-right: 5px; } .reserve__search_panel .search-customer button svg { fill: #D7D7D7; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-customer input:focus ~ .clear, .reserve__search_panel .search-customer input:not(:placeholder-shown) ~ .clear, .reserve__search_panel .search-customer input:-webkit-autofill ~ .clear { display: block; } .reserve__search_panel .search-customer svg { margin: 0 5px; fill: #333436; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-customer:focus, .reserve__search_panel .search-customer.focus { border: 1px solid #E0AA3E; } .reserve__search_panel .search-customer:focus .hide__result svg, .reserve__search_panel .search-customer.focus .hide__result svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .reserve__search_panel .search-customer:focus .hide__result.act svg { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .reserve__search_panel .search-customer.focus { border: 1px solid #000; color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-customer.focus .hide__result.act svg { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .reserve__search_panel .search-result.focus, .reserve__search_panel .search-customer:hover, .reserve__search_panel .search-result:focus { color: #000; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-customer.focus button svg, .reserve__search_panel .search-result.focus button svg, .reserve__search_panel .search-customer:hover button svg, .reserve__search_panel .search-result:focus button svg, .reserve__search_panel .search-customer.focus svg, .reserve__search_panel .search-result.focus svg, .reserve__search_panel .search-customer:hover svg { fill: #000; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-result { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; padding: 0 5px; background-color: inherit; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: scroll; } .reserve__search_panel .search-result:focus svg { fill: #E0AA3E; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-result div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-result div .toggle-result { padding: 5px 50px; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; color: #E0AA3E; border-bottom: 1px solid #646265; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-result div .toggle-result .arrow { -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-result div .toggle-result .arrow.act { -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-result div .toggle-result div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reserve__search_panel .search-result div .toggle-result div img { margin-right: 8px; } .reserve__search_panel .search-result div .result__list { display: none; max-height: 20vh; overflow-y: auto; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-result div .result__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 50px; padding-right: 6px; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } .reserve__search_panel .search-result div .result__item img { position: absolute; left: 50px; top: 12px; display: none; } .reserve__search_panel .search-result div .result__item span { font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #FFFFFF; padding: 5px; } .reserve__search_panel .search-result div .result__item span:first-child { width: 100%; } .reserve__search_panel .search-result div .result__item span.time-reservation { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .reserve__search_panel .search-result div .result__item button { position: absolute; right: 50px; top: 12px; display: none; padding: 5px; width: 13px; height: 13px; background: inherit; background-image: url(../img/icon/remove.svg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .reserve__search_panel .search-result div .result__item .person__count, .reserve__search_panel .search-result div .result__item .number__count { padding: 0; position: absolute; top: 12px; left: 0px; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reserve__search_panel .search-result div .result__item .person__count { left: 28px; } .reserve__search_panel .search-result div .result__item.act img, .reserve__search_panel .search-result div .result__item.act button { display: block; } .reserve__search_panel .search-result .person, .reserve__search_panel .search-result .number { position: absolute; top: 5px; left: 8px; font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; color: #E0AA3E; } .reserve__search_panel .search-result .person { top: 3px; left: 31px; } .reserve__search_panel .search-result .person svg { fill: #E0AA3E; } .reserve__search_panel .search-result.hidden { display: none; } .reserve__search_panel .search-result__list { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; overflow-y: auto; position: relative; padding-bottom: 148px; background: transparent; } .reserve__search_panel .search-result__list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; background: #FFF; border-top: 0.5px solid #EBEBEB; border-bottom: 0.5px solid #EBEBEB; border-radius: 0; margin-top: 1px; margin-bottom: 2px; overflow: hidden; } .reserve__search_panel .search-result__list .item.disable { opacity: 0.5; } .reserve__search_panel .search-result__list .item .arrow { background: transparent; padding-left: 5px; padding-right: 10px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-top: 8px; padding-bottom: 8px; } .reserve__search_panel .search-result__list .item .arrow svg { -webkit-transition: all 0.3s; transition: all 0.3s; fill: #606770; margin-bottom: 3px; } .reserve__search_panel .search-result__list .item .arrow.act svg { -webkit-transition: all 0.3s; transition: all 0.3s; fill: #0057ff; } .reserve__search_panel .search-result__list .item .main__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; height: 100%; padding-top: 8px; padding-bottom: 8px; border-top: 1px solid #D2D2D2; } .reserve__search_panel .search-result__list .item .main__info span { font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; color: #FFFFFF; } .reserve__search_panel .search-result__list .item .main__info .time-reservation { padding-top: 5px; font-weight: normal; font-size: 13px; line-height: 15px; } .reserve__search_panel .search-result__list .item .main__info .item-title { font-weight: normal; font-size: 16px; border-bottom: 1px solid #d7d7d7; padding: 0; width: 100%; margin-left: 8px; display: flex; } .reserve__search_panel .search-result__list .item .main__info .item-title button { padding: 2px; } .reserve__search_panel .search-result__list .item .main__info .item-title .item-title-left { flex: 1; padding-bottom: 4px; font-weight: 600; } .reserve__search_panel .search-result__list .item .main__info .item-title .item-title-right-0 { width: 40px; padding-top: 2px; } .reserve__search_panel .search-result__list .item .main__info .item-title .item-title-right-1 { width: 40px; padding-top: 2px; } .reserve__search_panel .search-result__list .item .main__info .item-title .item-title-right-2 { width: 15px; padding-top: 2px; } .reserve__search_panel .search-result__list .item .main__info .boxes { display: flex; margin-top: 5px; } .reserve__search_panel .search-result__list .item .main__info .boxes .item-box { background: #f0f2f5; color: #65676B; border-radius: 10px; margin-left: 6px; padding: 0 7px; font-size: 12px; font-weight: normal; } .reserve__search_panel .search-result__list .item .main__info .boxes .item-box svg { margin-right: 5px; } .reserve__search_panel .search-result__list .item .main__info .boxes .item-box span { font-weight: normal; font-size: 12px; line-height: 19px; color: #65676B; } .reserve__search_panel .search-result__list .item .main__info .boxes .note { overflow: hidden; height: 20px; } .reserve__search_panel .search-result__list .item .sub__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; position: relative; } .reserve__search_panel .search-result__list .item .sub__info .info__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 100%; padding-right: 5px; padding-top: 8px; padding-bottom: 8px; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; } .reserve__search_panel .search-result__list .item .sub__info .person, .reserve__search_panel .search-result__list .item .sub__info .number { font-style: normal; font-weight: bold; font-size: 16px; line-height: 19px; color: #E0AA3E; } .reserve__search_panel .search-result__list .item .sub__info .person svg { fill: #E0AA3E; } .reserve__search_panel .search-result__list .item .sub__info .person__count { white-space: pre-wrap; } .reserve__search_panel .search-result__list .item .sub__info .person__count, .reserve__search_panel .search-result__list .item .sub__info .number__count { padding: 0; font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-self: center; -ms-flex-item-align: center; align-self: center; height: 100%; } .reserve__search_panel .search-result__list .item .sub__info .actItem { position: absolute; right: -110px; top: 0; bottom: 0; -webkit-transition: all 0.5s; transition: all 0.5s; background: rgba(0, 87, 255, 0.6); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 0px 15px 15px 0px; width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 8px; padding-bottom: 8px; } .reserve__search_panel .search-result__list .item .sub__info .actItem span { font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #FFFFFF; padding-top: 4px; } .reserve__search_panel .search-result__list .item .sub__info .actItem button { font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #FFFFFF; padding: 4px; background: transparent; } .reserve__search_panel .search-result__list .item.act .sub__info .info__box { opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .reserve__search_panel .search-result__list .item.act .sub__info .actItem { right: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .reserve__search_panel .search-result__list .item.dis::after { content: ''; background: rgba(51, 52, 54, 0.6); position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .reserve__search_panel .search-result__list .search__btn { background: rgba(88, 88, 88, 0.6); border-radius: 50%; width: 50px; height: 50px; position: fixed; left: 50%; bottom: 90px; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reserve__search_panel .search-result__list .search__btn svg { fill: #ffffff; } .reserve__search_panel .info__list { position: fixed; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-transition: all 0.5s; transition: all 0.5s; background: #333436; border-top: 0.5px solid #ADABAB; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px 15px 0px 0px; padding: 12px; z-index: 5; } .reserve__search_panel .info__list .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 25%; } .reserve__search_panel .info__list .item p, .reserve__search_panel .info__list .item span { font-style: normal; font-weight: bold; font-size: 18px; line-height: 21px; color: #FFFFFF; text-align: center; } .reserve__search_panel .info__list .item p { padding-top: 5px; font-size: 14px; line-height: 16px; } .reserve__search_panel .info__list .reserv p { color: #E0AA3E; } .reserve__search_panel .info__list .spare p { color: #19A802; } .reserve__search_panel .info__list .occupied p { color: #FF0000; } .reserve__search_panel .info__list .accommodation p { color: #4D89FD; } .reserve__search_panel .search-input-group { display: none; width: 100%; margin: 0; padding-top: 10px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; /*border-bottom: 1px solid #646265;*/ /*border-radius: 0 0 20px 20px;*/ } .reserve__search_panel .search-input-group.act { display: -webkit-box; display: -ms-flexbox; display: flex; } .reserve__search_panel .search-input-group .imageBtn-left { margin-top: 7px; } .reserve__search_panel .search-input-group .imageBtn-right { margin-top: -5px; } .reserve__search_panel .search-result { display: none; } .reserve__search_panel .search-result__list { display: -webkit-box; display: -ms-flexbox; display: flex; height: calc(100% + 31px); max-height: calc(100% + 31px); overflow: scroll; } .reserve__search_panel .search { height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; background: transparent; margin-top: 0px; } .reserve__search_panel .search .search-input-group .hide__result { display: none; } .reserve__search_panel .search .search-input-group .clear { right: 21px; background: tr; } .reserve__search_panel .clear { background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .reserve__search_panel .clear svg { fill: #D7D7D7; } .r-overflowY-1rnoaur { overflow-y: hidden !important; } .reserv-footer__wrapp.act { position: relative; display: flex; } .reserv-footer__wrapp.act .reserv-footer { position: relative; width: 100%; bottom: unset; display: flex; flex-direction: column; } .reserv-footer__wrapp.act .reserv-footer .reserve__popup.act { bottom: unset; position: relative; } .reserv-footer__wrapp.act .reserve__popup form fieldset .popup-body { background: transparent; border-top: unset; border-radius: unset; } .reserv-footer__wrapp.act .reserve__popup form fieldset .popup-body .search { padding-top: 6px; } /* */ .shadow.act.blur { z-index: 15; } #header { z-index: 10; position: relative; } .day-time__popup, .main__calendar__popup, .clock__popup { z-index: 35; } #main-reservations { position: relative; height: calc(100vh - 262px); z-index: 6; } #main-reservations.after { z-index: 4; } .css-view-1dbjc4n, #root > .css-1dbjc4n { z-index: 5 !important; /* bottom: -6px; height: 197px; */ } #main-reservations.after ~ .css-view-1dbjc4n, #main-reservations.after ~ .css-1dbjc4n { z-index: 10 !important; } .css-view-1dbjc4n > div, #root > .css-view-1dbjc4n > div { z-index: 30 !important; } .reserve__popup form fieldset .popup-body .club-search .search-input-group button.clear { position: absolute; right: 15px; } .reserv-footer-btns-empty { position: relative; width: 100%; height: 56px; } .ReactModalPortal .ReactModal__Overlay { z-index: 32; } .ReactModalPortal .ReactModal__Content { z-index: 35; } /* */ .search-result__list .res-items { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; position: relative; background: transparent; /* margin-bottom: 20px; */ } .search-result__list h3 { font-style: normal; font-weight: 500; font-size: 16px; line-height: 22px; color: #D7D7D7; position: relative; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 100%; text-align: center; overflow: hidden; } .search-result__list h3::after, .search-result__list h3::before { content: ''; height: 1px; width: 35vw; position: absolute; top: 50%; background: #797979; } .search-result__list h3::after { right: -8px; } .search-result__list h3::before { left: -8px; } .search-result__list .item { position: relative; } .search-result__list .item .waitingItem { position: absolute; left: -110px; top: 0; bottom: 0; -webkit-transition: all 0.5s; transition: all 0.5s; background: rgba(224, 170, 62, 0.8); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 15px 0px 0px 15px; width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 8px; padding-bottom: 8px; } .search-result__list .item.waiting .waitingItem { left: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .search-result__list .item .waitingItem span { font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #FFFFFF; padding-top: 4px; } .search-result__list .item .waitingItem button { font-style: normal; font-weight: normal; font-size: 12px; line-height: 14px; color: #FFFFFF; padding: 4px; background: transparent; } .search-result__list .item .actItem { position: absolute; right: -110px; top: 0; bottom: 0; -webkit-transition: all 0.5s; transition: all 0.5s; background: rgba(0, 87, 255, 0.6); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 0px 15px 15px 0px; width: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 8px; padding-bottom: 8px; } .search-result__list .item.act .sub__info .actItem { right: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } .search-result__list .item.waiting .main__info { margin-left: 110px; } .search-result__list .item.waiting .arrow { display: none; } .search-result__list .item.waiting .sub__info { position: absolute; display: none !important; } .search-result__list .item.waiting .actItem { display: none !important; } .reserve__popup form fieldset .popup-body .search-input-group { width: 100%; margin: 0; } .css-1dbjc4n.r-1awozwy.r-1777fci { top: 0; bottom: auto; } .css-1dbjc4n.r-6koalj.r-eqz5dr, .css-1dbjc4n.r-eqz5dr { top: 0px; bottom: auto; border-top: none !important; } .body-height { position: fixed !important; overflow: hidden !important; height: 100vh !important; min-height: unset !important; scroll-behavior: unset !important; } .root-height { position: relative !important; overflow: hidden !important; height: 100% !important; min-height: unset !important; scroll-behavior: unset !important; } .reserv-footer__wrapp.act.disable { display: none; } .popup__btn__group { position: absolute; bottom: 20px; left: 0; right: 0; padding: 4px 10px; display: flex; flex-direction: row; align-items: flex-end; justify-content: space-around; flex-wrap: nowrap; width: 100%; height: 56px; background: #333436; border-top: 1px solid #f1f1f1; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #FFFFFF; z-index: 4; } .popup__btn__group button { display: flex; flex-direction: column; justify-content: center; align-items: center; background: inherit; color: #FFFFFF; transition: all 0.3s; } .popup__btn__group button.act { color: #E0AA3E; } .popup__btn__group button svg { margin-bottom: 3px; transition: all 0.3s; fill: #E0AA3E; } .popup__btn__group button:disabled, .popup__btn__group button.disabled { color: #797979; } .popup__btn__group button:disabled svg, .popup__btn__group button.disabled svg { fill: #797979; } .stat__btn { background: rgba(88, 88, 88, 0.6); border-radius: 50%; width: 50px; height: 50px; position: fixed; left: 50%; bottom: 90px; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; } .stat__btn svg { fill: #E0AA3E; } .r-1rnoaur { overflow-y: hidden; } .reserve__search_panel .info__list { position: absolute; } .popup__btn__group button.noactive svg { fill: #D7D7D7; } .PanelSwipeArrow { position: relative; padding: 5px; height: 25px; width: 100%; z-index: 8; } .PanelSwipeArrow.rotate { transform: rotate(-180deg); } .PanelSwipeArrow svg { position: absolute; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: move 2.5s infinite ease-in-out; animation: move 2.5s infinite ease-in-out; } /*# sourceMappingURL=swipe.css.map */ /*# sourceMappingURL=swipe.css.map */