.wd_wai_datepicker { position: inherit; display: inline; } .wd_wai_dp_button { border: none; background: none; } .wd_wai_datepicker button.icon { padding: 4px; margin: 0; border: transparent 2px solid; border-radius: 5px; text-align: left; background-color: white; position: relative; left: -4px; top: 3px; } .wd_wai_datepicker button.icon:focus { outline: none; border-color: hsl(216, 80%, 55%); } .wd_wai_datepicker span.arrow { margin: 0; padding: 0; display: none; background: transparent; } .wd_wai_datepicker input { margin: 0; width: 20%; } .wd_wai_datepicker .wd_wai_datepickerDialog { position: absolute; width: 45%; clear: both; display: none; border: 3px solid #777777; border-radius: 0px; padding: 0; background-color: #fff; } .wd_wai_datepicker .wd_wai_header { cursor: default; background-color: #777777; padding: 7px; font-weight: bold; color: white; display: flex; justify-content: space-around; } .wd_wai_datepicker .wd_wai_header div.wd_wai_monthYear { margin: 0; padding: 0; display: inline-block; font-size: 1em; color: white; text-transform: none; font-weight: bold; } .wd_wai_datepicker .wd_wai_header button { border-style: none; background: transparent; } .wd_wai_datepicker .wd_wai_datepickerDialog button::-moz-focus-inner { border: 0; } .wd_wai_datepicker .wd_wai_prevYear, .wd_wai_datepicker .wd_wai_prevMonth, .wd_wai_datepicker .wd_wai_nextMonth, .wd_wai_datepicker .wd_wai_nextYear { padding: 0px 4px; width: 24px; height: 24px; color: white; } .wd_wai_datepicker .wd_wai_prevYear:focus, .wd_wai_datepicker .wd_wai_prevMonth:focus, .wd_wai_datepicker .wd_wai_nextMonth:focus, .wd_wai_datepicker .wd_wai_nextYear:focus { padding: 0px; border: 2px solid white; border-radius: 4px; outline: 0; line-height: 20px; } .wd_wai_datepicker .wd_wai_dialogButtonGroup { text-align: right; margin-top: 1em; margin-bottom: 1em; margin-right: 1em; } .wd_wai_datepicker .wd_wai_dialogButton { padding: 5px; margin-left: 1em; width: 5em; background-color: #cccccc; font-size: 0.85em; color: black; outline: none; border: 0px; border-radius: 5px; } .wd_wai_datepicker .wd_wai_dialogButton:focus { padding: 4px; border: 2px solid black; } .wd_wai_datepicker .fa-calendar-alt { color: hsl(216, 89%, 72%); } .wd_wai_datepicker .wd_wai_monthYear { display: inline-block; width: 12em; text-align: center; } .wd_wai_datepicker table.wd_wai_dates { width: 100%; border-collapse: separate !important; } .wd_wai_datepicker table.wd_wai_dates th, .wd_wai_datepicker table.wd_wai_dates td { text-align: center; } .wd_wai_datepicker .wd_wai_dateRow { border: 1px solid black; } .wd_wai_datepicker .wd_wai_dateCell { outline: 0; border: 0; padding: 0; margin: 0; height: 40px; width: 40px; } .wd_wai_datepicker .wd_wai_dateButton { padding: 0; margin: 0; line-height: inherit; height: 100%; width: 100%; border: 1px solid #eee; border-radius: 5px; font-size: 15px; background: #eee; } .wd_wai_datepicker .wd_wai_dateButton:focus, .wd_wai_datepicker .wd_wai_dateButton:hover { padding: 0; background-color: hsl(216, 80%, 92%); } .wd_wai_datepicker .wd_wai_dateButton:focus { border-width: 2px; border-color: rgb(100, 100, 100); outline: 0; } .wd_wai_datepicker .wd_wai_dateButton[aria-selected] { border-color: rgb(100, 100, 100); } .wd_wai_datepicker .wd_wai_dateButton[tabindex="0"] { /* background-color: hsl(216, 80%, 92%);*/ background-color: #cccccc; } .wd_wai_datepicker .disabled { color: #afafaf; } .wd_wai_datepicker .disabled:hover { color: black; } .wd_wai_datepicker .wd_wai_dateButton:disabled { color: #777; background-color: #fff; border: none; cursor: not-allowed; } .wd_wai_datepicker .wd_wai_message { padding-top: 0.25em; padding-left: 1em; height: 1.75em; background: hsl(216, 80%, 55%); color: white; }