body{
  background-color: #230c40;
  color:white;
  min-height:100%;
}

.field{
	height:500px;
	min-height: 90%;
	width:100%;

} 
.seat{
	cursor: pointer;	
}


svg, rect, text {
	cursor:pointer;
}

.dat_dep{
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	height: 25px;
	transition: ease-out 0.3s;
}
.dat_dep:hover{
	text-decoration: underline;
}
.dat_dep p{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
	
}

th{
	background-color: orange;
	text-align: center;
	color:black;
}
i{
	font-size: 1.5rem;
	color: lightblue;
	margin: 2px;
}
.bg, .bg a{
	background-color: transparent;
	transition: ease-out 0.3s;
	padding:5px;
	color:white;
}
.bg:hover{
	background-color: rgba(252, 186, 3, 0.8);
	border-radius: 10px;
	padding: 5px;
}

.modal-body{
	color:black;
}
@media only screen and (min-width: 800px){
	table, th, tr, td{
		font-size: 16px;
	}
	form{
		width: 60%;
		margin:auto;
	}
	.field{
		height:20px;
		min-height: 100%;
	}
	.dat_dep{
		font-size: 14px;
	}
}