/* ↓隐藏body滚动条 Chrome + IE + Firefox*/

html {
    overflow: -moz-hidden-unscrollable;
    height: 100%;
}

body::-webkit-scrollbar {
    display: none;
}

body {
    -ms-overflow-style: none;
    /* width: calc(100vw + 18px); */
    /* ↑Firefox似乎要加这个，但是会导致Chrome有问题，先不加先看看 */
}

/* ↑隐藏body滚动条 Chrome + IE + Firefox*/

/* ↓美化Chrome滚动条 */

/*控制整个滚动条*/
.theme--light ::-webkit-scrollbar {
    background-color: rgb(236, 236, 236);
    /* width: 4px;
    height: 4px; */
    background-clip: padding-box;
}

.theme--dark ::-webkit-scrollbar {
    background-color: rgba(30, 30, 30, 1);
    /* width: 4px;
    height: 4px; */
    background-clip: padding-box;
}

/*滚动条两端方向按钮*/
.theme--light ::-webkit-scrollbar-button {
    background-color: rgba(196, 196, 196, 0.8);
    width: 0px;
    height: 0px;
}

.theme--dark ::-webkit-scrollbar-button {
    background-color: rgba(196, 196, 196, 0.8);
    width: 0px;
    height: 0px;
}

/*滚动条中间滑动部分*/
.theme--light ::-webkit-scrollbar-thumb {
    background-color: rgba(213, 213, 213, 0.8);
    border-radius: 2px;
}

.theme--dark ::-webkit-scrollbar-thumb {
    background-color: rgba(196, 196, 196, 0.8);
    border-radius: 2px;
}

/*滚动条右下角区域*/
.theme--light ::-webkit-scrollbar-corner {
    background-color: rgba(213, 213, 213, 0);
}

.theme--dark ::-webkit-scrollbar-corner {
    background-color: rgba(30, 30, 30, 0);
}
/* ↑美化滚动条 */

.v-icon.v-icon {
    font-size: 16px;
}

/* 去除浏览器自带数字输入框的小箭头 */

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


input[type="number"] {
    -moz-appearance: textfield;
}

.input-center input {
    text-align: center;
}

.input-end input {
    text-align: right;
}

.v-input {
    min-width: 64px !important;
}

.v-data-table tbody tr.v-data-table__expanded__content {
    box-shadow: none;
}

div.input-chip-group-label {
    line-height: 0.7rem !important;
    margin-top: -8px;
    margin-bottom: -1px;
}

.hidden-table-header {
    display: none;
}

@media (max-width: 799px) {
    .page-card {
        margin: 16px;
    }
    .page-opts {
        background-color: transparent !important;
        margin: 16px;
    }
    .fix-header {
        padding-bottom: 16px;
    }

    .fix-header-rtl {
        padding-bottom: 16px;
    }
}

@media (min-width: 800px) {
    .page-card {
        margin-top: 16px;
        margin-bottom: 16px;
        margin-left: 16px;
        margin-right: 236px;
    }
    .page-opts {
        background-color: transparent !important;
        position: absolute;
        width: 200px;
        top: 54px;
        right: 24px;
    }
    .fix-header {
        z-index: 3;
        position: absolute;
        padding-top: 5px;
        padding-right: 4px;
        top: 39px;
        left: 0px;
        right: 0px;
    }

    .fix-header-rtl {
        z-index: 3;
        position: absolute;
        padding-top: 5px;
        padding-left: 4px;
        top: 39px;
        left: 0px;
        right: 0px;
    }

    .fix-header-card {
        z-index: 3;
        position: absolute;
        padding-left: 16px;
        padding-right: 20px;
        top: 39px;
        left: 0px;
        right: 0px;
    }

    .fix-header-card-rtl {
        z-index: 3;
        position: absolute;
        padding-left: 20px;
        padding-right: 16px;
        top: 39px;
        left: 0px;
        right: 0px;
    }
}

@media (max-width: 959px) {
    .search-controls {
        margin-bottom: 8px;
    }
}

.v-navigation-drawer {
    z-index: 4 !important;
}

.v-navigation-drawer--is-mobile {
    padding-top: 56px;
}

.fullscreen-images {
    height: 800px !important;
    max-height: calc(100vh - 32px) !important;
    width: calc(100vw - 32px);
}

.app-overflow-y-scroll {
    overflow-y: scroll !important;
}

.app-fill-height {
    /* 透明背景 */
    background-color: transparent !important;
    height: calc(100vh);
}

.app-fill-content-height{
    /* 透明背景 */
    background-color: transparent !important;
    height: calc(100vh - 76px);
    padding-top: 40px;
}

.fill-content-height{
    /* 透明背景 */
    background-color: transparent !important;
}

.transparent-background-color {
    /* 透明背景 */
    background-color: transparent !important;
}

.v-select.v-select--chips.v-select--chips--small .v-select__selections {
    min-height: 32px !important;
}

.v-select__selections {
    overflow-y: auto;
    max-height: 64px !important;
}

.row.no-gutters.table-style .theme--light.v-sheet--outlined {
    /* grid边框更窄 */
    border: 0px solid rgba(0, 0, 0, 0.12) !important;
    outline: 1px solid rgba(224, 224, 224, 1) !important;
    margin-top: 1px;
}

