:root {
    --xdsoft_font_size: 14px; /* основной размер шрифта */
    --xdsoft_font_weight: 600; /* основная тощина начертания шрифта */
    --xdsoft_font_color: #405A7F; /* основной цвет текста */
    --xdsoft_background: #FFFFFF; /* Основной цвет фона */
    --xdsoft_background_active: #1979FF; /* цвет фона активного элемента */
    --xdsoft_font_color_active: #FFFFFF; /* цвет шрифта активного элемента */
    --xdsoft_disabled_color: #CCCCCC; /* цвет шрифта не активного элемента */
    --xdsoft_background_hover: #1979FF; /* цвет фона при наведении мыши над элементом */
    --xdsoft_background_weekend: #F0F3F7; /* цвет фона для укзания выходных дней */
    --xdsoft_control_color: #1979FF; /* /цвет элемнтов управления (стрелки, индикаторы) */
    --xdsoft_date_width: 44px; /* ширина строки календаря. Изменять с осторожностью. Связано с вычислениям в файле jquery.datetimepicker.full.js. */
    --xdsoft_date_height: 44px; /* высота строки календаря и элемента времени. Изменять с осторожностью. Связано с вычислениям в файле jquery.datetimepicker.full.js. */
    --xdsoft_timebox_width: 88px; /* ширина элемента родителя для секции времени. Влияет на ширину компонента (секции) времени (отдельно или в составе календаря) */
    --xdsoft_timebox_height: 222px; /* высота элемента родителя для секции времени. Влияет на ширину компонента времени (отдельно и в составе календаря) Формула: 44(height) * 5(visibled item) + 2(top and bottom borders) */
    --xdsoft_timecontrol_width: 58px; /* ширина элемента управления для секции времени */
    --xdsoft_border_radius: 3px; /* радиус закругления границы календаря и времени */
    --xdsoft_month_width: 135px; /* ширина для селектора месяц */
    --xdsoft_year_width: 60px; /* ширина для селектора год */
    /*** Datepicker + TimePcker small screens ***/
    /* Стили для корректного отображения календаря + время на экране маленьких устройств */
    --xdsoft_datetime_sm_calendar_width: 273px; /* ширина эелемента календарь */
    --xdsoft_datetime_sm_timebox_width: 60px; /* ширина элемента родителя для секции времени */
    --xdsoft_datetime_sm_timebox_control_width: 35px; /*  ширина элемента управления для секции времени */
}

.flight-exist-in-this-date {
    background: none;
    color: #0026ff;
    opacity: 1;
    font-weight: 600 !important;
}

.xdsoft_datetimepicker {
    border-radius: var(--xdsoft_border_radius);
    padding: 5px 5px 5px 5px;
}

.xdsoft_datetimepicker * {
	font-family: 'Gilroy';
	font-weight: var(--xdsoft_font_weight);
}

.xdsoft_today_button[style*="visibility: hidden"] {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: unset;
    margin: unset;
}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding: 10px;
    text-align: center;
    font-weight: 500;
}

.xdsoft_other_month:not(.xdsoft_disabled) {
    cursor: pointer !important;
}

/*** SCROLL ***/
.xdsoft_scrollbar {
    width: 2px;
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #405A7F !important;
    border-radius: 3px;
}
/*** SCROLL ***/

.xdsoft_datetimepicker .xdsoft_month,
.xdsoft_datetimepicker .xdsoft_year {
	color: var(--xdsoft_font_color);
    font-size: 19px;
    font-weight: 600;
}

.xdsoft_datetimepicker .xdsoft_month {
    width: var(--xdsoft_month_width);
}

.xdsoft_datetimepicker .xdsoft_year {
    width: var(--xdsoft_year_width);
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-size: var(--xdsoft_font_size);
	font-weight: var(--xdsoft_font_weight);
    color: var(--xdsoft_font_color);
    cursor: default;
	background: var(--xdsoft_background);
	height: 17px;
	border: none;
	text-transform: lowercase;
}

