.mehromah-events-desktop th,.mehromah-events-desktop td{
	border-bottom: none !important;
}
.mehromah-events-desktop th{
	text-align:left;
	vertical-align:middle;
}
.mehromah-events-desktop thead tr{
	background-color: #9B6B31;
}
.mehromah-events-desktop thead th{
	color: #fff;
}
.mehromah-events-desktop tbody tr:nth-child(2n+1) {
	background-color: #121216;
	color: #fff;
}
.mehromah-events-desktop tbody tr:nth-child(2n) {
	background-color: #1A1A20;
	color: #fff;
}

@media(max-width:500px){
	.mehromah-events-desktop{
		display: none;
	}
}
@media(min-width:500px){
	.mehromah-events-mobile{
		display: none;
	}
}


.mehromah-event-book-item,.mehromah-event-other-item{
	padding: 2px 7px;
	text-align: center;
	border-radius: 5px;
	background-color: #fff;
	/* background-color: #deeefc; */
	color: #9B6B31;
	/* color: #4d75b4; */
	margin-top: 2px;
	display: inline-block;
	margin-bottom: 2px;
	text-align: left;
	font-size: 13px;
	cursor: pointer; 
}

div:where(.swal2-container) div:where(.swal2-popup) {
	width: 40em !important;
}
div:where(.swal2-container) .swal2-html-container {
	z-index: 1;
	justify-content: center;
	margin: .5em 0.5em .5em !important;
	padding: 0;
	overflow: auto;
	color: inherit;
	font-size: 1.125em;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	word-wrap: break-word;
	word-break: break-word;
}

