.stm-datepicker{

	.form-control{
		background-color: #fff;
		border-radius: 5px;
	}

	.mx-datepicker {
		position: relative;
		display: inline-block;
		color: #73879c;
		font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,sans-serif;
	}

	.mx-datepicker * {
		box-sizing: border-box;
	}

	.mx-datepicker.disabled {
		opacity: .7;
		cursor: not-allowed;
	}

	.mx-datepicker-popup {
		position: absolute;
		width: 250px;
		margin-top: 1px;
		margin-bottom: 1px;
		border: 1px solid #d9d9d9;
		background-color: #fff;
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
		z-index: 1000;
	}

	.mx-datepicker-popup.range {
		width: 496px;
	}

	.mx-input {
		display: inline-block;
		width: 100%;
		height: 34px;
		padding: 6px 30px 6px 10px;
		font-size: 14px;
		line-height: 1.4;
		color: #555;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 4px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	}

	.mx-input.disabled,.mx-input:disabled {
		opacity: .7;
		cursor: not-allowed;
	}

	.mx-input:focus {
		outline: none;
	}

	.mx-input-icon {
		top: 0;
		right: 0;
		position: absolute;
		width: 30px;
		height: 100%;
		color: #888;
		text-align: center;
		font-style: normal;
	}

	.mx-input-icon:after {
		content: "";
		display: inline-block;
		width: 0;
		height: 100%;
		vertical-align: middle;
	}

	.mx-input-icon__calendar {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA00lEQVQ4T72SzQ2CQBCF54UGKIES6EAswQq0BS/A3PQ0hAt0oKVQgiVYAkcuZMwSMOyCyRKNe9uf+d6b2Qf6csGtL8sy7vu+Zebn/E5EoiAIwjRNH/PzBUBEGiJqmPniAMw+YeZkFSAiJwA3j45aVT0wsxGitwOjDGDnASBVvU4OLQARRURk9e4CAcSqWn8CLHp3Ae6MXAe/B4yzUeMkz/P9ZgdFUQzFIwD/B4yKgwMTos0OtvzCHcDRJ0gAzlmW1VYSq6oKu66LfQBTjC2AT+Hamxcml5IRpPq3VQAAAABJRU5ErkJggg==);
		background-position: 50%;
		background-repeat: no-repeat;
	}

	.mx-input-icon__close:before {
		content: "\2716";
		vertical-align: middle;
	}

	.mx-datepicker-top {
		text-align: left;
		padding: 0 12px;
		line-height: 34px;
		border-bottom: 1px solid rgba(0,0,0,.05);
	}

	.mx-datepicker-top>span {
		white-space: nowrap;
		cursor: pointer;
		font-size: 11px;
	}

	.mx-datepicker-top>span:hover {
		color: #1284e7;
	}

	.mx-datepicker-top>span:after {
		content: "|";
		margin: 0 10px;
		color: #48576a;
	}

	.mx-datepicker-footer {
		padding: 4px;
		clear: both;
		text-align: right;
		border-top: 1px solid rgba(0,0,0,.05);
	}

	.mx-datepicker-btn {
		font-size: 12px;
		line-height: 1;
		padding: 7px 15px;
		margin: 0 5px;
		cursor: pointer;
		background-color: transparent;
		outline: none;
		border: none;
		border-radius: 3px;
	}

	.mx-datepicker-btn-confirm {
		border: 1px solid rgba(0,0,0,.1);
		color: #73879c;
	}

	.mx-datepicker-btn-confirm:hover {
		color: #1284e7;
		border-color: #1284e7;
	}




	.mx-calendar {
		float: left;
		width: 100%;
		padding: 6px 12px;
	}

	.mx-calendar a {
		color: inherit;
		text-decoration: none;
		cursor: pointer;
	}

	.mx-calendar-header {
		line-height: 34px;
		text-align: center;
	}

	.mx-calendar-header>a:hover {
		color: #1284e7;
	}

	.mx-calendar__next-icon,.mx-calendar__prev-icon {
		font-size: 20px;
		padding: 0 6px;
	}

	.mx-calendar__prev-icon {
		float: left;
	}

	.mx-calendar__next-icon {
		float: right;
	}

	.mx-calendar-content {
		height: 224px;
		overflow: hidden;
	}

	.mx-calendar-table {
		width: 100%;
		font-size: 12px;
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
	}

	.mx-calendar-table .today {
		color: #20a0ff;
	}

	.mx-calendar-table .lastMonth,.mx-calendar-table .nextMonth {
		color: #ddd;
	}

	.mx-calendar-table td,.mx-calendar-table th {
		width: 32px;
		height: 32px;
		text-align: center;
	}

	.mx-calendar-table td {
		cursor: pointer;
	}

	.mx-calendar-table{
			tr {
				border-left: 0px;
			}
	}

	.mx-calendar-table{
		thead{
			tr{
				th{
					font-size: 10px;
				}
			}
		}
	}

	.mx-calendar-month>a:hover,.mx-calendar-table td.inrange,.mx-calendar-table td:hover,.mx-calendar-year>a:hover {
		background-color: #eaf8fe;
	}

	.mx-calendar-month>a.current,.mx-calendar-table td.current,.mx-calendar-year>a.current {
		color: #fff;
		background-color: #1284e7;
	}

	.mx-calendar-month a.disabled,.mx-calendar-table td.disabled,.mx-calendar-year a.disabled,.mx-time-item.disabled {
		cursor: not-allowed;
		color: #ccc;
		background-color: #f3f3f3;
	}

	.mx-calendar-month,.mx-calendar-time,.mx-calendar-year {
		width: 100%;
		height: 100%;
		padding: 7px 0;
		text-align: center;
	}

	.mx-calendar-year>a {
		display: inline-block;
		width: 40%;
		margin: 1px 5%;
		line-height: 40px;
	}

	.mx-calendar-month>a {
		display: inline-block;
		width: 30%;
		line-height: 40px;
		margin: 8px 1.5%;
	}

	.mx-time-list-wrapper {
		position: relative;
		display: inline-block;
		width: 100%;
		height: 100%;
		border-top: 1px solid rgba(0,0,0,.05);
		border-left: 1px solid rgba(0,0,0,.05);
		box-sizing: border-box;
		overflow-y: auto;
	}

	.mx-time-list-wrapper::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}

	.mx-time-list-wrapper::-webkit-scrollbar-thumb {
		background-color: rgba(0,0,0,.05);
		border-radius: 10px;
		box-shadow: inset 1px 1px 0 rgba(0,0,0,.1);
	}

	.mx-time-list-wrapper:hover::-webkit-scrollbar-thumb {
		background-color: rgba(0,0,0,.2);
	}

	.mx-time-list-wrapper:first-child {
		border-left: 0;
	}

	.mx-time-picker-item {
		text-align: left;
		padding-left: 10px;
	}

	.mx-time-list {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.mx-time-item {
		width: 100%;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		cursor: pointer;
	}

	.mx-time-item:hover {
		background-color: #eaf8fe;
	}

	.mx-time-item.cur-time {
		color: #fff;
		background-color: #1284e7;
	}



}
