:root {
--color-box-angle: #fff;
}
html{
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html.tg_html_insideFrame {
overflow: hidden;
}
.tg-calendar{
display:none;
}
.tarif_group_name{
display:none;
}
.tg-getOrderInfo {
position: fixed;
/* border-top: 1px solid; */
padding: 10px 10px 0 10px;
left: unset !important;
opacity: 1 !important;
/* background: #fff; */
z-index: 9;
bottom: 195px;
right: 40px;
}
h1{
font-size: unset;
}
#spanTimer{
position: fixed;
right: 30px;
top: 20px;
z-index: 99999;
}
.duration-300 {
transition-duration: 300ms;
}
.transition {
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.step-theaters {
padding: 10px 0 18px;
}
.step-theaters > .container {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(170px, 210px));
justify-content: center;
gap: 16px;
max-width: none !important;
width: 100% !important;
padding: 0 12px;
box-sizing: border-box;
}
/* карточка */
.step-theaters .theaterContainer {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
border-radius: 16px;
max-width: 200px;
background: #ffffff;
border: 1px solid #e5e7eb;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
transition:
box-shadow .22s ease,
transform .22s ease,
border-color .22s ease;
}
/* ссылка занимает основную часть */
.step-theaters .theaterContainer > a {
display: block;
color: inherit;
text-decoration: none !important;
border: 0 !important;
}
/* убираем лишние отступы у внутреннего div */
.step-theaters .theaterContainer > a > div {
display: flex;
flex-direction: column;
}
/* картинка */
.step-theaters .tg-theater-element {
position: relative;
width: 100% !important;
height: 112px !important;
min-height: 112px;
border-radius: 0 !important;
background-size: cover !important;
background-position: center !important;
transition: transform .55s ease, filter .25s ease;
}
/* затемнение картинки как в примере */
.step-theaters .theaterContainer > a > div::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
height: 112px;
z-index: 2;
background: linear-gradient(
to top,
rgba(0, 0, 0, .58),
rgba(0, 0, 0, .08) 62%,
rgba(0, 0, 0, 0)
);
pointer-events: none;
}
/* бейдж категории поверх картинки */
.step-theaters .category {
position: absolute;
left: 10px;
top: 82px;
z-index: 3;
display: inline-flex;
align-items: center;
max-width: calc(100% - 20px);
padding: 3px 8px;
border-radius: 7px;
background: #dc2626;
color: #ffffff;
font-size: 10px;
line-height: 1.1;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* название */
.step-theaters .name {
position: relative;
padding: 12px 12px 0;
color: #111827;
font-size: 14px;
line-height: 1.25;
font-weight: 700;
min-height: 35px;
transition: color .2s ease;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* город / адрес */
.step-theaters .city {
display: flex;
align-items: center;
gap: 4px;
padding: 5px 12px 10px;
color: #6b7280;
font-size: 11px;
line-height: 1.25;
min-height: 28px;
overflow: hidden;
}
.step-theaters .city::before {
content: "";
width: 6px;
height: 6px;
flex: 0 0 6px;
border-radius: 50%;
background: #d1d5db;
}
.step-theaters .address {
color: #9ca3af;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* muscom-ссылка снизу */
.step-theaters .code {
margin-top: auto;
padding: 0 12px 12px;
}
.step-theaters .code a {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
color: #6b7280;
text-decoration: none !important;
border: 0 !important;
font-size: 11px;
line-height: 1.2;
}
.step-theaters .code span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* стрелка справа как в карточках */
.step-theaters .code a::after {
content: "→";
flex: 0 0 auto;
color: #d1d5db;
font-size: 15px;
line-height: 1;
transition:
color .2s ease,
transform .2s ease;
}
/* hover */
.step-theaters .theaterContainer:hover {
transform: translateY(-2px);
border-color: #d1d5db;
box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
}
.step-theaters .theaterContainer:hover .tg-theater-element {
transform: scale(1.06);
filter: saturate(1.05);
}
.step-theaters .theaterContainer:hover .name {
color: #dc2626;
}
.step-theaters .theaterContainer:hover .code a::after {
color: #dc2626;
transform: translateX(3px);
}
/* чтобы старый shadow-md не конфликтовал */
.step-theaters .shadow-md {
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}
.step-theaters .shadow-md:hover {
box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12) !important;
}
/* адаптив как grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 */
/* выбранная площадка */
.step-theaters .theaterContainer.active {
border-color: rgb(17 24 39);
box-shadow:
0 0 0 3px rgba(17, 24, 39, 0.10),
0 12px 26px rgba(15, 23, 42, 0.14);
transform: translateY(-1px);
}
/* затемнение картинки у выбранной карточки чуть сильнее */
.step-theaters .theaterContainer.active > a > div::before {
background: linear-gradient(
to top,
rgba(17, 24, 39, .72),
rgba(17, 24, 39, .20) 62%,
rgba(17, 24, 39, .04)
);
}
/* название выбранной */
.step-theaters .theaterContainer.active .name {
color: rgb(17 24 39);
}
/* бейдж Выбрано */
.step-theaters .theaterContainer.active::after {
content: "Выбрано";
position: absolute;
top: 10px;
right: 10px;
z-index: 5;
padding: 4px 8px;
border-radius: 999px;
background: rgb(17 24 39);
color: #ffffff;
font-size: 10px;
line-height: 1;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
box-shadow: 0 6px 14px rgba(0, 0, 0, .18);
}
/* маленькая галочка */
.step-theaters .theaterContainer.active::before {
content: "✓";
position: absolute;
top: 8px;
left: 10px;
z-index: 5;
width: 22px;
height: 22px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #ffffff;
color: rgb(17 24 39);
font-size: 13px;
font-weight: 900;
box-shadow: 0 6px 14px rgba(0, 0, 0, .16);
}
/* чтобы hover не перебивал active */
.step-theaters .theaterContainer.active:hover {
border-color: rgb(17 24 39);
box-shadow:
0 0 0 3px rgba(17, 24, 39, 0.12),
0 14px 30px rgba(15, 23, 42, 0.16);
}
/* выбранная тема */
.tg-themes .tg-theme-element-container:has(.tg-theme-element.active-theme) {
border-color: rgb(17 24 39);
background: #ffffff;
box-shadow:
0 0 0 3px rgba(17, 24, 39, 0.08),
0 8px 18px rgba(15, 23, 42, 0.12);
}
/* иконка выбранной темы */
.tg-themes .tg-theme-element.active-theme {
box-shadow:
0 0 0 2px #ffffff,
0 0 0 4px rgb(17 24 39) !important;
transform: scale(1.04);
}
/* название выбранной темы */
.tg-themes .tg-theme-element-container:has(.tg-theme-element.active-theme) .tg-theme-name {
color: rgb(17 24 39);
font-weight: 800;
}
/* справа вместо стрелки — галочка */
.tg-themes .tg-theme-element-container:has(.tg-theme-element.active-theme)::after {
content: "✓";
color: #ffffff;
background: rgb(17 24 39);
font-size: 11px;
font-weight: 900;
transform: none;
}
/* hover для активной темы */
.tg-themes a:hover .tg-theme-element-container:has(.tg-theme-element.active-theme) {
border-color: rgb(17 24 39);
box-shadow:
0 0 0 3px rgba(17, 24, 39, 0.10),
0 10px 22px rgba(15, 23, 42, 0.14);
}
/* если браузер старый и :has не сработает — хотя бы выделит круглую картинку */
.tg-themes .tg-theme-element.active-theme::before {
content: "";
position: absolute;
inset: -3px;
border-radius: inherit;
border: 2px solid rgb(17 24 39);
pointer-events: none;
}
/* телефон */
@media (max-width: 520px) {
.step-theaters > .container {
grid-template-columns: repeat(2, minmax(0, 1fr));
justify-content: stretch;
gap: 10px;
padding: 0 8px;
}
.step-theaters .theaterContainer {
border-radius: 14px;
}
.step-theaters .tg-theater-element {
height: 96px !important;
min-height: 96px;
}
.step-theaters .theaterContainer > a > div::before {
height: 96px;
}
.step-theaters .category {
top: 68px;
left: 8px;
font-size: 9px;
padding: 3px 7px;
}
.step-theaters .name {
padding: 5px 5px 0;
font-size: 13px;
min-height: 24px;
margin: 5px;
}
.step-theaters .city {
padding: 5px 5px 5px;
font-size: 10.5px;
margin: 5px;
min-height: 15px;
}
.step-theaters .code {
padding: 0 10px 10px;
}
.step-theaters .code a {
font-size: 10px;
}
}
/* совсем узкие экраны */
@media (max-width: 360px) {
.step-theaters > .container {
grid-template-columns: 1fr;
}
.step-theaters .tg-theater-element {
height: 120px !important;
}
.step-theaters .theaterContainer > a > div::before {
height: 120px;
}
.step-theaters .category {
top: 90px;
}
}
.theaterContainer .code{
color: blue;
display: none;
}
.checkbox-transform{
position:relative;
-webkit-tap-highlight-color:rgba(0,0,0,0);
margin: 0 0 3px 0;
}
.quizRadioboxOtherInput{
display: none;
}
.checkbox-transform span:before{
content: ' ';
display: block;
height: 15px;
width: 15px;
border-radius: 3px;
position: absolute;
top: 3px;
left: 0;
background: #d4d4d4;
}
.checkbox-transform span:after{
content:' ';
display:block;
height:15px;
width:15px;
border: 1px solid #569ff7;
transition:200ms;
border-radius: 3px;
position:absolute;
top:3px;
background: #d4d4d4;
left:0;
/* background: #fff200; */
transition:100ms ease-in-out;
z-index: 4;
}
.page-title span {
position: relative;
top: 0;
left: 0;
}
.tg-terms-element.add_term label{
color: red;
background: #ffffff;
}
.tg-terms-element.add_term label span{
border-bottom: 1px dashed;
font-weight: bold;
}
.checkbox-transform input:checked ~ span:after{
content:' ';
border-top-style:none;
border-right-style:none;
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
height:10px;
position: absolute;
top: 3px;
width:17px;
border-color:#569ff7;
border-width: 3px;
background: unset;
z-index: 999;
}
.checkbox-transform input:disabled ~ span:after{
content:' ';
border-top-style:none;
border-right-style:none;
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
height:10px;
position: absolute;
top: 3px;
width:17px;
border-color:#a1a5a7;
border-width: 3px;
background: unset;
z-index: 4;
};
.checkbox-transform span:after:hover,.checkbox-transform span:after:active{
border-color:#0fbdef
}
.checkbox-transform input ~ span{
cursor:pointer;
padding-left:20px;
line-height:1.1;
position:relative;
}
.checkbox-transform input:checked ~ span{
font-weight: bold;
cursor:pointer;
padding-left:20px;
line-height:1.1;
position:relative;
}
.checkbox-transform input:disabled ~ span{
cursor:default;
font-weight: bold;
padding-left:20px;
line-height:1.1;
position:relative;
};
.checkbox-transform span{
margin-left:10px;
line-height:1.1;
cursor:pointer;
}
.checkbox-transform input{
height: 0px !important;
width: 1px !important;
}
.eventsComplexAction{
flex: none !important;
display: none !important;
width: 100%;
clear: both;
}
.pricePcName{
background: rgb(255, 255, 255);
border: 1px solid #fff;
z-index: 99999;
position: absolute;
font-size: 70%;
padding: 3px;
}
.b-select-time-name{
display: none;
}
.tg-getOrderInfo.steppay{
position: relative !important;
display: block !important;
opacity: 1 !important;
left: 0 !important;
bottom: 0 !important;
}
.tarifsList{
display: none;
}
.tg-getOrderInfo .orderElementsDiv{
/* display: flex; */
/* max-width: 350px; */
}
.tg-event-theme_separate{
flex:none;
width: 100%;
clear:both;
}
.tg-event-theme_separate span{
display: none;
}
.ymaps-2-1-79-geolink-popup {
z-index: 20000000 !important;
}
.session-time-item-free{
display: block;
position: absolute;
bottom: 0;
white-space: nowrap;
text-transform: uppercase;
font-size: 8px;
}
.b-select-cont{
display: flex;
vertical-align: top;
}
.tq_free_div{
display: none;
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
padding-right: 0;
padding-left: 0;
}
.tgIncFree{
display: none;
}
.user{
padding: 0px;
margin: 0px;
cursor: pointer;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background-color: #fff;
border-right: 0;
position: relative;
width: 0px;
height: 20px;
padding: 1px;
}
.step-hall .container{
padding: 0;
}
.page-title{
position: relative;
overflow: hidden;
}
.page-bottom{
display: none;
}
.page-title.eventName{
display: flex;
text-align: left;
flex-direction: column-reverse;
margin-bottom: 0;
}
.page-title .event_session_date_time {
position:relative;
top:0;
left: 0;
}
.page-title .event_session_date_time *{
position:relative;
top:0;
left: 0;
}
.tg-event-detail-img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom:0;
filter: contrast(1.5) blur(15px) brightness(0.5);
background-size: cover !important;
background-position: center !important;
}
.tg_bank_type_div{
min-width: 100px;
}
.tg_bank_type_div .tg_bank_type_logo{
height:24px;
}
.tg_bank_type_div label{
width: 100%;
text-align: center;
}
/* Контейнер */
.tg-hall-more {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
margin-left: 5px;
border-radius: 50%;
background: #f3f5f7;
transition: all 0.25s ease;
text-decoration: none;
}
/* Иконка */
.tg-hall-more-icon {
width: 16px;
height: 16px;
background: url('https://muscom.ru/TEMPLATES/msmuseum.ru/images/logo_.svg') center/contain no-repeat;
opacity: 0.7;
transition: all 0.25s ease;
}
/* Hover эффект */
.tg-hall-more:hover {
background: #00a86b; /* фирменный TeleGreen */
transform: translateY(-2px);
}
.tg-hall-more:hover .tg-hall-more-icon {
filter: brightness(0) invert(1);
opacity: 1;
}
/* Tooltip */
.tg-hall-more::after {
content: attr(title);
position: absolute;
bottom: 42px;
left: 50%;
transform: translateX(-50%);
background: #111;
color: #fff;
padding: 6px 10px;
font-size: 12px;
border-radius: 6px;
white-space: nowrap;
opacity: 0;
pointer-events: none;
transition: all 0.2s ease;
}
.tg-hall-more::before {
content: "";
position: absolute;
bottom: 36px;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: #111;
opacity: 0;
transition: all 0.2s ease;
}
.tg-hall-more:hover::after,
.tg-hall-more:hover::before {
opacity: 1;
}
.user div.icon{
width: 100%;
height: 100%;
right:0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
position: relative;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNy4wMyAyNy4wMyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwMGJkZjI7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT7QoNC10YHRg9GA0YEgMzwvdGl0bGU+PGcgaWQ9ItCh0LvQvtC5XzIiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMiI+PGcgaWQ9ItCh0LvQvtC5XzMiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMyI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuNTIsMEE3LjgxLDcuODEsMCwwLDAsOS4xLDE0LjI1LDEzLjU2LDEzLjU2LDAsMCwwLDAsMjdIMi4xMWExMS40MSwxMS40MSwwLDAsMSwyMi44MSwwSDI3YTEzLjU4LDEzLjU4LDAsMCwwLTkuMDktMTIuNzhBNy44MSw3LjgxLDAsMCwwLDEzLjUyLDBabTAsMTMuNTJhNS43MSw1LjcxLDAsMSwxLDUuNy01LjcxLDUuNzEsNS43MSwwLDAsMS01LjcsNS43MVoiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat center;
background-size: cotain;
}
.tg_insideFrame .tg-tickets-total{
display: none !important;
}
.tg-confirmButtons .button{
padding: 5px 10px;
}
div.tg_tooltips{
position: absolute;
min-width:120px;
max-width:360px;
color: #FFFFFF;
background: #878787;
z-index: 9999999;
height: 30px;
font-size: 16px;
line-height: 30px;
text-align: center;
opacity: 0.9;
border-radius: 7px;
padding: 0 10px;
}
div.tg_tooltips:after{
content: '';
position: absolute;
bottom: 100%;
/* margin-left: -80%; */
left: 30px;
width: 0;
height: 0;
border-bottom: 8px solid #000000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
div.tg_tooltips.tg_red{
background: #EA5E5E;
}
div.tg_tooltips.tg_green{
background: #35D37C;
}
div.tg_tooltips.tg_green:after{
border-bottom: 8px solid #35D37C;
}
div.tg_tooltips.tg_red:after{
border-bottom: 8px solid #EA5E5E;
}
.levelPriceClose {
position: absolute;
cursor: pointer;
top: 0px;
right: 10px;
font-size: 130%;
}
.svgPrice {
position: fixed;
background: #f9f9f9;
min-width: 120px;
border: 1px solid #eee;
padding: 10px;
border-radius: 3px;
box-shadow: 1px 1px 4px 1px #00000080;
}
.priceTitle .tname{
color: #000;
}
.svgContext {
position: absolute;
background: #585858;
min-width: 180px;
min-height: 50px;
list-style: none;
margin: 0;
padding: 0;
z-index: 99999;
}
.svgContext li{
padding: 5px 7px;
margin: 3px;
border: 3px solid #ffffff3d;
cursor: pointer;
}
.svgContext li:hover{
padding: 5px 7px;
margin: 3px;
color: #000080;
background: #E0E0E0;
border: 3px solid #F0F0F03d;
}
.complex_date{
color: #ff7e5d;
}
.event_inc{
position:relative;
}
.event_inc_icon{
width: 10px;
background: #F0F0F0;
height: 10px;
margin: 5px 5px 5px 2px
}
.event_inc[checked]{
color: #ff7e5d;
font-weight: bold;
}
.event_inc[checked] .complex_date{
color: #ff7e5d;
font-weight: bold;
}
.event_inc[checked] .event_inc_icon{
background: #ff7e5d;
}
.event_inc.selected .event_inc_icon{
background: #d0d0d08c;
border: 1px solid #e4dac0;
margin-left: 10px;
}
.ticket-type-base-price{
display:none;
}
.event_inc.selected .event_inc_icon::after{
transform: rotate(-49deg);
position: absolute;
top: 1px;
width: 13px;
height: 10px;
left: 10px;
border: 2px solid #ff7e5d;
border-top: none;
border-right: none;
content: " "; transform: rotate(-49deg);
position: absolute;
top: 1px;
width: 15px;
height: 10px;
left: 1px;
border: 2px solid #42a435;
border-top: none;
border-right: none;
content: " ";
}
.event_inc.selected .complex_date .checked_date{
border-bottom: 1px dashed;
}
.event_inc.selected .complex_date .checked_time{
border-bottom: 1px dashed;
}
.tooltipPlace {
padding: 10px;
background-color: #fff;
border-radius: 15px;
border: 1px solid #fff;
border-top-width: 10px;
position: absolute;
display: none;
margin: 0;
min-height: 30px;
z-index: 9999999;
font-size: 90%;
text-align: center;
color: #000;
box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}
.footerTitleTG img{
opacity: 0.7;
}
.footerTitleTG span{
display: none;
}
.footerTitleTG:hover span{
display: inline-block;
}
.footerTitleTG:hover img{
opacity: 1;
}
.tooltipPlace{
position:absolute;
z-index:99999;
min-width:180px;
max-width:280px;
padding:12px 14px;
background:#ffffff;
color:#1f2328;
border:1px solid rgba(0,0,0,0.08);
border-radius:16px;
box-shadow:
0 14px 32px rgba(0,0,0,0.12),
0 3px 10px rgba(0,0,0,0.06);
font-size:13px;
line-height:1.35;
pointer-events:none;
animation:tgTooltipShow .14s ease-out;
}
.tooltipPlace::after{
content:'';
position:absolute;
left:var(--tg-tooltip-arrow-left, 50%);
bottom:-7px;
width:14px;
height:14px;
background:#ffffff;
border-right:1px solid rgba(0,0,0,0.08);
border-bottom:1px solid rgba(0,0,0,0.08);
transform:translateX(-50%) rotate(45deg);
box-sizing:border-box;
}
.tg-place-level{
font-size:12px;
color:#6b7280;
margin-bottom:4px;
font-weight:500;
}
.rowplacediv{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:6px;
font-size:14px;
font-weight:700;
color:#111827;
margin-bottom:6px;
}
.tg-place-dot{
color:#c0c7d1;
font-weight:400;
}
.tg-place-divider{
height:1px;
margin:8px 0 7px;
background:#eef1f4;
}
.priceTitle{
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
margin-top:6px;
}
.priceTitle .tname{
color:#4b5563;
font-weight:600;
}
.priceTitle .pvalue{
color:var(--price-color, #111827);
font-weight:700;
white-space:nowrap;
}
.tg-place-status{
display:inline-flex;
align-items:center;
padding:5px 10px;
border-radius:999px;
font-size:12px;
font-weight:700;
margin:4px 0 2px;
}
.tg-place-status.reserved{
background:#fff0e8;
color:#d6631a;
}
.tg-place-status.wait{
background:#fff8db;
color:#9a6b00;
}
.tg-place-status.nofree{
background:#f1f3f5;
color:#6b7280;
}
@keyframes tgTooltipShow{
from{
opacity:0;
transform:translateY(4px) scale(.98);
}
to{
opacity:1;
transform:translateY(0) scale(1);
}
}
.tg-event-elements-sessions-presale{
position: absolute;
background: #5a5a5aa8;
padding: 10px;
top: 30%;
left: 0;
right: 0;
}
#tg_recieve_dateTime{
background: #fff;
border: 0;
display: inline;
width: unset !important;
color: #0fbdef;
font-weight: bold;
}
.tg-sessions-check-tilte{
font-weight: bold;
width: 100%;
color: #000;
border-top: 1px #777 solid;
margin: 10px 0 10px 0;
text-transform: uppercase;
}
.tg-detail-container{
display: flex;
width: 100%;
justify-content: space-between;
}
.tg-detail-add{
flex: 0 0 200px;
}
.form-control-pt {
display: inline-block;
overflow: hidden;
}
.form-control-pt .tg-radiobox-div {
display: inline-block;
float: left;
}
.datepicker-control-congrat .flatpickr-calendar.inline {
max-width: 500px;
margin: auto;
}
#tg_recieve_txt {
width: 80% !important;
margin: auto;
}
.flatpickr-calendar.hasTime .flatpickr-time {
height: 40px;
border-top: 0 !important;
margin: 5px;
}
.numInputWrapper {
height: 39px !important;
}
.numInputWrapper:hover {
background: unset;
}
.form-control-pt input[type=radio] {
display: none;
}
.form-control-pt .tg-radiobox-div label {
display: inline-block;
cursor: pointer;
padding: 0px 15px;
line-height: 34px;
border: 0;
margin: 0;
user-select: none;
}
.tg-pushka-name{
color: #ff0092;
font-size: 12px;
}
/* Checked */
.form-control-pt input[type=radio]:checked + label {
background: #0fbdef;
color: white;
border-radius: 25px;
font-weight: bold;
}
/* Hover */
.form-control-pt .tg-radiobox-div label:hover {
color: #666;
}
/* Disabled */
.form-control-pt input[type=radio]:disabled + label {
background: #efefef;
color: #666;
}
.tg-detail-text{
}
.tg-detail-add .tg-detail-boxs {
min-width: 250px;
}
.tg-detail-add .tg-detail-box {
padding: 10px;
margin: 10px;
background: #8588950f;
}
.form-control-ort {
margin: 10px 0 0 0;
}
.form-control-ort .tg-radiobox-div {
}
.form-control-ort input[type=radio] {
}
.form-control-ort .tg-radiobox-div label {
}
.form-control-ort-ed div span{
display: block;
}
.svgPrice .openPriceValue {
font-size: 115%;
font-weight: bold;
margin: 0 0;
vertical-align: middle;
line-height: 100%;
min-width: 120px;
padding: 3px 0px;
white-space: nowrap;
background: #fdfdff;
height: 25px;
color: #8fab54;
text-align: center;
background: #fff;
border: 1px solid;
padding: 3px;
}
.svgPrice .openPriceValue:hover {
background: #edecec;
}
.svgPrice .openPriceValue {
cursor: pointer;
}
/* ===== Слоты времени ===== */
.slot_container{
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:flex-start;
justify-content:flex-start;
margin-top:8px;
}
.slot_container div{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:7px 12px;
margin:0;
white-space:nowrap;
border:1px solid #d8e1ea;
border-radius:10px;
background:#fff;
color:#0f172a;
font-size:13px;
font-weight:600;
line-height:1.2;
cursor:pointer;
user-select:none;
transition:
background-color .18s ease,
color .18s ease,
border-color .18s ease,
box-shadow .18s ease,
transform .12s ease;
box-shadow:0 1px 2px rgba(15,23,42,.04);
}
.slot_container div:hover{
background:#f8fbff;
border-color:#0fbdef;
color:#0f172a;
box-shadow:0 4px 12px rgba(15,23,42,.08);
transform:translateY(-1px);
}
.slot_container div:active{
transform:translateY(0);
box-shadow:0 2px 6px rgba(15,23,42,.06);
}
.slot_container div.active{
background:linear-gradient(135deg,#0fbdef,#2f80ed);
border-color:#0fbdef;
color:#fff;
box-shadow:0 8px 18px rgba(15,23,42,.16);
}
.slot_container div.loading{
background:#fff7ed;
border-color:#fdba74;
color:#9a3412;
cursor:progress;
box-shadow:none;
}
.slot_container div.disabled,
.slot_container div[disabled]{
background:#f8fafc;
border-color:#e2e8f0;
color:#94a3b8;
cursor:not-allowed;
pointer-events:none;
box-shadow:none;
}
/* Фокус с клавиатуры */
.slot_container div:focus-visible{
outline:none;
border-color:#2563eb;
box-shadow:0 0 0 3px rgba(37,99,235,.18);
}
.slot_container div.active::before{
content:"";
width:7px;
height:7px;
margin-right:7px;
border-radius:50%;
background:#fff;
opacity:.95;
}
.back-btn{
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 38px;
padding: 8px 12px;
border-radius: 10px;
border: 1px solid #e2e8f0;
background: #fff;
color: #334155 !important;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
transition: all .18s ease;
}
.back-btn:hover{
background: #f8fafc;
border-color: #cbd5e1;
color: #0f172a !important;
}
.back-btn svg{
stroke: #64748b;
width: 17px;
height: 17px;
}
@media (max-width: 640px){
.slot_container{
gap:6px;
}
.slot_container div{
min-height: 20px;
padding: 2px 5px;
font-size: 11px;
border-radius: 9px;
}
}
.loading128{
position: fixed;
height: 100%;
width: 100%;
background: rgba(7, 7, 7, 0.01);
z-index: 100000;
top: 0;
left: 0;
pointer-events: all;
cursor: wait;
}
.loading128::before {
content: '';
width: 17px;
height: 17px;
border: 3px solid #111111;
border-radius: 21%;
background: #fff;
display: block;
position: absolute;
margin: 0 0px 0 17px;
top: 30%;
left: 48%;
/* position: relative; */
box-sizing: border-box;
animation: rotation 4s linear infinite;
}
.loading128::after {
content: '';
width: 15px;
height: 15px;
border: 3px solid #2f6627;
background: #fff;
border-radius: 21%;
/* border-top: none; */
/* border-right: none; */
/* border-left: 0; */
display: block;
top: 30%;
left: 48%;
margin: 0 auto;
position: absolute;
/* position: relative; */
box-sizing: border-box;
animation: rotation 4s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.scheme {
margin: 0 auto;
position: relative;
height: 100%;
width: 100%;
min-height: 550px;
vertical-align: top;
min-width: 980px;
background: #fff;
border: 1px solid #bebebe;
margin-top: 10px;
/*transform: scale(0.7);*/
}
.scheme *{
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
not supported by any browser */
/*transform: scale(0.7);*/
}
.scheme div.divZoom{
display: flex;
background: rgba(87, 86, 86, 0.504);
position:absolute;
right: 15px;
z-index: 99999;
top: 10px;
}
.scheme div.divZoom div{
margin: 5px;
background-size: contain;
width: 24px;
height: 24px;
cursor: pointer;
}
.scheme div.divZoom div:hover{
filter: drop-shadow(2px 4px 6px black);
}
.scheme div.zoomin{
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxnIGRhdGEtbmFtZT0iTGF5ZXIgMiIgaWQ9IkxheWVyXzIiPjxwYXRoIGQ9Ik0xNiwyOUExMywxMywwLDEsMSwyOSwxNiwxMywxMywwLDAsMSwxNiwyOVpNMTYsNUExMSwxMSwwLDEsMCwyNywxNiwxMSwxMSwwLDAsMCwxNiw1WiIvPjxwYXRoIGQ9Ik0xNiwyM2ExLDEsMCwwLDEtMS0xVjEwYTEsMSwwLDAsMSwyLDBWMjJBMSwxLDAsMCwxLDE2LDIzWiIvPjxwYXRoIGQ9Ik0yMiwxN0gxMGExLDEsMCwwLDEsMC0ySDIyYTEsMSwwLDAsMSwwLDJaIi8+PC9nPjxnIGlkPSJmcmFtZSI+PHJlY3QgY2xhc3M9ImNscy0xIiBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiLz48L2c+PC9zdmc+") no-repeat center;
}
.scheme div.zoomout{
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxnIGRhdGEtbmFtZT0iTGF5ZXIgMiIgaWQ9IkxheWVyXzIiPjxwYXRoIGQ9Ik0xNiwyOUExMywxMywwLDEsMSwyOSwxNiwxMywxMywwLDAsMSwxNiwyOVpNMTYsNUExMSwxMSwwLDEsMCwyNywxNiwxMSwxMSwwLDAsMCwxNiw1WiIvPjxwYXRoIGQ9Ik0yMiwxN0gxMGExLDEsMCwwLDEsMC0ySDIyYTEsMSwwLDAsMSwwLDJaIi8+PC9nPjxnIGlkPSJmcmFtZSI+PHJlY3QgY2xhc3M9ImNscy0xIiBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiLz48L2c+PC9zdmc+") no-repeat center;
}
.scheme div.zoomstop{
background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDMyIDMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxnIGRhdGEtbmFtZT0iTGF5ZXIgMiIgaWQ9IkxheWVyXzIiPjxwYXRoIGQ9Ik0yMywyOUgxMC4wOEM3LjA2LDI5LDYsMjcuNDUsNiwyNlYxOEg1LjY4YTIuNjgsMi42OCwwLDAsMS0yLTQuNDVsNy4xOC04LjJhNi44Niw2Ljg2LDAsMCwxLDEwLjMsMGw3LjE4LDguMmEyLjYzLDIuNjMsMCwwLDEsLjQzLDIuODdBMi42NiwyLjY2LDAsMCwxLDI2LjMyLDE4SDI2djhBMywzLDAsMCwxLDIzLDI5Wk0xNiw1YTQuODYsNC44NiwwLDAsMC0zLjY1LDEuNjVsLTcuMTgsOC4yQS42OC42OCwwLDAsMCw1LjY4LDE2SDdhMSwxLDAsMCwxLDEsMXY5YzAsLjg3LDEuMzEsMSwyLjA5LDFIMjNhMSwxLDAsMCwwLDEtMVYxN2ExLDEsMCwwLDEsLjMtLjcxQTEsMSwwLDAsMSwyNSwxNmgxLjMxYS42OC42OCwwLDAsMCwuNTEtMS4xM2wtNy4xOC04LjJBNC44NSw0Ljg1LDAsMCwwLDE2LDVaIi8+PHBhdGggZD0iTTE5LDI5SDEzYTEsMSwwLDAsMS0xLTFWMjFhNCw0LDAsMCwxLDgsMHY3QTEsMSwwLDAsMSwxOSwyOVptLTUtMmg0VjIxYTIsMiwwLDAsMC00LDBaIi8+PC9nPjxnIGlkPSJmcmFtZSI+PHJlY3QgY2xhc3M9ImNscy0xIiBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiLz48L2c+PC9zdmc+") no-repeat center;
}
.scheme svg {
top: 0;
left: 0px;
width: 100%;
height: 100%;
}
.scheme polygon {
}
.schemeContainer .tg-div-price_container{
display: flex;
}
.tg-event-buttons{
display: flex;
bottom:0px;
}
.tg-event-button {
display: block;
background: #0fbdefaf;
border-radius: 37px;
color: #fff;
text-decoration: none;
min-width: 115px;
text-align: center;
padding: 0;
margin-right: 10px;
max-height: 45px;
}
.tg-event-button a{
color:#fff;
display: block;
width: 100%;
padding: 5px 10px;
}
.tg-event-button:hover{
background: #0fbdef;
}
.tg-event-element-name-tr:hover .tg-event-button{
background: #0fbdef;
}
.schemeContainer .price_p {
/* width: 100px; */
/* height: 30px; */
margin: 1px px;
flex: 1 1 100%;
cursor: pointer;
position: relative;
white-space: nowrap;
max-width: 100px;
padding: 0px 7px;
opacity: 0.9;
/* border-radius: 5px; */
box-sizing: content-box;
/* mix-blend-mode: darken; */
font-size: 12px;
/* box-shadow: 1px 1px 2px #000; */
z-index: 99999;
border-top: 3px solid rgb(255, 255, 255);
}
.schemeContainer .price_p span{
/* mix-blend-mode: difference;*/
color: #000;
}
.schemeContainer{
max-width: 1000px;
padding: 0;
}
.schemeContainer .price_p:hover {
color: rgb(209, 208, 208);
opacity: 1;
}
.schemeContainer .price_p.selected {
border-top: 3px solid rgb(155, 78, 30);
opacity: 1;
font-weight: bold;
background-color: #e8e8e8;
}
.schemeContainer .price_p.selected:hover {
border-top: 3px solid rgb(67, 54, 54);
}
.scheme g {
position: relative;
/*cursor: pointer;*/
}
.level_p{
display: none;
fill: #c8c8c833;
cursor: pointer;
stroke: #0000007d;
stroke-width: 3px;
transition: all 0.3s ease;
}
.level_p:hover{
fill: #6c6c6cb8;
}
.scheme g:hover text{
/*font-weight: bold;*/
}
.scheme text {
pointer-events: none;
}
.svg-pan-zoom_viewport{
}
.scheme .place_group {
cursor: pointer;
stroke-miterlimit: 10;
stroke-linejoin: round;
transition: all .3s;
transform-origin: 50% 50%;
transform-box: fill-box;
}
.scheme .text{
}
.scheme .place_group.nofree .text {
fill: rgb(118, 118, 118);
stroke: rgb(118, 118, 118);
opacity: 0.5;
display:none;
}
.priceTitle{
color: #fff;
padding: 1px;
font-weight: 800;
color:rgb(209, 208, 208)
}
.rowplacediv{
font-weight: 800;
}
.theme_header_name{
display: none;
}
.tg-tickets-total{
position: fixed;
bottom: 20px;
background: #fff;
right: 30px;
width: 250px;
}
.scheme .place_group:hover {
fill: #ffc70b;
transform: scale(1.1, 1.1);
filter: drop-shadow(2px 4px 6px black);
}
.scheme .place_group:hover text{
fill: #6c6c6c;
}
.scheme .row_group .row{
display: none;
}
.scheme .place{
stroke-width: 0px;
cursor: pointer;
transition: all 0.35s ease;
}
.scheme.out .place{
}
.scheme .place_group text{
display: none;
}
.scheme .place_group text.reserved{
display: block;
}
.scheme .place_group text.show_text{
display: block;
}
.scheme .place_group text.show_text.reserved{
display: block;
font-weight: bold;
}
.scheme.in .place_group text{
/*display: block;*/
}
.scheme.out .place_group text{
display: none;
}
.scheme .place:hover{
fill: #ffc70b;
/*transform: scale(1.2);*/
stroke: #000080;
stroke-width: 3px;
/*transform: scale(1.1, 1.1);*/
filter: drop-shadow(2px 4px 6px black);
}
.scheme .place_group:hover .place{
fill: #ffc70b;
}
.scheme .place_group:hover text{
display: block;
}
.scheme .place.nofree {
stroke-width: 7px;
stroke: #fff;
fill: #a9a9a9;
}
.scheme .place.nofree:hover {
filter: none;
transform: none;
fill: #F0F0F0;
}
.scheme .place_group.nofree:hover {
transform: none;
filter: none;
}
.noath-radio-div{
opacity: 0;
position: absolute;
}
.scheme .place.checked {
fill: #ffc70b;
stroke: #000080;
}
.scheme .place.wait {
fill: #8080FF;
}
.scheme .place.unselected {
fill: #e0e0e0 !important;
}
.scheme .place.reserved{
fill: #ff6e14 !important;
stroke: #22c55e !important;
stroke-width: 4px !important;
filter:
drop-shadow(0 0 5px rgba(34,197,94,.45))
drop-shadow(0 0 12px rgba(34,197,94,.28));
transition:
fill .52s ease,
stroke .52s ease,
stroke-width .52s ease,
filter .52s ease;
}
/* Номер места при резерве ОБЯЗАТЕЛЬНО видимый */
.scheme .place_group text.reserved{
display: block !important;
fill: #111 !important;
opacity: 1 !important;
font-weight: 700;
pointer-events: none;
}
/* Анимация только на группе, чтобы не ломать class='place reserved' */
.scheme .place_group.just-reserved .place.reserved{
animation: tgReservedPulse 0.9s ease;
}
.scheme .place_group.just-reserved{
animation: tgReservedGroupPop 0.85s ease;
transform-origin: 50% 50%;
transform-box: fill-box;
}
@keyframes tgReservedPulse{
0%{
stroke: #efc086;
stroke-width: 2px;
filter:
drop-shadow(0 0 0 rgba(34,197,94,0))
drop-shadow(0 0 0 rgba(34,197,94,0));
}
30%{
stroke: #a98b4b;
stroke-width: 12px;
z-index: 9999999;
filter:
drop-shadow(0 0 10px rgba(34,197,94,.65))
drop-shadow(0 0 22px rgba(34,197,94,.38));
}
100%{
stroke: #22c55e;
stroke-width: 4px;
filter:
drop-shadow(0 0 5px rgba(34,197,94,.45))
drop-shadow(0 0 12px rgba(34,197,94,.28));
}
}
@keyframes tgReservedGroupPop{
0%{ transform: scale(1); }
35%{ transform: scale(1.2); }
100%{ transform: scale(1); }
}
.menus{
position: absolute;
top: 100%;
min-width: 30px;
right: 1px;
z-index: 99999;
padding: 0;
margin: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0s 0.1s, opacity 0.1s linear;
-o-transition: visibility 0s 0.1s, opacity 0.1s linear;
transition: visibility 0s 0.1s, opacity 0.1s linear;
min-height: 25px;
background: #fff;
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}
.block{
display: block;
}
.menus ul{
cursor: pointer;
margin: 0;
padding:0;
list-style:none;
position: relative;
z-index: 99999;
color: #0fbdef;
}
.menus div
{
border-bottom: 1px solid #000058;
min-width: 240px;
display: block;
margin-left: 0;
color: #000;
padding: 10px;
font-size: 100%;
}
.menus li
{
border-bottom: 1px solid #000058;
min-width: 40px;
display: block;
margin-left: 0;
padding: 10px;
font-size: 100%;
}
.menus li:hover
{
background: #0fbdef;
color: #fff;
}
.menus a {
color:#000058;
letter-spacing: 1px;
font-weight: 600;
display: block;
}
.user:hover #tg-userMenu{
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0s linear;
-o-transition: opacity 0s linear;
transition: opacity 0s linear;
}
.menu:hover #mainMenu{
visibility: visible;
opacity: 1;
-webkit-transition: opacity 0s linear;
-o-transition: opacity 0s linear;
transition: opacity 0s linear;
}
.menu{
padding: 0;
margin: 0px;
cursor: pointer;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background-color: #fff;
width: 0px;
height: 20px;
padding: 1px;
position: relative;
right: 0;
}
.menu div.icon{
width: 100%;
height: 100%;
right:0;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
position: relative;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzLjc4IDE2LjA1Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzZiYjllNzt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPtCg0LXRgdGD0YDRgSAxNTwvdGl0bGU+PGcgaWQ9ItCh0LvQvtC5XzIiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMiI+PGcgaWQ9ItCh0LvQvtC5XzMiIGRhdGEtbmFtZT0i0KHQu9C+0LkgMyI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS44OSwxMi4yN2ExLjg5LDEuODksMCwxLDAsMS44OSwxLjg5LDEuODksMS44OSwwLDAsMC0xLjg5LTEuODlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS44OSw2LjEzQTEuOSwxLjksMCwxLDAsMy43OCw4YTEuOSwxLjksMCwwLDAtMS44OS0xLjlaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS44OSwwQTEuODksMS44OSwwLDEsMCwzLjc4LDEuODksMS44OSwxLjg5LDAsMCwwLDEuODksMFoiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat center;
background-size: contain;
}
.tg-event-buy-button-scroll{
cursor: pointer;
position: absolute;
right: 20%;
color: #fff;
bottom: 10px;
background: #2760c5;
padding: 10px 30px;
}
.tg-detail-box-title{
font-weight: bold;
}
.row {
margin-right: 0px;
margin-left: 0px;
}
.age_category{
border: none;
color: #0fbdef;
border-radius: 0 !important;
padding: 1px;
background: #fff;
font-size: 70%;
cursor:default;
}
.age_category:hover{
background: #F0F0F0;
}
.tg-terms{
margin: 5px;
}
.tg-terms-element{
margin: 5px;
}
#ED_form_user_phone{
font-size: 70%;
border-bottom: 1px dashed;
position: absolute;
z-index: 999;
right: 10px;
top: 15px;
}
.rememberPsw{
/*position: absolute;
right: 10px;
top: 15px;*/
z-index: 999;
color: #0fbdef;
margin: 0 auto;
width: 100%;
text-align: center;
}
.rememberPsw span{
/*position: absolute;
right: 10px;
top: 15px;*/
border-bottom: 1px dashed;
}
.tg-price{
border-bottom: 1px dashed;
}
a.button{
padding: 15px;
}
.checkEmailManual {
margin-top: 15px;
text-align: center;
}
.tg-terms-element input{
margin-right: 5px;
}
.tg-terms-element label{
font-size: 100%;
line-height: 1;
}
.tg-getOrderInfo .orderElement{
max-width: 250px;
min-height: 135px;
background: rgb(255, 255, 255);
border-width: 1px 1px 0px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-right-color: rgba(0, 0, 0, 0.1);
border-left-color: rgba(0, 0, 0, 0.1);
border-image: initial;
border-bottom-style: initial;
border-bottom-color: initial;
border-top-color: rgb(229, 229, 229);
padding: 12px 24px;
top: 0px;
left: 0px;
transition: margin 0.2s ease 0s;
}
.tg-getOrderInfo.steppay .orderElement{
max-width: 100%;
border: none;
min-height: 35px;
}
.tg-before-terms{
font-style: italic;
margin: 10px 0;
}
.form-control input[inputmode=tel] {
color: #fff;
::-webkit-input-placeholder { /* Chrome */
color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
color: #fff;
opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
color: #fff;
opacity: 1;
}
}
.form-control.active input[inputmode=tel] {
color: #000;
}
.flatpickr-day {
height: 55px !important;
}
.tg-event-element-name-tr{
margin-top: 25px;
height: 100%;
}
.tg-event-element-name-tr a{
text-decoration: none;
width: 100%;
display: block;
}
.b-select-date, .b-select-time{
max-width: 550px;
margin: 0 auto;
}
/* ===== Темы: compact pills ===== */
.tg-themes.tg-theme-menu {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(175px, 220px));
justify-content: center;
gap: 8px;
max-width: 1024px;
margin: 0 auto;
padding: 10px 12px 16px;
box-sizing: border-box;
}
/* ссылка-карточка */
.tg-themes.tg-theme-menu > a {
display: block;
min-width: 0;
color: inherit;
text-decoration: none !important;
border: 0 !important;
}
/* сама пилюля */
.tg-themes .tg-theme-element-container {
position: relative;
display: flex !important;
align-items: center;
gap: 8px;
width: 100%;
min-width: 0;
min-height: 38px;
padding: 6px 10px 6px 7px;
box-sizing: border-box;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 999px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
overflow: hidden;
transition:
border-color .18s ease,
box-shadow .18s ease,
transform .18s ease,
background .18s ease;
}
/* на активной теме цвет не теряется */
.tg-themes .tg-theme-element-container:has(.tg-theme-element.active-theme) {
border-left-color: var(--theme-color, rgb(17 24 39));
}
/* маленькая круглая картинка */
.tg-themes .tg-theme-element {
flex: 0 0 26px;
width: 26px !important;
height: 26px !important;
min-width: 26px !important;
min-height: 26px !important;
border-radius: 50% !important;
border: 0 !important;
box-shadow: none !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
position: relative;
overflow: hidden;
}
/* мягкая подложка, если картинки нет */
.tg-themes .tg-theme-element:empty {
background: var(--theme-color, #cbd5e1);
}
/* цветной слой по inline border-color почти не достать, поэтому общий аккуратный акцент */
.tg-themes .tg-theme-element::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.55);
background: linear-gradient(to top, rgba(0,0,0,.16), rgba(0,0,0,0));
pointer-events: none;
}
/* название */
.tg-themes .tg-theme-name {
flex: 1 1 auto;
min-width: 0;
padding: 0 !important;
margin: 0 !important;
color: #374151;
font-size: 13px;
line-height: 1.15;
font-weight: 600;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: color .18s ease;
}
/* счетчик/статус справа на основе tg-theme-cnt-1 / tg-theme-cnt-0 */
.tg-themes.tg-theme-menu > a::after {
display: none;
}
.tg-themes .tg-theme-element-container::after {
content: "›";
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 999px;
color: #9ca3af;
background: #f9fafb;
font-size: 15px;
line-height: 1;
font-weight: 700;
transition:
color .18s ease,
background .18s ease,
transform .18s ease;
}
/* Активные темы / есть события */
.tg-themes.tg-theme-menu > a.tg-theme-cnt-1 .tg-theme-element-container {
border-color: #e0e7ff;
}
.tg-themes.tg-theme-menu > a.tg-theme-cnt-1 .tg-theme-element-container::after {
color: #6366f1;
background: #eef2ff;
}
/* Пустые темы */
.tg-themes.tg-theme-menu > a.tg-theme-cnt-0 {
opacity: .58;
}
.tg-themes.tg-theme-menu > a.tg-theme-cnt-0 .tg-theme-element-container {
background: #f9fafb;
}
.tg-themes.tg-theme-menu > a.tg-theme-cnt-0 .tg-theme-name {
color: #9ca3af;
}
/* hover */
.tg-themes.tg-theme-menu > a:hover .tg-theme-element-container {
transform: translateY(-1px);
border-color: #c7d2fe;
background: #ffffff;
box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}
.tg-themes.tg-theme-menu > a:hover .tg-theme-name {
color: #1f2937;
}
.tg-themes.tg-theme-menu > a:hover .tg-theme-element-container::after {
color: #4f46e5;
background: #eef2ff;
transform: translateX(2px);
}
/* нажатие */
.tg-themes.tg-theme-menu > a:active .tg-theme-element-container {
transform: translateY(0);
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
/* телефон */
@media (max-width: 520px) {
.tg-themes.tg-theme-menu {
grid-template-columns: repeat(2, minmax(0, 1fr));
justify-content: stretch;
gap: 8px;
padding: 8px 8px 14px;
}
.tg-themes .tg-theme-element-container {
min-height: 36px;
padding: 5px 8px 5px 6px;
gap: 7px;
}
.tg-themes .tg-theme-element {
flex-basis: 24px;
width: 24px !important;
height: 24px !important;
min-width: 24px !important;
min-height: 24px !important;
}
.tg-themes .tg-theme-name {
font-size: 12.5px;
}
.tg-themes .tg-theme-element-container::after {
width: 16px;
height: 16px;
font-size: 14px;
}
}
/* очень узкие */
@media (max-width: 360px) {
.tg-themes.tg-theme-menu {
grid-template-columns: 1fr;
}
}
.tg-theme-cnt-0{
display: none !important;
}
.ymaps-2-1-79-geolink-processed {
white-space: normal !important;
}
.ymaps-2-1-79-geolink-processed:before {
filter: hue-rotate(213deg);
opacity: 0.7;
}
.tg-event-element-name{
border-radius: 3px;
border: 1px solid #bad8ff8a;
padding: 10px;
height: 100%;
margin: 10px 0;
background-size: 0 !important;
display: flex;
}
.tg-event-image {
min-width: 300px;
/*border: 1px solid #2c2c2c;*/
padding: 0;
margin: 10px;
display: none;
max-height: 120px;
opacity: 0.9;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAEJElEQVR4nO3dv49MURTA8e8Ku4kIiUKCRKHRaFQqlYqCjdiQkCgp7Cr5Eyh1dHTb6VSikbAaK1HQiFixiSAhg8KuXcWbiTFz38977jtnZs43ec3uvDt35pP33sydNcDzPM/z5JoDvgAfgVnluUx8U8BnYLO7rQHnVGfk8Yl/II5ioDNkCI5iqLMMo6wDFzUnNek5isEcxWCOYjBHMZijKLUJvAb2Bn4XQvEtbiutd0NHMQbiKAZBHMUgSFF+oa9fUhBwlLolBwFHqVMrIOAoVWsNBBylSq2CgKOU1ToIOEpRKiDgKHmpgYCjhFIFAUcZTB0EHKU/EyDgKL3MgED2p0RW/8RoBlgAloAf3W0JmO/+TipTIGATZT/wkuHH3tuWu7eRyBwI2EKZoRijH0XiSDEJAnZQFijH6G1XBe7PLAjYQHlOdZBnAvdnGgT0X311qA7SEbg/8yCgi1IH5LvA/Y0ECOidvvyUVZAGyjzVQcb6oj4F7Az8vG2UGbKXtGUYy8C0wP2ZBNkC3AFeAXsCv28bZT/FKGP9xnAbsNg3vhWUabJT0jOyC30HeNr9mcSR0csUyHbgYeA+Hufc3sL7FOnMgOwCngTGXwUOF+yn/T5FOhMge4AXgbHfAgcr7D9OKOogB4A3gXFfAftqjDMuKKogh4D3gTGXgN0NxhsHFDWQIwx/CcEm8AjYETHuqKOogBwDvgXGeoDMZwqjjNI6yEngZ2Cce8DWBuPlNaoorYKcB34HxrhFtlQineT7lFngQ3dL+S1IrYFcBv4E9r9ZY4wmSRwpcwNjpDzSWgG5DmwM7LcBXKs52abFoAxipEZJCjJFdgQM7rMGXGo238Y1QcnDSImSDGQLcDdw+19kF3aN6lxT8m6beu0sCcg0/6/Y9rYOcDxuvtFVOVJCR8Y6cKHi/jGJg+St2H4FjsbPV6SiJ7UIo8r+sYmC5K3YrpAtk1gq9pSUaulfDCR2xVajsi83GDwyquwfe6SIgEit2GqUh1KGUbR/DEo0SN6K7XOardhqFPukSqJEg4RWbB+SXdxHqdhrgtQ1JRpkcFtE9kP/VIUWMi2giILcR3bFNlVzZNe3qt9i1ObpSwzkNmlWbKXrf59R56ul2kKJBtkAblScqHahU8pLbJ2+okGuVJygdrPUf4I0UKJBRqUPNHti20aZSJC6r3zaRJkYkBNkKCs0+wi2LZSJAZGojVdfDlKz1CgO0qCUKA7SsFTXFAeJKMWR4iCRpUYpzUGGS4lSmoOES4VSmoPkJ3GhdxDh1D8P8YZT/TzEC9cUJRrEt7T/qU1p2g/e6pYKpTTtB255S4FSmvaDtr5Jo3gJG9V/iDrWOYrBHMVgjmIwRzGYoxgsb5X4tOakJr0QyorqjLwhlFXd6XiQnabekR0dp5Tn4nme541RfwFbbDokN3PzagAAAABJRU5ErkJggg==) no-repeat center;
background-size: contain;
}
.tg-event-element-name:hover .tg-event-image{
opacity: 1;
}
.tg-event-detail-image{
width: 100%;
background-size: cover;
background-position: center;
max-width: 1200px;
position: relative;
margin: 0 auto;
height: 370px;
}
.step-themes{
padding-bottom: 0 !important;
}
.tg-event-detail-image .tg-event-name-image{
color: #fff;
font-size: 300%;
background: #0000005c;
height: auto;
margin-top: 10%;
width: 100%;
line-height: 1;
position: absolute;
padding: 15px;
}
.container-col {
width: 100%;
padding: 0px 0 20px 0;
margin: auto;
flex: none;
min-width: 950px;
}
.form-control input {
padding: 12px 22px 8px;
}
.tg-events-session-element-button .tg-events-session-element {
border-radius: 3px;
border: 1px solid #0fbdef;
outline: none!important;
padding: 3px 5px;
margin: 0 3px 0 0;
box-shadow: 1px 1px 1px #787878;
}
.tg-event-elements-sessions{
width: 100%
}
.tg-event-elements-sessions a{
text-decoration: none;
}
.tg-events-session-element{
/* display: inline;
margin: 0 3px;*/
}
.tg-active-date .tg-active-date-status {
position: absolute;
width: 90%;
height: 5px;
border-radius: 51px;
bottom: 3px;
left: 5%;
content: " ";
display: block;
background: #569ff78c;
}
.flatpickr-day:hover .tg-active-date-status{
background: #569ff7;
}
.nextMonthDay .tg-active-date-status {
background: #569ef73f;
}
.tg_all_langs{
position: absolute;
right: 50px;
}
.tg_all_currencies{
position: absolute;
right: 20px;
}
.tg_all_langs div, .tg_all_currencies div{
display: none;
background: #fff;
margin: 3px;
padding: 1px;
text-align: center;
border-radius: 1px;
}
.tg_all_langs div a{
display: block;
}
.tg_all_langs div span{
display: none;
}
.tg_all_langs div.active a{
display: none;
cursor: default;
}
.tg_all_langs div.active span{
display: block;
cursor: default;
}
.tg_all_langs div.active, .tg_all_currencies div.active{
font-weight: bold;
display: block;
}
.tg_all_langs:hover div , .tg_all_currencies:hover div{
display: block;
}
.tg-ses-date-name{
margin: 10px 0 7px;
width: 100%;
}
.tg-event-element{
position: relative;
}
.tg-event-elements-session-data{
/*display: flex;
flex-wrap: wrap;*/
}
.tg-events-session-element-hall{
font-size: 90%;
color:rgb(63, 63, 63);
}
.tg-events-session-element-cont{
display: flex;
width: 100%;
justify-content: space-between;
padding: 10px;
}
.tg-events-session-element-cont:hover{
background: #F0F0F0;
}
.tg-events-session-element:hover{
background: #F0F0F0;
}
.tg-events-session-element-cont:hover .tg-events-session-element{
box-shadow: 1px 1px 5px #569ff7;
color: #569ff7;
}
.tg-events-session-element-cont .tg-events-session-element-right{
display: flex;
justify-content: space-around;
flex: 1 1 100%;
padding-left: 3px;
}
.tg-event-button, .tg-event-button1{
/*display: none;*/
}
.tg-event--short-description{
/*display: none;*/
margin-bottom: 30px;
}
.tg-event-elements-desc{
font-size: 90%;
color: #585858;
margin-bottom: 5px;
}
.tg-event-element-name-tr:hover{
background: #F0F0F0;
}
.tg-event-elements-sessions-hide{
display:none;
}
body {
background-color: #ffffff;
}
header{
position: fixed;
width: 100%;
z-index: 999;
box-shadow: 0 1px 5px rgb(161 201 250);
padding: 10px 18px 0px;
background: #f8fbff;
}
.pages {
padding-top: 20px;
padding-bottom: 20px;
}
.mainErrorDiv{
width: 100%;
margin: 30% auto;
font-size: 150%;
}
.tg-event-theme{
font-size: 70%;
color:rgb(63, 63, 63)
}
.tg-select-datetime{
display: flex;
vertical-align: top;
}
.b-select-date{
flex: 70% 1 1;
}
.b-select-time{
padding: 0 10px;
width: auto !important;
margin: 0 auto;
flex: 30% 1 1;
}
.b-select-time .row{
display: flex;
align-content: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
.b-select-time .row .row-accord h3{
cursor: pointer;
border-bottom: 1px dashed;
}
.b-select-time .row.hide{
display: none;
}
.promodiv input.active{
background: #008000;
color: #fff;
}
.ymaps-2-1-79-ymaps-geolink-dark {
color: rgb(75, 82, 93) !important;
}
@media (min-width: 980px){
.b-select-time .col{
max-width: 100px !important;
flex: 100% 1 1 !important;
}
.back-btn-wrapper {
text-align: left;
/* position: absolute; */
z-index: 999;
}
.container, .container-sm {
min-width: 750px;
}
}
@media (max-width: 1250px){
.b-select-tickets{
padding-bottom: 150px;
}
.tg-tickets-total{
position: fixed;
bottom: 0;
background: #fff;
left: 0;
width: 100%;
height: 135px;
border-top: 1px solid #2fb7c9;
box-shadow: 1px -6px 14px 7px rgb(0 0 0 / 25%);
display: flex;
justify-content: space-evenly;
padding: 0 3px;
}
.tg-getOrderInfo {
position: fixed;
max-width: 500px;
min-width: 100%;
max-height: 500px;
border: none;
border-bottom: none;
border-left: none;
border-right: none;
font-size: 90%;
bottom: 135px;
left: 0;
}
.tg-event-detail-image{
width: auto;
max-width: 100%;
height: 250px;
}
.tg-event-detail-image .tg-event-name-image {
color: #fff;
font-size: 14px;
background: #0000005c;
height: auto;
margin-top: 10%;
line-height: 1;
position: absolute;
padding: 15px;
}
}
@media (max-width: 980px) {
.btn{
height: 36px;
border-radius: 37px;
min-width: 140px;
}
.back-btn {
display: inline-flex;
align-items: center;
gap: 3px;
min-height: 20px;
font-size: 11px;
padding: 4px 5px;
border-radius: 10px;
border: 1px solid #e2e8f0;
background: #ffffff;
color: #334155 !important;
font-size: 14px;
font-weight: 600;
text-decoration: none !important;
transition: all .18s ease;
}
.tg-tickets-total .tg-bottom-panel-itogo{
float: left;
}
.tg-tickets-total .tg-bottom-panel-button{
float: right;
}
.form-control label {
position: absolute;
left: 22px;
top: 12px;
font-size: 12px;
color: #cdd2d8;
pointer-events: none;
transition: all .25s;
}
.schemeContainer .tg-div-price_container{
display: flex;
flex-wrap:nowrap;
overflow-y: hidden;
overflow-x: auto;
padding-bottom: 3px;
}
/* Works on Chrome, Edge, and Safari */
.schemeContainer .tg-div-price_container::-webkit-scrollbar {
height: 5px;
}
.schemeContainer .tg-div-price_container::-webkit-scrollbar-track {
background: orange;
}
.schemeContainer .tg-div-price_container::-webkit-scrollbar-thumb {
background-color: #d1d1d1;
border-radius: 8px;
border: 0px solid orange;
}
.tg-select-datetime{
display: block;
}
.page-title {
margin-bottom: 10px;
}
.tg-events-session-element-cont .tg-events-session-element-right{
display: block;
}
.tg-events-session-element-cont .tg-events-session-element-button{
/* display: none; */
}
.b-select-cont{
display: block;
}
.tg-event-buy-button-scroll {
right: 0;
left: 0;
width:100%;
bottom: 10px;
}
.b-select-date{
}
.b-select-time{
padding: 0;
width: 100%
}
.tg-detail-container{
display: block;
}
.container-col {
min-width: 100%;
}
.tg-event-detail-image{
width: auto;
max-width: 100%;
height: 220px;
}
.tg-event-detail-image .tg-event-name-image {
color: #fff;
font-size: 12px;
background: #0000005c;
height: auto;
margin-top: 10%;
line-height: 1;
position: absolute;
padding: 15px;
}
}
@media (max-width: 1600px){
.scheme {
margin: 0 auto;
position: relative;
height: 100%;
width: 100%;
min-height: 550px;
vertical-align: top;
border: 1px solid #bebebe;
min-width: 680px;
margin-top: 10px;
background: #fff;
}
}
@media (max-width: 980px) and (orientation:portrait) {
.tg-detail-container{
display: block;
}
.tg-getOrderInfo {
position: fixed;
max-height: 500px;
border-bottom: none;
border-left: none;
border-right: none;
font-size: 90%;
left: 0;
right:unset;
}
.tg-getOrderInfo .orderElement{
max-width: 152px;
min-height: 105px;
padding: 5px 9px;
}
.rememberPsw{
position:relative;
}
.scheme {
margin: 0 auto;
position: relative;
height: 100%;
width: 100%;
min-width: 330px;
border-radius: 3px;
border: 1px solid #bebebe;
min-height: 300px;
margin-top: 10px;
vertical-align: top;
background: #fff;
/* transform: scale(0.7); */
}
header {
padding: 10px 10px 0px !important;
}
.pages {
padding: 0 !important
}
.page {
padding-top: 60px !important
}
}
@media (max-width: 660px){
.tooltipPlace{
display: none;
}
.theaterContainer {
border: #c9c7c7 1px solid;
background: #ffffff;
border-radius: 10px;
line-height: 1.1;
width: unset;
flex: 1 1 48%;
}
.svgPrice {
position: fixed;
background: #f9f9f9;
left: 0 !important;
min-width: 120px;
width: 100%;
border: 1px solid;
top: 50% !important;
padding: 10px;
border-radius: 3px;
transform: translate(0, -50%);
z-index: 999999;
}
.svgPrice .openPriceValue {
font-size: 115%;
font-weight: bold;
margin: 0 0;
vertical-align: middle;
line-height: 100%;
min-width: 120px;
padding: 3px 0px;
white-space: nowrap;
background: #fdfdff;
height: 42px;
color: #8fab54;
text-align: center;
background: #fff;
border: 1px solid;
padding: 10px;
}
.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto {
padding-right: 5px;
padding-left: 5px;
}
.tg-event-element-name{
display: block;
}
.tg-event-image{
width: auto;
max-width: 100%;
height: 170px;
}
.tg-event-detail-image{
width: auto;
max-width: 100%;
height: 170px;
}
.tg-event-detail-image .tg-event-name-image {
color: #fff;
font-size: 12px;
background: #0000005c;
height: auto;
margin-top: 10%;
line-height: 1;
position: absolute;
padding: 15px;
}
.dop_scheme{
display: none
}
.tg-event--short-description {
display: none;
text-align: center;
margin-bottom: 5px;
line-height: 1;
}
body{
}
.page.step{
}
.noscroll{
overflow: hidden;
}
.schemeContainer{
}
.scheme svg{
height: 100%;
}
.tg-event-element{
min-width: 300px;
width: 100px;
margin: 10px 0;
}
label {
display: inline;
}
.tg-getOrderInfo {
position: fixed;
border: none;
border-bottom: none;
border-left: none;
border-right: none;
font-size: 90%;
bottom: 115px;
left: 0;
right: unset;
}
.page {
padding: 10px;
}
.tg-event-element{
width: 100%;
height: auto;
}
.form-control input {
width: 100% !important;
}
.form-control label {
left: 5%;
}
.tg-event-element-name-tr{
margin: 10px;
}
.container, .container-fluid, .container-sm, .container-col {
width: 100%;
padding: 0px 0 20px 0;
margin: auto;
}
.b-selected-tickets-total {
min-height: 20px;
}
.b-select-tickets{
padding-bottom: 400px;
height: 100%;
}
.tg-tickets-total{
display: none;
height: auto;
}
.btn{
height: 36px;
}
.schemeContainer .price_p {
/* width: 100px; */
/* height: 30px; */
/* margin: 1px 3px; */
cursor: pointer;
position: relative;
white-space: nowrap;
padding: 1px;
opacity: 0.9;
/* border: 1px solid #fff0; */
box-sizing: content-box;
font-size: 12px;
z-index: 99999;
color: #fff;
}
.schemeContainer .b-select-tickets {
padding-bottom: 30px !important;
}
.schemeContainer .price_p.selected {
border: 2px solid rgb(155, 78, 30);
border-left: 0;
border-right: 0;
opacity: 1;
}
.schemeContainer .price_p.selected:hover {
border: 2px solid rgb(67, 54, 54);
border-left: 0;
border-right: 0;
}
}
@media (max-height: 650px)and (orientation:landscape) {
header {
padding: 7px 8px 5px;
}
.flatpickr-weekdays {
height: 18px;
}
.page {
padding-top: 20px;
}
.flatpickr-day {
height: 45px !important;
}
.back-btn-wrapper {
min-height: 10px;
}
.btn{
height: 30px;
}
}
/* Firefox */
* {
scrollbar-width: thin;
scrollbar-color: #D5D5D5 #DFE9EB;
}
/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
width: 10px;
width: 10px;
}
*::-webkit-scrollbar-track {
border-radius: 5px;
background-color: #DFE9EB;
}
*::-webkit-scrollbar-track:hover {
background-color: #B8C0C2;
}
*::-webkit-scrollbar-track:active {
background-color: #B8C0C2;
}
*::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: #D5D5D5;
}
*::-webkit-scrollbar-thumb:hover {
background-color: #0FBDEF;
}
*::-webkit-scrollbar-thumb:active {
background-color: #003FAD;
}
.tg-order-cards {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.tg-order-card {
position: relative;
flex: 0 1 calc(50% - 5px);
min-width: 0;
box-sizing: border-box;
}
/* внешний билет */
.tg-order-card-main {
position: relative;
display: flex;
flex-direction: column;
min-height: 100%;
padding: 12px 12px 10px 12px;
background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
border: 1px solid #dbe3ea;
border-radius: 14px;
box-shadow: 0 4px 14px rgba(15, 23, 42, .05);
overflow: hidden;
transition: border-color .2s ease, box-shadow .2s ease;
}
/* билетный отрыв справа */
.tg-order-card-main::before {
content: "";
position: absolute;
top: 10px;
bottom: 10px;
right: 78px;
width: 1px;
background: repeating-linear-gradient(
to bottom,
#d5dde7 0 4px,
transparent 4px 8px
);
pointer-events: none;
}
/* вырезы */
.tg-order-card-main::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 70px;
width: 16px;
pointer-events: none;
background:
radial-gradient(circle at left center, transparent 0 7px, #dbe3ea 7.5px 8px, transparent 8.5px) top center / 16px 18px no-repeat,
radial-gradient(circle at left center, transparent 0 7px, #dbe3ea 7.5px 8px, transparent 8.5px) bottom center / 16px 18px no-repeat;
}
/* внутренние белые вырезы */
.tg-order-card::before,
.tg-order-card::after {
content: "";
position: absolute;
right: 63px;
width: 14px;
height: 14px;
border-radius: 50%;
background: #f5f7fb;
z-index: 3;
pointer-events: none;
}
.tg-order-card::before {
top: -7px;
box-shadow: 0 0 0 1px #dbe3ea;
}
.tg-order-card::after {
bottom: -7px;
box-shadow: 0 0 0 1px #dbe3ea;
}
.tg-order-card:hover .tg-order-card-main {
border-color: #cfd8e3;
box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
}
.tg-order-card-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.tg-order-card-title-wrap {
flex: 1 1 auto;
min-width: 0;
padding-right: 6px;
}
.tg-order-card-title {
margin: 0 0 4px;
font-size: 13px;
line-height: 1.3;
font-weight: 700;
color: #0f172a;
word-break: break-word;
}
.tg-order-card-event {
margin: 0 0 2px;
font-size: 11px;
line-height: 1.3;
font-weight: 600;
color: #475569;
}
.tg-order-card-subtitle {
margin: 0 0 5px;
font-size: 10px;
line-height: 1.3;
color: #8b9aab;
}
.tg-order-card-seat {
margin: 0;
font-size: 11px;
line-height: 1.35;
color: #334155;
word-break: break-word;
}
/* правая отрывная часть */
.tg-order-card-price {
flex: 0 0 64px;
width: 64px;
min-width: 64px;
text-align: center;
position: relative;
padding-left: 6px;
}
.tg-new-price {
display: inline-block;
font-size: 15px;
line-height: 1.1;
font-weight: 800;
color: #0f172a;
letter-spacing: -0.02em;
white-space: normal;
word-break: break-word;
}
/* низ */
.tg-order-card-bottom {
margin-top: 8px;
padding-top: 8px;
border-top: 1px dashed #e2e8f0;
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
}
.tg-order-card-meta {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.tg-order-chip {
display: inline-flex;
align-items: center;
padding: 3px 7px;
border-radius: 999px;
border: 1px solid #e2e8f0;
background: #f8fafc;
color: #475569;
font-size: 10px;
line-height: 1.2;
font-weight: 600;
}
/* планшеты */
@media (max-width: 900px) {
.tg-order-card {
flex: 0 1 calc(50% - 5px);
}
.tg-order-card-main {
padding: 11px 11px 9px 11px;
}
.tg-order-card-main::before {
right: 70px;
}
.tg-order-card-main::after {
right: 62px;
}
.tg-order-card::before,
.tg-order-card::after {
right: 55px;
}
.tg-order-card-price {
flex: 0 0 56px;
width: 56px;
min-width: 56px;
}
.tg-new-price {
font-size: 13px;
}
}
/* телефоны — все равно 2 в ряд */
@media (max-width: 560px) {
.tg-order-cards {
gap: 8px;
}
.tg-order-card {
flex: 0 1 calc(50% - 4px);
}
.tg-order-card-main {
padding: 9px 9px 8px 9px;
border-radius: 12px;
}
/* убираем перфорацию и вырезы на мобильных */
.tg-order-card-main::before,
.tg-order-card-main::after,
.tg-order-card::before,
.tg-order-card::after {
display: none;
}
.tg-order-card-top {
gap: 8px;
}
.tg-order-card-title-wrap {
min-width: 0;
padding-right: 0;
}
.tg-order-card-title {
font-size: 12px;
line-height: 1.25;
margin-bottom: 3px;
}
.tg-order-card-event,
.tg-order-card-seat {
font-size: 10px;
line-height: 1.3;
}
.tg-order-card-subtitle {
font-size: 9px;
line-height: 1.25;
margin-bottom: 4px;
}
.tg-order-card-price {
flex: 0 0 auto;
width: auto;
min-width: 0;
padding-left: 0;
text-align: right;
}
.tg-new-price {
font-size: 11px;
line-height: 1.1;
white-space: nowrap;
}
.tg-order-card-bottom {
margin-top: 6px;
padding-top: 6px;
}
.tg-order-chip {
font-size: 9px;
padding: 3px 6px;
}
}
.tg-order-chip{
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:999px;
background:#f1f5f9;
color:#334155;
font-size:12px;
line-height:1;
}
.tg-order-chip-muted{
background:#eff6ff;
color:#1d4ed8;
}
.tg-order-remove{
width:34px;
height:34px;
min-width:34px;
border:0;
border-radius:10px;
background:#fff1f2;
color:#e11d48;
font-size:22px;
line-height:1;
cursor:pointer;
transition:.2s ease;
}
.tg-order-remove:hover{
background:#ffe4e6;
}
.tg-order-empty{
padding:12px 14px;
border-radius:14px;
background:#f8fafc;
color:#64748b;
font-size:14px;
}
.tg-getOrderInfo{
border-radius:16px;
background:#ffffff;
box-shadow:0 10px 26px rgba(15,23,42,.08);
padding:10px;
}
.tg-getOrderInfo.steppay{
padding:0;
background:transparent;
box-shadow:none;
}
@media (max-width: 640px){
.step-event .page-title-wrapper .page-title{
font-size: 16px !important;
}
.page.step.step-hall{
padding-top: 10px !important;
}
.page-subtitle {
font-size: 16px !important;
}
.event_top_name{
font-size: 16px !important;
}
.tg-order-card-top{
flex-direction:column;
}
.tg-order-card-price{
align-items:flex-start;
text-align:left;
}
.tg-order-card-main{
padding:12px;
}
.tg-order-card-compact .tg-order-card-main{
padding:10px;
}
.tg-getOrderInfo{
padding:8px;
border-radius:14px;
}
}
/* =========================================================
BEGIN TG SAFE PATCH — ORDER INFO / RESERVE UI
Этот блок можно удалить целиком, если потребуется откат
Добавлять только в самый конец файла
========================================================= */
/* --- Уведомление об успешном резерве --- */
.tg-reserve-banner{
position: fixed;
left: 12px;
right: 12px;
top: 10%;
z-index: 99999;
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
border-radius: 16px;
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
color: #fff;
box-shadow: 0 16px 40px rgba(15,23,42,.28);
transform: translateY(-20px);
opacity: 0;
transition: all .28s ease;
border: 1px solid rgba(255,255,255,.08);
max-width: 720px;
margin: auto;
}
.tg-reserve-banner.show{
transform: translateY(0);
opacity: 1;
}
.tg-reserve-banner-icon{
width: 42px;
height: 42px;
min-width: 42px;
border-radius: 999px;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
font-weight: 700;
background: linear-gradient(135deg, #22c55e, #16a34a);
color: #fff;
}
.tg-reserve-banner-title{
font-size: 16px;
font-weight: 700;
line-height: 1.2;
margin-bottom: 3px;
}
.tg-reserve-banner-text{
font-size: 13px;
line-height: 1.35;
color: rgba(255,255,255,.85);
}
/* --- Безопасное улучшение обычного order info, НЕ steppay --- */
.tg-getOrderInfo.stepHall:not(.steppay){
display: none;
position: absolute !important;
left: 0 !important;
right: auto !important;
top: auto !important;
bottom: 100% !important;
opacity: 1 !important;
margin-top: 10px;
padding: 10px;
border-radius: 16px 16px 0 0;
background: #fff;
border: 1px solid #e2e8f0;
border-bottom: 0;
box-shadow: 0px -6px 28px rgba(15, 23, 42, .10);
z-index: 999995;
max-width: none;
min-width: 0;
max-height: none;
width: 100%;
}
.tg-getOrderInfo:not(.steppay) .orderElementsDiv{
display: flex;
flex-direction: column;
gap: 8px;
max-width: none;
}
.tg-getOrderInfo:not(.steppay) .orderElement{
position: relative;
max-width: none;
min-height: 0;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 14px;
box-shadow: 0 4px 14px rgba(15,23,42,.05);
padding: 0;
overflow: hidden;
}
.tg-getOrderInfo:not(.steppay) .orderElement > div:first-child{
padding: 10px 12px;
}
.tg-getOrderInfo:not(.steppay) .sesName{
display: flex;
flex-direction: column;
gap: 3px;
margin-bottom: 8px;
}
.tg-getOrderInfo:not(.steppay) .sesName > div:first-child{
color: #0f172a !important;
font-size: 13px;
font-weight: 700;
line-height: 1.3;
}
.tg-getOrderInfo:not(.steppay) .sesName > div:last-child{
color: #64748b;
font-size: 12px;
line-height: 1.3;
}
.tg-getOrderInfo:not(.steppay) .tg_oe_sum{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 8px;
padding: 8px 10px;
border-radius: 12px;
background: #f8fafc;
border: 1px solid #e2e8f0;
font-size: 12px;
color: #475569;
}
.tg-getOrderInfo:not(.steppay) .tg_oe_sum .allPrice{
border-bottom: none !important;
font-size: 15px;
font-weight: 700;
color: #0f172a;
background: none;
padding: 0;
}
.tg-getOrderInfo:not(.steppay) .tg_oe_sum .rub{
font-size: 15px;
font-weight: 700;
color: #0f172a;
}
.tg-getOrderInfo:not(.steppay) .tarifsList{
display: flex;
flex-direction: column;
gap: 6px;
}
.tg-getOrderInfo:not(.steppay) .tarifsList > div{
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
padding: 8px 10px;
border-radius: 10px;
background: #f8fafc;
color: #334155;
font-size: 12px;
line-height: 1.35;
}
.tg-getOrderInfo:not(.steppay) .tarifsList .changeCount{
font-weight: 700;
color: #0f172a;
}
.tg-getOrderInfo:not(.steppay) .tarifsList .tgprice{
font-weight: 700;
color: #0f172a;
white-space: nowrap;
}
.tg-getOrderInfo:not(.steppay) .infoOrderElement{
position: absolute;
top: 10px;
right: 10px;
}
.tg-getOrderInfo:not(.steppay) .deleteButton{
width: 30px;
height: 30px;
border-radius: 10px;
background: #fff1f2;
color: #e11d48;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: .2s ease;
box-shadow: none;
}
.tg-getOrderInfo:not(.steppay) .deleteButton:before{
content: "×";
font-size: 20px;
line-height: 1;
}
.tg-getOrderInfo:not(.steppay) .deleteButton:hover{
background: #ffe4e6;
}
/* --- Мелкая косметика для цены/итога, не ломая существующую логику --- */
.tg-price{
border-bottom: 1px dashed;
cursor: pointer;
}
.tg-tickets-total{
z-index: 20;
}
/* --- Адаптив только для этого patch-блока --- */
@media (max-width: 640px){
.tg-reserve-banner{
top: 8px;
left: 8px;
right: 8px;
padding: 12px;
border-radius: 14px;
}
.tg-getOrderInfo:not(.steppay){
margin-top: 8px;
padding: 8px;
border-radius: 14px;
}
.tg-getOrderInfo:not(.steppay) .orderElement > div:first-child{
padding: 10px;
}
.tg-getOrderInfo:not(.steppay) .tg_oe_sum{
align-items: flex-start;
}
.tg-getOrderInfo:not(.steppay) .tarifsList > div{
align-items: flex-start;
}
}
/* =========================================================
END TG SAFE PATCH — ORDER INFO / RESERVE UI
========================================================= */
.tg-scheme-root {
position: relative;
}
.tg-scheme2 {
position: relative;
}
.tg-scheme2-canvas-wrap {
position: relative;
width: 100%;
min-height: 280px;
height: clamp(280px, 62vh, 560px);
overflow: hidden;
border-radius: 14px;
background: #eef2f6;
border: 1px solid rgba(15,23,42,.08);
}
.tg-scheme2-svg {
width: 100%;
height: 100%;
display: block;
touch-action: none;
user-select: none;
}
.tg-scheme2-toolbar {
position: absolute;
right: 12px;
top: 12px;
z-index: 4;
display: flex;
gap: 8px;
}
.tg-scheme2-toolbar button {
width: 34px;
height: 34px;
border: 0;
border-radius: 10px;
background: rgba(255,255,255,.95);
box-shadow: 0 2px 10px rgba(0,0,0,.08);
cursor: pointer;
}
.tg-home-icon {
width: 16px;
height: 16px;
display: block;
}
.tg-home-icon path {
fill: none;
stroke: #111827;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
.tg-scheme2-legend {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 0 0 12px 0;
}
.tg-scheme2-legend-item {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 10px;
border-radius: 999px;
background: #fff;
border: 1px solid rgba(15,23,42,.08);
cursor: pointer;
}
.tg-scheme2-legend-item.is-active {
box-shadow: inset 0 0 0 2px rgba(22,119,255,.25);
}
.tg-scheme2-legend-color {
width: 14px;
height: 14px;
border-radius: 999px;
display: inline-block;
border: 1px solid rgba(0,0,0,.1);
}
.tg-level {
cursor: pointer;
transition: opacity .15s ease, fill .15s ease, stroke .15s ease;
}
.tg-level:hover {
opacity: .92;
stroke: rgba(22,119,255,.32);
}
.tg-place {
cursor: pointer;
transition: opacity .15s ease;
stroke: transparent;
stroke-width: 0;
}
.tg-place:hover {
stroke: rgba(17,24,39,.35);
stroke-width: 1.2;
}
.tg-place.is-dimmed {
opacity: .18;
}
.tg-place.is-nofree {
cursor: default;
}
.tg-place.is-reserved {
stroke: #111827;
stroke-width: 2.4;
paint-order: stroke fill;
filter: drop-shadow(0 0 1px rgba(255,255,255,.95));
}
.tg-place.is-reserved:hover {
stroke: #000;
stroke-width: 2.6;
}
.tg-place.is-wait {
stroke: #111827;
stroke-width: 2.5;
stroke-dasharray: 8 6;
animation: tg-place-wait 0.9s linear infinite;
}
@keyframes tg-place-wait {
to {
stroke-dashoffset: -28;
}
}
.tg-place.just-reserved {
opacity: .75;
}
.tg-place-label {
font-size: 10px;
font-weight: 600;
fill: #111827;
pointer-events: none;
paint-order: stroke;
stroke: #ffffff;
stroke-width: 2px;
}
.tg-row-label-text {
font-size: 11px;
font-weight: 700;
fill: #1677ff;
pointer-events: none;
}
.tg-figure-text {
font-size: 16px;
font-weight: 600;
fill: #222;
}
.tg-place-status {
margin-top: 6px;
font-size: 12px;
font-weight: 600;
}
.tg-place-status.reserved { color: #ff6e14; }
.tg-place-status.wait { color: #111827; }
.tg-place-status.nofree { color: #9ca3af; }
.svgPrice {
position: absolute;
min-width: 180px;
max-width: min(280px, calc(100vw - 24px));
z-index: 20;
}
.tg-place-drawer {
position: fixed;
inset: 0;
z-index: 9999;
pointer-events: none;
}
.tg-place-drawer-backdrop {
position: absolute;
inset: 0;
background: rgba(15, 23, 42, 0.34);
opacity: 0;
transition: opacity .2s ease;
}
.tg-place-drawer-sheet {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #fff;
border-radius: 18px 18px 0 0;
box-shadow: 0 -10px 30px rgba(0,0,0,.16);
transform: translateY(100%);
transition: transform .22s ease;
padding: 10px 14px 18px;
max-height: 70vh;
overflow: auto;
}
.tg-place-drawer.is-open {
pointer-events: auto;
}
.tg-place-drawer.is-open .tg-place-drawer-backdrop {
opacity: 1;
}
.tg-place-drawer.is-open .tg-place-drawer-sheet {
transform: translateY(0);
}
.tg-place-drawer-handle {
width: 42px;
height: 5px;
border-radius: 999px;
background: #d1d5db;
margin: 0 auto 10px;
}
.tg-place-drawer-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.tg-place-drawer-title {
font-size: 14px;
font-weight: 600;
color: #111827;
line-height: 1.35;
}
.tg-place-drawer-close {
border: 0;
background: #f3f4f6;
width: 32px;
height: 32px;
border-radius: 10px;
cursor: pointer;
flex: 0 0 auto;
}
.tg-place-drawer-list {
display: flex;
flex-direction: column;
gap: 8px;
}
.tg-place-drawer-item {
display: grid;
grid-template-columns: 14px 1fr auto;
align-items: center;
gap: 10px;
width: 100%;
padding: 12px 14px;
border: 1px solid rgba(15,23,42,.08);
border-radius: 14px;
background: #fff;
text-align: left;
}
.tg-place-drawer-item-color {
width: 14px;
height: 14px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,.08);
}
.tg-place-drawer-item-name {
font-size: 14px;
color: #111827;
font-weight: 500;
}
.tg-place-drawer-item-price {
font-size: 14px;
color: #111827;
font-weight: 700;
}
@media (max-width: 768px) {
.tg-scheme2-canvas-wrap {
min-height: 220px;
height: min(42vh, 320px);
border-radius: 12px;
}
.tg-scheme2-toolbar {
right: 8px;
top: 50px;
gap: 6px;
}
.tg-scheme2-toolbar button {
width: 32px;
height: 32px;
border-radius: 9px;
}
.tg-scheme2-legend {
padding-top: 8px;
padding-bottom: 8px;
gap: 6px;
overflow-x: auto;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
}
.tg-scheme2-legend-item {
flex: 0 0 auto;
white-space: nowrap;
padding: 3px 7px;
gap: 3px;
font-size: 11px;
}
.tooltipPlace {
display: none !important;
}
.svgPrice {
min-width: 160px;
max-width: calc(100vw - 20px);
}
}
@media (min-width: 769px) {
.tg-place-drawer {
display: none !important;
}
}
.tg-level-label-text {
font-size: 18px;
font-weight: 700;
fill: #1f2937;
pointer-events: none;
paint-order: stroke;
stroke: rgba(255,255,255,.95);
stroke-width: 6px;
letter-spacing: .2px;
}
.tg-tariff-popup {
min-width: 260px;
max-width: 320px;
background: rgba(255,255,255,.98);
border: 1px solid rgba(15,23,42,.08);
border-radius: 16px;
box-shadow: 0 14px 34px rgba(15,23,42,.18);
backdrop-filter: blur(8px);
overflow: hidden;
}
.tg-tariff-popup-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
padding: 12px 14px 10px;
border-bottom: 1px solid rgba(15,23,42,.06);
}
.tg-tariff-popup-title {
font-size: 13px;
line-height: 1.35;
font-weight: 700;
color: #111827;
}
.tg-tariff-popup-close {
width: 28px;
height: 28px;
border: 0;
border-radius: 10px;
background: #f3f4f6;
cursor: pointer;
flex: 0 0 auto;
}
.tg-tariff-popup-list {
display: flex;
flex-direction: column;
padding: 8px;
gap: 8px;
}
.tg-tariff-popup-item {
display: grid;
grid-template-columns: 12px 1fr auto;
gap: 10px;
align-items: center;
width: 100%;
padding: 12px;
border: 1px solid rgba(15,23,42,.08);
border-radius: 14px;
background: #fff;
text-align: left;
transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.tg-tariff-popup-item:hover {
transform: translateY(-1px);
border-color: rgba(22,119,255,.22);
box-shadow: 0 8px 18px rgba(15,23,42,.08);
}
.tg-tariff-popup-item-color {
width: 12px;
height: 12px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,.08);
}
.tg-tariff-popup-item-main {
display: flex;
flex-direction: column;
min-width: 0;
}
.tg-tariff-popup-item-name {
font-size: 14px;
font-weight: 700;
color: #111827;
}
.tg-tariff-popup-item-sub {
font-size: 12px;
color: #6b7280;
margin-top: 2px;
}
.tg-tariff-popup-item-price {
font-size: 14px;
font-weight: 800;
color: #111827;
white-space: nowrap;
}
.tg-place.is-nofree,
.tg-place.is-slot-closed {
cursor: default;
pointer-events: none;
}
.tg-place-reserved-mark {
font-size: 20px;
font-weight: 800;
fill: #ffffff;
pointer-events: none;
paint-order: stroke;
stroke: #111827;
stroke-width: 2px;
}