@import '../../style/index.less';

.jzlj-car-run-calendar {
    padding: 6px 16px 16px 16px;

    .my-calendar {
        height: 500px;

        .my-calendar-legend {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 24px;
            padding-bottom: 14px;
        }

        .my-calendar-cell {
            .my-calendar-item {
                background: #f3f5f8;
                border-radius: 4px;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 6px 8px;
            }
        }

        .ant-picker-calendar,
        .ant-picker-calendar-full {
            background-color: var(--bg-color2) !important;
            border: 1px solid var(--bg-border-color2);

            .ant-picker-panel {
                background: var(--calendar-bg) !important;
            }
            .ant-picker-body {
                border: 0 !important;
                padding: 0 !important;
            }
            .ant-picker-content thead {
                background: var(--calendar-thead-bg);
            }
            .ant-picker-content th {
                color: var(--info-color);
            }
            .ant-picker-panel .ant-picker-calendar-date {
                color: var(--info-color);
                border-top: 2px solid var(--calendar-border) !important;
                margin: 0 1px !important;
            }
            .ant-picker-panel .ant-picker-cell:hover .ant-picker-calendar-date {
                background: unset !important;
            }
            .ant-picker-calendar-date-today {
                background: unset !important;
            }
            .ant-picker-cell-selected {
                .ant-picker-calendar-date {
                    background: unset !important;
                }
                .ant-picker-calendar-date-value {
                    color: unset !important;
                }
            }
        }
    }
}
