.map svg {
    height: auto;
    width: 95%;
}

.sector_map svg {
    height: auto;
    width: auto;
}


.section.NS1{fill:#427DDB;}
.section.NS2{fill:#427DDB;}

.SS1{fill:#427DDB;}
.SS2{fill:#427DDB;}

.ES1{fill:#E8B442;}
.ES2{fill:#E8B442;}
.WS2{fill:#CC3E4F;}
.WS1{fill:#CC3E4F;}

/*SECTORS*/
.for_subscription {
    fill: #ff4500ad !important;
}
.booked{
    fill: #8080809e !important;
}

.self_booked{
    fill: #ff00006e !important;

}

.forever_booked{
    fill: #009cff8a !important;
}

.no-price-sector {
    background: black;
}
.no-price-sector path{
    fill: black !important;
}
.no-price-sector rect{
    fill: black !important;
}





/* Տրիբունաներ */
.map g.grandstand#S {
    fill: #041FBA;
}

.map g.grandstand#N {
    fill: #041FBA;
}

.map g.grandstand#E {
    fill: #F28B03;
}

.map g.grandstand#W {
    fill: #910606;
}

g.grandstand.selected{
    fill:rgb(33, 133, 8)!important;
}


/* տրիբունաների Սեկցիաներ*/

.map g.section#N1 {
    fill: #041FBA;
}
.map g.section#N2 {
    fill: #041FBA;
}

.map g.section#E1 {
    fill: #F28B03;
}
.map g.section#E2 {
    fill: #F28B03;
}

.map g.section#S1 {
    fill: #041FBA;
}
.map g.section#S2 {
    fill: #041FBA;
}

.map g.section#W1 {
    fill: #910606;
}
.map g.section#W2 {
    fill: #910606;
}

.map g.grandstand:hover{
    /* fill: #fc0 !important; */
    cursor: pointer;
}

.map g.section:hover {
    fill: #fc0 !important;
    cursor: pointer;
}

/* ՍԵԿՏՈՐՆԵՐ */
.map g.sector[id*="N-S1-"] {
    fill: #041FBA;
}
.map g.sector[id*="N-S2-"] {
    fill: #041FBA;
}

.map g.sector[id*="E-S1-"] {
    fill: #F28B03;
}

.map g.sector[id*="E-S2-"] {
    fill: #F28B03;
}

.map g.sector[id*="S-S1-"] {
    fill: #041FBA;
}
.map g.sector[id*="S-S2-"] {
    fill: #041FBA;
}

.map g.sector[id*="W-S2-"] {
    /* //fill: #910606; */
}
.map g.sector[id*="W-S2-scv"] {
    /* fill: #224704; */
}

.map g.sector[id*="W-S1-"] {
    /* fill: #910606; */
}
.map g.sector[id*="W-S1-scv"] {
    /* fill: #224704; */
}
.map g.sector:hover {
    fill:#fc0;
    cursor: pointer;
}

.N_grandstand_title{
    fill: #041FBA;
}
.sector.detected-reserve{
    stroke-width: 6px;
}

.detected-reserve {
    border: 4px solid blueviolet;
}
.detected-reserve{
    stroke-width: 3px;
    stroke: blueviolet!important;
}

.detected{
    border: 4px solid red;
}
.detected{
    stroke-width: 5px;
    stroke: red;
}
.active-button {
    border: 1px solid;
    padding: 2px;
}
tr.active-button {
    background: #17a2b8 !important;
    color: white !important;
}
.btnDetectSector {
    cursor: pointer;
}
.btnDetectSeats {
    cursor: pointer;
}

.selection {
    background: rgba(46, 115, 252, 0.11);
    border-radius: 0.1em;
    border: 2px solid rgba(98, 155, 255, 0.81);
}

/* .sector{
    fill:#767A75;
} */

.sector.selected .st1{
    fill:rgb(33, 133, 8) !important;
}

.sector.selected .st0{
    fill:rgb(33, 133, 8) !important;
}

.sector.selected .st3{
    fill:rgb(33, 133, 8) !important;
}

.sector.selected{
    fill:rgb(33, 133, 8) !important;
}
.sector.selected:hover{
    fill:rgb(33, 133, 8) !important;
}

.sector_info{
    padding: 5px;
    position: absolute;
    font-weight: bold;
}


.sector-map svg {
    height: auto;
    width: auto;
}

.sector-map g.seat {
    fill: black;
    stroke: black;
}
.sector-map .seat_with_price {
    fill:transparent;

}

.sector-map g.seat.selected rect:not(.self_booked):not(.forever_booked):not(.booked){
    fill: rgba(33, 133, 8,0.5) !important;
}


.sector-map g.seat.selected{
    fill:rgb(33, 133, 8) !important;
}


.sector-map g.seat:hover {
    fill: #fc0 !important;
    cursor: pointer;
}

.sector-map g.seat.selected:hover {
    fill: rgb(33, 133, 8) !important;
    cursor: pointer;
}


.sector-map *{
    transition: all 0.1s;

}

.seat-detected {
    stroke-width: 3px;
    stroke: #11cc0a;
}

.selected_seat_abon {
    stroke-width: 3px;
    stroke: red;
}
.prices a{
    box-shadow: inset 0px 0px 0px 0px black !important;
    transition: 1s !important;
}
.prices .active-button{
    box-shadow: inset 100px 0px 0px 0px black !important;
    transition: 1s !important;
}

.prices .active-button:focus{
    box-shadow: inset 100px 0px 0px 0px black !important;
    transition: 1s !important;

}

/*Hide SEATS*/
.hidden{
    fill: black !important;
}
.hidden rect{
    fill: black !important;
}