/* /Components/AsbAccordionCard.razor.rz.scp.css */
/* アコーディオン部分 */
.custom-detail-area[b-wxjk1nkdwm] {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* ボタン項目配置部分 */
.custom-footer-area[b-wxjk1nkdwm] {
    text-align: center; /* 中央寄せ */
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
/* /Components/AsbCalendar.razor.rz.scp.css */
.asbcalendar-top-div[b-qzuloxlqmi] {
    position: absolute;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #aaa;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    width: 250px;
    height: 300px;
}

.asbcalendar-date-table[b-qzuloxlqmi] {
    margin: 5px;
    width: calc(100% - 10px);
}

    .asbcalendar-date-table th[b-qzuloxlqmi] {
        text-align: center;
        font-weight: bold;
        height: 30px;
    }
    .asbcalendar-date-table td[b-qzuloxlqmi] {
        text-align: center;
        height: 30px;
    }

.calendar-color-sun[b-qzuloxlqmi] {
    padding: 0;
    color: #fd2121;
}

.calendar-color-sat[b-qzuloxlqmi] {
    padding: 0;
    color: #0292ff;
}

.calendar-color-normal[b-qzuloxlqmi] {
    padding: 0;
    color: #000;
}

.calendar-color-other[b-qzuloxlqmi] {
    padding: 0;
    color: #aaa;
}

.selected-background[b-qzuloxlqmi] {
    background: #acd4fb49;
}

.today-background[b-qzuloxlqmi] {
    background: #fcfbbfb3;
}
/* /Components/AsbCalendarBase.razor.rz.scp.css */
.dialog-calendar-outer[b-sb4hheeu7q] {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 200;
}

.dialog-calendar-content[b-sb4hheeu7q] {
    overflow: hidden;
}
/* /Components/AsbCard.razor.rz.scp.css */
.custom-card-default[b-gmpypfcegq] {
    width: 100%;
    margin-bottom: 0.5rem;
}

.custom-card-style[b-gmpypfcegq] {
    border-radius: 5px;
    border: 1px solid gray;
    box-shadow: 0 0 3px gray;
    height: 100%;
    width: 100%;
    background: #fff;
}
/* /Components/AsbCheckBox.razor.rz.scp.css */
.custom-checkbox-div[b-qewgych03t] {
    height: 100%;
    display: flex;
    align-items: center;
}
/* /Components/AsbDateBox.razor.rz.scp.css */
.custom-input-body-div[b-jfoufhluq0] {
    display: flex;
    height: 100%;
}

.custom-text[b-jfoufhluq0] {
    height: 100%;
    width: calc(100% - 28px);
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 0 8px;
}

    .custom-text:disabled[b-jfoufhluq0] {
        background: rgb(234, 234, 234);
        width: 100%;
    }
/* /Components/AsbDateBoxOld.razor.rz.scp.css */
.custom-input-body-div[b-dacgdvutqk] {
    position: relative;
    height: 100%;
}

.custom-date[b-dacgdvutqk] {
    position: absolute;
    height: 100%;
    width: 100%;
    border: none;
    color: transparent;
    background: transparent;
}

.custom-text[b-dacgdvutqk] {
    position: absolute;
    height: 100%;
    width: calc(100% - 1.2rem);
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 0 8px;
}

.custom-text:disabled[b-dacgdvutqk] {
    background: rgb(234, 234, 234);
}
/* /Components/AsbDialog.razor.rz.scp.css */
.dialog-outer[b-f5n9vf1mdv] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 500;
}

.dialog-content[b-f5n9vf1mdv] {
    overflow: hidden;
    background-color: white;
    border-radius: 5px; /* 角丸指定 */
}
/* /Components/AsbDlgScreenBody.razor.rz.scp.css */
.dialog-screen-main[b-ghhfdwecmr] {
    max-height: 90vh;
    max-width: 90vw;
}

.dialog-screen-header[b-ghhfdwecmr] {
    position: sticky;
    top: 0;
    height: 3rem;
}

.dialog-screen-header-body[b-ghhfdwecmr] {
    display: flex;
    margin: 1rem;
    text-align: right;
}

.dialog-screen-header-label[b-ghhfdwecmr] {
    text-align: center;
    vertical-align: sub;
    font-weight: 500;
    font-size: small;
}

.dialog-screen-header-btn[b-ghhfdwecmr] {
    border-radius: 4px;
}

.dialog-screen-body[b-ghhfdwecmr] {
    height: Calc(100% - 3rem);
    overflow: auto;
}

.dialog-screen-body-child[b-ghhfdwecmr] {
    margin: 0.5rem 1rem;
}
/* /Components/AsbDropdownList.razor.rz.scp.css */
/*.custom-dropdown {
    display: flex;
    align-items: center;
    margin-bottom: 0.5rem;
    height: 2rem;
}*/

.custom-select[b-3uqfl18ghi] {
    height: 100%;
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 4px;
}
    .custom-select:disabled[b-3uqfl18ghi] {
        background: rgb(234, 234, 234);
    }

    .custom-select > option[b-3uqfl18ghi] {
        background-color: rgb(250, 250, 250);
        padding: 2px;
        border: 5px solid #aaa;
    }
/* /Components/AsbFileDragDrop.razor.rz.scp.css */
.file-dragdrop-default[b-5t9k2drrr5] {
    width: 100%;
    margin-bottom: 0.5rem;
}

.file-dragdrop-top-div[b-5t9k2drrr5] {
    border-radius: 5px;
    border: 2px dashed gray;
    box-shadow: 0 0 3px gray;
    height: 99%;
    min-height: 150px;
    width: 100%;
    background: #fff;
    position: relative;
    align-items: center;
}

.comment-div[b-5t9k2drrr5] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: medium;
    color: gray;
    text-align: center;
}

