:root {
    --v-anchor-base: #2196f3;
    --v-primary-base: #2196f3;
    --v-primary-lighten5: #d4ffff;
    --v-primary-lighten4: #b5ffff;
    --v-primary-lighten3: #95e8ff;
    --v-primary-lighten2: #75ccff;
    --v-primary-lighten1: #51b0ff;
    --v-primary-darken1: #007cd6;
    --v-primary-darken2: #0064ba;
    --v-primary-darken3: #004d9f;
    --v-primary-darken4: #003784;
    --v-secondary-base: #424242;
    --v-secondary-lighten6: #e4e4e4;
    --v-secondary-lighten5: #c1c1c1;
    --v-secondary-lighten4: #a6a6a6;
    --v-secondary-lighten3: #8b8b8b;
    --v-secondary-lighten2: #727272;
    --v-secondary-lighten1: #595959;
    --v-secondary-darken1: #2c2c2c;
    --v-secondary-darken2: #171717;
    --v-secondary-darken3: #000000;
    --v-secondary-darken4: #000000;
    --v-accent-base: #82b1ff;
    --v-accent-lighten5: #ffffff;
    --v-accent-lighten4: #f8ffff;
    --v-accent-lighten3: #daffff;
    --v-accent-lighten2: #bce8ff;
    --v-accent-lighten1: #9fccff;
    --v-accent-darken1: #6596e2;
    --v-accent-darken2: #467dc6;
    --v-accent-darken3: #2364aa;
    --v-accent-darken4: #004c90;
    --v-error-base: #ff5252;
    --v-error-lighten5: #ffe4d5;
    --v-error-lighten4: #ffc6b9;
    --v-error-lighten3: #ffa99e;
    --v-error-lighten2: #ff8c84;
    --v-error-lighten1: #ff6f6a;
    --v-error-darken1: #df323b;
    --v-error-darken2: #bf0025;
    --v-error-darken3: #9f0010;
    --v-error-darken4: #800000;
    --v-info-base: #2196f3;
    --v-info-lighten5: #d4ffff;
    --v-info-lighten4: #b5ffff;
    --v-info-lighten3: #95e8ff;
    --v-info-lighten2: #75ccff;
    --v-info-lighten1: #51b0ff;
    --v-info-darken1: #007cd6;
    --v-info-darken2: #0064ba;
    --v-info-darken3: #004d9f;
    --v-info-darken4: #003784;
    --v-success-base: #4caf50;
    --v-success-lighten5: #dcffd6;
    --v-success-lighten4: #beffba;
    --v-success-lighten3: #a2ff9e;
    --v-success-lighten2: #85e783;
    --v-success-lighten1: #69cb69;
    --v-success-darken1: #2d9437;
    --v-success-darken2: #00791e;
    --v-success-darken3: #006000;
    --v-success-darken4: #004700;
    --v-warning-base: #ffc107;
    --v-warning-lighten5: #ffffae;
    --v-warning-lighten4: #ffff91;
    --v-warning-lighten3: #ffff74;
    --v-warning-lighten2: #fff956;
    --v-warning-lighten1: #ffdd37;
    --v-warning-darken1: #e0a600;
    --v-warning-darken2: #c18c00;
    --v-warning-darken3: #a27300;
    --v-warning-darken4: #855a00;

    --v-side-lighten5:  #e8f1ff;
    --v-side-lighten4:  #e0eaf5;
    --v-side-lighten3:  #c8ddfe;
    --v-side-lighten2:  #bcd4fc;
    --v-side-lighten1:  #a9c8ff;
    --v-side-darken1:  #8db6ff;
    --v-side-darken2:  #7dadff;
    --v-side-darken3:  #6fa3fd;
    --v-side-darken4:  #649dfe;
    --v-side-darken5:  #5692fb;


    --zIndex-snackbar   : 9999999999;
    --zIndex-dialog     : 999999999;
    --zIndex-nav        : 99999999;
    --zIndex-drawers    : 100;
    --zIndex-datePicker : 999;
    --zIndex-breadcrumbs: 10;
}

// 改写 超出不隐藏
.v-window {
    overflow: visible !important;
}

.defaultLink {
    color:#5aabff;
    cursor:pointer;
    // text-decoration: underline;
}

.buttons {
    height: 36px;
    width: 125px;
}
.half-button {
    height: 36px;
    width: 80px;
}

.input-width-s {
    width: 125px !important;
    max-width: 125px !important;
}
.input-width-m {
    width: 250px !important;
    max-width: 250px !important;
}
.input-width-l {
    width: 500px !important;
    max-width: 500px !important;
}
.input-width-xl {
    width: 800px !important;
    max-width: 800px !important;
}

.hide-scroll {
    &::-webkit-scrollbar {
        width: 0;
    }
    overflow: -moz-scrollbars-none;  /* 针对 Firefox */
    -ms-overflow-style: none;  /* 针对 IE 10+ */
    scrollbar-width: none;  /* 针对 Firefox */
    -webkit-overflow-scrolling: touch;  /* 针对 iOS Safari */
}

.loading-rotate {
    animation: loader 1s infinite;
    display: flex;
}
@-moz-keyframes loader {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
    }
@-webkit-keyframes loader {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@-o-keyframes loader {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes loader {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}