/*
+==============================================================================
|
|    Copyright(c) 2020 IMS. All Rights. Reserved.
|
|  ・システム     ： クリーニング店向けＰＯＳシステム
|
+==============================================================================
|
|   テーブル系共通スタイルシート
|
|=== 改 版 履 歴 ==============================================================
| Date         Author           Reference                              Version
|==============================================================================
| 2020/02/27   IMS下平          新規作成                               1.0.0
|
|
===============================================================================
*/

@charset "UTF-8";

tbody.hide-scroll-ber {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

tbody.hide-scroll-ber::-webkit-scrollbar {
    display: none;
}

table.normal-table {
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
    border-collapse: collapse;
    word-break: break-all;
    position: relative;
    top: 0px;
}

table.normal-table thead {
    display: block;
    background-color: #808080 !important;
}

table.normal-table tbody {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}

table.normal-table th {
    border-top: 1px solid #373636;
    border-right: 1px solid #373636;
    border-left: 1px solid #373636;
    cursor: default;
    color: #ffffff;
    table-layout: fixed;
}

table.normal-table thead td {
    border-top: 1px solid #373636;
    border-right: 1px solid #373636;
    border-left: 1px solid #373636;
    cursor: default;
    color: #ffffff;
    table-layout: fixed;
    text-align: center;
}

table.normal-table tbody td {
    border: 1px solid #373636;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
}

    table.normal-table tbody tr:nth-child(even) {
        background-color: #f7f7f7;
    }

table.split-table-header {
    border-collapse: collapse;
    word-break: break-all;
    position: relative;
    top: 0px;
    overflow-y: visible;
    overflow-x: hidden;
}

table.split-table-header thead {
    display: block;
    background-color: #808080 !important;
}

table.split-table-header th {
    border-top: 1px solid #373636;
    border-right: 1px solid #373636;
    border-left: 1px solid #373636;
    cursor: default;
    color: #ffffff;
    table-layout: fixed;
}

table.split-table-header thead td {
    border-top: 1px solid #373636;
    border-right: 1px solid #373636;
    border-left: 1px solid #373636;
    cursor: default;
    color: #ffffff;
    table-layout: fixed;
    text-align: center;
}

table.split-table-body tbody {
    float: left;
    overflow-y: auto;
}

table.split-table-body tbody td {
    border: 1px solid #373636;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 0;
}

    table.split-table-body tbody tr:nth-child(even) {
        background-color: #f7f7f7;
    }

table.split-table-body tbody > tr td:hover {
    cursor: pointer;
}

table.split-table-body tbody > tr.selected {
    background: #ffc753;
}


    table.split-table-body thead {
        display: block;
        background-color: #808080 !important;
    }

    table.split-table-body th {
        border-top: 1px solid #373636;
        border-right: 1px solid #373636;
        border-left: 1px solid #373636;
        cursor: default;
        color: #ffffff;
        table-layout: fixed;
    }

    table.split-table-body thead td {
        border-top: 1px solid #373636;
        border-right: 1px solid #373636;
        border-left: 1px solid #373636;
        cursor: default;
        color: #ffffff;
        table-layout: fixed;
        text-align: center;
    }

    table.main-table-header thead {
        border-collapse: collapse;
    }

table.main-table-header th {
    color: #ffffff;
    background-color: #778899 !important;
    border: solid 1px #666666;
    font-size: 18px;
    height: 50px;
}

    table.main-table-header thead > tr {
        border-collapse: collapse;
        float: left;
        height: 50px;
    }

        table.main-table-header thead > tr > td {
            border: solid 1px #666666;
            height: 50px;
            font-size: 18px;
            overflow-x: hidden;
            overflow-y: hidden;
            white-space: nowrap;
        }

table.main-table tbody {
    float: left;
    overflow-y: auto;
}

    table.main-table tbody > tr {
        float: left;
        border-collapse: collapse;
        height: 50px;
    }

        table.main-table tbody > tr > td {
            border: solid 1px #808080;
            height: 50px;
            font-size: 18px;
            overflow-x: hidden;
            overflow-y: hidden;
            white-space: nowrap;
        }

        table.main-table tbody > tr td:hover {
            cursor: pointer;
        }

        table.main-table tbody > tr.selected {
            background: #ffc753;
        }

    /*table.main-table tbody tr:nth-child(even) {
        background-color: #fbfbfb;
    }*/

tr.delete-row {
    background-color: #d5d5d5 !important;
}

td.selected {
    background-color: #e4faff;
    color: #000000;
}

table.main-table {
    border-collapse: collapse;
    word-break: break-all;
    /*position: relative;*/
    top: -1px;
}

table.no-color-table thead {
    display: block;
    background-color: #aaaaaa !important;
}

table.no-color-table tbody {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}


table.no-color-table th {
    border: 1px solid #808080;
    height: 30px;
    font-size: 18px;
    cursor: default;
    color: #000000;
    table-layout: fixed;
}

table.no-color-table thead td {
    border: 1px solid #808080;
    height: 28px;
    font-size: 18px;
    cursor: default;
    color: #ffffff;
    table-layout: fixed;
    text-align: center;
}

table.no-color-table tbody td {
    border: 1px solid #808080;
    height: 28px;
    font-size: 18px;
    cursor: pointer;
}