/* Date Picker Default Styles */ .edd-datepicker { padding: 0; margin: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: #fff; border: 1px solid #dfdfdf; border-top: none; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.075); min-width: 17em; width: auto; z-index: 1000 !important; } .edd-datepicker * { padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .edd-datepicker table { font-size: 13px; margin: 0; border: none; border-collapse: collapse; } .edd-datepicker .ui-widget-header, .edd-datepicker .ui-datepicker-header { background-image: none; border: none; color: #fff; font-weight: normal; padding: .2em 0; } .edd-datepicker .ui-datepicker-header .ui-state-hover { background: transparent; border-color: transparent; cursor: pointer; } .edd-datepicker .ui-datepicker-title { margin: 0; padding: 10px 0; color: #fff; font-size: 14px; line-height: 14px; text-align: center; } .edd-datepicker .ui-datepicker-prev, .edd-datepicker .ui-datepicker-next { position: relative; top: 0; height: 34px; width: 34px; } .edd-datepicker .ui-state-hover.ui-datepicker-prev, .edd-datepicker .ui-state-hover.ui-datepicker-next { border: none; } .edd-datepicker .ui-datepicker-prev, .edd-datepicker .ui-datepicker-prev-hover { left: 0; } .edd-datepicker .ui-datepicker-next, .edd-datepicker .ui-datepicker-next-hover { right: 0; } .edd-datepicker .ui-datepicker-next span, .edd-datepicker .ui-datepicker-prev span { display: none; } .edd-datepicker .ui-datepicker-prev { float: left; } .edd-datepicker .ui-datepicker-next { float: right; } .edd-datepicker .ui-datepicker-prev:before, .edd-datepicker .ui-datepicker-next:before { font: normal 20px/34px 'dashicons'; padding-left: 7px; color: #fff; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 34px; height: 34px; } .edd-datepicker .ui-datepicker-prev:before { content: '\f341'; } .edd-datepicker .ui-datepicker-next:before { content: '\f345'; } .edd-datepicker .ui-datepicker-prev-hover:before, .edd-datepicker .ui-datepicker-next-hover:before { opacity: 0.7; } .edd-datepicker select.ui-datepicker-month, .edd-datepicker select.ui-datepicker-year { width: 33%; } .edd-datepicker thead { color: #fff; font-weight: 600; } .edd-datepicker th { padding: 10px; } .edd-datepicker td { padding: 0; border: 1px solid #f4f4f4; } .edd-datepicker td.ui-datepicker-other-month { border: transparent; } .edd-datepicker tr:first-of-type td { border-top: 1px solid #f0f0f0; } .edd-datepicker td.ui-datepicker-week-end { background-color: #f4f4f4; border: 1px solid #f0f0f0; } .edd-datepicker td.ui-datepicker-today { background-color: #f0f0c0; } .edd-datepicker td.ui-datepicker-current-day { background: #bbdd88; } .edd-datepicker td .ui-state-default { background: transparent; border: none; text-align: center; text-decoration: none; width: auto; display: block; padding: 5px 10px; font-weight: normal; color: #444; } .edd-datepicker td.ui-state-disabled .ui-state-default { opacity: 0.5; } /* Default Color Scheme */ .edd-datepicker .ui-widget-header, .edd-datepicker .ui-datepicker-header { background: #00a0d2; } .edd-datepicker thead { background: #32373c; } .edd-datepicker td .ui-state-hover { background: #0073aa; color: #fff; } /* WordPress Color Schemes */ /* Fresh */ .admin-color-fresh .edd-datepicker .ui-widget-header, .admin-color-fresh .edd-datepicker .ui-datepicker-header { background: #00a0d2; } .admin-color-fresh .edd-datepicker thead { background: #32373c; } .admin-color-fresh .edd-datepicker td .ui-state-hover { background: #0073aa; color: #fff; } /* Blue */ .admin-color-blue .edd-datepicker .ui-widget-header, .admin-color-blue .edd-datepicker .ui-datepicker-header { background: #52accc; } .admin-color-blue .edd-datepicker thead { background: #4796b3; } .admin-color-blue .edd-datepicker td .ui-state-hover { background: #096484; color: #fff; } /* Coffee */ .admin-color-coffee .edd-datepicker .ui-widget-header, .admin-color-coffee .edd-datepicker .ui-datepicker-header { background: #59524c; } .admin-color-coffee .edd-datepicker thead { background: #46403c; } .admin-color-coffee .edd-datepicker td .ui-state-hover { background: #c7a589; color: #fff; } /* Ectoplasm */ .admin-color-ectoplasm .edd-datepicker .ui-widget-header, .admin-color-ectoplasm .edd-datepicker .ui-datepicker-header { background: #523f6d; } .admin-color-ectoplasm .edd-datepicker thead { background: #413256; } .admin-color-ectoplasm .edd-datepicker td .ui-state-hover { background: #a3b745; color: #fff; } /* Midnight */ .admin-color-midnight .edd-datepicker .ui-widget-header, .admin-color-midnight .edd-datepicker .ui-datepicker-header { background: #363b3f; } .admin-color-midnight .edd-datepicker thead { background: #26292c; } .admin-color-midnight .edd-datepicker td .ui-state-hover { background: #e14d43; color: #fff; } /* Ocean */ .admin-color-ocean .edd-datepicker .ui-widget-header, .admin-color-ocean .edd-datepicker .ui-datepicker-header { background: #738e96; } .admin-color-ocean .edd-datepicker thead { background: #627c83; } .admin-color-ocean .edd-datepicker td .ui-state-hover { background: #9ebaa0; color: #fff; } /* Sunrise */ .admin-color-sunrise .edd-datepicker .ui-widget-header, .admin-color-sunrise .edd-datepicker .ui-datepicker-header, .admin-color-sunrise .edd-datepicker .ui-datepicker-header .ui-state-hover { background: #cf4944; } .admin-color-sunrise .edd-datepicker th { border-color: #be3631; background: #be3631; } .admin-color-sunrise .edd-datepicker td .ui-state-hover { background: #dd823b; color: #fff; } /* Light */ .admin-color-light .edd-datepicker .ui-widget-header, .admin-color-light .edd-datepicker .ui-datepicker-header { background: #e5e5e5; } .admin-color-light .edd-datepicker thead { background: #888; } .admin-color-light .edd-datepicker .ui-datepicker-title, .admin-color-light .edd-datepicker td .ui-state-default, .admin-color-light .edd-datepicker .ui-datepicker-prev:before, .admin-color-light .edd-datepicker .ui-datepicker-next:before { color: #555; } .admin-color-light .edd-datepicker td .ui-state-hover { background: #e5e5e5; } /* bbPress Color Schemes */ /* Evergreen */ .admin-color-bbp-evergreen .edd-datepicker .ui-widget-header, .admin-color-bbp-evergreen .edd-datepicker .ui-datepicker-header { background: #56b274; } .admin-color-bbp-evergreen .edd-datepicker thead { background: #36533f; } .admin-color-bbp-evergreen .edd-datepicker td .ui-state-hover { background: #446950; color: #fff; } /* Mint */ .admin-color-bbp-mint .edd-datepicker .ui-widget-header, .admin-color-bbp-mint .edd-datepicker .ui-datepicker-header { background: #4ca26a; } .admin-color-bbp-mint .edd-datepicker thead { background: #4f6d59; } .admin-color-bbp-mint .edd-datepicker td .ui-state-hover { background: #5fb37c; color: #fff; }