.file-select-button[b-5t9k2drrr5] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
}
/* /Components/AsbLabelBox.razor.rz.scp.css */
.custom-input-body-div[b-mudc07o8ru] {
    height: 100%;
}

.custom-label[b-mudc07o8ru] {
    height: 100%;
    width: 100%;
    border: 1px dashed #aaa;
    border-radius: 4px;
    padding: 0 8px;
}

    .custom-label:disabled[b-mudc07o8ru] {
        background: rgb(250, 250, 250);
        color: #000;
    }

.custom-label-right[b-mudc07o8ru] {
    text-align: right;
}
/* /Components/AsbLink.razor.rz.scp.css */
.asblink-context-menu[b-24kd621cs7] {
    position: fixed;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 12px rgba(0,0,0,0.15);
    border-radius: 4px;
    z-index: 9999;
    padding: 2px 0;
    min-width: 160px;
}
/* /Components/AsbMonthBox.razor.rz.scp.css */
.custom-input-body-div[b-jo9e6sduev] {
    height: 100%;
}

.custom-text[b-jo9e6sduev] {
    height: 100%;
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 0 8px;
}

    .custom-text:disabled[b-jo9e6sduev] {
        background: rgb(234, 234, 234);
    }

.custom-text-right[b-jo9e6sduev] {
    text-align: right;
}
/* /Components/AsbPagenation.razor.rz.scp.css */
.div-pagenation-area[b-1090lvh8uh] {
    text-align: right;
    width: 100%;
    margin: 0.5rem 0;
}

.no-spin[b-1090lvh8uh]::-webkit-inner-spin-button,
.no-spin[b-1090lvh8uh]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.page-box[b-1090lvh8uh] {
    height: 1.5rem;
    width: 3rem;
    text-align: right;
}
/* /Components/AsbPopupMessage.razor.rz.scp.css */
body[b-be1y77re1f] {
    font-family: Arial, sans-serif;
    padding: 20px;
    background: #f5f5f5;
}

.container[b-be1y77re1f] {
    text-align: right;
}

.popup[b-be1y77re1f] {
    position: fixed;
    top: -100%;
    right: 0%;
    float: right;
    transform: translateX(-5%);
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    max-width: 90%;
    max-height: 90%;
}

    .popup.active[b-be1y77re1f] {
        opacity: 1;
        visibility: visible;
        top: calc(3.5rem + 5px);
        transform: translateX(-5%);
        animation: popupShowHide-b-be1y77re1f 5.4s ease forwards;
    }

@keyframes popupShowHide-b-be1y77re1f {
    0% {
        opacity: 0;
        transform: translateX(-5%) translateY(0%);
    }

    20% {
        opacity: 1;
        transform: translateX(-5%) translateY(30%);
    }

    80% {
        opacity: 1;
        transform: translateX(-5%) translateY(30%);
    }

    100% {
        opacity: 0;
        transform: translateX(-5%) translateY(-30%);
    }
}

