| .ElementTable_Vertical, |
| .TableGray_Vertical { |
| width: 100%; |
| height: 100%; |
| white-space: nowrap; |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| } |
| |
| .ElementTable_Vertical_HeaderBar, |
| .TableGray_Vertical_HeaderBar { |
| -webkit-box-sizing: border-box; |
| -moz-box-sizing: border-box; |
| box-sizing: border-box; |
| width: 100%; |
| overflow: hidden; |
| padding-left: 2px; |
| white-space: nowrap; |
| border-bottom: 1px solid black; |
| } |
| |
| .ElementTable_Vertical_HeaderBar { |
| background-color: #55BAD4; |
| } |
| |
| .TableGray_Vertical_HeaderBar { |
| background-color: #888888; |
| } |
| |
| .ElementTable_Vertical_HeaderBar > *, |
| .TableGray_Vertical_HeaderBar > * { |
| display: inline-block; |
| vertical-align: middle; |
| overflow: hidden; |
| white-space: nowrap; |
| } |
| |
| .ElementTable_Vertical_Name, |
| .TableGray_Vertical_Name { |
| width: 50%; |
| font-weight: bold; |
| } |
| |
| .ElementTable_Vertical_SearchLabel, |
| .TableGray_Vertical_SearchLabel { |
| width: 15%; |
| text-align: right; |
| float: right; |
| } |
| |
| .ElementTable_Vertical_SearchInput, |
| .TableGray_Vertical_SearchInput { |
| width: 35%; |
| float: right; |
| } |
| |
| .ElementTable_Vertical_TableWrapper, |
| .TableGray_Vertical_TableWrapper { |
| overflow-y: auto; |
| } |
| |
| .ElementTable_Vertical table, |
| .TableGray_Vertical table { |
| width: 100%; |
| } |
| |
| .ElementTable_Vertical table tr td.ElementTable_Vertical_Selected { |
| background-color: #66a19f; |
| } |
| |
| .TableGray_Vertical table tr td.ElementTable_Vertical_Selected { |
| background-color: #4CAF50; |
| color: white; |
| } |
| |
| .ElementTable_Vertical table, |
| .TableGray_Vertical table { |
| border: none; |
| border-collapse: collapse; |
| } |
| |
| .ElementTable_Vertical table tr th.ElementTable_Vertical_Header, |
| .TableGray_Vertical table tr th.TableGray_Vertical_Header { |
| color: black; |
| font-weight: bold; |
| /*font-size: 14px;*/ |
| text-align: left; |
| padding: 2px; |
| border-right: 1px solid black; |
| } |
| |
| .ElementTable_Vertical table tr th.ElementTable_Vertical_Header { |
| background-color: #66CBE5; |
| } |
| |
| .TableGray_Vertical table tr th.TableGray_Vertical_Header { |
| background-color: #8D8D8D; |
| } |
| |
| .ElementTable_Vertical_Sort_No, |
| .ElementTable_Vertical_Sort_Asc, |
| .ElementTable_Vertical_Sort_Desc, |
| .TableGray_Vertical_Sort_No, |
| .TableGray_Vertical_Sort_Asc, |
| .TableGray_Vertical_Sort_Desc { |
| background-position: right center; |
| background-repeat: no-repeat; |
| } |
| .ElementTable_Vertical_Sort_Asc, |
| .TableGray_Vertical_Sort_Asc { |
| background-image: url("WebApplicationFramework/Res/sort_asc.png"); |
| } |
| .ElementTable_Vertical_Sort_Desc, |
| .TableGray_Vertical_Sort_Desc { |
| background-image: url("WebApplicationFramework/Res/sort_desc.png"); |
| } |
| .ElementTable_Vertical_Sort_No, |
| .TableGray_Vertical_Sort_No { |
| background-image: url("WebApplicationFramework/Res/sort_both.png"); |
| } |
| |
| .ElementTable_Vertical tr td { |
| xheight: 30px; |
| padding: 2px 2px; |
| /*font-size: 12px;*/ |
| background-color: #F2FBFD; |
| color: black; |
| } |
| |
| .TableGray_Vertical tr td { |
| padding: 2px 2px; |
| background-color: #c5c5c5; |
| } |