.daterange_footer {
	height: 44px;
}
.searchItem_wrap {
    .rmc-date-picker{
		padding: 0;	
		.rmc-picker-mask {
		    background-image: linear-gradient(to bottom, rgba(250, 250, 250, 0.95), rgba(250, 250, 250, 0.6)), linear-gradient(to top, rgba(250, 250, 250, 0.95), rgba(250, 250, 250, 0.6));
		}
		.rmc-picker-indicator {
			background-image: none;
			border: none;
			&:after {
				content: "";
				width: 200%;
				height: 200%;
				position: absolute;
				top: 0;
				left: 0;
				-webkit-transform: scale(0.5);
				-webkit-transform-origin: 0 0;
				padding: 1px;
				box-sizing: border-box;
				pointer-events: none;
				border-top: 1px solid #e6e7e8;
				border-bottom: 1px solid #e6e7e8;
			}
		}
	}
	.end_inputCls {
		position: relative;
		top: 0;
		&:after {
			border-top: 1px solid #e6e7e8;
		}
	}
	.inputCls_toBottom .input-container .input-line {
		opacity: 0;
		background: #fff;
	}

	.start_inputCls.input-container,
	.end_inputCls.input-container,
	.start_inputCls.input-container .input-content,
	.end_inputCls.input-container .input-content {
		background-color: #fafafa;
	}

	.end_inputCls.inputCls_toBottom {
		top: -238px;
		animation: .5s dateHeight linear;
	}

	.inputCls_toBottom.end_inputCls {
		border-top: none;
	}
}

@keyframes dateHeight {
    0% { 
        opacity: 0;
    }
    50% {
    	opacity: 0.5;
    }
    100% { 
        opacity: 1;
    }
}

.datepicker_wrap, .rmc-picker-popup-wrap  {
	.rmc-picker-indicator {
		background-image: none;
		border: none;
		&:after {
			content: "";
			width: 200%;
			height: 200%;
			position: absolute;
			top: 0;
			left: 0;
			-webkit-transform: scale(0.5);
			-webkit-transform-origin: 0 0;
			padding: 1px;
			box-sizing: border-box;
			pointer-events: none;
			border-top: 1px solid #e6e7e8;
			border-bottom: 1px solid #e6e7e8;
		}
	}
}