.date-time-select-box {
	display:flex;
	justify-content: flex-start;
	align-items: center;
}
.date-time-select-box > div {
	margin-right: 10px;
}
.date-time-select-box > div:last-child {
	margin-right: 0;
}
.date-time-select-box > div.input-date-center {
	font-size: 20px;
	font-weight: 600;
}

.input-date-time {
	height: 100%;
	/* padding: 0 24px; */
	border: 1px solid #cbd3e5;
	border-radius: 5px;
	display:flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.date-time-selecter {
	position: absolute;
	top: 50px;
	left: 0;
	width: 200px;
	height: 100px;
	background-color: pink;
}


input[type="month"] {
	position: relative;
	width: 142px;
	height: 36px;
	/* padding-right: 42px; */
	/* border: 1px solid #e1e1e1; */
	/* border-radius: 5px; */
	/* background: url() no-repeat right 20px center / 16px auto; */
	padding: 0 12px;
	text-align: center;
	font-size: 14px;
	border: 0;
	outline: none;
}
input[type="month"]::-webkit-clear-button,
input[type="month"]::-webkit-inner-spin-button {display:none;}
input[type='month']::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: transparent;
	cursor: pointer;
}
input[type="month"]::before {
	content: attr(data-placeholder);
	width: 100%;
}
input[type="month"]:valid::before {
	display: none;
}

input[type="date"] {
	position: relative;
	width: 142px;
	height: 36px;
	/* padding-right: 42px; */
	/* border: 1px solid #e1e1e1; */
	/* border-radius: 5px; */
	/* background: url() no-repeat right 20px center / 16px auto; */
	padding: 0 12px;
	text-align: center;
	font-size: 14px;
	border: 0;
	outline: none;
}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type='date']::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: transparent;
	cursor: pointer;
}
input[type="date"]::before {
	content: attr(data-placeholder);
	width: 100%;
}
input[type="date"]:valid::before {
	display: none;
}

input[type="time"] {
	position: relative;
	width: 123px;
	height: 36px;
	/* padding-right: 42px; */
	/* border: 1px solid #e1e1e1; */
	/* border-radius: 5px; */
	/* background: url() no-repeat right 20px center / 16px auto; */
	padding: 0 12px;
	text-align: center;
	font-size: 14px;
	border: 0;
	outline: none;
}
input[type="time"]::-webkit-clear-button,
input[type="time"]::-webkit-inner-spin-button {display:none;}
input[type='time']::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	color: transparent;
	cursor: pointer;
}
input[type="time"]::before {
	content: attr(data-placeholder);
	width: 100%;
}
input[type="time"]:valid::before {
	display: none;
}

input[data-placeholder]::before {
	color: #bbb;
}


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

iinput[type="number"] {
	-moz-appearance: textfield;
}