/* w2uigridの項目文字色 */
.w2ui-col-header  {
  color: #555555;
}
/* ヘッダー項目のスタイル */
.w2ui-grid .w2ui-grid-body div.w2ui-col-header {
  text-align: center;
}
/* データのエラーデータのスタイル */
.w2ui-grid td.w2ui-grid-data-error {
  background-color: #FF0000 !important;
}
.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected td.w2ui-grid-data-error,
.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected.w2ui-grid-data-error {
  background-color: #FF0000 !important;
}
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected td.w2ui-grid-data-error,
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected.w2ui-grid-data-error {
  color: #000000 !important;
  background-color: #FF0000 !important;
}

/* w2ui-gridのフォント色指定している項目へのエラー表示のフォントカラー指定 */
.w2ui-grid td.w2ui-grid-data-error div[style*='color'] {
  color: #000000 !important;
}
/* レコードの最終項目の通常スタイル */
tr[class~="w2ui-odd"]>td[class~="w2ui-grid-data-last"] {
  background-color: rgba(255, 255, 255, 1.0);
}
/* レコードの最終項目の通常スタイル */
tr[class~="w2ui-even"]>td[class~="w2ui-grid-data-last"] {
  background-color: rgba(243, 246, 255, 1.0);
}
/* レコードの最終項目のマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover:not([class~="w2ui-empty-record"]) td[class~="w2ui-grid-data-last"] {
  color: inherit;
  background-color: rgba(182, 213, 255, 0.5);
}
/* レコードの最終項目のマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover:not([class~="w2ui-empty-record"]) td[class~="w2ui-grid-data-last"] {
  color: inherit;
  background-color: rgba(182, 213, 255, 0.5);
}
/* 編集セルのスタイル */
tr[class~="w2ui-odd"]>td[class~="w2ui-grid-data"][data-id][data-edit="true"] {
  background-color: rgba(255, 255, 64, 0.2);
}
/* 編集セルのスタイル */
tr[class~="w2ui-even"]>td[class~="w2ui-grid-data"][data-id][data-edit="true"] {
  background-color: rgba(182, 191, 80, 0.2);
}
/* 編集不可セルのスタイル */
tr[class~="w2ui-odd"]>td[class~="w2ui-grid-data"][data-id][data-edit="false"] {
  background-color: rgba(255, 255, 255, 1.0);
}
/* 編集不可セルのスタイル */
tr[class~="w2ui-even"]>td[class~="w2ui-grid-data"][data-id][data-edit="false"] {
  background-color: rgba(243, 246, 255, 1.0);
}
/* 編集セルのマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover:not([class~="w2ui-empty-record"]) td.w2ui-grid-data[data-edit~="true"] {
  color: inherit;
  background-color: rgba(182, 191, 80, 0.3);
}
/* 編集セルのマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover:not([class~="w2ui-empty-record"]) td.w2ui-grid-data[data-edit~="true"] {
  color: inherit;
  background-color: rgba(182, 191, 80, 0.3);
}
/* 編集不可セルのマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover:not([class~="w2ui-empty-record"]) td.w2ui-grid-data[data-edit~="false"] {
  color: inherit;
  background-color: rgba(182, 213, 255, 0.5);
}
/* 編集不可セルのマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover:not([class~="w2ui-empty-record"]) td.w2ui-grid-data[data-edit~="false"] {
  color: inherit;
  background-color: rgba(182, 213, 255, 0.5);
}
/* SubGrid表示状態での親レコード.(-)セルのスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd:hover td.w2ui-grid-data.w2ui-col-expand {
  color: inherit;
  background-color: rgba(182, 213, 255, 0.5);
}
/* SubGrid表示状態での親レコード.(-)セルのスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even:hover td.w2ui-grid-data.w2ui-col-expand {
  color: inherit;
  background-color: rgba(182, 213, 255, 0.5);
}
/* 選択行の編集セルのスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-selected td.w2ui-grid-data[data-edit~="true"] {
  color: inherit;
  background-color: rgba(217, 224, 163, 1.0);
}
/* 選択行の編集セルのスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even.w2ui-selected td.w2ui-grid-data[data-edit~="true"] {
  color: inherit;
  background-color: rgba(217, 224, 163, 1.0);
}
/* 選択行の編集不可セルのマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-selected:hover td.w2ui-grid-data[data-edit~="false"] {
  color: inherit;
  background-color: rgba(182, 213, 255, 1.0);
}
/* 選択行の編集不可セルのマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even.w2ui-selected:hover td.w2ui-grid-data[data-edit~="false"] {
  color: inherit;
  background-color: rgba(182, 213, 255, 1.0);
}
/* 空行の編集不可セルのマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-empty-record:hover td.w2ui-grid-data[data-edit~="false"] {
  color: inherit;
  background-color: rgba(255, 255, 255, 1.0);
}
/* 空行の編集不可セルのマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even.w2ui-empty-record:hover td.w2ui-grid-data[data-edit~="false"] {
  color: inherit;
  background-color: rgba(243, 246, 255, 1.0);
}
/* 選択行.親レコード.(+-)セル（SubGrid表示）のスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-selected:hover td.w2ui-grid-data.w2ui-col-expand {
  color: inherit;
  background-color: rgba(182, 213, 255, 1.0);
}
/* 選択行.親レコード.(+-)セル（SubGrid表示）のスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even.w2ui-selected:hover td.w2ui-grid-data.w2ui-col-expand {
  color: inherit;
  background-color: rgba(182, 213, 255, 1.0);
}
/* 空行.親レコード.(+-)セル（SubGrid表示）のスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-empty-record:hover td.w2ui-grid-data.w2ui-col-expand {
  color: inherit;
  background-color: rgba(255, 255, 255, 1.0);
}
/* 空行.親レコード.(+-)セル（SubGrid表示）のスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even.w2ui-empty-record:hover td.w2ui-grid-data.w2ui-col-expand {
  color: inherit;
  background-color: rgba(243, 246, 255, 1.0);
}
/* 空行.親レコード.(+-)セル（SubGrid表示）のマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-odd.w2ui-empty-record:hover td.w2ui-grid-data[data-edit~="true"] {
  color: inherit;
  background-color: rgba(255, 255, 64, 0.2);
}
/* 空行.親レコード.(+-)セル（SubGrid表示）のマウスオーバースタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records table tr.w2ui-even.w2ui-empty-record:hover td.w2ui-grid-data[data-edit~="true"] {
  color: inherit;
  background-color: rgba(182, 191, 80, 0.2);
}
/* SubGrid表示している親レコードのスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded {
  background-color: rgba(249, 250, 250, 0.58) !important;
}
/* SubGridの右セル余白のスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded1 {
  background-color: rgba(249, 250, 250, 0.58);
  border-right: none;
}
/* SubGridのスタイル */
.w2ui-grid .w2ui-grid-body .w2ui-grid-records .w2ui-expanded2 {
  padding-top: 10px;
  padding-bottom: 5px;
  background-color: rgba(249, 250, 250, 0.58);
}
/* (+-)セル（SubGrid表示）のヘッダーのスタイル */
.w2ui-grid .w2ui-grid-body table .w2ui-head {
  border-top: 1px solid #c5c5c5;
}
/* SubGridを表示しているTDタグのスタイル */
.w2ui-expanded2 .w2ui-grid-body {
  border-left: 1px solid #c5c5c5;
}
/* 親Gridのスタイル */
.w2ui-grid {
  border: none;
  border-left: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-bottom: 1px solid #c5c5c5;
}
/* SubGrid表示（+-）のセルスタイル（右枠線） */
.w2ui-grid .w2ui-grid-body table .w2ui-col-expand {
  border-right: none;
}
/* 親GridのBodyスタイル */
.w2ui-grid .w2ui-grid-body table {
  border-collapse: separate;
}
/* 親GridのFooterスタイル（表示文字を消す） */
.w2ui-grid .w2ui-grid-footer .w2ui-footer-left {
  display: none;
}
/* 選択文字の色、背景色 */
/*
span.w2ui-selected-reverse {
  color: rgba(255, 255, 255, 1.0) !important;
  background: rgba(32, 130, 248, 1.0);
}
*/
/* 選択モード 背景色 */
.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr.w2ui-selected,
.w2ui-ss .w2ui-grid-body .w2ui-grid-records table tr td.w2ui-selected {
  background-color: #e5ecf9 !important;
}
/* セル選択時の背景色（編集可項目） */
table tr[class~="w2ui-odd"]>td[class="w2ui-grid-data w2ui-selected"][data-id][data-edit="true"] {
  background-color: rgba(255, 255, 64, 0.2);
}
/* セル選択時の背景色（編集可項目） */
table tr[class~="w2ui-even"]>td[class="w2ui-grid-data w2ui-selected"][data-id][data-edit="true"] {
  background-color: rgba(182, 191, 80, 0.2);
}
/* セル値変更時の背景色（編集可項目） */
table tr[class~="w2ui-odd"]>td[class~="w2ui-changed"][data-id][data-edit="true"] {
  background-color: rgba(255, 255, 64, 0.2);
}
/* セル値変更時の背景色（編集可項目） */
table tr[class~="w2ui-even"]>td[class~="w2ui-changed"][data-id][data-edit="true"] {
  background-color: rgba(182, 191, 80, 0.2);
}
/* セル選択時の背景色（編集不可項目） */
table tr[class~="w2ui-odd"]>td[class="w2ui-grid-data w2ui-selected"][data-id][data-edit="false"] {
  background-color: rgba(255, 255, 255, 1.0);
}
/* セル選択時の背景色（編集不可項目） */
table tr[class~="w2ui-even"]>td[class="w2ui-grid-data w2ui-selected"][data-id][data-edit="false"] {
  background-color: rgba(243, 246, 255, 1.0);
}
/* SubGrid(+-)の背景色 */
.w2ui-grid .w2ui-grid-body table tr.w2ui-odd td.w2ui-grid-data.w2ui-col-expand {
  background-color: rgba(255, 255, 255, 1.0);
}
/* SubGrid(+-)の背景色 */
.w2ui-grid .w2ui-grid-body table tr.w2ui-even td.w2ui-grid-data.w2ui-col-expand {
  background-color: rgba(243, 246, 255, 1.0);
}
/* ○ SubGridのヘッダー色 */
.w2ui-expanded2 .w2ui-col-header {
  background-color: rgba(242, 255, 0, 0.17);
}
/* レコードの最終セルのスタイル */
.w2ui-ss .w2ui-grid-records table td[data-grid-end] {
  border-right-width: 0px;
}
/* 最終セルのヘッダースタイル */
.w2ui-grid .w2ui-grid-body table .w2ui-head[onclick*="'_end_'"]{
  border-right: 0px solid #c5c5c5;
}
/* 最終セル（隠し）のヘッダースタイル */
.w2ui-grid .w2ui-grid-body table .w2ui-head-last {
  border-top: 0px;
  border-bottom: 0px;
  background-image: linear-gradient(#ffffff, #ffffff);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
}
/* 変更セルのスタイル */
.w2ui-ss .w2ui-changed {
  background: url(data:image/gif;base64,R0lGODlhCgAKAJEAALAABf///wAAAAAAACH5BAEAAAIALAAAAAAKAAoAAAIPlI8Hy8mbxIsSUnup3rQAADs=) no-repeat top right;
}

/* grid footer centerのスタイル　*/
.w2ui-grid .w2ui-grid-footer .w2ui-footer-center {
  padding: 5px;
}

/* ボタン押下時の文字修飾無効化 */
button.btn:active,
button.btn.clicked {
  text-shadow: none !important;
}