/* ===================== 資產負債表 ===================== */
.balance-sheet {
    width: 100%;
    position: relative;
    min-width: 312px;
    box-sizing: border-box;
    max-width: 1408px;
}

.main_title .main_title_content>.title {
    flex-wrap: wrap;
}

.balance-sheet .sc-data_content {

    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.balance-sheet .sc-data_content>.title {
    min-width: 80px;
}

.balance-sheet .sc-data_content>span {
    color: #285EE4;
    font-size: 20px;
    font-weight: 500;
    /* min-width: 120px; */
    white-space: nowrap;
}

.balance-sheet .sc-data_content .sc-datepicker {
    height: 40px;
    color: #285EE4;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
    display: flex;
    align-items: center;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.balance-sheet .sc-data_content .sc-datepicker:hover {
    border: 2px solid #285EE4;
}

.balance-sheet .sc-data_content .sc-datepicker input {
    width: 100%;
    height: 100%;
    color: #285EE4;
    border: 0;
    outline: none;
    font-size: 20px;
    text-align: center;
    letter-spacing: 1px;
    padding: 0 16px;
    cursor: pointer;
    user-select: none;
}

.balance-sheet .action .btn {
    height: 40px;
    font-size: 18px;
}

/* .balance-sheet .group_btn .btn+.btn {
    margin-left: 8px;
} */

.balance-sheet .re-open_btn {
    width: 240px;
}

.balance-sheet .export_btn {
    width: 150px;
    height: 40px;
    font-size: 18px;
}

/* table */

.balance-sheet table tr td {
    font-size: 16px;
    font-weight: 400;

}

.balance-sheet .table_wrap {
    width: 100%;
    color: #383838;
    position: relative;
    background: #fff;
    min-height: 500px;
    overflow-x: auto;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.balance-sheet .table_wrap .table_title {
    width: 100%;
    color: #fff;
    font-size: 18px;
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 3;
}

.balance-sheet .table_wrap .table_title.left {
    background: #2E4A8F;
}

.balance-sheet .table_wrap .table_title.right {
    background: #F29423;
}

.balance-sheet .table_wrap .table_th {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: #ECECEC;
    font-size: 18px;
    position: sticky;
    top: 48px;
    z-index: 2;
}

.balance-sheet .table_wrap .tb-itemname {
    width: 168px;
    padding: 0 0 0 24px;
    box-sizing: border-box;
}

.balance-sheet .table_wrap .tb-accounts {
    width: 216px;
    max-width: 216px;
    padding: 0 16px 0 0;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.balance-sheet .table_wrap .tb-subtotal {
    width: 156px;
    padding: 0 16px 0 0;
    text-align: right;
    box-sizing: border-box;
}

.balance-sheet .table_wrap .tb-percent {
    width: 156px;
    padding: 0 16px 0 0;
    text-align: right;
    box-sizing: border-box;
}

.balance-sheet .table_wrap .table_content {
    display: flex;
    min-width: 1408px;

}

.balance-sheet .table_wrap .table_content .table_main {
    height: 500px;
    width: 50%;
    overflow-y: auto;
    padding-bottom: 30px;
}

.balance-sheet .table_wrap .table_content .assets_main {
    width: 100%;
    box-sizing: border-box;
}

.balance-sheet .table_wrap .table_content .debt_main {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.balance-sheet .table_wrap .table_content .table_main .table_info {
    background: #fff;
}

.balance-sheet .header-level {
    width: 100%;
    height: 44px;
    background: #fff;
    color: #0052D9;
    display: flex;
    align-items: center;
}


.balance-sheet .header-level div:first-child {
    position: relative;
}

.balance-sheet .header-level div:first-child::after {
    content: "";
    width: 44px;
    height: 44px;
    position: absolute;
    top: -12px;
    margin-left: 16px;
    background-image: url(../../../../images/tb_down_b.svg);
    cursor: pointer;
    transform: scale(.95) rotate(0deg);
    transition: .3s;

}

.balance-sheet .header-level.open div:first-child::after {
    transform: scale(.95) rotate(180deg);
}

.balance-sheet .sub-level table {
    width: 100%;
    color: #383838;
}

.balance-sheet .sub-level table tr {
    height: 44px;
    line-height: 40px;
}

.balance-sheet .sub-level table tbody tr:nth-child(2n+1) {
    background: #f8f8f8;
}

.balance-sheet .footer-level {
    width: 100%;
    height: 44px;
    display: flex;
    align-items: center;
    color: #fff;
}

.balance-sheet .assets_main .footer-level {
    background: #D8D8D8;
    color: #000;
}

.balance-sheet .debt_main .footer-level {
    background: #D8D8D8;
    color: #000;
}

.balance-sheet .shareholder_main .footer-level {
    background: #D8D8D8;
    color: #000;
}

.balance-sheet .calculate-level {
    height: 44px;
    display: flex;
    align-items: center;
    background: #2E4A8F;
    color: #fff;
    padding: 0 4px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    z-index: 3;
}

/* 通知-資料匯入中 */
.dataimport_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    user-select: none;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dataimport_content a {
    font-size: 28px;
    color: #048080;
}

.lottie-dataimport {
    width: 280px;
}


.balance-sheet .btn.disabled_btn {
    background-color: #C6C6C6;
    cursor: not-allowed;
    box-shadow: 0px 0px 0px 0;
}

.balance-sheet .sc-data_content .sc-datepicker input:disabled {
    cursor: not-allowed;
    color: #bebebe;
}


@media screen and (max-width: 480px) {
    .main_title .main_title_content>.title {
        width: 100%;
    }

    .main_title .main_title_content>.title h3 {
        margin-bottom: 16px;
    }

    .balance-sheet .sc-data_content {
        width: 100%;
    }

    .balance-sheet .sc-data_content .sc-data-box {
        width: 100%;
    }

    .main_title .row_wrap>.group {
        width: 100%;
    }

    .balance-sheet .export_btn {
        width: 100%;
    }

    .balance-sheet .table_wrap .table_content .table_main{
        padding-bottom: 50px;
    }
}