time-entry{
	display:flex;
	flex-direction: row;
}

time-entry > div{
	flex:0 0 auto;
	height:auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	min-width: 1rem;
	max-width: 3rem;
}
time-entry .time-separator{
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
time-entry button,time-entry input{
	border-radius: 0;
	border:1px solid #aaa;
}
time-entry button{
	padding: 0.125rem 0.25rem;
	cursor:pointer;
}
time-entry button svg{
	max-width: 1rem;
	stroke:black ;
}
time-entry button.plus-button{
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
}
time-entry button.min-button{
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}
time-entry input{
	flex:0 0 auto;
	text-align: center;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	font-size:2rem;
	line-height: 1rem;
	width:100%;
	border-radius: 0;
	border:0;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	padding:0;
	margin:0;
}
@media (max-width: 700px) {

	time-entry > div{
		max-width: 2rem;
	}
	time-entry input{
	}
	time-entry input[type="text"],
	time-entry input[type="number"],
	time-entry input[type="email"],
	time-entry input[type="tel"],
	time-entry input[type="password"] {
		font-size: 22px !important;
	}
}
@media (max-width: 400px) {

	time-entry input{
	}

	time-entry > div{
		max-width: none;
	}

	time-entry > div {
		flex: 1 1 auto;
	}

	time-entry button{
		width:100%;
	}
}