.popup-content[b-be1y77re1f] {
    background: #fffafd;
    padding: 1rem;
    border-radius: 8px;
    text-align: left;
    position: relative;
    min-width: 300px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    border: 2px solid DarkRed;
}

    .popup-content p[b-be1y77re1f] {
        font-size: small;
        color: DarkRed;
        margin: 0;
    }

.Information-color[b-be1y77re1f] {
    border: 2px solid #2146b8;
    background: #d6dffc;
}

    .Information-color p[b-be1y77re1f] {
        color: #2146b8;
    }

.validation-color[b-be1y77re1f] {
    border: 2px solid DarkRed;
    background: #f5f5f5;
}

    .validation-color p[b-be1y77re1f] {
        color: DarkRed;
    }

.warning-color[b-be1y77re1f] {
    border: 2px solid #bb7404;
    background: #fcfaef;
}

    .warning-color p[b-be1y77re1f] {
        color: #bb7404;
    }
/* /Components/AsbRadioList.razor.rz.scp.css */
.radiolist-area[b-eqktq7gnsw] {
    display: flex;
    align-items: center;
    height: 100%;
    /*width: calc(100% - 8rem - 1rem);*/
}
/* /Components/AsbTextBox.razor.rz.scp.css */
.custom-input-body-div[b-rzxdycd6sb] {
    height: 100%;
}

.custom-text[b-rzxdycd6sb] {
    height: 100%;
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 0 8px;
}

.custom-text:disabled[b-rzxdycd6sb] {
    background: rgb(234, 234, 234);
}

.custom-text-right[b-rzxdycd6sb] {
    text-align: right;
}
/* /Components/CFB0020.razor.rz.scp.css */
.bank-main-table-layout[b-yrhepnzjc9] {
    width: 100%;
    table-layout: fixed;
}
    .bank-main-table-layout td:first-child[b-yrhepnzjc9] {
        width: 50%;
        padding-right: 0.5rem;
    }
    .bank-main-table-layout td:last-child[b-yrhepnzjc9] {
        width: 50%;
        padding-left: 0.5rem;
    }

.search-table-layout[b-yrhepnzjc9] {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}

.result-table-wrapper[b-yrhepnzjc9] {
    width: 100%;
    height: calc(80vh - 14rem);
}
/* /Components/CFB0080.razor.rz.scp.css */
/* テーブルエリアとテーブルの外枠とラッパー、高さ固定 */
.table_area[b-f2n1npcezz],
.sticky_table_outer[b-f2n1npcezz],
.sticky_table_wrapper[b-f2n1npcezz] {
    height: 19.9rem; /* 最大高さ（約10行） */
}

/* ページ下部のボタンを中央・横並びに配置、間隔調整 */
.div-page-bottom-btn-area[b-f2n1npcezz] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    width: 100%;
    margin-top: 20px;
}
/* /Components/CompanyTitle.razor.rz.scp.css */
.company-title-top-div[b-64ah1tjezq] {
    height: 3.5rem;
    /*width: 200px;*/
    width: 15rem;
    background-color: #2e3e59;
    border-bottom: 1px solid #d6d5d5;
    position: relative;
}

.company-title-layer-div:hover[b-64ah1tjezq] {
    background: #00000040;
    cursor: pointer;
}

.image-company-logo[b-64ah1tjezq] {
    margin: 0.1rem;
    height: 3.3rem;
    width: 3.3rem;
}

.label-system-name[b-64ah1tjezq] {
    position: absolute;
    font-weight: bold;
    color: #e5effe;
    top: 0.1rem;
    left: 3.7rem;
}

    .label-system-name:hover[b-64ah1tjezq] {
        cursor: pointer;
    }

.label-company-name[b-64ah1tjezq] {
    position: absolute;
    color: #e5effe;
    top: 2rem;
    left: 4.7rem;
}

    .label-company-name:hover[b-64ah1tjezq] {
        cursor: pointer;
    }


@media screen and (min-width: 1500px) {
    .label-system-name[b-64ah1tjezq] {
        font-size: larger;
    }
    .label-company-name[b-64ah1tjezq] {
        font-size: smaller;
    }
}

@media screen and (max-width: 1499px) {
    .label-system-name[b-64ah1tjezq] {
        font-size: medium;
    }

    .label-company-name[b-64ah1tjezq] {
        font-size: 8.5pt;
    }
}

