/* ↓隐藏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 > .v-data-table__wrapper tbody tr.v-data-table__expanded__content {
  box-shadow: none !important;
}