2015-07-20 22:41:24 +03:00
|
|
|
/* ----------------------------------------------------------------------------
|
2022-01-18 15:05:42 +03:00
|
|
|
* Easy!Appointments - Online Appointment Scheduler
|
2015-10-05 01:02:07 +03:00
|
|
|
*
|
2015-07-20 22:41:24 +03:00
|
|
|
* @package EasyAppointments
|
|
|
|
* @author A.Tselegidis <alextselegidis@gmail.com>
|
2021-12-18 19:43:45 +03:00
|
|
|
* @copyright Copyright (c) Alex Tselegidis
|
|
|
|
* @license https://opensource.org/licenses/GPL-3.0 - GPLv3
|
|
|
|
* @link https://easyappointments.org
|
2022-01-18 15:01:22 +03:00
|
|
|
* @since v1.5.0
|
2015-07-20 22:41:24 +03:00
|
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
|
2023-01-14 11:40:18 +03:00
|
|
|
html {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2018-01-02 15:05:10 +03:00
|
|
|
@-moz-document url-prefix() {
|
2021-11-06 19:38:37 +03:00
|
|
|
body .checkbox input[type='checkbox'] {
|
2018-01-02 15:05:10 +03:00
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-07-13 23:56:05 +03:00
|
|
|
body .ui-widget {
|
2021-11-06 19:38:37 +03:00
|
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
|
2023-12-22 13:35:41 +03:00
|
|
|
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
2016-07-16 21:14:10 +03:00
|
|
|
font-size: 1.1em;
|
2016-07-13 23:56:05 +03:00
|
|
|
}
|
|
|
|
|
2015-10-06 00:30:33 +03:00
|
|
|
body .ui-widget-overlay {
|
|
|
|
background: #000 50% 50% repeat-x;
|
2021-11-06 19:38:37 +03:00
|
|
|
opacity: 0.5;
|
2015-10-06 00:30:33 +03:00
|
|
|
filter: Alpha(Opacity=50);
|
|
|
|
}
|
|
|
|
|
2013-10-20 19:45:46 +03:00
|
|
|
body .ui-dialog .ui-dialog-titlebar-close {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-draggable .ui-dialog-titlebar {
|
2020-08-31 17:26:28 +03:00
|
|
|
background: #429a82;
|
2021-11-06 19:38:37 +03:00
|
|
|
color: #fff;
|
2020-08-31 17:26:28 +03:00
|
|
|
font-size: 1.2em;
|
2016-07-13 23:56:05 +03:00
|
|
|
font-weight: lighter;
|
|
|
|
padding: 12px 10px;
|
2013-10-20 19:45:46 +03:00
|
|
|
margin-bottom: 10px;
|
2020-08-31 17:26:28 +03:00
|
|
|
border: none;
|
2022-01-24 16:10:49 +03:00
|
|
|
border-top-left-radius: 0.25rem;
|
|
|
|
border-top-right-radius: 0.25rem;
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
border-bottom-right-radius: 0;
|
2013-10-20 19:45:46 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-dialog {
|
|
|
|
padding: 0;
|
2013-12-05 23:53:27 +02:00
|
|
|
z-index: 2000;
|
2015-10-06 00:30:33 +03:00
|
|
|
border: none !important;
|
|
|
|
box-shadow: 0 0 10px #333;
|
2013-10-20 19:45:46 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-dialog .ui-dialog-buttonpane {
|
2021-11-06 19:38:37 +03:00
|
|
|
padding: 0.3em 1em 0.3em 0.4em;
|
2015-07-08 01:50:25 +03:00
|
|
|
border: none;
|
2013-10-20 19:45:46 +03:00
|
|
|
}
|
|
|
|
|
2016-07-16 21:14:10 +03:00
|
|
|
body .ui-button .ui-icon,
|
|
|
|
body .ui-button:hover .ui-icon {
|
|
|
|
background-image: url('../ext/jquery-ui/images/ui-icons_222222_256x240.png');
|
|
|
|
}
|
|
|
|
|
2015-11-05 22:18:31 +03:00
|
|
|
body .ui-dialog #error-technical {
|
|
|
|
max-width: 500px;
|
|
|
|
}
|
|
|
|
|
2016-07-16 21:14:10 +03:00
|
|
|
body .ui-widget.ui-widget-content {
|
2020-08-31 13:47:47 +03:00
|
|
|
border: 1px solid #429a82;
|
2015-10-06 00:16:50 +03:00
|
|
|
padding: 0;
|
2015-07-27 23:51:35 +03:00
|
|
|
}
|
|
|
|
|
2022-01-24 16:10:49 +03:00
|
|
|
body .ui-dialog-buttons {
|
|
|
|
border-radius: 0.25rem;
|
|
|
|
}
|
|
|
|
|
2017-10-31 14:17:14 +03:00
|
|
|
body #ui-datepicker-div {
|
2020-09-07 13:18:25 +03:00
|
|
|
margin-top: 5px;
|
2020-09-30 14:33:47 +03:00
|
|
|
z-index: 1100 !important;
|
2017-10-31 14:17:14 +03:00
|
|
|
}
|
|
|
|
|
2020-08-31 17:02:54 +03:00
|
|
|
body .ui-datepicker {
|
|
|
|
width: auto;
|
|
|
|
max-width: 288px;
|
|
|
|
}
|
|
|
|
|
2015-07-27 23:51:35 +03:00
|
|
|
body .ui-datepicker .ui-widget-header {
|
|
|
|
border: none;
|
2020-08-31 13:47:47 +03:00
|
|
|
background: #429a82;
|
2016-07-16 21:14:10 +03:00
|
|
|
border-radius: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-datepicker .ui-widget-header .ui-icon {
|
2022-01-18 19:51:57 +03:00
|
|
|
background-image: url('../vendor/jquery-ui-dist/images/ui-icons_ffffff_256x240.png');
|
2016-07-16 21:14:10 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-datepicker .ui-datepicker-title {
|
|
|
|
color: white;
|
2017-10-31 14:17:14 +03:00
|
|
|
padding: 8px 5px;
|
2015-10-06 00:16:50 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-datepicker th {
|
2020-08-31 13:47:47 +03:00
|
|
|
background: #429a82;
|
2021-11-06 19:38:37 +03:00
|
|
|
color: #fff;
|
2015-10-06 00:16:50 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-datepicker tbody tr:first-child td {
|
|
|
|
margin-top: 5px;
|
2015-07-27 23:51:35 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-datepicker td a,
|
|
|
|
body .ui-datepicker td span {
|
2015-10-06 00:16:50 +03:00
|
|
|
border: none !important;
|
|
|
|
background: none !important;
|
2021-11-06 19:38:37 +03:00
|
|
|
color: #1a865f !important;
|
2015-07-27 23:51:35 +03:00
|
|
|
text-align: center !important;
|
2015-10-06 00:16:50 +03:00
|
|
|
width: 32px;
|
2015-07-27 23:51:35 +03:00
|
|
|
height: 32px;
|
2015-10-06 00:16:50 +03:00
|
|
|
line-height: 2;
|
2015-07-27 23:51:35 +03:00
|
|
|
}
|
|
|
|
|
2015-10-06 00:16:50 +03:00
|
|
|
html body .ui-datepicker td a.ui-state-active {
|
2021-11-06 19:38:37 +03:00
|
|
|
color: #fff !important;
|
2015-07-27 23:51:35 +03:00
|
|
|
font-weight: bold !important;
|
2020-08-31 13:47:47 +03:00
|
|
|
background: #429a82 !important;
|
2015-10-06 00:16:50 +03:00
|
|
|
border-radius: 50px;
|
2020-06-18 21:23:16 +03:00
|
|
|
width: 24px;
|
|
|
|
height: 24px;
|
|
|
|
line-height: 1.2;
|
2015-10-06 00:30:33 +03:00
|
|
|
margin: 4px;
|
2015-07-27 23:51:35 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-datepicker td a.ui-state-highlight {
|
2021-11-06 19:38:37 +03:00
|
|
|
background: #80e3ad !important;
|
2015-10-06 00:16:50 +03:00
|
|
|
border-radius: 67px;
|
2021-11-06 19:38:37 +03:00
|
|
|
color: #fff !important;
|
2020-06-19 18:17:31 +03:00
|
|
|
width: 24px;
|
|
|
|
height: 24px;
|
|
|
|
line-height: 1.2;
|
2015-10-06 00:30:33 +03:00
|
|
|
margin: 4px;
|
2015-10-06 00:16:50 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-datepicker .ui-datepicker-prev-hover {
|
|
|
|
top: 2px !important;
|
|
|
|
left: 2px !important;
|
2016-07-16 21:14:10 +03:00
|
|
|
background: #80e1ac;
|
|
|
|
border-color: #80e1ac;
|
|
|
|
border-radius: 0;
|
|
|
|
cursor: pointer;
|
2015-10-06 00:16:50 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-datepicker .ui-datepicker-next-hover {
|
|
|
|
top: 2px !important;
|
|
|
|
right: 2px !important;
|
2016-07-16 21:14:10 +03:00
|
|
|
background: #80e1ac;
|
|
|
|
border-color: #80e1ac;
|
|
|
|
border-radius: 0;
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-datepicker .ui-slider-handle {
|
2020-12-05 12:56:12 +03:00
|
|
|
border-radius: 0;
|
2020-08-31 13:47:47 +03:00
|
|
|
border-color: #429a82;
|
|
|
|
background-color: #429a82;
|
2015-07-27 23:51:35 +03:00
|
|
|
}
|
|
|
|
|
2017-10-31 14:17:14 +03:00
|
|
|
body .ui-priority-primary,
|
|
|
|
body .ui-widget-content .ui-priority-primary,
|
|
|
|
body .ui-widget-header .ui-priority-primary {
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
2021-11-06 19:38:37 +03:00
|
|
|
body .ui-widget input,
|
|
|
|
.ui-widget select,
|
2017-10-31 14:17:14 +03:00
|
|
|
body .ui-widget textarea,
|
|
|
|
body .ui-widget button {
|
2021-11-06 19:38:37 +03:00
|
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
|
2023-12-22 13:35:41 +03:00
|
|
|
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
|
2020-08-31 17:26:28 +03:00
|
|
|
font-size: 1rem;
|
2017-10-31 14:17:14 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .ui-datepicker .ui-datepicker-buttonpane button {
|
|
|
|
padding: 6px 16px;
|
|
|
|
}
|
|
|
|
|
2013-10-20 19:45:46 +03:00
|
|
|
.breaks tr:hover td {
|
2021-11-06 19:38:37 +03:00
|
|
|
background: #ffffc2 !important;
|
2013-10-20 19:45:46 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.working-plan td {
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
2017-10-31 14:17:14 +03:00
|
|
|
.breaks td {
|
2013-10-20 19:45:46 +03:00
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
2019-11-05 14:41:02 +03:00
|
|
|
li.language {
|
2020-12-09 15:17:45 +03:00
|
|
|
cursor: pointer;
|
2019-11-05 14:41:02 +03:00
|
|
|
}
|
|
|
|
|
2013-12-23 18:55:42 +02:00
|
|
|
li.language:hover {
|
2017-10-31 14:17:14 +03:00
|
|
|
color: #005580;
|
2013-12-23 18:55:42 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
#select-language {
|
2017-10-31 14:17:14 +03:00
|
|
|
cursor: pointer;
|
2015-07-25 13:07:12 +03:00
|
|
|
display: inline-block;
|
2020-09-23 14:19:10 +03:00
|
|
|
padding: 5px;
|
2015-07-25 13:07:12 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
#language-list {
|
|
|
|
list-style: none;
|
2020-12-05 12:56:12 +03:00
|
|
|
padding-left: 0;
|
2020-03-29 20:06:40 +03:00
|
|
|
max-height: 500px;
|
|
|
|
overflow-y: auto;
|
2013-12-23 18:55:42 +02:00
|
|
|
}
|
|
|
|
|
2013-06-18 19:06:34 +03:00
|
|
|
/* JQUERY UI DATETIME PICKER ADDON
|
|
|
|
------------------------------------------------------------------------- */
|
2017-10-31 14:17:14 +03:00
|
|
|
|
|
|
|
.ui-timepicker-div .ui-widget-header {
|
|
|
|
margin-bottom: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div dl {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div dl dt {
|
|
|
|
float: left;
|
|
|
|
clear: left;
|
|
|
|
padding: 0 0 0 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div dl dd {
|
|
|
|
margin: 0 10px 10px 40%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div dl dd.ui_tpicker_time {
|
|
|
|
margin-bottom: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div dl dd.ui_tpicker_hour,
|
|
|
|
.ui-timepicker-div dl dd.ui_tpicker_minute {
|
|
|
|
padding-top: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div td {
|
|
|
|
font-size: 90%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-tpicker-grid-label {
|
|
|
|
background: none;
|
|
|
|
border: none;
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div .ui_tpicker_unit_hide {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
|
|
|
|
background: none;
|
|
|
|
color: inherit;
|
|
|
|
border: none;
|
|
|
|
outline: none;
|
|
|
|
width: 95%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
|
|
|
|
border-bottom-color: #aaa;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-rtl {
|
|
|
|
direction: rtl;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-rtl dl {
|
|
|
|
text-align: right;
|
|
|
|
padding: 0 5px 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-rtl dl dt {
|
|
|
|
float: right;
|
|
|
|
clear: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-rtl dl dd {
|
|
|
|
margin: 0 40% 10px 10px;
|
|
|
|
}
|
2016-10-24 00:12:19 +03:00
|
|
|
|
|
|
|
/* Shortened version style */
|
2017-10-31 14:17:14 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine {
|
|
|
|
padding-right: 2px;
|
|
|
|
}
|
|
|
|
|
2016-10-24 00:12:19 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
|
2017-10-31 14:17:14 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine dt {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
|
|
|
|
display: block;
|
|
|
|
padding-top: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine dl {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
2016-10-24 00:12:19 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
|
2017-10-31 14:17:14 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
2016-10-24 00:12:19 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
|
2017-10-31 14:17:14 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
|
|
|
|
content: ':';
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2016-10-24 00:12:19 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
|
2017-10-31 14:17:14 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
|
|
|
|
content: '.';
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2016-10-24 00:12:19 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
|
2017-10-31 14:17:14 +03:00
|
|
|
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
|
|
|
|
display: none;
|
|
|
|
}
|
2017-11-16 01:35:11 +03:00
|
|
|
|
|
|
|
/* LOADING SPINNER
|
|
|
|
------------------------------------------------------------------------- */
|
|
|
|
|
|
|
|
.is-loading {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.is-loading:before,
|
|
|
|
.is-loading:after {
|
|
|
|
content: '';
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
|
|
|
left: 50%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animation:after {
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
margin: -25px 0 0 -25px;
|
|
|
|
|
2021-11-06 19:38:37 +03:00
|
|
|
border: 5px solid rgba(0, 0, 0, 0.4);
|
2017-11-16 01:35:11 +03:00
|
|
|
border-radius: 50px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.animation:after {
|
|
|
|
border-bottom-color: transparent;
|
|
|
|
animation: spin 1s infinite linear;
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes spin {
|
|
|
|
from {
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
|
|
|
to {
|
|
|
|
transform: rotate(360deg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes spin-reverse {
|
|
|
|
from {
|
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
|
|
|
to {
|
|
|
|
transform: rotate(-360deg);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.any-element {
|
|
|
|
width: 60px;
|
|
|
|
height: 60px;
|
|
|
|
position: fixed;
|
|
|
|
left: 50vw;
|
|
|
|
top: 50vh;
|
|
|
|
margin-left: -30px;
|
|
|
|
margin-bottom: -30px;
|
|
|
|
}
|
2018-01-31 20:31:15 +03:00
|
|
|
|
2020-09-07 13:04:07 +03:00
|
|
|
#message-box pre,
|
|
|
|
#message-box .card {
|
2018-01-31 20:31:15 +03:00
|
|
|
max-height: 250px;
|
2020-08-31 18:34:06 +03:00
|
|
|
max-width: 500px;
|
2018-01-31 20:31:15 +03:00
|
|
|
}
|
2020-05-05 20:35:33 +03:00
|
|
|
|
2020-09-07 13:04:07 +03:00
|
|
|
body .popover {
|
2024-06-04 13:14:03 +03:00
|
|
|
max-width: 430px;
|
2020-05-07 19:47:14 +03:00
|
|
|
}
|
|
|
|
|
2020-09-07 13:04:07 +03:00
|
|
|
body .popover-body strong {
|
|
|
|
min-width: 90px;
|
2020-12-09 15:17:45 +03:00
|
|
|
display: inline-block;
|
2020-05-07 19:47:14 +03:00
|
|
|
}
|
2020-05-12 21:51:33 +03:00
|
|
|
|
2020-09-07 13:04:07 +03:00
|
|
|
body .popover-body button {
|
|
|
|
font-size: 1em;
|
|
|
|
box-sizing: border-box;
|
|
|
|
margin: 0;
|
|
|
|
height: 2.1em;
|
2021-11-06 19:38:37 +03:00
|
|
|
padding: 0 0.6em;
|
2020-09-07 13:04:07 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
body .popover-body a {
|
2020-05-12 21:51:33 +03:00
|
|
|
margin-right: 5px;
|
|
|
|
}
|
2020-06-19 18:17:31 +03:00
|
|
|
|
|
|
|
.has-error .control-label,
|
|
|
|
.has-error label {
|
|
|
|
color: #dc3545;
|
|
|
|
}
|
|
|
|
|
|
|
|
.has-error .form-control {
|
|
|
|
border-color: #dc3545;
|
|
|
|
}
|
2020-09-07 14:12:52 +03:00
|
|
|
|
|
|
|
body .clearfix {
|
|
|
|
clear: both;
|
|
|
|
}
|
2023-02-02 10:54:47 +03:00
|
|
|
|
|
|
|
.flatpickr-wrapper {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2023-02-07 10:24:46 +03:00
|
|
|
|
|
|
|
.flatpickr-calendar {
|
|
|
|
box-shadow: none;
|
2023-02-10 15:20:11 +03:00
|
|
|
|
|
|
|
.flatpickr-monthDropdown-months:hover {
|
2023-12-22 13:35:41 +03:00
|
|
|
background: rgba(0, 0, 0, 0.05) !important;
|
2023-02-10 15:20:11 +03:00
|
|
|
}
|
2023-12-22 13:35:41 +03:00
|
|
|
|
2023-02-07 10:24:46 +03:00
|
|
|
.flatpickr-months {
|
|
|
|
padding: 10px 0;
|
|
|
|
background: #449a82;
|
|
|
|
border-top-left-radius: 3px;
|
|
|
|
border-top-right-radius: 3px;
|
|
|
|
}
|
2023-12-22 13:35:41 +03:00
|
|
|
|
2023-02-07 10:24:46 +03:00
|
|
|
.flatpickr-current-month {
|
2023-12-22 13:35:41 +03:00
|
|
|
padding: 3px;
|
2023-02-07 10:24:46 +03:00
|
|
|
}
|
2023-12-22 13:35:41 +03:00
|
|
|
|
2023-02-07 10:24:46 +03:00
|
|
|
.flatpickr-innerContainer {
|
|
|
|
border-bottom-left-radius: 3px;
|
|
|
|
border-bottom-right-radius: 3px;
|
|
|
|
}
|
2023-12-22 13:35:41 +03:00
|
|
|
|
2023-02-07 10:24:46 +03:00
|
|
|
.dayContainer {
|
|
|
|
padding: 10px 0;
|
|
|
|
}
|
2023-12-22 13:35:41 +03:00
|
|
|
|
2023-02-07 10:24:46 +03:00
|
|
|
.flatpickr-months .flatpickr-month,
|
|
|
|
.flatpickr-weekdays,
|
|
|
|
.flatpickr-current-month .flatpickr-monthDropdown-months,
|
|
|
|
span.flatpickr-weekday {
|
|
|
|
background: #429a82;
|
|
|
|
color: white;
|
|
|
|
}
|
|
|
|
|
2023-12-22 13:35:41 +03:00
|
|
|
.flatpickr-day.endRange,
|
|
|
|
.flatpickr-day.endRange.inRange,
|
|
|
|
.flatpickr-day.endRange.nextMonthDay,
|
|
|
|
.flatpickr-day.endRange.prevMonthDay,
|
|
|
|
.flatpickr-day.endRange:focus,
|
|
|
|
.flatpickr-day.endRange:hover,
|
|
|
|
.flatpickr-day.selected,
|
|
|
|
.flatpickr-day.selected.inRange,
|
|
|
|
.flatpickr-day.selected.nextMonthDay,
|
|
|
|
.flatpickr-day.selected.prevMonthDay,
|
|
|
|
.flatpickr-day.selected:focus,
|
|
|
|
.flatpickr-day.selected:hover,
|
|
|
|
.flatpickr-day.startRange,
|
|
|
|
.flatpickr-day.startRange.inRange,
|
|
|
|
.flatpickr-day.startRange.nextMonthDay,
|
|
|
|
.flatpickr-day.startRange.prevMonthDay,
|
|
|
|
.flatpickr-day.startRange:focus,
|
|
|
|
.flatpickr-day.startRange:hover {
|
2023-02-07 10:24:46 +03:00
|
|
|
background: #429a82;
|
|
|
|
border-color: #429a82;
|
|
|
|
color: white;
|
|
|
|
}
|
2023-02-20 09:41:49 +03:00
|
|
|
|
|
|
|
.flatpickr-day.prevMonthDay,
|
|
|
|
.flatpickr-day.nextMonthDay {
|
|
|
|
height: 0;
|
|
|
|
width: 0;
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
2023-02-07 10:24:46 +03:00
|
|
|
}
|