/*-- SSD UI --*/
.ssd-root {position: relative; z-index: 100;}
.ssd-chart__loading {aspect-ratio: 1/1;}
.ssd-loading {position: absolute; z-index: 200000; width: 10rem; aspect-ratio: 1/1; top: 0; bottom: 0; left: 0; right: 0; margin: auto;background: url("../images/loading.svg"); background-size: cover; background-position: center; background-repeat: no-repeat;  animation: linear infinite 1s roundRotating;}

@keyframes roundRotating {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ssd-ui {position: relative;width: 100%;padding: 10px 0;margin: 0;font-size: 100%; color: #636363;}

.ssd-ui * {
    box-sizing: border-box;
}

/*-- SSD Chart --*/
.ssd-chart{position: relative;background: #fff;min-height: 300px;border-radius: 3px;}
.ssd-chart .ssd-chart-canvas{border: 1px solid #dbdbdb;border-radius: 0 0 3px 3px;position: relative}
.ssd-zoom {position: absolute;top: 0px;right: 18px;width: 32px;}
.ssd-zoompp {background: transparent !important;z-index: -1;}
.ssd-zoomp {background-image: url("../images/sprite-universal.png");background-position: -2px -102px;border-radius: 3px;}
.ssd-zoomr {background-image: url("../images/sprite-universal.png");background-position: -35px -102px;border-radius: 30px;}
.ssd-zoomm {background-image: url("../images/sprite-universal.png");background-position: -67px -102px;border-radius: 3px;}
.ssd-back {background-image: url("../images/sprite-universal.png");background-position: -2px -131px;border-radius: 3px;}
.ssd-zoom div {position: relative;background-color: #fff;float: left;width: 26px;height: 26px;margin-bottom:3px;outline: none;border: none !important;cursor: pointer;}
.ssd-zoom div :last-child{margin-bottom: 0}
.ssd-ui.ssd-ui-set-imgasscheme .ssd-chart .ssd-chart-filter{font-weight: bold;letter-spacing: normal;padding: 10px;font-size:90%}
.ssd-chart.ssd-chart-hide .ssd-chart-canvas,.ssd-chart.ssd-chart-hide .ssd-imgasscheme-list{visibility: hidden;height: 0;padding: 0}
.ssd-chart:not(.ssd-chart-hide) .ssd-chart-filter .sdd-chart-show,.ssd-chart.ssd-chart-hide .ssd-chart-filter .sdd-chart-hide{display: none;}
.ssd-chart .ssd-chart-filter .sdd-chart-show,.ssd-chart .ssd-chart-filter .sdd-chart-hide{position: relative;cursor: pointer}
.ssd-chart .ssd-chart-filter .sdd-chart-show:after{content:'+';position: absolute;right: 0; top:0px;font-size: 180%;line-height: 60%;}
.ssd-chart .ssd-chart-filter .sdd-chart-hide:after{content:'\2013';position: absolute;right: 0; top:0px;font-size: 180%;line-height: 60%;}
.ssd-sector-inner {position: relative;width: 100%;padding: 5px 10px;background: #ffffff;font-size: 85%;color: #424242;text-align: center;display: none;justify-content: center;align-items: center;border: 1px solid #dbdbdb;border-bottom: 0;border-radius: 3px 3px 0 0;}
.ssd-sector-out {display: inline-block;width: 26px;height: 26px;background-image: url('../images/sprite-universal.png');background-position: -2px -132px;background-color: #fff;cursor: pointer;}
.ssd-sector-innername {display: flex;font-size: 120%;padding-left: 6px;text-align: center;color: rgb(118, 135, 145);font-weight: bold;}
.ssd-sector-inn-discprice {font-size: 85%;text-decoration: line-through;color: #ff3600;margin: 0 0 0 5px;}
.ssd-sect-show-in-scheme {text-align: center;cursor:pointer;margin: 5px 0;position: relative;float: left;width: 100%;border: 1px solid #a6a6a6;color: #a6a6a6;padding: 1px 5px;border-radius: 5px;font-size: 90%;}
@media screen and (max-width: 768px) {
    .ssd-chart {width: 100%;position: relative !important;top: 0px !important;margin-bottom: 10px;min-height: 0px;}
}

/*-- SSD Canvas ToolTip --*/
#ssd-tooltip{position:fixed;width:200px;padding:0;-webkit-user-select:none;border-radius:2px;z-index:9999;background:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.65);box-shadow:0 1px 5px rgba(0,0,0,0.65)}
#ssd-tooltip:before{content:"";background:#fff;position:absolute;width:10px;height:10px;top:-5px;left:50%;margin-left:-5px;-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-box-shadow:4px -4px 6px -4px rgba(0,0,0,0.75);-moz-box-shadow:4px -4px 6px -4px rgba(0,0,0,0.75);box-shadow:4px -4px 6px -4px rgba(0,0,0,0.75)}
#ssd-tooltip.ssd-n-left:before {top: 50%; left: 100%; margin-left: -5.5px; transform: rotate(225deg);}
#ssd-tooltip.ssd-n-rigth:before {top: 50%; left: 0; margin-left: -5.5px; transform: rotate(45deg);}
#ssd-tooltip.ssd-n-top:before {top: 100%;transform: rotate(315deg);margin-top: -5px;}
#ssd-tooltip.ssd-n-rigth.ssd-n-top {margin: 5px 0px 0px -35px;}
#ssd-tooltip.ssd-n-rigth.ssd-n-top:before {top: 100%;margin-left: 20px;}
#ssd-tooltip.ssd-n-rigth.ssd-n-bottom {margin: -30px 0px 0px 10px;}
#ssd-tooltip.ssd-n-rigth.ssd-n-bottom:before{top: 10px;}
#ssd-tooltip.ssd-n-left.ssd-n-bottom {margin: 10px -35px 0 0;}
#ssd-tooltip.ssd-n-left.ssd-n-bottom:before {top: -4px; left: 100%; margin-left: -30px; transform: rotate(135deg);}
#ssd-tooltip.ssd-n-left.ssd-n-top {margin: -5px -35px 0 0;}
#ssd-tooltip.ssd-n-left.ssd-n-top:before {top: 100%;left: 100%;margin-left: -30px;transform: rotate(325deg);}
.ssd-tt-boxnetickets:after{content:'';background-image:url("../images/sprite-universal.png");position:absolute;right:-20px;width:20px;height:18px;background-position:-111px -7px}
.ssd-tt-boxname{position:relative;float:left;width:100%;text-align:left;padding:5px;background:#ebece1;font-size:100%; display: flex; justify-content: space-between; gap: 1rem}
.ssd-tt-boxname__seat {
    position:relative;
    float:left;
    width:100%;
    padding:5px;
    background:#ebece1;
    font-size:100%;
    display: grid;
    grid-template-areas: "row seat"
                         "price price";
}

.ssd-tt-boxname__seat > *:nth-child(1) {
    grid-area: row;
    width: 100%;
}

.ssd-tt-boxname__seat > *:nth-child(2) {
    grid-area: seat;
    width: 100%;
    text-align: end;
}
.ssd-tt-boxname__seat > *:nth-child(3) {
    grid-area: price;
    width: 100%;
}
.ssd-tt-boxname__cat{position:relative;display:flex;flex-direction:column;width:100%;text-align:left;background:#ebece1;font-size:100%}
.ssd-tt-bnsect{position:relative;float:left;width:100px;text-align:left}
.ssd-tt-bnst{font-size:85%;color:#616161; display:inline-block;}
.ssd-tt-bnst__cat{font-size:85%; font-weight: 500 ; color:#616161; display:inline-block; text-align: center; width: 100%; padding:5px}
.ssd-tt-bnsn{font-size:100%;font-weight:600;display:inline-block;position:relative}
.ssd-tt-bnrow{position:relative;float:left;width:50%;text-align:left}
.ssd-tt-bnrow__cat{background-color: white; position:relative;width:100%;padding:5px;text-align: center;font-weight: 700; font-size: 110%;}
.ssd-tt-bnseat{position:relative;float:right;width:50%;}
.ssd-tt-bnsectstcnt{position:relative;float:right;width:min-content;height: min-content;background:#e2d500;border-radius:5px;text-align:center; padding: .1rem .5rem;}
.ssd-tt-bnsectstcnt span{position:absolute;bottom:0;left:0;right:0;font-size:90%;color:#3a3a3a}
.ssd-tt-boxprice{position:relative;float:left;background:#fff;text-align:center;width:100%;padding:5px;font-size:110%}
.ssd-tt-boxprice span{display:inline-block}
.ssd-tt-defaultprice.sd-tt-setdiscprice {font-size: 85%;text-decoration: line-through;color: #ff3600;margin: 0 0 0 5px;}
.ssd-tt-discprice,.ssd-tt-defaultprice{font-weight:700}

.ssd-categories {
    display: flex;
    background-color: #ebece1;

    padding: .4rem .5rem;

    gap: .5rem;

    overflow-x: scroll;
}

.ssd-categories::-webkit-scrollbar  {
    background-color: #ebece1;
    height: .35rem;
}

.ssd-categories::-webkit-scrollbar-thumb {
    background-color: #acacac;
    border-radius: 5px;
}

.ssd-category {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: .3rem .4rem;

    border-radius: 20px;

    gap: .25rem;

    cursor: pointer;

    min-width: fit-content;

    outline: none;
    border: none;
    transition-duration: 200ms;
}

.ssd-category > * {
    transition-duration: 200ms;
}

.ssd-category:focus {
    outline: none;
}

.ssd-category__active {
    box-shadow:0px 0px 0px 2px black inset;
}

.ssd-category > p {
    font-size: .85rem;
    font-weight: 500;
    color: black;
}

.ssd-category > * {
    padding: 0;
    margin: 0;
}

.ssd-category-remove {
    background-color: #3a3a3a;
    color: rgba(0,0,0,0);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: .2rem;
    font-size: .95rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
}

.ssd-category__active .ssd-category-remove {
    color: white;
}


.ssd-tickets-counter {
    font-weight: bold;
}
.ssd-tickets-price {
    font-weight: bold;
}

.ssd-tickets-ui {
    box-sizing: border-box;

    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;

    display: grid;
    grid-template-columns: 10fr 1fr;
    justify-content: space-between;
    align-items: center;

    width: 100%;

    padding: .5em .5em;
    padding-left: 0;

    color: #2c2c2c;
    background-color: #ebece1;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);

    font-size: 1rem;
    z-index: 10000000;

    gap: 11.5rem;
    height: 4rem;
}

.ssd-tickets-list {
    display: flex;
    height: 100%;
}

.ssd-tickets-ticket__wrapper {
    position: relative;
    width: 10%;
    height: 100%;
}

.ssd-tickets-ticket {
    position: absolute;
    left: 0;
    bottom: -2rem;
    background-color: white;
    border: 1px solid gray;
    font-size: .8rem;

    height: 7rem;
    width: 11rem;
    padding: .5rem 1rem;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    gap: 1%;

    transition-duration: 100ms;
}

.ssd-tickets-name {
    font-size: .9rem;
    margin: 0;
}

.ssd-tickets-sector {
    color: gray;
    margin: 0;
}

.ssd-tickets-price {
    font-size: 1rem;
    margin: 0;
}

.ssd-tickets-remove {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;

    aspect-ratio: 1/1;

    padding: .6rem;
    line-height: .5rem;

    position: absolute;
    right: -.5rem;
    top: -.5rem;
    border: 1px solid gray;
    background-color: rgb(255, 255, 255);
    color: gray;
    border-radius: 50%;
    cursor: pointer;
}

.ssd-tickets-remove:hover {
    background-color: black;
    color: white;

    border: 1px solid white;
}

.ssd-tickets-remove:active {
    filter: brightness(70%);
}

.ssd-tickets-ticket:hover {
    z-index: 10000050;
    bottom: -1rem;
}

.ssd-tickets-cart {
    box-sizing: inherit;
    text-decoration: none;
    color: inherit;

    background-color: #e2d500;

    font-size: 1rem;
    font-weight: 500;

    width: fit-content;
    height: fit-content;

    border: 2px solid black;

    text-align: center;
    padding: .5em 1em;

    border-radius: 10px;
}

.ssd-sector-list {
    display: flex;

    flex-direction: column;
}

.ssd-sector-list > *+* {
    border-top: 1px solid rgb(199, 199, 199);
}

.ssd-sector-buy {
    display: flex;

    cursor: pointer;
}

.ssd-sector-buy__color {
    display: flex;
    background-color: brown;
    width: .5rem;
}

.ssd-sector-buy__name {
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
    color: rgb(41, 41, 41);
}

.ssd-sector-buy__info {
    display: flex;
    flex-direction: column;

    align-items: flex-start;
    justify-content: space-around;

    width: 100%;
    min-height: 6.5rem;

    gap: 2rem;

    text-align: left;

    padding: 1rem;

    transition-duration: 200ms;
}

.ssd-sector-buy__info > section{
    display: flex;
    flex-direction: column;
}

.ssd-sector-buy__legend {
    font-weight: bold;
    margin: .5rem 0;
}

.ssd-sector-buy__info:hover {
    background-color: rgb(236, 236, 236);
}

.ssd-sector-buy__info > div {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.ssd-sector-buy__button {
    display: flex;
    justify-content: center;
    align-items: center;

    height: min-content;

    font-weight: 500;

    border: 1px solid rgb(177, 0, 0);
    color: rgb(177, 0, 0);
    border-radius: .5rem;
    padding: .25rem .5rem;
}

.ssd-sector-buy__button > div {
    padding: .1rem .5rem;

    margin-left: 2rem;
    
    background-color: rgb(23, 116, 255);
    color: white;
    border-radius: .25rem;
}

.ssd-sector-buy__button > span {
    font-size: 1rem;
    line-height: .5rem;

    margin-left: .25rem;

    transform: rotate(180deg);
    color: rgba(46, 100, 194, 0.623);
}

.ssd-sector-buy__button__hidden > span {
    transform: rotate(0deg);
}

.ssd-sector-buy__price {
    font-size: 1.25rem;
    font-weight: 500;
    margin: 0;
}

.ssd-sector-buy__seats {
    background-color: rgb(245, 244, 237);

    height: fit-content;
    width: 100%;
}

.ssd-sector-buy__seats > *+* {
    border-top: 1px solid #c7c7c7;
}

.ssd-sector-buy__seats__hidden {
    display: none;
}

.ssd-sector-buy__seats > div {
    display: flex;

    gap: 1rem;

    width: 100%;
    padding: 1.5rem 2rem;
}

.ssd-sector-buy__seats > div > p {
    min-width: max-content;

    text-align: end;

    font-weight: bold;
    width: 5%;

    color: rgb(71, 71, 71);

    margin: 0;
}

.ssd-sector-buy__seats > div > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    gap: .5rem;

    font-weight: bold;
    color: white;
}

.ssd-sector-buy__seats > div > div > p {
    padding: 0 .4rem;
    background: linear-gradient(rgb(25, 207, 1), rgb(3, 155, 61));

    border-radius: .25rem;
    margin: 0;

    cursor: pointer;
}

.ssd-sector-buy__seat__active {
    background: #ea04ff !important;
}

.ssd-sector-buy__seats > div > div > p:hover {
    background: rgb(0, 114, 44);
}

.ssd-sector-buy__seats > div > div > div {
    color: gray;

    cursor: default;
}

.ssd-soldout {
    background-color: rgb(255, 253, 232);
    color: rgb(224, 53, 53);
    padding: 1rem 1.5rem;

    font-size: 1.25rem;
    font-weight: 700;
    width: max-content;
    border: 3px solid rgb(224, 53, 53);
    border-radius: 1rem;
}

.ssd-loading-scheme {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000af;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;

    font-size: 1.5rem;
    color: black;
}

.ssd-loading-scheme__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: white;
    padding: 1.5rem 2rem;
    border-radius: .5rem;
    gap: 1rem
}
.ssd-loading-scheme__text > p {
    margin: 0;
}

.ssd-loading-scheme__dot {
    font-size: 5rem;
    line-height: .5rem;
}

.ssd-loading-scheme__dot__1 {
    animation: dotLoading 600ms linear 0ms infinite normal none;
}
.ssd-loading-scheme__dot__2 {
    animation: dotLoading 600ms linear 150ms infinite normal none;
}
.ssd-loading-scheme__dot__3 {
    animation: dotLoading 600ms linear 300ms infinite normal none;
}

@keyframes dotLoading {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@media screen and (max-width: 1000px) {
    .ssd-tickets-ui {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 600px) {
    .ssd-tickets-ui {
        font-size: .75rem;
    }
}