.car-static {
    padding: 10px;

    &.bottom {
        max-height: 77vh;
        overflow: auto;
    }
    &.right {
        width: 100%;
    }
    .car-main {
        padding: 11px 16px;
        background-color: var(--bg-color2);
        border: 1px solid var(--bg-border-color2);
        overflow: auto;
        .car-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            &-date {
                display: flex;
                &-tabs {
                    width: 84px;
                    overflow: hidden;
                    .ant-tabs-nav {
                        margin: 0 !important;
                    }
                    .vtx-sub-tabs img {
                        margin: 0;
                    }
                    .ant-tabs-card > .ant-tabs-nav .ant-tabs-tab {
                        padding: 8px;
                    }
                    padding-left: 20px;
                }
            }
        }
    }
    &-charts {
        margin: 24px auto;
        text-align: center;
    }
    &-list {
        min-height: 466px;
    }
}
.car-calendar {
    display: flex;
    flex-direction: column;
    color: var(--title-color);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-top: 34px;

    &-item {
        display: flex;
        justify-content: start;
        align-items: center;

        img {
            width: 26px;
            height: 26px;
            margin: 0 6px 0 18px;
        }
    }
}
.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: 1px solid var(--calendar-border);
        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: var(--calendar-date-today-hover-bg-color) !important;
    }
    .ant-picker-calendar-date-today {
        background: var(--calendar-date-today-bg-color) !important;
    }
}