@media screen and (max-width: 1100px) {
    .label-system-name[b-64ah1tjezq] {
        font-size: smaller;
    }

    .label-company-name[b-64ah1tjezq] {
        font-size: 5.3pt;
    }
}
/* /Components/LoadingDialog.razor.rz.scp.css */
.dialog-outer[b-71xbxd4tet] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 500;
}

.dialog-content[b-71xbxd4tet] {
    border: solid 3px dimgray;
    overflow: auto;
    background-color: white;
    border-radius: 5px; /* 角丸指定 */
    display: flex;
    align-items: center;
    padding: 0.5rem;
}

.loading[b-71xbxd4tet] {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0.5rem solid #ccc;
    border-top-color: #333;
    animation: spinner-b-71xbxd4tet 1.5s linear infinite;
}

@keyframes spinner-b-71xbxd4tet {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/OkCancelDialog.razor.rz.scp.css */
.dialog-outer[b-vd6yndpzsc] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    z-index: 500;
}

.dialog-content[b-vd6yndpzsc] {
    border: solid 3px dimgray;
    overflow: auto;
    background-color: white;
    border-radius: 5px; /* 角丸指定 */
    display: flex;
    align-items: center;
    padding: 0.5rem;
}
/* /Components/OkOnlyDialog.razor.rz.scp.css */
.dialog-outer[b-0kgekden27] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    z-index: 500;
}

.dialog-content[b-0kgekden27] {
    border: solid 3px dimgray;
    overflow: auto;
    background-color: white;
    border-radius: 5px; /* 角丸指定 */
    display: flex;
    align-items: center;
    padding: 0.5rem;
}
/* /Layout/EspNav.razor.rz.scp.css */
/*ベース*/
.top-row[b-jn47q2faim] {
    /*width: 200px;*/
    width: 15rem;
    /*flex-shrink: 0;*/
    height: 3.5rem;
    background-color: rgba(58,72,97);
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 500;
}

.menu-area[b-jn47q2faim] {
    /*margin-top: 3.7rem;*/
}

.toggle[b-jn47q2faim] {
    display: none;
}

.menu-group[b-jn47q2faim] { /*タイトル*/
    margin: .2rem .2rem 0 .2rem;
    border-radius: 5px;
    border: solid 1px dimgray;
    padding: 1rem .5rem;
    display: block;
    color: #fff;
    font-size: small;
}

@media screen and (min-width: 1500px) {
    .menu-group[b-jn47q2faim] {
        font-size: large;
    }
}

@media screen and (max-width: 1499px) {
    .menu-group[b-jn47q2faim] {
        font-size: small;
    }
}

@media screen and (max-width: 1100px) {
    .menu-group[b-jn47q2faim] {
        font-size: x-small;
    }
}

.menu-group:hover[b-jn47q2faim] {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.2);
}

.menu-group[b-jn47q2faim]::before { /*タイトル横の矢印*/
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    position: absolute;
    top: calc( 50% - 0.25rem );
    right: 1rem;
    transform: rotate(135deg);
}

.menu-item[b-jn47q2faim] {
    border-radius: 5px;
    display: block;
    color: #fff;
    width: 100%;
}

.menu-item:hover[b-jn47q2faim] {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.2);
}

.menu-group[b-jn47q2faim],
.content[b-jn47q2faim] {
    transform: translateZ(0);
    transition: all 0.5s;
}

.content[b-jn47q2faim] { /*本文*/
    height: 0;
    padding: 0 5px;
    overflow: hidden;
}

.toggle:checked + .menu-group + .content[b-jn47q2faim] { /*開閉時*/
    height: auto;
    padding: 5px;
    transition: all .5s;
}

.toggle:checked + .menu-group[b-jn47q2faim]::before {
    transform: rotate(-45deg) !important;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-das223upg9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-das223upg9] {
    flex: 1;
}

.sidebar[b-das223upg9] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-das223upg9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-das223upg9]  a, .top-row[b-das223upg9]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-das223upg9]  a:hover, .top-row[b-das223upg9]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-das223upg9]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.logout-link[b-das223upg9] {
    width: 2rem;
    height: 2rem;
    text-align: center;
    align-content: center;
    border-radius: 5px;
    color: #000;
    background-color: transparent;
}
    .logout-link:hover[b-das223upg9] {
        background-color: #d6d5d5a8;
    }

