@CHARSET "ISO-8859-1";

  .svg-main-content { flex-grow: 1; display: flex; overflow: hidden; }
    .svg-main-content > .row { flex-grow: 1; }
    
    
.pane-column {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
    overflow-x: hidden;
}


    
    .pane-column .card { flex-grow: 1; display: flex; flex-direction: column;     height: 100vh !important;}

    .pane-column .card-body { flex-grow:1; overflow-y:auto; }

    #seatMap path, #seatMap rect, #seatMap circle, #seatMap polygon, #seatMap polyline, #seatMap line, #seatMap ellipse {
        vector-effect: non-scaling-stroke;
        transition: fill 0.15s ease-in-out, stroke 0.15s ease-in-out, opacity 0.15s ease-in-out;
    }
    #seatMap text { pointer-events: none; user-select: none; }
    #seatMapContainerDiv { cursor: grab; position:relative; flex-grow:1; background-color: #f0f0f0; border:1px solid #ccc; display: flex; justify-content: center; align-items: center; }
    #seatMapContainerDiv.panning { cursor: grabbing; } /* Use class for panning cursor */

    #seatMap g[data-section-state="no-data"] { opacity: 0.5; cursor: default; }
    #seatMap g[data-section-state="no-data"] * { fill: #E0E0E0 !important; stroke: #BDBDBD !important; stroke-width: 0.5px !important; }
    #seatMap g[data-section-state="has-data"] { opacity: 0.85; cursor: pointer; }
    #seatMap g[data-section-state="has-data"] * { fill: #66BB6A !important; stroke: #43A047 !important; stroke-width: 1px !important; }
    #seatMap g[data-section-state="has-data"]:hover * { fill: #4CAF50 !important; filter: brightness(1.1); }

    /* #seatMap g[data-section-state="selected"] * { stroke: #0D6EFD !important; stroke-width: 3px !important; fill-opacity: 0.5 !important; opacity: 1 !important; } */

    #seatMap g[data-section-state="selected"] * {
        stroke: navy !important;
        stroke-width: 2px !important;
        fill-opacity: 0.5 !important;
        opacity: 1 !important;
        fill: navy;
    }
    
span.reset-btn {
    border: 1px solid lightgray;
    padding: 1px 5px;
    height: 36px;
    width: 36px;
    display: inline-block;
    border-radius: 5px;
    color: white;
    font-weight: bold;
    cursor: pointer;
    background-color: navy;
}

    #mapTooltip {
      position: absolute; background-color: white; border: 1px solid #ccc; border-radius: 0.25rem;
      padding: 0.5rem; box-shadow: 0 2px 4px rgba(0,0,0,0.1); z-index: 1050;
      pointer-events: none; display: none; width: 240px; font-size: 0.8rem;
    }
    #mapTooltip h5 { font-size: 0.9rem; font-weight: 600; margin-bottom: 0.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

    .ticket-item { cursor: pointer; transition: background-color 0.1s ease-in-out; }
    .ticket-item:hover { background-color: #e9ecef; }
    .ticket-item.active-ticket { background-color: #cfe2ff !important; border-left: 3px solid #0d6efd; font-weight: 500;}
    .ticket-item .price { font-weight: bold; }

    #seatMap g[data-section-state="no-data"] * {
	    fill: #4517c952 !important;
	    stroke: #0b1c43 !important;
	    stroke-width: 1px !important;
    	pointer-events: none;
	}

    #seatMap g[data-section-state="has-data"] * {
        fill: white !important;
        stroke: navy !important;
        stroke-width: 2px !important;
    }


input.svg-book-btn {
    background-color: navy;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 5px;
}


select.svg-tqty, select.svg-tqty option {
    font-size: 18px;
    padding: 2px 10px;
    color: navy;
}


table.tix-info-row tr td {
    padding: 5px;
}

table.tix-info-row {
    width: 100%;
}

td.tix-cat-name b {
    color: navy;
    font-size: 22px;
}

td.tix-price {
    /* font-weight: bold; */
    font-size: 20px;
    text-align: right;
    letter-spacing: 1px;
}

td.tix-qty-bk-btn {
    text-align: right;
}

.tix-book-btn, .tix-qty {
    display: inline-block;
}

