﻿/* データグリッド 全般 */
.er-datagrid {
    border-width: 1px;
    border-style: solid;
    border-color: gray;
    clear: both;
}

.er-datagrid table {
    border-collapse: collapse;
    /*table-layout: fixed;*/
}

.er-datagrid th * {
    background-color: rgba(0,0,0,0);
}

.er-datagrid th,
.er-datagrid td {
    font-weight: normal;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    border-style: solid;
    border-color: gray;
    border-width: 1px;  /* 0 1px 1px 0 */

    vertical-align:top;
    border-top-style:none;
    border-left-style:none;
    white-space:pre-wrap;
    word-break:break-all;
}

/* コーナー領域・行見出し領域 */
.er-datagrid .er-dg-h1,
.er-datagrid .er-dg-b1 {
    clear: both;
    float: left;
}
/* 列見出し領域 */
.er-dg-h2 {
    border-right: 0px solid lightgray; /* スクロールバー 幅 */
    overflow-x:scroll;
    /* スクロールバー 非表示 */
    -ms-overflow-style: none;   /*IE*/
    scrollbar-width: none;      /*Firefox*/
}
.er-dg-h2::-webkit-scrollbar {
    display: none;              /*Chrome,Edge*/
}

/* 行見出し領域 */
.er-dg-b1 {
    border-bottom: 0px solid lightgray; /* スクロールバー 高 */
    overflow-y: scroll;
    /* スクロールバー 非表示 */
    -ms-overflow-style: none;   /*IE*/
    scrollbar-width: none;      /*Firefox*/
}
.er-dg-b1::-webkit-scrollbar {
    display: none;              /*Chrome,Edge*/
}

/* データ領域 */
.er-dg-b2 {
    overflow: scroll;
    -webkit-overflow-scrolling: touch; /* iOSスクロール対応 */
}

/* 設定値 */
.er-datagrid input {
    border-color: rgba(0,0,0,0); /* ボーダー透過 */
}
.er-datagrid input[type=button] {
    border-color: whitesmoke;
    background-color:whitesmoke;
}


/* チェックボックス 2018.02.28 */
.er-datagrid input[type=checkbox]{
   /*margin-top:2px;*/
}

/* セレクト 2018.05.15 */
.er-datagrid select {
    border-color: rgba(0,0,0,0); /* ボーダー透過 */
}

/* テキストエリア 2021.07.02 */
.er-datagrid textarea {
    border-color: rgba(0,0,0,0); /* ボーダー透過 */
    white-space: pre-wrap ;
}

.er-datagrid pre{
    margin-bottom:0;
    white-space: pre-wrap ;
}

/* 入力欄背景色透過 */
.er-datagrid input,
.er-datagrid select,
.er-datagrid textarea
{
    background-color:rgba(0,0,0,0);
}

/* マウスホバーによる行背景色 */
/* フォーカスによる着色不可のため、標準無効 */
/*
.er-dg-b2-tb tr:hover{
    background-color:lightblue !important;
}
*/

/* IE ラベルずれ調整 2021.08.09 */
.er-datagrid-container .er-datagrid label{
    vertical-align:top;
}

/* rowspan対応 結合カラムの結合行(隠れる行)の消去 2021.10.19 */
.er-display-none{
    display:none

}