@media (max-width: 440.98px) {
    .top-row[b-das223upg9] {
        justify-content: space-between;
    }

    .top-row[b-das223upg9]  a, .top-row[b-das223upg9]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 441px) {
    .page[b-das223upg9] {
        flex-direction: row;
    }

    .sidebar[b-das223upg9] {
        /*width: 200px;*/
        width: 15rem;
        flex-shrink: 0;
        min-height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-das223upg9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-das223upg9]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-das223upg9], article[b-das223upg9] {
        padding-left: 1.5rem !important;
        padding-right: 1rem !important;
        display: flex;
    }
}
/* /Pages/AT/ATB0010.razor.rz.scp.css */
/* 会社ロゴ Style：★会社毎に調整（サイズ等） */
.company-logo[b-hd7fmjkkir] {
    width: 100px;
    height: 100px;
    margin-top: 1rem;
}

.login-page-top-div[b-hd7fmjkkir] {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
    height: calc(100vh - 2rem);
}

/* フダーStyle：★会社毎に調整（背景色） */
.login-page-footer-div[b-hd7fmjkkir] {
    height: 2rem;
    background-image: linear-gradient(270deg, rgb(5, 39, 103) 0%, #3a0647 70%);
    position: relative;
}
    /* バージョン文字Style：★会社毎に調整（フォント色） */
    .login-page-footer-div p[b-hd7fmjkkir] {
        margin-right: 1rem;
        color: white;
        text-align: right;
        position: absolute;
        top: 50%;
        right: 0%;
        transform: translate(-0%, -50%);
    }

.login-page-input-table[b-hd7fmjkkir] {
    margin-top: 2rem;
    margin-left: 3rem;
    width: 29rem;
}

.login-button[b-hd7fmjkkir] {
    margin-left: 3rem;
    margin-top: 1rem;
    width: 29rem;
}
/* /Pages/AT/ATB0030.razor.rz.scp.css */
/* ======================================
   ボックス全体のレイアウトと装飾
   ====================================== */

.box[b-ei8jfk4vjj] {
    display: flex; /* 子要素を横並び（flex） */
    border-radius: 0px; /* 角丸なし */
    min-width: 430px; /* 最小幅を指定 */
}

    /* .boxが複数ある場合、最後以外の下側に区切り線 */
    .box:not(:last-child)[b-ei8jfk4vjj] {
        border-bottom: 1px solid #aaa;
    }

/* ======================================
   縦ラベル(期日到来等)のスタイル
   ====================================== */

.label-vertical[b-ei8jfk4vjj] {
    writing-mode: vertical-rl; /* 縦書き */
    text-orientation: mixed;
    padding: 18px 10px 18px 10px; /* 上下左右パディング */
    font-size: 1.2em; /* 文字サイズやや大きく */
    text-align: center;
    letter-spacing: 2px; /* 字間広め */
    min-width: 32px; /* 最小幅指定 */
    display: flex; /* 内容中央寄せ */
    align-items: center;
    justify-content: center;
    border-right: 1px solid gray; /* 右側に区切り線 */
    background: #e0e0e0;
}
    /* 一番上のボックスの上角丸 */
    .label-vertical.top[b-ei8jfk4vjj] {
        border-radius: 5px 0px 0px 0px;
    }
    /* 一番下のボックスの下角丸 */
    .label-vertical.bottom[b-ei8jfk4vjj] {
        border-radius: 0px 0px 0px 5px;
    }

/* ======================================
   テーブルコンテナ（ページネーションを含む範囲）
   ====================================== */

.table_container[b-ei8jfk4vjj] {
    flex: 1; /* 残りエリアを使う */
    border-radius: 5px;
    padding: 15px;
}

/* ======================================
   テーブルエリア（テーブル周囲の調整）
   テーブル縦スクロール用ラッパー（スクロール可能なテーブルのコンテナ）
   ====================================== */

.table_area[b-ei8jfk4vjj],
.sticky_table_wrapper[b-ei8jfk4vjj] {
    max-height: 20.9rem; /* 最大高さ（約10行） */
}

/* ======================================
   行の背景色
   ====================================== */

/* 対応状況が「至急対応要」の行に対して薄い黄色の背景色を強制適用 */
.sticky_table tbody tr.bg-urgent td[b-ei8jfk4vjj] {
    background-color: #fff9c4; /* 薄い黄 */
}

/* 対応状況が「至急対応要」の行に対して薄い黄色の背景色を強制適用（偶数行用） */
.sticky_table tbody tr.bg-urgent:nth-child(even) td[b-ei8jfk4vjj] {
    background-color: #fff7ae; /* 薄い黄 */
}

/* 処理期限が切れている行に対して薄い赤の背景色を強制適用 */
.sticky_table tbody tr.bg-expired td[b-ei8jfk4vjj] {
    background-color: #ffcdd2; /* 薄い赤 */
}

/* 処理期限が切れている行に対して薄い赤の背景色を強制適用（偶数行用） */
.sticky_table tbody tr.bg-expired:nth-child(even) td[b-ei8jfk4vjj] {
    background-color: #ffc1c6; /* 薄い赤 */
}

/* ======================================
   一覧に表示するカラムの幅
   ====================================== */
.taiou-rireki-id[b-ei8jfk4vjj] {
    width: 4rem;
}
.taiou-jokyo[b-ei8jfk4vjj] {
    width: 6rem;
}
.shori-kigen[b-ei8jfk4vjj] {
    width: 4rem;
}
.kategori[b-ei8jfk4vjj] {
    width: 10rem;
}
.kokyaku-mei[b-ei8jfk4vjj] {
    width: 6rem;
}
.denwa-bango[b-ei8jfk4vjj] {
    width: 4rem;
}
/* /Pages/CM/CMB0020.razor.rz.scp.css */
/*
|==============================================
| 顧客詳細画面用のスタイル
|==============================================
*/
.position-sticky[b-pftzmy1mxh] {
    top: 50px;
}

.input-form-title[b-pftzmy1mxh] {
    margin-top: 30px;
}

table.input-customer[b-pftzmy1mxh] {
    width: 100%;
}

.input-field[b-pftzmy1mxh] {
    width: 50%;
}

.asbcard-child-body-div[b-pftzmy1mxh] {
    padding: 25px;
}

[b-pftzmy1mxh] .asb-controll-caption-div {
    width: 10rem;
}

[b-pftzmy1mxh] .asb-controll-body-width {
    width: calc(100% - 10rem - 1rem);
}

[b-pftzmy1mxh] .customer-kbn>.asb-controll-root-div>div {
    width: 10rem !important;
}

.nav-btn-list[b-pftzmy1mxh] {
    margin-top: 15px;
    margin-bottom: 15px;
}

.nav-btn-list li[b-pftzmy1mxh] {
    margin-left: 25px;
}

#caution-note[b-pftzmy1mxh] {
    white-space: pre-wrap;
}