.row.no-gutters.table-style .theme--dark.v-sheet--outlined {
    /* grid边框更窄 */
    border: 0px solid rgba(255, 255, 255, 0.12) !important;
    outline: 1px solid rgba(61, 61, 61, 1) !important;
    margin-top: 1px;
}

@media print {
    .hidden-print {
        display: none !important;
    }
    .v-main {
        padding: 0px 0px 0px 0px !important;
    }
    /* breadcrumbs感觉还是要展示一下 */
    /* .v-breadcrumbs { 
        display: none !important;
    } */
    .app-overflow-y-scroll.app-fill-content-height {
        overflow-y: unset !important;
        height: 100%;
    }
    .app-overflow-y-scroll.app-fill-height {
        overflow-y: unset !important;
        height: 100%;
    }
    /* 单独给页面的操作按钮区域一个class方便后续整体调整 */
    .page-opts {
        display: none !important;
        page-break-after: always;
    }
}

/* 表格固定首尾列样式↓ */
/* 用于v-data-table，使用时必须开启fixed-header特性，
    固定首列在class中添加sticky-first-col，
    固定尾列在class中添加sticky-last-col，
    一般用于一览页，高度已设定为height: calc(100vh - 258px); */
.sticky-table.v-data-table.v-data-table--fixed-header .v-data-table__wrapper {
    max-height: calc(100vh - 258px);
}
.sticky-first-col.v-data-table.theme--light.v-data-table--fixed-header th:is(:first-child) {
    position: sticky !important;
    position: -webkit-sticky !important;
    left: 0;
    background: white;
    z-index: 3;
    box-shadow: 2px -2px 4px 0px rgba(0, 0, 0, 0.14);
    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
}
.sticky-first-col.v-data-table.theme--light.v-data-table--fixed-header td:is(:first-child) {
    position: sticky !important;
    position: -webkit-sticky !important;
    left: 0;
    background: white;
    z-index: 1;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.14);
}
.sticky-first-col.v-data-table.theme--dark.v-data-table--fixed-header th:is(:first-child) {
    position: sticky !important;
    position: -webkit-sticky !important;
    left: 0;
    background: #1E1E1E;
    z-index: 3;
    box-shadow: 2px -2px 4px 0px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(61, 61, 61, 1) !important;
}
.sticky-first-col.v-data-table.theme--dark.v-data-table--fixed-header td:is(:first-child) {
    position: sticky !important;
    position: -webkit-sticky !important;
    left: 0;
    background: #1E1E1E;
    z-index: 1;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.5);
}
.sticky-last-col.v-data-table.theme--light.v-data-table--fixed-header th:is(:last-child) {
    position: sticky !important;
    position: -webkit-sticky !important;
    right: 0;
    background: white;
    z-index: 3;
    box-shadow: -2px -2px 4px 0px rgba(0, 0, 0, 0.14);
    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
}
.sticky-last-col.v-data-table.theme--light.v-data-table--fixed-header td:is(:last-child) {
    position: sticky !important;
    position: -webkit-sticky !important;
    right: 0;
    background: white;
    z-index: 1;
    box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.14);
}
.sticky-last-col.v-data-table.theme--dark.v-data-table--fixed-header th:is(:last-child) {
    position: sticky !important;
    position: -webkit-sticky !important;
    right: 0;
    background: #1E1E1E;
    z-index: 3;
    box-shadow: -2px -2px 4px 0px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid rgba(61, 61, 61, 1) !important;
}
.sticky-last-col.v-data-table.theme--dark.v-data-table--fixed-header td:is(:last-child) {
    position: sticky !important;
    position: -webkit-sticky !important;
    right: 0;
    background: #1E1E1E;
    z-index: 1;
    box-shadow: -2px 2px 4px 0px rgba(0, 0, 0, 0.5);
}
/* 小屏时去除普通行阴影 */
.sticky-first-col.v-data-table.v-data-table--fixed-header .v-data-table__mobile-table-row td {
  box-shadow: unset !important;
}
.sticky-last-col.v-data-table.v-data-table--fixed-header .v-data-table__mobile-table-row td {
  box-shadow: unset !important;
}
/* 小屏时去除合计行的阴影 */
.sticky-first-col.v-data-table.v-data-table--fixed-header .v-data-table__mobile-row {
  box-shadow: unset !important;
}
.sticky-last-col.v-data-table.v-data-table--fixed-header .v-data-table__mobile-row {
  box-shadow: unset !important;
}
/* 固定首位列样式↑ */

/* 扩展行去除阴影 */
.v-data-table > .v-data-table__wrapper tbody tr.v-data-table__expanded__content {
    box-shadow: none !important;
}

.account_qacenter_well {
    border: 1px solid #e7eaec;
    padding:10px;
    background-color:#f5f5f5
}

.request-left {
    width: 75%;
    float: left;
}

.request-right {
    width: 75%;
    float: right;
}

.material_table tr {
    cursor: pointer;
}
.CB_P {
    text-align: center !important;
    font-size: larger !important;
}
.B_P {
    font-size: larger !important;
}
.C_P {
    text-align: center !important;
}
.RIGHT_P {
    text-align: right !important;
}
.BOLD_P {
    font-weight: bold !important;
}
.L_P, .W_P {
    font-size: 150% !important;
}