.parent {
	display: grid;
	grid-template-columns: repeat(17, 1fr);
	grid-template-rows: repeat(5, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	gap: 5px;
}

.div1 { grid-area: 1 / 3 / 2 / 4; }
.div2 { grid-area: 1 / 4 / 2 / 5; }
.div3 { grid-area: 1 / 5 / 2 / 6; }
.div4 { grid-area: 1 / 6 / 2 / 7; }
.div5 { grid-area: 1 / 7 / 2 / 8; }
.div6 { grid-area: 1 / 8 / 2 / 9; }
.div7 { grid-area: 2 / 1 / 3 / 2; }
.div8 { grid-area: 2 / 2 / 3 / 3; }
.div9 { grid-area: 2 / 3 / 3 / 4; }
.div10 { grid-area: 2 / 4 / 3 / 5; }
.div11 { grid-area: 2 / 5 / 3 / 6; }
.div12 { grid-area: 2 / 6 / 3 / 7; }
.div13 { grid-area: 2 / 7 / 3 / 8; }
.div14 { grid-area: 2 / 8 / 3 / 9; }
.div15 { grid-area: 2 / 10 / 3 / 11; }
.div16 { grid-area: 2 / 11 / 3 / 12; }
.div17 { grid-area: 2 / 12 / 3 / 13; }
.div18 { grid-area: 2 / 13 / 3 / 14; }
.div19 { grid-area: 2 / 14 / 3 / 15; }
.div20 { grid-area: 2 / 15 / 3 / 16; }
.div21 { grid-area: 2 / 16 / 3 / 17; }
.div22 { grid-area: 2 / 17 / 3 / 18; }
.div23 { grid-area: 3 / 1 / 4 / 2; }
.div24 { grid-area: 3 / 2 / 4 / 3; }
.div25 { grid-area: 3 / 3 / 4 / 4; }
.div26 { grid-area: 3 / 4 / 4 / 5; }
.div27 { grid-area: 3 / 5 / 4 / 6; }
.div28 { grid-area: 3 / 6 / 4 / 7; }
.div29 { grid-area: 3 / 7 / 4 / 8; }
.div30 { grid-area: 3 / 8 / 4 / 9; }
.div31 { grid-area: 3 / 10 / 4 / 11; }
.div32 { grid-area: 3 / 11 / 4 / 12; }
.div33 { grid-area: 3 / 12 / 4 / 13; }
.div34 { grid-area: 3 / 13 / 4 / 14; }
.div35 { grid-area: 3 / 14 / 4 / 15; }
.div36 { grid-area: 3 / 15 / 4 / 16; }
.div37 { grid-area: 3 / 16 / 4 / 17; }
.div38 { grid-area: 3 / 17 / 4 / 18; }
.div39 { grid-area: 4 / 1 / 5 / 2; }
.div40 { grid-area: 4 / 2 / 5 / 3; }
.div41 { grid-area: 4 / 3 / 5 / 4; }
.div42 { grid-area: 4 / 4 / 5 / 5; }
.div43 { grid-area: 4 / 5 / 5 / 6; }
.div44 { grid-area: 4 / 6 / 5 / 7; }
.div45 { grid-area: 4 / 7 / 5 / 8; }
.div46 { grid-area: 4 / 8 / 5 / 9; }
.div47 { grid-area: 4 / 10 / 5 / 11; }
.div48 { grid-area: 4 / 11 / 5 / 12; }
.div49 { grid-area: 4 / 12 / 5 / 13; }
.div50 { grid-area: 4 / 13 / 5 / 14; }
.div51 { grid-area: 4 / 14 / 5 / 15; }
.div52 { grid-area: 4 / 15 / 5 / 16; }
.div53 { grid-area: 4 / 16 / 5 / 17; }
.div54 { grid-area: 4 / 17 / 5 / 18; }
.div55 { grid-area: 5 / 1 / 6 / 2; }
.div56 { grid-area: 5 / 2 / 6 / 3; }
.div57 { grid-area: 5 / 3 / 6 / 4; }
.div58 { grid-area: 5 / 4 / 6 / 5; }
.div59 { grid-area: 5 / 5 / 6 / 6; }
.div60 { grid-area: 5 / 6 / 6 / 7; }
.div61 { grid-area: 5 / 7 / 6 / 8; }
.div62 { grid-area: 5 / 8 / 6 / 9; }
.div63 { grid-area: 5 / 10 / 6 / 11; }
.div64 { grid-area: 5 / 11 / 6 / 12; }
.div65 { grid-area: 5 / 12 / 6 / 13; }
.div66 { grid-area: 5 / 13 / 6 / 14; }
.div67 { grid-area: 5 / 14 / 6 / 15; }
.div68 { grid-area: 5 / 15 / 6 / 16; }
.div69 { grid-area: 5 / 16 / 6 / 17; }
.div70 { grid-area: 5 / 17 / 6 / 18; }
.div71 { grid-area: 6 / 1 / 7 / 2; }
.div72 { grid-area: 6 / 2 / 7 / 3; }
.div73 { grid-area: 6 / 3 / 7 / 4; }
.div74 { grid-area: 6 / 4 / 7 / 5; }
.div75 { grid-area: 6 / 5 / 7 / 6; }
.div76 { grid-area: 6 / 6 / 7 / 7; }
.div77 { grid-area: 6 / 7 / 7 / 8; }
.div78 { grid-area: 6 / 8 / 7 / 9; }
.div79 { grid-area: 6 / 10 / 7 / 11; }
.div80 { grid-area: 6 / 11 / 7 / 12; }
.div81 { grid-area: 6 / 12 / 7 / 13; }
.div82 { grid-area: 6 / 13 / 7 / 14; }
.div83 { grid-area: 6 / 14 / 7 / 15; }
.div84 { grid-area: 6 / 15 / 7 / 16; }
.div85 { grid-area: 6 / 16 / 7 / 17; }
.div86 { grid-area: 6 / 17 / 7 / 18; } 

.event-sallon-row {
	background-color: #fff;
	vertical-align: middle;
    align-content: space-evenly;
}
.event-sallon-seat {
	background-color: #54d730;
    color: #fff;    
	min-height: 26px;
	vertical-align: middle;
	align-content: space-evenly;
	border-radius: 4px;
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	max-height: 26px;
}

.seat-selected {
	background-color: #3071d7 !important;
	cursor: pointer;
	color: #fff;
}
.seat-reserved {
	background-color: #f2f2f2 !important;
	cursor: pointer;
	color: #b7b7b7;
}
.seat-booked {
	background-color: #f2f2f2 !important;
	cursor: pointer;
	color: #b7b7b7;
}

@media(max-width:500px){
	.event-sallon-row {
		font-size: 1rem;
	}
	.event-sallon-seat {
		font-size: 1rem;
		border-radius: 2px;
		min-height: 20px;
        max-height: 20px;
	}
}


.event-sallon-form {
	text-align: left;
	font-size: 14px;
	padding: 5px;
	gap: 5px;
	display: flex;
	flex-direction: column;
}

.event-sallon-form label {
	margin-bottom: 0;
}
.event-sallon-form input {
	margin-bottom: 10px;
}