#time-table {
	border:none;
	width:60%;
}

#time-table table td:empty {
    cursor: pointer;
    background-color:rgba(209, 209, 209, .5);
}
#time-table table td.active, #time-table table td:empty:hover{
    opacity: .5;
}
.reserved_by_me, #time-table table td.active, #time-table table td:empty:hover {
	cursor:pointer;
background-image:linear-gradient(to right, #002b00,#0f9b0f, #002b00);
}

.reserved_by_me:hover {
	opacity: .5;
	background-image:none;
	background-color:darkred;
}
#time-table table {
	font-family:"IR Lotus";
	font-size:15px;
	color:white;
	width:90%;
	margin-right:5%;
	padding:15px;
	border-radius:15px;
	background-color:rgba(37, 37, 37, .6);
	margin-top: 15px;
	height:300px;
}

#time-table td.day-off {
background-image: linear-gradient(to right, #540000,#f50000,#540000);
    opacity:.8;
}
#time-table td.reserved {
background-image: linear-gradient(to left, #010179, #0575E6,#010179);
    opacity:.8;
}
.reserved_by_me:hover,#time-table td.reserved_by_me.active, #time-table td.overtimed.active,#time-table td.day-off.active,#time-table td.reserved.active {
	opacity: .51;
	background-image:none;
	background-color:darkred;
}
#time-table table td.overtimed {
    background-color:unset;
    background-image:linear-gradient(to right, #111,#333, #111)
}
#time-table table td.overtimed:hover {
	    background-image:linear-gradient(to right, #111,#333, #111);
opacity:1;
}
#time-table table td {
	padding:5px;
	width:80px;
	border-right: 2px solid #011348;
	border-bottom: 2px solid #011348;
	border-radius: 20px;
}

#time-table table td:nth-child(1){
	background-color:#011348;
	width:70px;
	border-color:#FFF;
}
#time-table table tr:nth-child(1) td {
	background-color:#011348;
	border-color:#FFF;
}

#time-table form {
    margin: 20px 0;
}

#time-table form input[type="submit"] {
	width:80px;
	height:30px;
	color:#FFF;
	background-color:#4a4949;
	border:2px solid #252525;
	border-radius:20px;
	cursor:pointer;
	font-family:"MJ Titr";
}
#time-table form input[type="submit"]:hover {
background:#252525;
}
#time-table form select, #time-table form input[type='text'] {
	margin-bottom:10px;
	width:120px;
	height:50px;
	border:none;
	padding:0 10px;
	background-color:#4a4949;
	color:#FFF;
	font-family:"MJ Titr";

}
#time-table form select {
	background-color:#252525;
}

div.last {
	background-color: green;
}
.pernext {
    background-color:#FFF;
    padding:8px;
    display:inline-block;
    border-radius:10px;
    text-decoration:none;
    color:#000;
transition-duration: .5s;
}
.pernext:hover {
	background-color:#000;
	color:#FFF;
}