/* =========================================================
 * bootstrap-datetimepicker
 * =========================================================
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Improvements by Sébastien Malot
 * Improvements by Yun Lai
 * Improvements by Kenneth Henderick
 * Improvements by CuGBabyBeaR
 * Improvements by Christian Vaas
 * Refactored for bootstrap 4 by Simplicite Software
 *
 * Initial project URL : http://www.malot.fr/bootstrap-datetimepicker (archived)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */

@font-face{
	font-family: 'Ronnia';
	src: url('../fonts/Ronnia-Regular.eot');
	src: url('../fonts/Ronnia-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Ronnia-Regular.woff') format('woff'),
	url('../fonts/Ronnia-Regular.svg#webfont') format('svg');
	font-weight: 400;
}

 .datetimepicker {
	padding: 4px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	direction: ltr;
	 width: 272px;
}

.datetimepicker.dropdown-menu {
	border-color: var(--bs-border-color);
	border-radius: 10px;
	box-shadow: 0 8px 16px -2px rgba(27, 36, 44, 0.12);
}

.datetimepicker-inline {
	border-radius: 0.75rem;
	border: 1px solid var(--border-tertiary);
	background: var(--text-white);
	box-shadow: 0 2px 2px -1px rgba(27, 35, 44, 0.04), 0 8px 16px -2px rgba(27, 36, 44, 0.12);	
}

.datetimepicker.datetimepicker-rtl {
	direction: rtl
}

.datetimepicker.datetimepicker-rtl table tr td span {
	float: right
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
	top: 0;
	left: 0
}

[class*=" datetimepicker-dropdown-top"]:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #ccc;
	border-top-color: rgba(0, 0, 0, 0.2);
	border-bottom: 0
}

[class*=" datetimepicker-dropdown-top"]:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	border-bottom: 0
}

.datetimepicker-dropdown-bottom-left:before {
	top: -7px;
	right: 6px
}

.datetimepicker-dropdown-bottom-left:after {
	top: -6px;
	right: 7px
}

.datetimepicker-dropdown-bottom-right:before {
	top: -7px;
	left: 6px
}

.datetimepicker-dropdown-bottom-right:after {
	top: -6px;
	left: 7px
}

.datetimepicker-dropdown-top-left:before {
	bottom: -7px;
	right: 6px
}

.datetimepicker-dropdown-top-left:after {
	bottom: -6px;
	right: 7px
}

.datetimepicker-dropdown-top-right:before {
	bottom: -7px;
	left: 6px
}

.datetimepicker-dropdown-top-right:after {
	bottom: -6px;
	left: 7px
}

.datetimepicker>div {
	display: none
}

.datetimepicker.minutes div.datetimepicker-minutes {
	display: block
}

.datetimepicker.hours div.datetimepicker-hours {
	display: block
}

.datetimepicker.days div.datetimepicker-days {
	display: block
}

.datetimepicker.months div.datetimepicker-months {
	display: block
}

.datetimepicker.years div.datetimepicker-years {
	display: block
}

.datetimepicker table {
	margin: 0;
	width: 100%;
}

.datetimepicker td, .datetimepicker th {
	text-align: center;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
	background-color: transparent
}

.datetimepicker table tr td.minute:hover {
	background: #eee;
	cursor: pointer
}

.datetimepicker table tr td.hour:hover {
	background: #eee;
	cursor: pointer
}

.datetimepicker table tr td.day:hover {
	background: #eee;
	cursor: pointer
}

.datetimepicker table tr td.old, .datetimepicker table tr td.new {
	color: #999
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
	background: 0;
	color: #999;
	cursor: default
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
	background-color: #fde19a;
	background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a),
		to(#fdf59a));
	background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
	background-image: linear-gradient(top, #fdd49a, #fdf59a);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',
		endColorstr='#fdf59a', GradientType=0);
	border-color: #fdf59a #fdf59a #fbed50;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
	background-color: #fdf59a
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
	background-color: #fbf069
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
	background-color: var(--cymedica-blue);
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
	background-color: var(--cymedica-blue);
}

.datetimepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.datetimepicker .datetimepicker-hours span {
	height: 26px;
	line-height: 26px
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
	width: 14.6%
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
	margin-bottom: inherit;
	line-height: 30px
}

.datetimepicker .datetimepicker-minutes span {
	height: 26px;
	line-height: 26px
}

.datetimepicker table tr td span:hover {
	background: #eee
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
	background: 0;
	color: #999;
	cursor: default
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
	background-color: var(--cymedica-blue);
	color: var(--text-white);
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
	background-color: var(--cymedica-blue);
	color: var(--text-white);
}

.datetimepicker table tr td span.old {
	color: #999
}

.datetimepicker th.switch {
	width: 145px;
	font-size: 1rem;
	color: hsla(210, 12%, 33%, 1);
	font-weight: 400;
}

.datetimepicker th i {
	pointer-events: none
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
	cursor: pointer
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
	background: #eee
}

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date span,
.input-group.date span {
	cursor: pointer;
}

.datetimepicker .dow {
	font-size: 0.75rem;
	font-weight: 400;
	color: hsla(211, 12%, 66%, 1);
}

.datetimepicker .day {
	color: hsla(208, 15%, 18%, 1);
	font-size: 0.875rem;
	font-weight: 400;
	height: 37px;
	width: 37px;
	border-radius: 50%;
}

.datetimepicker .day.active {
	color: var(--text-white);
}

.datetimepicker .day.disabled {
	color: hsla(211, 12%, 66%, 1);
}

.datepicker-arrow-left {
	display: block;
	content: "";
	width: 8px;
	height: 12px;
	margin: 0 auto;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.293.232a.75.75 0 0 1-.025 1.06L2.336 6l4.932 4.708a.75.75 0 0 1-1.036 1.085l-5.5-5.25a.75.75 0 0 1 0-1.086l5.5-5.25a.75.75 0 0 1 1.06.025' fill='%234A545E'/%3E%3C/svg%3E");
}

.datepicker-arrow-right {
	display: block;
	content: "";
	width: 8px;
	height: 12px;
	margin: 0 auto;
	background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.707485 0.232144C0.993489 -0.0674792 1.46823 -0.0785198 1.76786 0.207485L7.26786 5.45748C7.41612 5.59901 7.5 5.79504 7.5 6C7.5 6.20496 7.41612 6.401 7.26786 6.54252L1.76786 11.7925C1.46823 12.0785 0.993489 12.0675 0.707485 11.7679C0.42148 11.4682 0.432521 10.9935 0.732144 10.7075L5.66379 6L0.732144 1.29252C0.432521 1.00651 0.42148 0.531768 0.707485 0.232144Z' fill='%234A545E'/%3E%3C/svg%3E%0A");
}


.datetimepicker .day.disabled {
	color: hsla(211, 12%, 66%, 1);
}

.datetimepicker .day.readonly {
	cursor: not-allowed;
}

.datetimepicker .day.highlighted {
	background-color: hsla(214, 32%, 91%, 1);
	font-weight: bold;
}