.timap{width:100%;}



#section-interactive-map{position:relative;padding:0;}
#section-interactive-map h2{position:absolute;top:5px;left:5px;padding:10px;width:calc(100% - 30px);background:rgba(255, 255, 255, 0.85);z-index:50;display:none;}
body[data-type='seatingchart'] #section-interactive-map h2{display:block;}
body[data-type='seatingchart'] #section-interactive-map[data-reset='false'] h2,  #section-interactive-map[data-zoomedpanned='true']  h2{display:none;}


polygon.is-sec{fill-rule:evenodd;}
polygon.is-d{pointer-events:none;}
text.is-sec, text.is-d{pointer-events: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight:bold;}
text.is-sec{fill:white;stroke:#0067CE; stroke-width:0.25em;paint-order:stroke;font-size:1.8em;}
text.is-d{pointer-events:none;}


/*Default text style for map labels*/
/*Text style for behind-the-stage map labels*/
text.is-sec[data-ltype='8']{stroke:#BBB;}


/*Text style when the map label's section highlighting is none or partial*/
text.is-sec[data-hl='none']{stroke-opacity:0.1 !important;}
text.is-sec[data-hl='partial']{}
text.is-sec[data-ltype='8'][data-selected='true'],text.is-sec[data-ltype='8'][data-hl='full'] {fill:white !important;opacity:1 !important;stroke:#0067CE;}


/*Ensure stage map labels are always in a default state*/
/*Stages can be sections or dynamics so do not specify class here*/
text[data-sectionid='static_stage'],text[data-sectionid='b_stage'],text[data-sectionid='stage'],text[data-sectionid='fighting_ring']{opacity: 1 !important;stroke:#000; stroke-width:0.25em;paint-order:stroke;font-size:2.2em !important;font-weight:bold;}
text[data-sectionid='b_stage']{font-size:1.8em !important;}

.browser-IE text{stroke: none !important;} /*no support*/

/*Default style for section polygons*/


polygon.is-sec{fill: #0067CE; stroke-width:0.33; stroke: rgb(146, 146, 146);}
/*Style for behind-the-stage sections*/
polygon.is-sec[data-ltype='8']{fill: #BBB !important;fill-opacity:1;}
/*Style for Static sections*/
polygon[data-sectionid='static_stage'], polygon[data-sectionid='b_stage'], polygon[data-sectionid='stage'], polygon[data-sectionid='fighting_ring']{fill: #000 !important;fill-opacity: 1 !important;}

/*Polygon style when the section highlighting is none or partial*/
polygon.is-sec[data-hl='full']{stroke-width: 4 !important;stroke:#0067CE !important;}
polygon.is-sec[data-hl='partial']{fill-opacity:0.5; stroke-width:3 !important;stroke:#0067CE !important;}
polygon.is-sec[data-hl='none']{fill-opacity:0.2;stroke-width:0 !important;}
polygon.is-sec[data-ltype='8'][data-hl='full']{fill-opacity:1.0 !important;fill:#0067CE !important;}
polygon.is-sec[data-ltype='8'][data-hl='none']{fill-opacity:0.5 !important;}

polygon.is-sec[data-temphl='true']{fill-opacity:1 !important; stroke-width:3 !important;stroke:#057920 !important;fill:#029D26 !important;}

/*Polygon style when section is selected*/
polygon.is-sec[data-selected='true']{}

/*Polygon style when section is hovered*/
polygon.is-sec:hover{fill:#000 !important;fill-opacity:1 !important;cursor: auto !important;stroke-color:#000;}


#mapMask{
  position: absolute;
  width: 100%;
  height: 100%;
  background: white;
  opacity: 0.80;
  z-index: 2000;
}


#rys-map-spinner{position:absolute;top:0px;left:0px;background:rgba(0,0,0,0.65) none;z-index:100000;height:100%;width:100%;display:none;}
#no-map-note{position:absolute;top:0px;left:10px;background:white;z-index:16;height:100%;width:100%;
text-align: center;font-size: 24px; line-height: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#no-map-note p{
  margin-top: 16px;
  padding: 0 10%;
}



#load-bar-container{background:#ffffffc4;background-color:#ffffffc4 !important;}

#container-map-controls{z-index:15; position: absolute;right:15px;top:15px;display:none;}
body[data-type='seatingchart'] #container-map-controls{display:block;}
body.has-open-overlay #container-map-controls{display:none;}
#container-map-controls button{height: 40px;width: 40px;padding: 0;font-size: 14px;webkit-box-shadow:var(--google-shadow);-moz-box-shadow:var(--google-shadow);box-shadow:var(--google-shadow);display:block;border-radius:100%;}

#container-map-controls #button-reset-map{display:none;}
#button-zoom-map-out{margin-bottom:8px;margin-top:1px;}

#section-interactive-map[data-zoomedpanned='true'] #button-reset-map{display:block;}

#section-interactive-map:not([data-reset='true']) h2{display:none;}




#load-bar-container{z-index:10000;background-color:#FFF;color:#0067CE;width:100%;height:100%;text-align:center;position:absolute;}


#load-bar-container p{color:#0067CE;font-size:14px;margin-top: calc(50% + 100px);}
#load-bar-parent .wrap .inner{width:100%;height:100%;background-color:rgba(0,103,206,0);border-radius:0px !important;}
#load-bar-parent .wrap .inner .inner-fill{width:0px;height:100%;background-color:rgba(0,103,206,1);}


@keyframes innerFillFirst{ 0% {width:0%;} 100% {width:75%;}}
@keyframes innerFillSecond{ 0% {width:75%;} 100% {width:100%;}}
@keyframes innerFillFull{ 0% {width:0%;} 100% {width:100%;}}



#section-interactive-map.is-plugin polygon[data-sectionid='static_stage'], #section-interactive-map.is-plugin polygon[data-sectionid='b_stage'], #section-interactive-map.is-plugin polygon[data-ltype='5'], #section-interactive-map.is-plugin text[data-ltype='5'], #section-interactive-map.is-plugin polygon.epoly_stage, #section-interactive-map.is-plugin text[data-sectionid='stage']{display:none;}

/*  coin/marker styles */
.all-mrk{position:absolute;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index:1;top:-1000px;left:-1000px;}
.other-mrk, .map-mrk{z-index:2;}

.mrk-circle{color:white;float:left;text-align:center;font-size:11px;webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.mrk-info{float:left;}
.mrk-info.temp-combo{z-index:2;}
.mrk-price{float:left;font-size:16px;}
.mrk-date{font-size:9px;width:100%;float:left;text-align:center;}

.all-mrk{opacity:0;z-index:0;}
.pos-mrk,.other-mrk,.map-mrk{opacity:1;z-index:6;}



.is-mrk-grp:hover,.is-mrk-grp[data-temphover='1']{cursor:pointer;}
.is-mrk,.is-mrk-pr,.is-mrk-lbl{visibility:hidden;}

circle.is-mrk{r: 0.35em;fill:grey;stroke:white;stroke-width:0.12em;}

circle.is-mrk.other-mrk{transform:none;}


.is-mrk-lbl,.is-mrk-pr{font-size:1em;dominant-baseline:central;}
.is-mrk-lbl{fill:white;text-anchor:middle;font-weight:500;font-size:0.75em;}
.is-mrk-lbl.long{font-size:0.6em;}
.is-mrk-pr{fill:black;stroke:white;stroke-width:0.2em;paint-order:stroke;font-weight:bold;text-anchor:start;}

.is-mrk.is-mrk-hover, .is-mrk-lbl.is-mrk-hover, .is-mrk-hover{visibility:none;}

/**
 * v=1 means show just a dot
 * v=2 means show coin and label
 * v=3 means show coin, label and price
 *
 */
.is-mrk-grp[data-v='1'] .is-mrk, .is-mrk-grp[data-v='2'] .is-mrk,.is-mrk-grp[data-v='3'] .is-mrk, .is-mrk-grp[data-v='2'] .is-mrk-lbl, .is-mrk-grp[data-v='3'] .is-mrk-lbl, .is-mrk-grp[data-v='3'] .is-mrk-pr{visibility:visible;}

.is-mrk-grp[data-v='2'] .is-mrk, .is-mrk-grp[data-v='3'] .is-mrk, .is-mrk-grp:hover .is-mrk, .is-mrk-grp[data-temphover='1'] .is-mrk{r:1.0em;stroke-width:0.2em;}

.is-mrk-grp[data-v='1']:hover .is-mrk, .is-mrk-grp[data-v='1'][data-temphover='1'] .is-mrk{r:0.5em;}
.is-mrk-grp[data-v='2']:hover .is-mrk, .is-mrk-grp[data-v='3']:hover .is-mrk, .is-mrk-grp[data-v='2'][data-temphover='1'] .is-mrk, .is-mrk-grp[data-v='3'][data-temphover='1'] .is-mrk{r:1.25em;}
.is-mrk-grp[data-v='2']:hover .is-mrk-lbl, .is-mrk-grp[data-v='3']:hover .is-mrk-lbl,.is-mrk-grp[data-v='2'][data-temphover='1'] .is-mrk-lbl, .is-mrk-grp[data-v='3'][data-temphover='1'] .is-mrk-lbl{font-size:0.9em;}
.is-mrk-grp[data-v='2']:hover .is-mrk-pr, .is-mrk-grp[data-v='3']:hover .is-mrk-pr,.is-mrk-grp[data-v='2'][data-temphover='1'] .is-mrk-pr, .is-mrk-grp[data-v='3'][data-temphover='1'] .is-mrk-pr{font-size:1.2em;}


.is-mrk-grp[data-v='3'] .is-mrk{filter:url("#coinShadow");}

.is-mrk-lbl, .is-mrk-pr {
  pointer-events:none;  /*very important so that a hover on coin passes to marker*/
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.is-mrk-grp.is-flag .is-mrk{fill:grey;stroke:white;stroke-width:0.12em;height:0.5em;width:0.5em;}
.is-mrk-grp[data-v='3'].is-flag .is-mrk{fill:black;width:3em;height:1.5em;x:-1.5em;y:-0.75em;stroke:none;}
.is-mrk-grp.is-flag .is-mrk-pr{fill:white;stroke-width:0;stroke:none;text-anchor:middle;}
.is-mrk-grp.is-flag .is-mrk-lbl{fill:black;stroke:white;stroke-width:0.2em;paint-order:stroke;font-weight:bold;text-anchor:middle;font-size:0.8em;}
.is-mrk-grp.is-flag[data-ds='5'] .is-mrk{fill:green;stroke-width:0.1em;stroke:white;width:4em;height:2em;x:-2em;y:-1em;}
.is-mrk-grp.is-flag[data-ds='5'] .is-mrk-pr{font-size:120%;}
.is-mrk-grp.is-flag[data-v='3']:hover .is-mrk, .is-mrk-grp.is-flag[data-temphover='1'][data-v='3'] .is-mrk{stroke-width:0.1em;stroke:white;}
.is-mrk-grp.is-flag[data-v='3']:hover .is-mrk-pr, .is-mrk-grp.is-flag[data-v='3'][data-temphover='1'] .is-mrk-pr{font-size:1em;}

#svg-marker-hover{fill:#0067CE;fill-opacity:0.4;r:2.5em;stroke:#0067CE;display:none;}
.browser-IE #container-map-controls{display:none !important;}

#section-interactive-map:not([data-locked='true']) #mask-seating-chart{
  display:none;
}

#section-interactive-map[data-locked='true'] #aip-notice{
   display:none;
 }

#mask-seating-chart{
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 20;
  background: rgba(255, 255, 255, 0.7);
}
#mask-seating-chart[data-themec='black']{
  background: rgba(0, 0, 0, 0.7);
}
.hint-bubble {
  position: absolute;
  top: 8px;
  left: 24px;
  background-color: #0067ce;
  color: white;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  padding: 16px 16px;
  z-index: 1;
}

/* Styling for the arrow pointing up */
.arrow-up {
  position: absolute;
  top: -15px;
  left: 10px; /* Adjust the left position for arrow alignment */
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #0067ce transparent;
}

/* Styling for the hint text */
.hint-text {
  font-size: 15px;
  line-height: 1.3em;
}
#mask-seating-chart button{
  background: white;
  color: #0067CE;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  height: 36px;
  line-height: 36px;
  font-weight: normal;
  min-width: 100px;
  border:none;
  display: block;
  margin-top: 8px;
  text-transform: uppercase;
  font-size: 14px;
}

/* Define the main container div */
.quarter-circle {
  position: absolute;
   padding: 16px;
   width: 216px; 
   height: 216px; 
   background: rgba(0, 103, 206, 0.9);
   border-radius: 0 0 240px 0;
   -moz-border-radius: 0 0 240px 0;
   -webkit-border-radius: 0 0 240px 0;

  top: -80px;
}
.quarter-circle .t{
  color: white;
    font-size: 15px;
  line-height: 1.3em;
  margin-top: 80px;
}