.xdsoft_datetimepicker .xdsoft_calendar td {
    font-size: var(--xdsoft_font_size);
	background: var(--xdsoft_background);
    border: 1px solid #ddd;
    color: var(--xdsoft_font_color);
    text-align: center;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: var(--xdsoft_date_height);
	width: var(--xdsoft_date_width);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_weekend {
	background: var(--xdsoft_background_weekend);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    color: var(--xdsoft_disabled_color);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default {
    background: var(--xdsoft_background_active);
    box-shadow: var(--xdsoft_background_active) 0 1px 3px 0 inset;
    color: var(--xdsoft_font_color_active) !important;
    font-weight: var(--xdsoft_font_weight);
	text-align: center;
}

/*.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,*/
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div.xdsoft_current
 {
    background: var(--xdsoft_background_active);
    box-shadow: var(--xdsoft_background_active) 0 1px 3px 0 inset;
    color: var(--xdsoft_font_color_active);
    font-weight: var(--xdsoft_font_weight);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    box-shadow: none;
    background: #1979FF;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important; /*var(--xdsoft_font_color) !important;*/
    background: var(--xdsoft_background_hover) !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: var(--xdsoft_disabled_color) !important;
    background: var(--xdsoft_background_hover) !important;
    box-shadow: var(--xdsoft_background_hover) !important;
}

.flight-exist-in-this-date:hover {
    color: #fff;
}

td.xdsoft_date.xdsoft_other_month.flight-exist-in-this-date > div {
    opacity: .7;
    cursor: pointer;
}

td.xdsoft_date.xdsoft_current.flight-exist-in-this-date > div {
    opacity: 1;
    cursor: pointer;
    color: #fff !important;
}

/*.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    border: 1px solid #1979FF;
}*/

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today > div {
    color: #fff;
    background: #1979FF;
    border: 1px solid #1979FF;
}
/***** ICONS *****/
.xdsoft_datetimepicker .xdsoft_label i {
	background-image: none;
	color: var(--xdsoft_control_color);
    opacity: 1; 
	font-size: 10px;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
	background-image: none;
	text-indent: unset;
	color: var(--xdsoft_control_color);
	opacity: 1; 
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color: var(--xdsoft_background_active);
}
.xdsoft_datetimepicker .xdsoft_today_button i {
    font-family: 'FontAwesome';
}

/***** ICONS *****/

/***** DATEPICKER ROUNDED BORDER *****/
table tbody {
	box-shadow: 0 0 0 1px #ddd;
	border-radius: var(--xdsoft_border_radius);
}
/*** left ***/
.xdsoft_datetimepicker .xdsoft_calendar tr td:first-child {
	border-left: none;
}
/*** top ***/
.xdsoft_datetimepicker .xdsoft_calendar tr:first-child td { 
	border-top: none;
}
/*** right ***/
.xdsoft_datetimepicker .xdsoft_calendar tr td:last-child {
	border-right: none;
}
/*** bottom ***/
.xdsoft_datetimepicker .xdsoft_calendar tr:last-child td {
	border-bottom: none;
}
/*** border left top ***/
.xdsoft_datetimepicker .xdsoft_calendar tr:first-child td:first-child {
    border-radius: var(--xdsoft_border_radius) 0px 0px 0px;
}
/*** border left top ***/
.xdsoft_datetimepicker .xdsoft_calendar tr:first-child td:last-child {
    border-radius: 0px var(--xdsoft_border_radius) 0px 0px;
}
/*** border right top ***/
.xdsoft_datetimepicker .xdsoft_calendar tr:last-child td:last-child {
    border-radius: 0px 0px, var(--xdsoft_border_radius) 0px;
}
.xdsoft_datetimepicker .xdsoft_calendar tr:last-child td:first-child {
	border-left: none;
    border-bottom: none;
    border-radius: 0px 0px 0px var(--xdsoft_border_radius);
}
/***** DATEPICKER ROUNDED BORDER *****/

/***** TIMEPICKER *****/
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div {
    background: var(--xdsoft_background_weekend);
    border-top: 1px solid #ddd;
    color: var(--xdsoft_font_color);
    font-size: var(--xdsoft_font_size);
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: var(--xdsoft_date_height);
    line-height: var(--xdsoft_date_height);
	box-sizing: unset;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
	float: none;
    /*height: 12px;*/
    width: var(--xdsoft_timecontrol_width);
    display: block;
    margin-left: 14px;
    margin-top: 3px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    margin-bottom: 3px;
    margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: var(--xdsoft_timebox_height);
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-radius: var(--xdsoft_border_radius);
}

.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin-top: 4px;
    margin-bottom: 3px;
	width: var(--xdsoft_timebox_width);
}

.xdsoft_datetimepicker .xdsoft_timepicker.active {
    margin: 0px 0px 4px 0px;
    width: var(--xdsoft_timebox_width);
}

.xdsoft_timepicker.active .time-title {
	color: var(--xdsoft_font_color);
    font-size: 19px;
    font-weight: 500;
	/*margin-bottom: 6px;*/
}

/* table view */
.xdsoft_datetimepicker .xdsoft_timepicker.table {
    width: 150px;
}

.xdsoft_datetimepicker .xdsoft_timepicker.table .xdsoft_time_variant {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    /*margin: 0px !important;*/
    padding: 1px;
}

.xdsoft_datetimepicker .xdsoft_timepicker.table .xdsoft_time,
.xdsoft_time.table {
	width: calc(1 / 3 * 100% - 10px);
    flex: 1 1 auto;
    margin: 1px;
	border: 1px solid #ddd;
    /*border: none;*/
    height: var(--xdsoft_date_height);
    line-height: var(--xdsoft_date_height);
    font-size: 75%;
}

.xdsoft_datetimepicker .xdsoft_timepicker.table .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker.table .xdsoft_next {
    width: 100%;
    margin-left: 0px;
}
/***** TIMEPICKER *****/

/*** Month ***/
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    font-size: 95%;
    text-align: center;
	border-radius: var(--xdsoft_border_radius);
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
	padding: 5px 15px 5px 15px;
    text-decoration: none !important;
    font-size: 90%;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
/*    color: #fff;
    background: #ff8000;*/
    color: #fff !important;
    background: var(--xdsoft_background_hover) !important;
    box-shadow: none !important;
	width: 100%;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
	background: var(--xdsoft_background_active);
    box-shadow: var(--xdsoft_background_active) 0 1px 3px 0 inset;
    color: var(--xdsoft_font_color_active) !important;
    font-weight: var(--xdsoft_font_weight);    
}
/*** Month ***/


/*** highlighte range ***/
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: var(--xdsoft_background_active);
    box-shadow: var(--xdsoft_background_active) 0 1px 3px 0 inset;
    color: var(--xdsoft_font_color_active) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
background: var(--xdsoft_background_active);
    box-shadow: var(--xdsoft_background_active) 0 1px 3px 0 inset;
    color: var(--xdsoft_font_color_active) !important;
}
/*** highlighte range ***/

/*** Datepicker + TimePcker small screens ***/
@media only screen 
   and (min-width : 299px) 
   and (max-width : 439px) {
	.xdsoft_datetimepicker .xdsoft_datepicker.active
	{
		width: var(--xdsoft_datetime_sm_calendar_width);
	}

	.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker.active 
	{
		width: var(--xdsoft_datetime_sm_timebox_width);
	}

	.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
		width: var(--xdsoft_datetime_sm_timebox_control_width);
	}
}