#svgMapHolder{
   -ms-user-select: none;
   transform:translate3d(0,0,0);
   /* touch-action: none; */
}
#connectContainer{z-index:10000;}
#ticketHover{z-index:10001;position:absolute;display:none;}
#zoom-tracer{width:1px; height:1px; opacity:0; border-radius:50%; position:absolute;}

/*DEFAULT MAP SIZING ======================================================== */
#map-container{width:100% !important; height:100% !important;}
#googleMap{width:100% !important; height:100% !important;}
#actualMap {position:absolute; right:0; -ms-user-select: none;}
#svgmap.desktop{overflow:visible !important;}

/*TICKET HOVER ============================================================== */
.map-popup-hover{width:300px; border: 1px solid #E5E5E5; background:#FFF;display:none;-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);}
.map-popup-hover.has-instruction{width: 324px;}
.map-popup-hover.no-image{width:230px;}
.map-popup-hover.no-image.has-instruction{width:254px;}
/*.map-popup-hover.single-tag{width:220px;}*/
.map-popup-hover .header{overflow:hidden;line-height:1.2;position:relative;}
.map-popup-hover .header img{width:72px;height:72px;position:absolute;left:0;}
.map-popup-hover.has-instruction .header img{width:96px;height:96px;position:absolute;left:0;}
.map-popup-hover .header.has-image .header-title{padding-left:82px;}
.map-popup-hover.has-instruction .header.has-image .header-title{padding-left:106px;}
.map-popup-hover .header.no-image .header-title{padding-left:10px;}
.map-popup-hover .header .secrowinfo{float:left; width:100%; padding:0px; line-height:24px;}
.map-popup-hover .header .qtyinfo{width:100%;float:left;color:#666;font-size:12px;line-height:24px;}
.map-popup-hover .header .price .zone{color:#999;font-size:10px;}
.map-popup-hover .header .dealinfo{width:100%;float:left;line-height:24px;}
.map-popup-hover .header.no-image .tagslist{float:left; width:100%; padding:0px 10px;}
.map-popup-hover .header.no-image{min-height:0px;}
.map-popup-hover .header-title{overflow:hidden; height:72px; float:left; width:218px; float:left;}
.map-popup-hover.has-instruction .header-title{height:96px; width:242px;}
.map-popup-hover .header-title .title{font-size:14px;float:left;}
.map-popup-hover .header.no-image.no-deal .header-title{height:55px !important;}
.map-popup-hover.has-instruction .header.no-image.no-deal .header-title{min-height:79px !important;}
/*.map-popup-hover .header.has-image.no-deal .qtyinfo{padding-top:15px !important;}*/
.map-popup-hover .header.no-deal.no-image .header-price{height:48px;line-height:48px;}
.map-popup-hover .header-price{position:absolute;top:0px;right:0px;height:72px;width:72px;color:#0067CE;font-weight:500;font-size:24px;line-height:72px;text-align:center;}
.map-popup-hover ul.events lh{font-size:11px;color:#999;padding:10px 0;}
.map-popup-hover ul.events li.item-avatar{padding:10px 0;padding-left:48px !important;border:none;}
.map-popup-hover ul.events li.item-avatar .item-avatar-colored{height:30px;width:30px;top:10px;left:0;line-height:30px;font-size:12px;}
.map-popup-hover ul.events li.event .price{position:absolute;right:0;line-height:30px;top:10px;font-size:14px;}
.map-popup-hover ul.events li.event .event-date{font-size:11px;color:#666;}
.map-popup-hover ul.events li p{line-height:15px; width:calc(100% - 50px);}
.map-popup-hover .footer{color:#0067CE;text-transform:uppercase; font-weight:500;padding-top:15px;}
.map-popup-hover .tag-round{float:left;font-size:8px;float:left;padding:3px 5px;max-width:60px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top: 0;}
.map-popup-hover .star-icon:before{color:#000000 !important;}
.map-popup-hover .ticket-deal{color:#666; font-size:11px;}
.map-popup-hover .ticket-deal span.ds{color:white;border-radius:2px;line-height:14px;padding:1px 4px;font-size:11px;height:14px;}
.map-popup-hover .ticket-deal span.ds.excellent{background:#1A8828;}
.map-popup-hover .ticket-deal span.ds.great{background:#429B46;}
.map-popup-hover .ticket-deal span.ds.good{background:#5fa95d;}
.map-popup-hover .ticket-deal span.ds.fair{background:#FFB61F;}
.map-popup-hover .ticket-deal span.ds.ok{background:#FFB61F;}
.map-popup-hover .ticket-deal span.ds.poor{background:#F34A1C;}
.map-popup-hover .ticket-price {font-size:14px; font-weight:400;}
.map-popup-hover .main th.large,.map-popup-hover .main td.large{width:30%; text-align:center;}
.map-popup-hover .main th.small,.map-popup-hover .main td.small{width:20%; text-align:center;}
.map-popup-hover .main tr.tds{height:25px;}
.map-popup-hover .main table.no-dealscore th.dealscore,.map-popup-hover .main table.no-dealscore td.dealscore{display:none;}
.map-popup-hover .main table.no-seatscore th.seatscore,.map-popup-hover .main table.no-seatscore td.seatscore{display:none;}
.map-popup-hover:not(.has-instruction) .header .zone-note{
position: absolute;
    bottom: 5px;
    right: 5px;
    color: #999;
    font-size: 10px;
}
.map-popup-hover.has-instruction .header .zone-note{margin-bottom: 8px;}
#ticketHoverContain .map-popup-hover{margin-bottom:0px !important;}
#ticketHoverContain {z-index:100001;}
#ticketHoverContain{pointer-events:none;}

.map-popup-hover .main{display:none !important;}
.map-popup-hover.has-instruction .instruction{font-weight:bold;font-size:13px;line-height: 24px;}
.map-popup-hover.has-instruction .instruction span:before{content: "dot";}
.map-popup-hover.has-instruction.hover-from-list .instruction span:before{content: "ticket";}


/* Connecting Line Style */
.rowdot{z-index:10000000000; opacity:1; height:6px; width:6px; border-radius:8px;  margin-left:-3px; margin-top:-3px; background-color:#333; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); position:absolute; text-shadow: black 0.1em 0.11em 0.2em;}



/*NEW FOR V7~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.controlbutton{border-radius:50%; font-size:14px;width:40px; height:40px;  cursor:pointer; text-align:center; color: #000000;position:absolute; right:5px;background:white;border:1px solid #CCC;}
.controlbutton:not([data-disabled='true']):hover{color: #0066CC; box-shadow: #0066CC 0px 0px 7px;}
.controlbutton:not([data-disabled='true']):active{opacity:0.5;box-shadow:none;}
.controlbutton[data-disabled='true']{box-shadow: none;color: #999;border-color: #F1F1F1;cursor:default;}
.controlbutton i{line-height:40px;}


.noselectmap{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.nopointereventsmap{
   pointer-events: none;
}

.ticket-bubble-parent{width:85px; height:37px;}
.ticket-bubble-holder{background-color:#F5380A; opacity:0.9; height:30px; width:85px; top:0px; left:0px; cursor:pointer;}
.ticket-bubble-price{margin-top:2px;}
.ticket-bubble-message{margin-top:-2px;}
.ticket-bubble-pointer{opacity:0.8; top:30px; left:37.5px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:7px solid #F5380A;}
.ticket-bubble-close{width:12px; height:12px; border:1px solid #F5380A; border-radius:6px; color:#F5380A; top:-2px; left:75px; line-height:10px; cursor:pointer; z-index:100;}

#ticket-bubble-container:hover .ticket-bubble-holder{
   opacity: 1;
}



#ticketHover .seat-block{width:56px;float:left;}
#ticketHover .drive-line{height:15px;}
#ticketHoverContain{z-index:500000000;}

.borderright.lightborder{border-color:#E1E1E1;}



/*========================================================================================================================================*/

.backtext{stroke:#FFF;font-weight:bold;}
.fronttext{stroke:#000;}



/*Dynamic Name Styles*/
.event-football .dyn-name-bench{font-family: Arial !important; font-weight: 500 !important; } /*Benches should be larger, by default*/



.svgText{
   font-family:'RobotoDraft',arial; font-weight:bold;fill:#999;cursor:pointer;font-weight:bold;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;}
/*Stage or B-Stage*/
.svgText.txt-stg{fill:#FFF;pointer-events:none;opacity:1;color:#FFF;}




.ticket-group{
   cursor:pointer;
}

.ticket-group, .ticket-group text[data-role='price']{
   display: none;
}

.ticket-group[data-on='1'], .ticket-group text[data-role='price'][data-on='1']{
   display: block;
}


.ticket-group[data-dclass='best'] text[data-role='price']{
    font-size: 125%;
}

.ticket-group[data-dclass='great'] text[data-role='price']{
    font-size: 115%;
}

.ticket-group[data-dclass='good'] text[data-role='price']{
    font-size: 115%;
}

.ticket-group:hover text[data-role='price']{
    font-size: 150% !important;
}

.ticket-group:hover circle[data-role='marker']{
   scale: 150% !important;
}



#svgsectionnames text{
   /* fill: rgb(242 235 255); */ /*purple*/
   fill: rgb(235 249 255);
}

#svgsectionnames text[data-tktd='true']{
   /* fill: rgb(228 213 255); */ /* purple*/
   fill: #cde3ff;
}



/**
 * Set of styles for map polygon sections, based on their
 * data-tktd attribute and location type
 */
.svgpoly{fill-rule:evenodd;cursor:pointer;stroke-width:1;stroke:rgb(153,153,153);fill-opacity:0.5;fill:rgb(255,255,255);} /*stroke is 999*/
.svgpoly[data-tktd='true']{fill:rgb(204,204,204);} /*-> light grey*/
.svgpoly[data-tktd='true'][data-lt='0']{fill:rgb(199,194,154);} /*-> goldish color*/
.svgpoly[data-tktd='true'][data-lt='1']{fill:rgb(140, 198, 63);} /*sideline -> green color*/
.svgpoly[data-tktd='true'][data-lt='2']{fill:rgb(3,186,218);} /*end -> blue color*/
.svgpoly[data-tktd='true'][data-lt='3']{fill:rgb(175,124,183);} /*corner -> purple color*/
.svgpoly[data-tktd='true'][data-lt='4']{fill:rgb(230,180,59);} /*-> goldish color*/
.svgpoly[data-tktd='true'][data-lt='5']{fill:rgb(185,172,155);} /*floor -> beige color*/
.svgpoly[data-tktd='true'][data-lt='6']{fill:rgb(213,136,149);} /*-> pink color*/
.svgpoly[data-tktd='true'][data-lt='7']{fill:rgb(174,166,109);} /*-> dark beige*/
.svgpoly[data-tktd='true'][data-lt='8']{fill:rgb(192,192,192);} /*behind the stage -> grey color*/
.svgpoly[data-tktd='true'][data-lt='9']{fill:rgb(199,194,154);} /*-> goldish color*/
.svgpoly[data-tktd='true'][data-lt='99']{fill:rgb(199,194,154);} /*-> goldish color*/
.svgpoly[data-tktd='false']{fill:rgb(255,255,255);} /*over-write defaults if no tickets*/
.svgpoly[data-active='true']{stroke:rgb(255,102,0);stroke-width:2;fill-opacity:0.85;} /*hover/selected styles*/

.svgpoly{
   /* stroke: #c8abff; */ /* purple */
   stroke: #8ec6ff;
   stroke-width: 0.03em;
}



.svgpoly[data-active='true']{
   stroke-width: 2 !important;
   stroke: #60a6ed !important;
}

.svgpoly[data-active='true']{

   /* fill: rgb(175 124 183) !important; purple */

   /* fill: #5c99d6 !important; */
   fill: #f1f8fe !important;
   
}

#svgsectionnames .svgText[data-active='true']{
   fill: #cde3ff;
}


text.ticket-price, .ticket-group text[data-role='price']{
   font-weight: bold;
}



/* ---------- MEDIUM SIZED CIRCLES ---------- */


#scaleSVG #dtoptickets[data-size='medium'] .ticket-group circle[data-role='marker'] { r:0.4em; }


#scaleSVG #dtoptickets[data-size='medium'] .ticket-group[data-dclass='best'] circle[data-role='marker'] { r:0.76em; }


#scaleSVG #dtoptickets[data-size='medium'] .ticket-group[data-dclass='great'] circle[data-role='marker']{ r:0.64em; }


#scaleSVG #dtoptickets[data-size='medium'] .ticket-group[data-dclass='good'] circle[data-role='marker'] { r:0.52em; }


/* ---------- STROKE COLORS AND PAINT ORDER ---------- */


#scaleSVG #dtoptickets[data-strc='dark'] .ticket-group circle[data-role='marker'],

#scaleSVG #dtoptickets[data-strc='light'] .ticket-group circle[data-role='marker'] { stroke-width:0.2em; paint-order:stroke; }


#scaleSVG #dtoptickets[data-strc='dark'] .ticket-group circle[data-role='marker'] { stroke: #03417F; }


#scaleSVG #dtoptickets[data-strc='dark'] .ticket-group[data-dclass='best'] circle[data-role='marker'] { stroke:#013C01; }


#scaleSVG #dtoptickets[data-strc='dark'] .ticket-group[data-dclass='great'] circle[data-role='marker'] { stroke:#2B560F; }


#scaleSVG #dtoptickets[data-strc='dark'] .ticket-group[data-dclass='good'] circle[data-role='marker'] {} /*these are blue so no change*/


#scaleSVG #dtoptickets[data-strc='light'] .ticket-group circle[data-role='marker'] { stroke: #FFFFFF; }












#dtoptickets g path, #dtoptickets  g rect, #dtoptickets  g use {
   stroke-width: 2;
   stroke: #E5E5E5;
}


text[data-role='label']{
   font-weight: bold;
   font-size: 12px;
}


g text[data-role='label']{
   dominant-baseline: middle;
   text-anchor: middle;
}

g text[data-role='note']{
   dominant-baseline: middle;
}



g[data-mrkgrp='primary'] rect, g[data-mrkgrp='primary'] polygon, g[data-mrkgrp='primary'] path, g[data-mrkgrp='primary'] use{
   fill: #FF6600;
   stroke: #FFF;
}


g[data-mrkgrp='primary'] text[data-role='label']{
   fill: #FFF;
}




g[data-mrkgrp='related'] rect, g[data-mrkgrp='related'] polygon, g[data-mrkgrp='related'] path, g[data-mrkgrp='related'] use{
   fill: #FFF;
}


g[data-mrkgrp='related'] text[data-role='label']{
   fill: #FF6600;
}


g[data-mrkgrp='featured'] rect, g[data-mrkgrp='featured'] polygon, g[data-mrkgrp='featured'] path, g[data-mrkgrp='featured'] use{
   fill: #FFF;
}


g[data-mrkgrp='featured'] text[data-role='label']{
   fill: #0067CE;
}

g[data-mrkgrp='featured'] text[data-role='note']{
   stroke: #FFF;
   stroke-width: 0.18em;
   paint-order: stroke fill;
   font-weight: 500;
   font-size: 10px;
}

g text[data-role='rank']{
   fill: #FFF;
   dominant-baseline: middle;
   text-anchor: middle;
   font-size: 11px;
   font-weight:500;
}


g[data-mrkgrp='primary'] text[data-role='rank']{
   fill: #FF6600;
}

#dtoptickets g circle{
   stroke: #FFF;
   stroke-width: 1;
}

g[data-mrkgrp='related'] circle{
   fill: #FF6600;
}

g[data-mrkgrp='primary'] circle{
   fill: #FFF;
   stroke: #FF6600;
}

g[data-mrkgrp='featured'] circle{
   fill: #0067CE;
}


g[data-mrkgrp='related'] circle{
   fill: #FF6600;
}

polygon[data-tktd='true']{
   /* fill: #eee5ff !important; */ /*purple*/
   fill: #deeafd !important;
   fill-opacity: 1 !important;
}
text[data-tktd='true']{
   fill: #ac9fc5;
}

polyline{
   fill: #FFFFFF;
   fill-opacity: 0;
   stroke-width: 2;
   stroke-linecap: round;
}


#scaleSVG[data-zoomfactor='0'] #svgpolylines, #scaleSVG[data-zoomfactor='10'] #svgpolylines, #scaleSVG[data-zoomfactor='20'] #svgpolylines, #scaleSVG[data-zoomfactor='30'] #svgpolylines{
   display: none;
}



.svgpoly{
   fill-opacity: 1 !important;
}


.switch-input:checked + .switch-slider {
   background-color: #536e88;
}

#advanced-settings li{
   padding: 12px;
}

#advanced-settings li .switch{
   margin-right: 4px;
}

#advanced-settings li span{
   color: #666;
}

#advanced-settings .title {
   padding: 7px 10px;
   background-color: #FAFAFA;
   border-bottom: 1px solid #F1F1F1;
   border-top: 1px solid #F1F1F1;
}


.featured-ticket-bubble {
   position: absolute;
   background: #0e3051c2;
   border-radius: 12px;
   box-shadow: 0 4px 24px rgba(0,0,0,0.2);
   padding: 12px;
   display: flex;
   flex-direction: column;
   z-index: 10;
   cursor: pointer;
   user-select: none;
   transition: box-shadow 0.2s;
   max-width: 200px;
   min-width: 120px;
   box-sizing: border-box;
   color:white;
   padding-right: 40px;
 }
 .featured-ticket-bubble:hover {
   box-shadow: 0 8px 32px rgba(0,0,0,0.26);
   background: #0e3051;
 }

 .featured-ticket-bubble[data-category='budget']{
   /* background: #12510ec2; */
 } 

 .featured-ticket-bubble[data-category='budget']:hover{
    /* background: #12510e; */
   }

   .featured-ticket-bubble[data-category='premium']{
      /* background: #3a0e51c9; */
    } 
   
    .featured-ticket-bubble[data-category='premium']:hover{
       /* background: #3a0e51; */
      }   


      .featured-ticket-bubble[data-category='golden']{
         background: #ccb11c;
       } 
      
       .featured-ticket-bubble[data-category='golden']:hover{
          background: #ae9511
         }  


 .featured-ticket-bubble h2 {
   font-size: 1rem;
   margin: 0 0 4px 0;
   font-weight: 600;
 }
 .featured-ticket-bubble .featured-list {

 }
 .featured-ticket-bubble .featured-list li {
   font-size: 0.9rem;
   white-space:nowrap;
   text-overflow:ellipsis;
   overflow:hidden;
   width:100%;
 }
 
 .featured-ticket-line {
   pointer-events: none;
   z-index: 2;
 }
 

 #map-container[data-ft='0'] .featured-ticket-bubble,  #map-container[data-ft='0'] .featured-ticket-line{
    display: none;
 }


 .featured-close-btn {
   position: absolute;
   top: 8px;
   right: 8px;
   width: 22px;
   height: 22px;
   border: none;
   background: #eeeeee2e;
   border-radius: 12px;
   cursor: pointer;
   font-size: 16px;
   font-weight: normal;
   color: #444;
   line-height: 22px;
   padding: 0;
   z-index: 20;
   color:white;
 }
 .featured-close-btn:hover {
   background: #FFF;
   color: #0e3051;
 }
 

 #svgMapHolder{
    touch-action: none;
 }

#master-lists, #advanced-filters-container{
   user-select: none;
}