td.tix-price {
    white-space: nowrap;
}

span.each {
    font-size: 10px;
    color: blue;
}

td.tix-cat-name b i {
    font-size: 16px;
    color: blue;
    display: block;
    letter-spacing: 1px;
    text-decoration: none !important;
}

ul#primary-nav * a {
    text-decoration: none;
}

.ticket-item {
    padding: 5px;
}

.ticket-item table tbody tr:nth-child(odd) {
    background-color: transparent;
    border-bottom: none;
}

div#seatMapContainerDiv {
    position: sticky !important;
    top: 0;
     height: 100vh !important;
    /*height: 100%; */
}

@media (max-width: 768px)
{
	
div#FilterLabel .label {
    display: none;
}
	
div#resetViewBtn {
    float: left;
    width: 10%;
    align-items: flex-end;
    margin-left: -10px;
}
	
	
/* 	svg#seatMap {
	    transform: scale(0.75) !important;
	} */

    span.edv-sub.text-white {
/*         margin-bottom: 5px; */
        display: none;
    }
    
.lqd-mobile-sec-inner.navbar-header.flex.items-stretch.w-full {
    height: 50px;
}

a.navbar-brand.flex.relative {
    margin-top: -20px;
}

	/* .pane-column { height: 50%; }
	 */

	.event-cat-banner, .quick-contact-info , .ticket-sell-tmp-info, .guarantee-block {
	    display: none !important;
	}
	
	div#seatMapContainerDiv {
		position: static !important;
        top: 0;
        height: 45vh !important;
    }
	
	.ticket-header-wrapper {
	    position: fixed;
	    width: 100%;
		padding: 5px !important;
	}
	
section#events {
    display: none;
}
	
	.sp-pane {
	       margin-top: 85px;
	        position: fixed;
	      height: 300px;
	        width: 100%;
	        margin-left: -7px;
		
	}

	div#titlebar {
    display: none;
}

	.svg-tix-col {
	    margin-top: 390px;
        position: fixed;
        margin-left: -7px;
	}

	div#resetViewBtn {
	    flex: fit-content;
	    display: inline;
	    text-align: right;
	}
	
	div#listTitle {
	    flex-basis: fit-content;
	}

}


.bg-slate-700 {
    background-color: var(--lqd-color-slate-700) !important;
}

.bk-btn-cell {
    float: left;
    width: fit-content;
}

.tix-book-btn, .tix-qty {
    display: inline-block;
    width: fit-content !important;
    float: left !important;
}

a.bk-tix-btn {
    background-color: navy !important;
    font-weight: bold;
    padding: 4px 10px;
}

.svg-ticket-item {
    padding: 0px !important;
    border: none !important;
    margin: 0px !important;
}

.svg-ticket-item .tix-info-row {
    margin: 1px;
}

.tix-qty
{
	align-items: center;
}

/* .tix-qty select {
    width: 100%;
}

.bk-btn-cell a.bk-tix-btn {
    width: 100% !important;
}
 */

.tix-book-btn, .tix-qty {
    display: inline-block;
    width: fit-content !important;
    float: left !important;
}

.bk-btn-cell {
    float: left;
    width: fit-content;
}


.tix-qty-book-btn-row {
    padding: 2px;
}

a.btn.btn-solid.btn-custom-size.btn-icon-right
{
    background-color: #add8e68f !important;
    border-radius: 50%;
}

i.lqd-icn-ess.icon-lqd-pen {
    color: navy;
    margin-top: 15px;
}

.svg-tix-block {
    border: none !important;
}

.Filter-Box {
 border: 1px solid lightgray; */
    border-radius: 5px;
    padding: 2px;
    display: block;
    border-radius: 2px;
    margin-left: 2px;
    margin-right: 2px;
    /* background-color: #361ffe12; */
    margin-bottom: 1px;
    border: none;
}

select.svg-tqty {
    max-width: 52px !important;
}

div#FilterLabel {
    float: left;
    width: 10%;
    white-space: nowrap;
	padding-top: 7px;
}

span.reset-btn i {
    font-size: 22px;
    padding-left: 2px;
}

div#listStats {
    display: none;
}

.tix-qty {
    text-align: center;
}