/** 顧客情報 */
.edit-mode .btn-label-create[b-pftzmy1mxh] {
    display: none;
}

.create-mode .btn-label-edit[b-pftzmy1mxh] {
    display: none;
}

.create-mode .btn-back[b-pftzmy1mxh] {
    display: none;
}

.view-mode .btn-submit[b-pftzmy1mxh] {
    display: none;
}

[b-pftzmy1mxh] .input-field select {
    width: 20%;
}

[b-pftzmy1mxh] a[disabled] {
    pointer-events: none;
    color: dimgray;
    background-color: lightgray;
    border-color: dimgray;
}
/* /Pages/CM/CMB0050.razor.rz.scp.css */

[b-bwlk302ell] .asb-controll-caption-div {
    width: 10rem;
}

[b-bwlk302ell] .asb-controll-body-width {
    width: calc(100% - 10rem - 1rem);
}
/* /Pages/CM/CMB0060.razor.rz.scp.css */
/*==============================================
  状態 / モード切替
===============================================*/
.edit-mode .btn-label-create[b-i4ysmzzbcg] {
    display: none;
}

.create-mode .btn-label-edit[b-i4ysmzzbcg] {
    display: none;
}

.view-mode .btn-submit[b-i4ysmzzbcg] {
    display: none;
}

/*==============================================
  位置 / レイアウトユーティリティ
===============================================*/
.position-sticky[b-i4ysmzzbcg] {
    top: 50px;
    z-index: 20;
}

.col-3[b-i4ysmzzbcg] {
    width: 30rem;
}

.col-2[b-i4ysmzzbcg] {
    width: 12rem;
}

.dashed-divider[b-i4ysmzzbcg] {
    border-bottom: 1px dashed #bdbdbd;
}

