.date-picker {

    .pull-left {
        margin-right:12px;
    }

    .btn-multiselect {
        margin-top:22px;
    }

	.btn-default.hasDatepicker {
		@extend .small;
		@extend .text-left;

		@include background(url(/img/calendar-static.svg) no-repeat 74px 4px,linear-gradient(to bottom, white, rgba(255, 255, 255, 0)));

	    background-color:#eee;
	    max-width:102px;
		padding:6px 20px 5px 8px;
		position:relative;
		text-transform:uppercase;

		&:hover {
			@include background(url(/img/calendar-hover.svg) no-repeat 65px -5px,linear-gradient(to bottom, white, rgba(255, 255, 255, 0)));
		}
	}

}

.ui-widget {

	.ui-widget-header {

		.ui-state-hover.ui-datepicker-prev-hover {

			.ui-icon {
				background-position:-80px -192px;
			}

		}

	}

}