.container{
	flex: 1 1 100%;
	margin:1rem;
	padding: 1rem;
	border:1px solid #aaaaaa;
	border-radius: 0.5rem;
	background: #ffffff;
	min-width:260px;
	overflow-x:auto;
}
.new-entry{
	display:flex;
	flex-direction: row;
}
.new-entry > *{
	flex:0 0 auto;
}
.new-entry .time{
	display:flex;
	flex-direction: row;
}
.new-entry .time > div{
	border:1px solid #ccc;
	padding:0.25rem;
	border-radius: 0.5rem;
	background-color:#eeffff;
}
.new-entry .time > :nth-child(2) {
	margin-left:1.5rem;
	margin-right:1.5rem;
}
.new-entry .time * > label{
	font-family: Arial, Verdana, serif;
	text-align: center;
	display:block;
}
@media (max-width: 700px) {
	.new-entry .time > :nth-child(2) {
		margin-left:0.5rem;
		margin-right:0.5rem;
	}

}
@media (max-width: 400px) {
	.container {
		margin: 0;
		border: 0;
		padding: 0 8px;
	}

	.new-entry {
		flex-direction: column;
	}

	.new-entry > * {
		border: 1px solid red;
		min-height: 1rem;
	}
	.new-entry .time{
		justify-content: space-evenly;
	}

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