@import (reference) '~antd/lib/style/themes/index.less';

@import './default.less';

// ScrollBar
* {
    &::-webkit-scrollbar {
        width: 0px;
        height: 0px;
    }

    &::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 5px;
    }

    &::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 5px;
    }

    &::-webkit-scrollbar-corner {
        background-color: transparent;
    }

    // &::-webkit-scrollbar-thumb:hover {
    //     background: var(--scroll-bar-hover-bg);
    // }
}

.vtx-business-modal-wrap {
    &.dark {
        --modal-content-bg: #0b1315;
        --modal-border-color: #69958a;
        --head-bg: #122a2c;
        --bg-color: linear-gradient(0deg, #081e21cc, #000c);
        --bg-color2: #162123;
        --sub-bg-color: #ffffff0d;
        --title-bg-color: #1a292bff;
        --title-border: 1px solid transparent;
        --title-border-color: transparent;
        --title-color: white;
        --title-color2: #a9d5d3;
        --sub-title-color: #00f0ff;
        --label-color: #cafdffff;
        --base-label-color: #cafdffff;
        --info-color: #ffffffff;
        --border-color: '#3C7073FF';
        --scroll-bar-bg: #39cbc3aa;
        --scroll-bar-hover-bg: #219fff3d;
        --scroll-bar-track-bg: transparent;
        --button-text-color--defalut: #c9e6e8;
        --button-text-color--active: #ffffff;
        --button-background-color--default: #1a5561;
        --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
        --button-checked-color: #1890ff;
        --arrow-icon-color: #355e5f;
        --block-bg-color: rgba(255, 255, 255, 0.1);
        --block-bg-color2: rgba(48, 118, 114, 0.2);
        --calendar-content-sigle-bg: rgba(243, 245, 248, 0.053);
        --info-active: #40ffd3;
        --info-active2: #0FB964;
        --info-active3: #40ffd3;
        --info-danger: #fd3a15;
        --info-warnning: #f7d93d;
        --table-head-bg: rgba(0, 173, 177, 0.1);
        --timeline-active: #24f2ff;
        --calendar-border: #35444c;
        --calendar-thead-bg: #29373e;
        --calendar-bg: rgba(255, 255, 255, 0.1);
        --list-cell-active1: #fff845;
        --list-cell-active2: #45d1ff;
        --list-cell-active3: #20feff;
        --calendar-date-today-bg-color: #73ffbf;
        --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(77, 255, 186, 0.3), transparent);
    }
    &.blue {
        --modal-content-bg: linear-gradient(0deg, rgba(28, 94, 149, 0.8), rgba(20, 37, 57, 0.8));
        --modal-border-color: rgba(114, 149, 188, 1);
        --head-bg: linear-gradient(90deg, #124067, rgba(5, 26, 41, 1));
        --head-bg-border-color2: rgba(58, 135, 203, 1);
        --bg-color2: rgba(0, 103, 156, 0.1);
        --bg-border-color2: rgba(32, 102, 167, 0.5);
        --sub-bg-color: #ffffff0d;
        --title-border: 1px solid transparent;
        --title-border-color: transparent;
        --title-color: white;
        --title-color2: #fff;
        --sub-title-color: rgba(100, 188, 255, 1);
        --label-color: #fff;
        --base-label-color: #fff;
        --info-color: rgba(116, 187, 244, 1);
        --calendar-content-sigle-bg: #1464a62e;
        --border-color: #1464a6;
        --scroll-bar-bg: #39cbc3aa;
        --scroll-bar-hover-bg: #219fff3d;
        --scroll-bar-track-bg: transparent;
        --button-text-color--defalut: #c9e6e8;
        --button-text-color--active: #ffffff;
        --button-background-color--default: #1a5561;
        --button-background-color--active: linear-gradient(0deg, #3195aa, #0f5160);
        --button-checked-color: #1890ff;
        --arrow-icon-color: #355e5f;
        --block-bg-color: rgba(255, 255, 255, 0.1);
        --block-bg-color2: rgba(116, 187, 244, 1);
        --info-active: #40ffd3;
        --info-active2: #52c41a;
        --info-active3: #75ffc2;
        --info-danger: #fd3a15;
        --info-warnning: #f7d93d;
        --table-head-bg: rgba(0, 173, 177, 0.1);
        --timeline-active: #24f2ff;
        --calendar-border: rgba(32, 102, 167, 0.5);
        --calendar-thead-bg: rgba(255, 255, 255, 0.1);
        --calendar-content-bg: linear-gradient(0deg, #2a55e9, #0dbafe);
        --calendar-bg: transparent;
        --image-value-color: #07d4ff;
        --image-text-color: #ffffff;
        --list-cell-active1: #fff845;
        --list-cell-active2: #45d1ff;
        --list-cell-active3: #20feff;
        --calendar-date-today-bg-color: #0090ff;
        --calendar-date-today-hover-bg-color: linear-gradient(0deg, rgba(0,144,255,0.8) 0%, rgba(0,144,255,0) 100%);
    }
    &.light {
        --title-color2: rgba(22, 119, 255, 1);
    }
}
