.jsgrid {
position: relative;
overflow: hidden;
font-size: 0.8rem;
}
.jsgrid,
.jsgrid *,
.jsgrid *:before,
.jsgrid *:after {
box-sizing: border-box;
}
.jsgrid input,
.jsgrid textarea,
.jsgrid select {
min-height: 2rem;
border-radius: 4px;
border: 1px solid #e4e9f0;
outline: 0 solid #e4e9f0;
padding: 0 0.6rem;
}
.jsgrid-cancel-edit-button {
display: none;
}
.jsgrid-button {
min-height: 1rem !important;
}
.jsgrid-header-row th {
text-transform: uppercase;
color: #4c4c4c;
padding-right: 20px;
border-bottom: 2px solid #dfdfdf;
}
.jsgrid-button {
border: 0px !important;
position: relative;
border: 0px;
background-position: 50% 50%;
background-size: 14px;
margin: 0px 8px;
background: transparent;
border-radius: 4px;
}
.jsgrid-cell {
word-wrap: break-word;
}
.textareaText {
display: block;
white-space: pre-line;
}
.newGrid td {
height: 2rem;
background-color: #ffffff;
border: 2px solid #e8e8e8;
}
.jsgrid-header-sort-desc::before {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f0d7" !important;
position: absolute;
right: 0;
right: 0px;
top: 10px;
}
.jsgrid-header-sortable::before {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f0dc";
position: absolute;
right: 0px;
top: 10px;
}
.jsgrid-header-sort-asc::before {
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f0d8" !important;
position: absolute;
right: 0px;
top: 10px;
}
.jsgrid-header-sortable {
position: relative;
}
.jsgrid-insert-mode-button {
width: 17px;
height: 19px;
filter: invert(74%) sepia(33%) saturate(7172%) hue-rotate(146deg) brightness(103%) contrast(102%);
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;utf8,");
}
.jsgrid-edit-button {
width: 18px !important;
filter: invert(74%) sepia(33%) saturate(7172%) hue-rotate(146deg) brightness(103%) contrast(102%);
background-repeat: no-repeat;
background-position: 50% 50%;
background-image: url("data:image/svg+xml;utf8,");
}
.jsgrid input,
.jsgrid select {
border: 1px solid #f0f0f0;
}
.jsgrid input:focus {
border: 1px solid #cdcdcd;
outline: none;
}
.mainSearchWrap {
position: relative;
}
.jsgrid-control-field {
padding: 0.5em 0.5em !important;
}
.jsgrid-delete-button {
width: 14px !important;
filter: brightness(0) saturate(100%) invert(87%) sepia(4%) saturate(14%)
hue-rotate(336deg) brightness(94%) contrast(94%);
background-repeat: no-repeat;
background-position: 50% 50%;
background-image: url("data:image/svg+xml;utf8,");
}
.jsgrid-insert-row td {
background-color: #f0fff3;
}
.jsgrid-insert-button {
width: 18px !important;
filter: brightness(0) saturate(100%) invert(32%) sepia(73%) saturate(3322%)
hue-rotate(200deg) brightness(102%) contrast(107%);
background-repeat: no-repeat;
background-position: 50% 50%;
background-image: url("data:image/svg+xml;utf8,");
}
.jsgrid-update-button {
filter: brightness(0) saturate(100%) invert(68%) sepia(52%) saturate(4904%)
hue-rotate(117deg) brightness(100%) contrast(101%);
width: 18px !important;
background-repeat: no-repeat;
background-position: 50% 50%;
background-image: url("data:image/svg+xml;utf8,");
}
.jsgrid-cancel-edit-button {
width: 14px !important;
background-position: 50% 50%;
filter: brightness(0) saturate(100%) invert(18%) sepia(61%) saturate(7140%)
hue-rotate(335deg) brightness(102%) contrast(106%);
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;utf8,");
}
.jsgrid-mode-button {
text-align: center;
}
.jsgrid-insert::before {
width: 100%;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f0fe";
position: absolute;
left: 0px;
top: 8px;
}
.jsgrid-edit::before {
width: 100%;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f044";
position: absolute;
left: 0px;
top: 8px;
}
.jsgrid-delete::before {
width: 100%;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f1f8";
position: absolute;
left: 0px;
top: 8px;
}
.jsgrid-save::before {
width: 100%;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f0c7";
position: absolute;
left: 0px;
top: 8px;
}
.jsgrid-cancel::before {
width: 100%;
font-family: "Font Awesome\ 5 Free";
font-weight: 900;
content: "\f55a";
position: absolute;
left: 0px;
top: 8px;
}
.jsgrid-grid-header {
overflow-x: hidden;
overflow-y: scroll;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.jsgrid-grid-body {
overflow-x: auto;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.jsgrid-table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
}
.jsgrid-cell {
vertical-align: top;
padding: 0.5em 0.5em;
}
.jsgrid-сell,
.jsgrid-header-cell {
box-sizing: border-box;
}
.jsgrid-align-left {
text-align: left;
}
.jsgrid-align-center,
.jsgrid-align-center input,
.jsgrid-align-center textarea,
.jsgrid-align-center select {
text-align: center;
}
.jsgrid-align-right,
.jsgrid-align-right input,
.jsgrid-align-right textarea,
.jsgrid-align-right select {
text-align: right;
}
.jsgrid-header-cell {
padding: 0.5em 0.5em;
}
.jsgrid-filter-row input,
.jsgrid-filter-row textarea,
.jsgrid-filter-row select,
.jsgrid-edit-row input,
.jsgrid-edit-row textarea,
.jsgrid-edit-row select,
.jsgrid-insert-row input,
.jsgrid-insert-row textarea,
.jsgrid-insert-row select {
width: 100%;
padding: 0.3em 0.5em;
}
.jsgrid-filter-row input[type="checkbox"],
.jsgrid-edit-row input[type="checkbox"],
.jsgrid-insert-row input[type="checkbox"] {
width: auto;
}
.jsgrid-selected-row .jsgrid-cell {
cursor: pointer;
}
.jsgrid-nodata-row .jsgrid-cell {
padding: 0.5em 0;
text-align: center;
}
.jsgrid-header-sort {
cursor: pointer;
}
.jsgrid-pager {
padding: 0.5em 0;
}
.jsgrid-pager-nav-button {
padding: 0.2em 0.6em;
}
.jsgrid-pager-nav-inactive-button {
display: none;
pointer-events: none;
}
.jsgrid-pager-page {
padding: 0.2em 0.6em;
}