/* www.talarvahdat.com hallMap css */
:root {
	/*--p-b1: #F0F1F8;*/
	--p-b2: #C6C9E0;
	--p-b3: #878CB4;
	/*--p-b4: #484D7B;*/
	--p-b5: #000;
	
	--s-b-b1: #E7E9FF;
	--s-b-b2: #C6CBFF;
	--s-b-b3: #7582F4;
	--s-b-b4: #293BDC;
	--s-b-b5: #000F95;
	
	--s-o-main: #FFBA34;
	--s-o-b1: #FFF5E1;
	--s-o-b2: #FFE9BD;
	--s-o-b3: #FFD687;
	--s-o-b4: #FFC657;
	--s-o-b5: #CE8800;
	
	--color-green: #1DB563;
	--color-red: #E10C33;
}

.zb-seatmap div.chair, .zb-seatmap div.normal {
	/*--bg: var(--p-b1);*/
	--bg: rgba(0,0,0,0.1);
	background-color: var(--bg);
	box-shadow: 0 0 0 1px var(--p-b4) inset;
	color: #000;
	border-radius: 0;
	/*margin-bottom: 9px;*/
	transform: scale(0.9);
	font-size: 11px;
	/*width: 19px !important;*/
	width: 19px;
}
.zb-seatmap div.chair { /*-webkit-filter: drop-shadow(0px 1px 1px var(--p-b3));*/ /*filter: drop-shadow(0px 1px 1px var(--p-b3));*/ }
.zb-seatmap div.chair::after, .zb-seatmap .instance::after {
    /*content: '';*/
    display: block;
    height: 3px;
    width: calc(100% - 2px);
    background-color: var(--bg);
    border-radius: 2px;
    margin: -3px 1px 0 0;
    transition: background-color 0.2s;
    background-color: var(--bg);
    -webkit-filter: brightness(0.7);
    filter: brightness(0.7);
}
.zb-seatmap div.chair:not(.selected):not(.reserved):not(.pending):not(.locked-chair):after {
	background-color: var(--p-b4);
	-webkit-filter: unset;
	filter: unset;
}
.zb-seatmap .chair-spacer { width: 19px; }

.zb-seatmap #legend .instance { border-radius: 4px; border: solid 1px var(--p-b4); height: 11px; -webkit-transform: none; transform: none; box-shadow: none; margin-top: -3px; width: 12px !important; height: 12px; -webkit-filter: drop-shadow(0px 1px 1px var(--p-b3)); filter: drop-shadow(0px 1px 1px var(--p-b3)); }
.zb-seatmap #legend .instance.locked-chair, .zb-seatmap #legend .instance.reserved, .zb-seatmap #legend .instance.selected { border-color: transparent; }
.zb-seatmap #legend .instance.locked-chair { width: 12px !important; }
.zb-seatmap #legend .instance::after { height: 2px; width: 100%; margin: 11px 0px 0; }

.zb-seatmap .vertical div.chair::after { height: 2px; }
.zb-seatmap .vertical div.chair { transform: scale(0.9) rotate(90deg); }
.zb-seatmap .vertical.right div.chair {	transform: scale(0.9) rotate(-90deg); }

.zb-seatmap div.locked-chair {
	--bg: #333;
	color: #fff !important;
}
.zb-seatmap div.reserved {
	--bg: #000 !important;
	cursor: pointer !important;
	border-color: #000;
	color: #fff !important;
}
.zb-seatmap div.agent {
	/*--bg: #9D57AB !important;*/
}
.zb-seatmap div.asReserved:not(.reserved):not(.neighbor) {
	--bg: var(--color-red);
	opacity: 0.5;
	color: #fff !important;
}
.zb-seatmap  div.finished {
	--bg: #92a72f !important;
}
.zb-seatmap  div.manuallyReserved {
	--bg: #1c3cce !important;
}
.zb-seatmap div.manuallyReserved.finished:not(.related) {
	box-shadow: 0 0 0 2px #41d5c7 inset;
}
.zb-seatmap div.chair.selected, .zb-seatmap #legend div.selected {
    --bg: var(--color-green) !important;
    box-shadow: 0 0 0 1px #147f45 inset !important;
}
.zb-seatmap div.pending {
	--bg: var(--s-o-main) !important;
}
.zb-seatmap div.pending.selected {
	box-shadow: 0px 0px 0px 2px var(--color-green) inset;
}
.zb-seatmap div.pending.selected::after { background-color: var(--color-green); }
.zb-seatmap div.chair:not(.locked-chair):hover {
	--bg: rgb(29 181 99 / 30%);
}
.zb-seatmap div.chair, .zb-seatmap div.row-head {
	font-weight: normal;
}
.zb-seatmap div.finished, .zb-seatmap div.reserved, .zb-seatmap div.selected/*, .zb-seatmap div.chair:hover*/, .zb-seatmap div.locked-chair { 
	color: #fff;
	box-shadow: none;
}
.zb-seatmap div.hot, .zb-seatmap div.chair.hot, .zb-seatmap div.chair.selected.hot {
    -webkit-box-shadow: 0px 0px 5px 2px #f800ff !important;
    box-shadow: 0px 0px 5px 2px #f800ff !important;
}

.zb-seatmap div.row-head { color: #000; }
.zb-seatmap div.row:hover div.row-head { font-weight: bold }

.zb-seatmap .row { margin-bottom: 9px; }
.zb-seatmap .chair-container { /*display: flex;*/ /*flex-direction: row-reverse;*/ }
.zb-seatmap div.vertical .chair-container { /*display: block;*/ }

.zb-seatmap h6 { color: var(--p-b4); }
.zb-seatmap h6.scene {
    /*background: linear-gradient(180deg, rgba(117, 130, 244, 0.25) 0%, rgba(240, 241, 248, 0) 96%);*/
    clip-path: polygon(5% 0%, 95% 0%, 100% 100%, 0% 100%);
    border: 0 none;
    /*border-top: solid 3px var(--s-b-b4);*/
    /*border-radius: 50% 50% 0 0;*/
    color: var(--p-b4);
    font-weight: bold;
    line-height: 30px;
    height: 35px;
    background-color: rgba(0, 0, 0, 0.1);
}


.zb-seatmap .ui-state-default, .zb-seatmap .ui-widget-content .ui-state-default, .zb-seatmap .ui-widget-header .ui-state-default {
	background: var(--p-b1);
}
.zb-seatmap .ui-widget-header .ui-state-active {
	/*background: var(--p-b1) !important;*/
	border-color: var(--p-b2);
}
.zb-seatmap .ui-tabs .ui-tabs-nav {
	/*background: var(--p-b3);*/
    border-radius: 9px;
    border-bottom: 0 none;
    padding: 3px 3px;
    grid-gap: 3px;
}
.zb-seatmap .ui-tabs .ui-tabs-nav li {
    border-radius: 0;
    border: 0 none;
    background: no-repeat;
    margin: 0;
    overflow: hidden;
}
.zb-seatmap .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: var(--p-b4);
    margin: 0;
    padding: 0;
}
.zb-seatmap .ui-tabs .ui-tabs-nav li a { padding: 8px 15px 7px !important; /*color: #fff;*/ }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff !important; }
.ui-widget-content .ui-state-hover:not(.ui-state-active) a { color: #000 !important; background: rgb(0 0 0 / 1%);  }
.ui-widget-header { display: flex; justify-content: center; }

.zb-seatmap .ui-helper-clearfix:before, .zb-seatmap .ui-helper-clearfix:after { display: none; }