﻿/*-------------------------------------------所有页面布局样式修改等-------------------------------------------*/

/*
默认文字颜色：#212529
默认主体背景颜色：#3b3f4a
*/

/*#region 左侧菜单设置 */
/*.menu.is-vertical {
    padding: 0;
}


.menu .submenu .nav-link {
    padding: 4px 8px 4px;
    border-radius: 0;
}

    .sidebar .nav-link {
        --bs-nav-link-color: #fff !important;
    }

.menu .nav .dropdown-menu .nav-link:not(.disabled):hover, .menu .nav .dropdown-menu .nav-link.active, .menu .submenu .nav-link.active, .menu .submenu .nav-link:not(.disabled):hover {
    background-color: #606060;
    color: #fff !important;
}

.submenu .nav-link.disabled {
    padding-left: 30px;
    color: gray;
    font-style: italic;
    text-decoration: line-through;
}

.sidebar .menu-icon {
    width: 11px;
}

.menu-disabled {
    color: gray !important;
    font-style: italic !important;
}

    .menu-disabled span {
        color: gray !important;
        text-decoration: line-through;
    }*/
/*#endregion */
/*#region 标签页设置 */
.tabs-header,
.tabs-item {
    height: 26px;
}

.tabs-nav {
    height: 26px;
}

.tabs .tabs-nav-wrap .nav-link-bar {
    padding: 5px 6px;
    height: 26px;
}

.tabs.tabs-left .tabs-nav-prev, .tabs.tabs-right .tabs-nav-prev {
    top: 0;
    left: calc(50% - 15px);
    height: 30px;
    z-index: 100;
}

.tabs-item {
    padding: 0 10px;
}

    .tabs-item .tabs-item-text {
        padding: 0 5px;
    }

    .tabs-item .tabs-item-close {
        position: absolute;
        right: 1px;
        top: 1px;
        font-size: 12px;
    }

    .tabs-item:hover {
        color: #000000;
    }

.tabs-border-card > .tabs-header .tabs-item:not(:hover):not(.active) {
    color: #000000a8;
}

.tabs-card .tabs-item.is-closeable .tabs-item-text, .tabs-border-card .tabs-item.is-closeable .tabs-item-text {
    margin-right: 5px;
    margin-left: 0;
}

.tabs-bottom.tabs-border-card > .tabs-header .tabs-item:last-child, .tabs-bottom.tabs-card > .tabs-header .tabs-item:last-child, .tabs-bottom .tabs-left > .tabs-header .tabs-item:last-child, .tabs-bottom .tabs-right > .tabs-header .tabs-item:last-child, .tabs-top.tabs-border-card > .tabs-header .tabs-item:last-child, .tabs-top.tabs-card > .tabs-header .tabs-item:last-child, .tabs-top .tabs-left > .tabs-header .tabs-item:last-child, .tabs-top .tabs-right > .tabs-header .tabs-item:last-child {
    padding-right: 10px;
}

.tabs-bottom.tabs-border-card > .tabs-header .tabs-item:nth-child(2), .tabs-bottom.tabs-card > .tabs-header .tabs-item:nth-child(2), .tabs-bottom .tabs-left > .tabs-header .tabs-item:nth-child(2), .tabs-bottom .tabs-right > .tabs-header .tabs-item:nth-child(2), .tabs-top.tabs-border-card > .tabs-header .tabs-item:nth-child(2), .tabs-top.tabs-card > .tabs-header .tabs-item:nth-child(2), .tabs-top .tabs-left > .tabs-header .tabs-item:nth-child(2), .tabs-top .tabs-right > .tabs-header .tabs-item:nth-child(2) {
    padding-left: 10px;
}


.tabs-card.tabs-left .tabs-header .tabs-item {
    border-right: none;
    border-left: none;
    /*border-bottom: 1px solid #e4e7ed;*/
}

.tabs.tabs-card.tabs-left .tabs-nav-scroll {
    border-radius: 0px;
}

