.asideList, .ico2, .view_field > div, .windowTab, .windowTitle, td {text-align: center}
.title, .view_field, td, th {overflow: hidden}
.tallTable td:first-child {white-space: pre-wrap}
#columnHiderDiv > span, .filterRow > td > *, .zoom:hover .zoomInput, caption.recordIdIndicator {display: block}
.order, .resize {position: absolute;width: 10px;top: 0}
.order, .resize, .windowContent tr {height: 20px}
.windowTab, .windowTitle {font-size: 15px;color: #fff}
.resize {right: 0}
.order {left: 0}
.scrollHeight, th {position: relative}
.order.ordered.reversed:hover:after, .order.ordered:after, .order:hover:after {display: initial;content: "\2193"}
.order.ordered:hover:after, .order.reversed:after {display: initial;content: "\2191"}
.resize:hover {cursor: col-resize;border-right: 2px solid red}
.scrollHeight {z-index: -1}
.desktop, .tabsBar, .title, .window, .windowContent, .windowTitle, .windowTitle .title, .zoom, .zoomInput {position: absolute}
.tabsBar, .windowTab {top: 0;left: 0;display: inline-flex}
.leftFloatedContainer > *, .wideTable td, .windowTab, th {border: 1px solid #000}
.tableRow.evenRow, tr:nth-child(2n) {background: rgba(0, 0, 0, .1)}
.tallTable .tableCell:nth-child(2n), td:nth-child(2n) {background: rgba(0, 0, 0, .05)}
td, th {font-size: 13px;width: 170px}
tr[data-select="1"] {background: rgba(0, 0, 255, .6) !important;color: #fafac4 !important}
tr[data-type=mod] {background: rgba(0, 0, 255, .2)}
tr[data-type=mod]:nth-child(2n) {background: rgba(0, 0, 255, .4)}
tr[data-type=del] {background: rgba(255, 0, 0, .2)}
tr[data-type=del]:nth-child(2n) {background: rgba(255, 0, 0, .4)}
.tabsBar {right: 0;height: 27px;background: #8897a7;z-index: 109}
.windowTab {position: relative;height: 25px;width: 20%;min-width: 55px;border-radius: 2px;border-left: 0 solid #000}
.windowTab .close {right: 2px !important}
.title {transform: translate(0, -50%);top: 50%;left: 22px;right: 22px;white-space: nowrap}
.desktop {left: 0;right: 0;top: 54px;bottom: 0;overflow: auto;background: url(../image/bg1.jpg) 0 0/cover}
.columnMoveIcon {height: 25px;padding-right: 3px}
.window {border: 3px solid;background: #000;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;resize: both;overflow: hidden;left: 44px;width: 50vw;top: 138px;height: 45vh;z-index: 100;bottom: auto}
.detailedSideMenu > div:first-child, .fileListItem, .windowTitle, caption.recordIdIndicator {border-bottom: 1px solid #000}
.windowContent, .windowTitle {top: 0;left: 0;width: 100%}
.windowTitle {height: 35px;background: #566575;border-top-left-radius: 10px;border-top-right-radius: 10px;font-size: 23px}
.windowContent {bottom: 0;background: #d0d8e0;transform: translateZ(0)}
.windowContent table {table-layout: fixed;white-space: nowrap;border-collapse: collapse;border: 1px solid #000}
.windowContent table.scrollTable {width: 0;background-color: #fff}
.zoom {top: 5px;width: 20px;height: 20px}
.zoomInput {left: 15px;top: 3px;width: 100px;display: none}
.windowTitle .title {left: 32px;right: 120px}
.close, .ico2, .maximalize, .miniaturize, .pinner, .resetWindowIcon {width: 25px;background-size: cover;position: absolute;height: 25px}
.ico2 {top: 0;right: 0;background-image: url(../image/icons/white_zoom_trans.png)}
.close {right: 10px;top: 5px;background-image: url(../image/icons/white_x_trans.png)}
.maximalize {right: 40px;top: 5px;background-image: url(../image/icons/white_screen_trans.png)}
.miniaturize {right: 70px;top: 5px;background-image: url(../image/icons/white_line_trans.png)}
.pinner {right: 100px;top: 5px;background-image: url(../image/icons/pin_icon.png)}
.zoom {right: 130px}
.zoom:hover {width: 150px;text-align: right}
.resetWindowIcon {right: 30px;background-image: url(../image/icons/refresh_icon.png)}
.view_field {user-select: none;position: sticky;left: 0;top: 0;right: 0;height: 30px;background: #566575;color: #fff;z-index: 109;display: flex;justify-content: space-between}
.view_field > div {display: table-cell;margin-left: 3px;vertical-align: middle;height: 30px}
.statusIcon, .view_field img {vertical-align: bottom}
.fileUpload > input, .hiddenIconTd img {display: none}
input[type=time] {height: 20px;width: 85px;font-family: auto, serif}
input[type=date] {height: 20px;width: 100px;font-family: auto, "Roboto Light", sans-serif}
.leftFloatedContainer object {height: 100%;width: 100%}
.leftFloatedContainer {display: grid;grid-template-columns:max-content auto;height: 100%}
.cbCircle, .ovalBg {border-radius: 2rem;cursor: pointer}
.detailedSideMenu > div {font-size: 13px;margin: 3px}
.detailedSideMenu .sideMenuItem:hover {color: #fff;background-color: #4169e1;cursor: pointer}
.fileListItem {display: flex;justify-content: space-between;align-items: flex-end;padding-bottom: 3px}
.customTableInput {width: 40px;margin-right: 10px}
.tallTable td:nth-child(2), .tallTable textarea {width: 300px}
.otherTable thead {position: initial}
.otherTable td {border-top: 1px solid;user-select: text}
#columnHiderDiv {display: none;border: 1px solid #fff;position: fixed;width: 200px;background: #566575;right: 0;top: 30px}
.requiredInput {color: red}
.customTableInput + span {margin-right: 5px}
.hiddenIconTd:hover img {display: initial}
.tableContainer {overflow: scroll;width: 100%;top: 25px;left: 0;bottom: 0;position: absolute}
.withMenu .tableContainer {width: calc(100% - 20px)}
.dataTable {top: 5px;height: calc(100% - 30px);width: 100%;position: sticky}
.windowBody {height: CALC(100% - 10px);position: relative;top: 35px;background: #d0d8e0}
aside {background-color: #0799d3;top: 0;bottom: 0;left: 0;z-index: 1}
.asideNavContainer {width: 220px;position: absolute;z-index: 3000;left: -200px;transition: transform .5s ease-in-out}
.asideNavContainer label {display: inline-block;padding: 7px 10px;background-color: transparent;cursor: pointer;margin: 10px;z-index: 3;position: relative;top: -110px}
.asideNavContainer.fly {transform: translateX(200px)}
.windowMainContainer {transform: translateX(0);transition: transform .5s ease-in-out}
.windowMainContainer.withMenu {transform: translateX(20px)}
.windowMainContainer.fly {transform: translateX(220px)}
.asideList {list-style: none;padding: 0;margin: 0;border-top: 2px solid rgba(255, 255, 255, .7)}
.asideAnchor, .asideAnchorLabel {border-bottom: 1px solid rgba(255, 255, 255, .7);padding: 5px 0;color: #fff;font-weight: 500}
.asideAnchor {text-decoration: none;display: block;text-transform: uppercase;width: 200px;position: relative;transition: color .3s ease-in .15s}
.asideAnchorLabel {width: 20px;display: inline-block}
.asideList > div {display: grid;grid-template-columns:200px 20px}
.asideAnchor::after {content: "";position: absolute;left: 0;bottom: 0;height: 100%;background-color: #fff;width: 0;transition: width .3s ease-in;z-index: -1}
.asideAnchor:hover {color: orange}
.asideAnchor:hover::after {width: 100%}
.windowMainContainer {width: 100%;height: calc(100% - 26px)}
.close:hover, .columnMoveIcon:hover, .ico2:hover, .maximalize:hover, .miniaturize:hover, .pinner:hover, .resetWindowIcon:hover, .zoom:hover {cursor: pointer}
.innerTallTable {width: max-content !important}
.focusedInput {background-color: coral}
.windowMainContainer:not(.wideTable) {overflow-x: hidden}
.windowMainContainer:not(.wideTable) .windowContent {overflow-x: auto}
.wideTable .leftAlign {text-align: left}
.wideTable .rightAlign {text-align: right}
.imageContainer {width: 0;height: CALC(100% - 25px);float: right}
.pinned {z-index: 110 !important}
.view_field span {padding-right: 10px}
.tallTable {display: grid;border: 1px solid #000;width: min-content}
.tallTable .tableRow {display: grid;grid-template-columns:30% 70%;text-align: center;border: 1px solid grey;align-items: center}
.buttonTable .tableCell, .tallTable .tableCell {padding: 3px;justify-content: center;display: flex;height: 100%;align-items: center}
.statusIcon {height: 19px}
.statusTd {padding: 0}
.overlay {display: none;background-color: #efefef;position: fixed;width: 100%;height: 100%;z-index: 1000;top: 0;left: 0;opacity: .5}