.crm-datepicker .datepicker table {
    border-spacing: 4px;
}

.crm-datepicker .datepicker table tr td.day.disabled,
.datepicker.dropdown-menu table tr td.day.disabled {
	background: linear-gradient(45deg, rgba(0, 0, 0, 0) 49.9%, #974757 49.9%, #974757 60%, rgba(0, 0, 0, 0) 60%), linear-gradient(45deg, #974757 10%, rgba(0, 0, 0, 0) 10%) !important;
    background-size: 0.5em 0.5em !important;
}

.crm-datepicker .datepicker table tr td.day,
.datepicker.dropdown-menu table tr td.day {
	position: relative;
}

.crm-datepicker .datepicker table tr td.day.halfBusyLeft::after,
.crm-datepicker .datepicker table tr td.day.halfBusyRight::after,
.datepicker.dropdown-menu table tr td.day.halfBusyLeft::after,
.datepicker.dropdown-menu table tr td.day.halfBusyRight::after{
	content: ' ';
	background: linear-gradient(45deg, rgba(0, 0, 0, 0) 49.9%, #974757 49.9%, #974757 60%, rgba(0, 0, 0, 0) 60%), linear-gradient(45deg, #974757 10%, rgba(0, 0, 0, 0) 10%) !important;
    background-size: 0.5em 0.5em !important;
    position: absolute;
}

.crm-datepicker .datepicker table tr td.day.halfBusyLeft::before,
.datepicker.dropdown-menu table tr td.day.halfBusyLeft::before{
    width: 20%;
    height: 100%;
    top: 0;
    left: 0;
}

.crm-datepicker .datepicker table tr td.day.halfBusyRight::after,
.datepicker.dropdown-menu table tr td.day.halfBusyRight::after{
    width: 20%;
    height: 100%;
    top: 0;
    right: 0;
}

.crm-datepicker .datepicker table tr td.day {
    background: #2f2f2f !important;
    background-color: #2f2f2f !important;
    border-radius: 0.4rem;
    border: none !important;
    outline: none !important;
    border-color: transparent;
}

.crm-datepicker .datepicker table tr td.active {
    background: #dbf40c !important;
	color: black;
}

.crm-datepicker .datepicker table tr td.active-half-left:before {
    content:' ';
    background: #dbf40c !important;
    color: black;
    background-size: 0.5em 0.5em !important;
    position: absolute;
    width: 20%;
    height: 100%;
    top: 0;
    left: 0;
}

.crm-datepicker .datepicker table tr td.active:hover {
	color: gray;
}

.crm-datepicker .datepicker table tfoot {
    display: none;
}

.crm-datepicker .datepicker table tr th.dow {
    font-family: var(--third-family);
    color: #aaa;
    font-weight: 400;
}

.crm-datepicker .datepicker table tr th.datepicker-switch {
    font-family: var(--third-family);
    font-weight: 500;
    font-size: 2rem;
}

@media (max-width: 500px) {
	.crm-datepicker .datepicker-inline {
		width: 100%;
	}
	
	.crm-datepicker .datepicker-inline .table-condensed {
		width: 100%;
		/* не работает на айфонах aspect-ratio: 1;*/
	}
}