/*==============================================
  コンテナ
===============================================*/
.asbcard-child-body-div[b-i4ysmzzbcg] {
    padding: 25px;
}

.voltage-container[b-i4ysmzzbcg] {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 34rem auto;
}

.others-container[b-i4ysmzzbcg] {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 34rem 34rem;
    gap: 0.5rem 0.5rem;
}

/*==============================================
  行 / 行バリエーション
===============================================*/
.item[b-i4ysmzzbcg] {
    margin-bottom: 1rem;
}

.sub-item[b-i4ysmzzbcg] {
    margin-left: 2rem;
    width: 30rem;
}

.tel-number[b-i4ysmzzbcg] {
    display: flex;
    align-items: center;
}

    .tel-number label[b-i4ysmzzbcg] {
        margin-right: 1rem;
        padding-bottom: 0.5rem;
    }

.custom-row[b-i4ysmzzbcg] {
    display: grid;
    grid-template-columns: 32rem 32rem;
    gap: 10px 24px;
    align-items: center;
    padding: 6px 0;
    margin-left: 2rem;
    height: 3rem;
}

.custom-row--compact[b-i4ysmzzbcg] {
    height: 1rem;
    margin-bottom: .5rem;
}

.unit-label-row[b-i4ysmzzbcg] {
    display: flex;
    height: 3rem;
}

/*==============================================
  ラベル
===============================================*/
.unit-label[b-i4ysmzzbcg] {
    padding-top: 0.3rem;
    margin-bottom: 0.5rem;
    height: 2rem;
}

/*==============================================
  入力 / テキストエリア
===============================================*/
.others-container-item[b-i4ysmzzbcg] {
    height: 3rem;
}

/*==============================================
  ボタン / ボタン配置
===============================================*/
.nav-btn-list[b-i4ysmzzbcg] {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .nav-btn-list li[b-i4ysmzzbcg] {
        margin-left: 10px;
    }

.btn-copy-customer-info[b-i4ysmzzbcg] {
    width: 13rem;
}

.btn-add-plan[b-i4ysmzzbcg] {
    width: 11rem;
}

.add-plan-btn[b-i4ysmzzbcg] {
    grid-row: 2 / 3;
    grid-column: 5 / 7;
    display: flex;
    justify-content: right;
    align-items: center;
}

.del-plan-btn[b-i4ysmzzbcg] {
    display: flex;
    justify-content: left;
    align-items: center;
}

button[b-i4ysmzzbcg] {
    margin-bottom: 0.5rem;
}

[b-i4ysmzzbcg] a[disabled] {
    pointer-events: none;
    color: dimgray;
    background-color: lightgray;
    border-color: dimgray;
}

/*==============================================
  セクション / タイトル
===============================================*/
.section-title[b-i4ysmzzbcg] {
    margin-top: 18px;
    margin-bottom: 18px;
}
/* /Pages/MM/MMB0080.razor.rz.scp.css */
.comment-parent[b-0p7vmluvz3] {
    margin-bottom: 0.2rem;
}

.comment-child[b-0p7vmluvz3] {
    margin: 0 0 0 1rem;
}
/* /Pages/SW/SWB0150.razor.rz.scp.css */

[b-nkh4bmw6tj] .asb-controll-caption-div {
    width: 10rem;
}

[b-nkh4bmw6tj] .asb-controll-body-width {
    width: calc(100% - 10rem - 1rem);
}
/* /Pages/SW/SWB0160.razor.rz.scp.css */

[b-puwhk1mvlu] .asb-controll-caption-div {
    width: 10rem;
}

[b-puwhk1mvlu] .asb-controll-body-width {
    width: calc(100% - 10rem - 1rem);
}
/* /Pages/UM/UMB0010.razor.rz.scp.css */
/* ボタン下部の注釈の右寄せ */
.notes-right-align[b-bc5ojh1i6k] {
    width: 100%;
    text-align: right;
}
/* 検索結果一覧の項目行のセル右寄せ */
.td-right-align[b-bc5ojh1i6k] {
    text-align: right;
}
/* /Pages/UM/UMB0030.razor.rz.scp.css */
/* ボタン下部の注釈の右寄せ */
.notes-right-align[b-kcqcpju4cl] {
    width: 100%;
    text-align: right;
}
/* 検索結果一覧の項目行のセル右寄せ */
.td-right-align[b-kcqcpju4cl] {
    text-align: right;
}