.number-input input[type="number"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}
.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}
.number-input button {
	background-color: transparent;
	border: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin: 0;
	position: relative;
}
.number-input button:before,
.number-input button:after {
	display: inline-block;
	position: absolute;
	content: '';
	height: 2px;
	transform: translate(-50%, -50%);
}
.number-input button.plus:after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.number-input input[type=number] {
	text-align: center;
}
.number-input.number-input {
	border: 1px solid #ced4da;
	width: 12rem;
	border-radius: .25rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.number-input.number-input button {
	width: 2.6rem;
	height: 2rem;
	outline: none;
}
.number-input.number-input button.plus {
	padding-left: 10px;
}
.number-input.number-input button:before,
.number-input.number-input button:after {
	width: .7rem;
	background-color: #495057;
}
.number-input.number-input input[type=number] {
	width: 6rem;
	padding: .5rem;
	border: 1px solid #ced4da;
	border-width: 0 1px;
	font-size: 1rem;
	height: 2rem;
	color: #495057;
}
@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance: none) and (stroke-color:transparent) {
		.number-input.def-number-input.safari_only button:before,
		.number-input.def-number-input.safari_only button:after {
			margin-top: -.3rem;
		}
	}
}
input[type="number"] { outline: none; }
input[type="text"] { outline: none; }
p {
	font-size: 20px;
	margin-bottom: 0;
}
.inline-block {
	display: inline-block;
}
textarea {
	resize: none;
	width: 50%;
	height: 200px;
	display: block;
	outline: none;
	box-sizing: border-box;
}
@media (max-width: 900px) {
	textarea { width: 100%; }
}
#datetimepicker {
	box-sizing: border-box;
	display: block;
	height: 30px;
}
#calendar {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url('/public/images/calendar.png') no-repeat;
	background-size: contain;
	cursor: pointer;
}
.delete {
	width: 30px;
	height: 30px;
	background: url('/public/images/delete.png') no-repeat;
	background-size: contain;
	cursor: pointer;
}
#datetimepicker {
	margin: 10px 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}