nav{
				background-color: #00ae75;
				position: fixed;
				z-index: 1;
				display: flex;
}
.circle{
				border: 1px solid #aeaeae;
}

#main-container{
				width: 100%;
				height: 150x;
				background-color: #535353;
				text-align: center;
				padding: 10px;
				
				position: fixed;
				margin-top: 60px;
				display: flex;
}

#box{
		padding: 1px;
		background-color: #191d31;
		width: 200px;
		height: 120px;
		text-align: center;
		
}

 #li {
				box-decoration-break: 1px 1px 2px;
				background-color: #626262;
				padding: 3px;
				}
				.l2{
								margin-top: 5px;
				}
				
				#c{
								overflow: scroll;
								width: 100%;
								height: 480px;
				}
				
/* Button colors for numbers */

#Free{
				background-color: #4a4a4a;
				color: floralwhite;
				
}
.Booked{
	background-color: #01a2ff;
	color: floralwhite;
}
.Paid{
	background-color: #00ae75;
	color: floralwhite;
}
.balls{
				margin-top: 7px;
				
				width: 60px;
			/*	font-weight: bold; */
			
}
.balls:hover{
	background-color: #242424;
}

.color-green{
				background-color: #00ae75;
}

#ul-line, #li-line{
				box-shadow:  1px 1px 2px;
				padding: 1px;
				font-weight: bold;
				
}

#li-line{
				margin-left: 10px;
}
.btn-positive{
	background-color: #00ae75;
}

.ul .li{
	display: inline-block;
  }
  .material-icons{
	cursor: pointer;
  }

  .modal{
	position: fixed;
	top: 20%;
	/* display: block; */
	text-align: center;
	padding: 10px;
	z-index: 1;
  }
#searchBalls{
	background-color: #929292ab;
	box-shadow: 1px 1px 2px;
	border-radius: 5px;
	padding-left: 10px;
	color: #bebebe;
}

#choosed{
	background-color: #383636;
				color: rgb(255, 255, 255);
				border: 1px solid #01a2ff;
}