.tabs-border-card.tabs-top .tabs-header .tabs-item:first-child {
    border-top-left-radius: 0;
}
.tabs-card.tabs-top.noborder .tabs-header .tabs-item:first-child {
    border-left: 1px solid var(--bb-tabs-border-color);
}
.tabs.tabs-top.tabs-border-card .tabs-header {
    margin-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.tabs-border-card > .tabs-header .tabs-item.active {
    font-weight: 600;
    background-color: #e4eaec;
    text-shadow: 2px 2px 5px #2959ba, -2px -2px 5px #FFFFFF;
}

.tabs.tabs-top .tabs-nav-wrap.is-scrollable:not(.extend), .tabs.tabs-bottom .tabs-nav-wrap.is-scrollable:not(.extend) {
    padding: 0;
}

.tabs-card.tabs-left .tabs-header .tabs-item {
    border-right: 1px solid #d0d9e1;
}

    .tabs-card.tabs-left .tabs-header .tabs-item.active {
        border-right: none;
        color: #212529;
    }

    .tabs-card.tabs-left .tabs-header .tabs-item:first-child {
        margin-top: 30px;
    }

.tab-left-noscroll.tabs-card.tabs-left .tabs-header .tabs-item:first-child {
    margin-top: 0;
}

.tab-left-noscroll.tabs.tabs-left .tabs-nav-prev {
    display: none
}

.tab-left-noscroll.tabs.tabs-left .tabs-nav-next {
    display: none
}

.tabs-item {
}

.tabs-card .tabs-header .tabs-item.active {
    border-bottom-color: var(--bb-tabs-item-active-bg);
    font-weight: bold;
}

.tabs.tabs-card .tabs-body {
    border: none;
}

.tabs-body-content {
    padding: 0 0;
    background-color: #e7eaec;
}

/*#endregion */

/*#region Main内容布局 */

.ewp-main {
    position: relative;
    background-color: #f3f4f5;
    height: calc(100vh - 86px);
    padding-top: 1px;
}

.ewp-main-mini {
    width: 1100px;
    margin: 0 auto;
}

.ewp-main-full {
    width: 100%;
}

.ewp-main-table-container {
    height: calc(100% - 40px);
    padding-top: 1px;
}

.table-div {
    height: calc(100% - 74px)
}

.pagination-div {
    margin: 3px 0;
}

.ewp-main .to-left {
    width: 210px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.ewp-main .to-right {
    margin-left: 175px;
}

.ewp-main .form-row {
    padding: 0px 3px 3px 3px;
    position: relative;
}

    .ewp-main .form-row .form-row-right {
        position: absolute;
        right: 5px;
    }

.ewp-main .bottom-toolbar {
    position: absolute;
    bottom: 0;
    padding: 10px 0px;
    width: 100%;
}

    .ewp-main .bottom-toolbar .tools {
        margin-left: 3px;
    }

    .ewp-main .bottom-toolbar .bottom-left, .bottom-center, .bottom-right {
        display: inline-block;
        width: 33%;
    }

    .ewp-main .bottom-toolbar .bottom-center {
        text-align: center;
    }

    .ewp-main .bottom-toolbar .bottom-right {
        text-align: right;
    }

.footer {
    position: fixed;
    bottom: 0px;
    background-color: white;
    width: 100%;
    height: 23px;
}

.tabs .tabs-body {
    padding: 0px;
}

/*#endregion */

/*#region row */
/*.row > * {
    padding-right: 3px;
    padding-left: 3px;
}*/

.form-row.row > * {
    line-height: 1;
}

.row {
    /*--bs-gutter-x: 0;*/
}

    .row + .row {
        margin-top: 8px;
    }

.col-lg-text {
    margin-top: -6px;
}
/*#endregion */

/*#region Framset */
.left-search-div {
    height: 100%;
    position: relative;
}

.frameset-toolbar-container {
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
    padding-top: 4px;
}

.frameset-bottom {
    height: 100%;
}

    .frameset-bottom .tabs-body {
        height: calc(100% - 30px);
    }

    .frameset-bottom .tabs-header,
    .frameset-bottom .tabs-nav,
    .frameset-bottom .tabs-item {
        height: 30px !important;
    }

    .frameset-bottom .tabs-nav {
        background: #fff;
    }

    .frameset-bottom .tabs-item {
        margin: 3px 0 0 3px !important;
        height:27px !important;
        border: 1px solid #e4e7ed !important;
    }

.frameset-right-container {
    padding: 0 5px;
}

.toolbar-container {
    padding: 4px 4px;
    background-color: #f7f7f7 !important;
}

.search-btn-fix-bottom {
    /*        position: absolute;
    width: inherit;
    left: calc(50% - 70px);
    bottom: 3px;
*/

    margin-top: 10px;
    text-align: center;
    padding: 0px;
    /*background-color: rgba(89,109,116,.2);*/
    position: -webkit-sticky;
    position: sticky;
    bottom: 3px;
}
/*#endregion */

/*#region 全屏 */
:fullscreen main {
    width: 100% !important;
}

:fullscreen .sidebar {
    display: none;
}
:fullscreen .top-row {
    display: none;
}
:fullscreen .ewp-main {
    height: calc(100vh - 4px);
    padding:0;
}
:fullscreen footer {
    display: none;
}
:fullscreen .header-tab .tabs-header {
    display: none;
}
/*#endregion */

