@charset "UTF-8";

#schedule {
	margin: 10px;
	padding: 10px;
}

#schedule #sendbox {	
	padding: 30px 10px 10px 10px;	
}

#schedule #save {	
	float:right;
}

#schedule ul {
	margin: 0; /* To remove default bottom margin */ 
    padding: 0; /* To remove default left padding */
}

#schedule li {
	display: grid;
	grid-template-columns: auto 400px;
	
	padding: 15px 5px 2px 5px;
	list-style-type: none;
	border-bottom: 1px solid lightgrey;	
}

#schedule .select_op{
	display:flex;
}


#schedule input[type="text"] {
	background-color: #fcfcfc;
	border: 0;
	padding: 5px 5px 0px 0px;
}

#schedule input[type="text"]:focus {
	outline: none;
}


#schedule #weekbox{
	
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: 1fr;
}

#schedule .week {
    margin: 0px;
	padding: 2px;
	background-color: #ffffff;
	border-style: solid;
 	border-width: 1px;
 	border-color: #a0a0a0;
}

#schedule .week:hover {
 	border-width: 2px;
 	border-color: #707070;
}



#schedule select {
	margin-right: 10px;
}

#schedule input[type="time"] {
	background-color: #f0f0f0;
	border: 0;
}

#schedule input[type="time"]:focus {
	outline: none;
}

#schedule input[type="checkbox"] {
}