.elm-input-datepickerDatePicker { position: relative; } .elm-input-datepickerDialog { font-family: Arial, Helvetica, sans-serif; font-size: 14px; box-sizing: border-box; position: absolute; border: 1px solid #ccc; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); z-index: 1; } .elm-input-datepickerDialog > .elm-input-datepickerHeader { box-sizing: border-box; background-color: #f5f5f5; padding: 10px 7px; position: relative; } .elm-input-datepickerDialog > .elm-input-datepickerHeader > .elm-input-datepickerArrowLeft { box-sizing: border-box; text-align: center; transform: scale(0.8); position: absolute; padding: 0px 5px; cursor: pointer; left: 0px; } .elm-input-datepickerDialog > .elm-input-datepickerHeader > .elm-input-datepickerArrowRight { box-sizing: border-box; text-align: center; transform: scale(0.8); position: absolute; padding: 0px 5px; cursor: pointer; right: 0px; } .elm-input-datepickerDialog > .elm-input-datepickerHeader > .elm-input-datepickerTitle { box-sizing: border-box; display: inline-block; width: 100%; text-align: center; } .elm-input-datepickerDialog > .elm-input-datepickerCalendar { background-color: #ffffff; border-spacing: 0; border-width: 0; table-layout: fixed; } .elm-input-datepickerDialog > .elm-input-datepickerCalendar td { padding: 7px 7px 7px 9px; text-align: right; border: 0px; cursor: pointer; } .elm-input-datepickerDialog > .elm-input-datepickerCalendar td:hover { background-color: #ebebeb; border-radius: 4px; } .elm-input-datepickerDialog > .elm-input-datepickerCalendar th { padding: 7px 7px 7px 9px; text-align: right; border: 0px; cursor: pointer; background-color: #f5f5f5; font-weight: normal; border-bottom: 1px solid #ccc; } .elm-input-datepickerDialog > .elm-input-datepickerCalendar .elm-input-datepickerPreviousMonth { color: #a1a1a1; } .elm-input-datepickerDialog > .elm-input-datepickerCalendar .elm-input-datepickerNextMonth { color: #a1a1a1; } .elm-input-datepickerDialog > .elm-input-datepickerCalendar .elm-input-datepickerSelectedDate { box-shadow: inset 0 0 10px 3px #3276b1; background-color: #428bca; color: #fff; border-radius: 4px; } .elm-input-datepickerDialog > .elm-input-datepickerCalendar .elm-input-datepickerToday { box-shadow: inset 0 0 7px 0 #76abd9; border-radius: 4px; } .elm-input-datepickerDialog > .elm-input-datepickerCalendar .elm-input-datepickerToday:hover { background-color: #d5e5f3; } .elm-input-datepickerDialog > .elm-input-datepickerFooter { text-align: center; background-color: #f5f5f5; padding: 10px 7px; }