/* Copyright © https://evidencesystem.ca all rights reserved 2020-2026 */
.gj-button {
background-color:#f5f5f5;
border:1px solid #ddd;
color:#000;
border-radius:3px;
padding:6px 10px;
cursor:pointer;
}
.gj-unselectable {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.gj-row {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.gj-margin-left-5 {
margin-left:5px;
}
.gj-margin-left-10 {
margin-left:10px;
}
.gj-width-full {
width:100%;
}
.gj-cursor-pointer {
cursor:pointer;
}
.gj-text-align-center {
text-align:center;
}
.gj-font-size-16 {
font-size:16px;
}
.gj-hidden {
display:none;
}
.gj-button-md {
background:0 0;
border:none;
border-radius:2px;
color:rgba(0, 0, 0, 0.87);
position:relative;
height:36px;
margin:0;
min-width:64px;
padding:0 16px;
display:inline-block;
font-family:"Roboto","Helvetica","Arial",sans-serif;
font-size:1rem;
font-weight:500;
text-transform:uppercase;
letter-spacing:0;
overflow:hidden;
will-change:box-shadow;
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
outline:none;
cursor:pointer;
text-decoration:none;
text-align:center;
line-height:36px;
vertical-align:middle;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.gj-button-md:hover {
background-color:rgba(158,158,158,.2);
}
.gj-button-md:disabled {
color:rgba(0,0,0,.26);
background:0 0;
}
.gj-button-md .material-icons,
.gj-button-md .gj-icon {
vertical-align:middle;
}
.gj-button-md.gj-button-md-icon {
width:24px;
height:31px;
min-width:24px;
padding:0px;
display:table;
}
.gj-button-md.gj-button-md-icon .material-icons,
.gj-button-md.gj-button-md-icon .gj-icon {
display:table-cell;
margin-right:0px;
width:24px;
height:24px;
}
.gj-button-md.active {
background-color:rgba(158,158,158,.4);
}
.gj-button-md-group {
position:relative;
display:inline-block;
vertical-align:middle;
}
.gj-textbox-md {
border:none;
border-bottom:1px solid rgba(0,0,0,.42);
display:block;
font-family:"Helvetica","Arial",sans-serif;
font-size:16px;
line-height:16px;
padding:4px 0px;
margin:0;
width:100%;
background:0 0;
text-align:left;
color:rgba(0,0,0,.87);
}
.gj-textbox-md:focus,
.gj-textbox-md:active {
border-bottom:2px solid rgba(0,0,0,.42);
outline:none;
}
.gj-textbox-md::placeholder {
color:#8e8e8e;
}
.gj-textbox-md:-ms-input-placeholder {
color:#8e8e8e;
}
.gj-textbox-md::-ms-input-placeholder {
color:#8e8e8e;
}
.gj-md-spacer-24 {
min-width:24px;
width:24px;
display:inline-block;
}
.gj-md-spacer-32 {
min-width:32px;
width:32px;
display:inline-block;
}
.gj-modal {
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
z-index:1203;
display:none;
overflow:hidden;
-webkit-overflow-scrolling:touch;
outline:0;
background-color:rgba(0, 0, 0, 0.54118);
transition:200ms ease opacity;
will-change:opacity;
}
ul.gj-list li [data-role="wrapper"] {
display:table;
width:100%;
}
ul.gj-list li [data-role="checkbox"] {
display:table-cell;
vertical-align:middle;
text-align:center;
}
ul.gj-list li [data-role="image"] {
display:table-cell;
vertical-align:middle;
text-align:center;
}
ul.gj-list li [data-role="display"] {
display:table-cell;
vertical-align:middle;
cursor:pointer;
}
ul.gj-list li [data-role="display"]:empty:before {
content:"\200b";
}
ul.gj-list-bootstrap {
padding-left:0px;
margin-bottom:0px;
}
ul.gj-list-bootstrap li {
padding:0px;
}
ul.gj-list-bootstrap li [data-role="wrapper"] {
padding:0px 10px;
}
ul.gj-list-bootstrap li [data-role="checkbox"] {
width:24px;
padding:3px;
}
ul.gj-list-bootstrap li [data-role="image"] {
width:24px;
height:24px;
}
ul.gj-list-bootstrap li [data-role="display"] {
padding:8px 0px 8px 4px;
}
.list-group-item.active ul li, .list-group-item.active:focus ul li, .list-group-item.active:hover ul li {
text-shadow:none;
color:initial;
}
ul.gj-list-md {
padding:0px;
list-style:none;
list-style-type:none;
line-height:24px;
letter-spacing:0;
color:#616161;
}
ul.gj-list-md li {
display:list-item;
list-style-type:none;
padding:0px;
min-height:unset;
box-sizing:border-box;
align-items:center;
cursor:default;
overflow:hidden;
font-family:"Roboto","Helvetica","Arial",sans-serif;
font-size:16px;
font-weight:400;
letter-spacing:.04em;
line-height:1;
-webkit-flex-direction:row;
-ms-flex-direction:row;
flex-direction:row;
-webkit-flex-wrap:nowrap;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
}
ul.gj-list-md li [data-role="checkbox"] {
height:24px;
width:24px;
}
ul.gj-list-md li [data-role="image"] {
height:24px;
width:24px;
}
ul.gj-list-md li [data-role="display"] {
padding:8px 0px 8px 5px;
order:0;
flex-grow:2;
text-decoration:none;
box-sizing:border-box;
align-items:center;
text-align:left;
color:rgba(0,0,0,.87);
}
ul.gj-list-md li.disabled>[data-role="wrapper"]>[data-role="display"] {
color:#9E9E9E;
}
.gj-list-md-active {
background:#e0e0e0;
color:#3f51b5;
}
.gj-picker {
position:absolute;
z-index:1203;
background-color:#fff;
}
.gj-picker .selected {
color:#fff;
}
.gj-picker-md {
font-family:"Roboto","Helvetica","Arial",sans-serif;
font-size:16px;
font-weight:400;
letter-spacing:.04em;
line-height:1;
color:rgba(0,0,0,.87);
border:1px solid #E0E0E0;
}
.gj-modal .gj-picker-md {
border:0px;
}
.gj-picker-md [role="header"] {
color:rgba(255, 255, 255, 0.54);
display:flex;
background:#2196f3;
align-items:baseline;
user-select:none;
justify-content:center;
}
.gj-picker-md [role="footer"] {
float:right;
padding:10px;
}
.gj-picker-md [role="footer"] button.gj-button-md {
color:#2196f3;
font-weight:bold;
font-size:13px;
}
.gj-picker-bootstrap {
border-radius:4px;
border:1px solid #E0E0E0;
}
.gj-picker-bootstrap .selected {
color:#888;
}
.gj-picker-bootstrap [role="header"] {
background:#eee;
color:#AAA;
}
@font-face {
font-family:'gijgo-material';
src:url('../fonts/gijgo-material.eot?235541');
src:url('../fonts/gijgo-material.eot?235541#iefix') format('embedded-opentype'), url('../fonts/gijgo-material.ttf?235541') format('truetype'), url('../fonts/gijgo-material.woff?235541') format('woff'), url('../fonts/gijgo-material.svg?235541#gijgo-material') format('svg');
font-weight:normal;
font-style:normal;
}
.gj-icon {
font-family:'gijgo-material' !important;
font-size:24px;
speak:none;
font-style:normal;
font-weight:normal;
font-variant:normal;
text-transform:none;
line-height:1;
letter-spacing:0;
-webkit-font-feature-settings:"liga";
-moz-font-feature-settings:"liga=1";
-moz-font-feature-settings:"liga";
-ms-font-feature-settings:"liga" 1;
font-feature-settings:"liga";
-webkit-font-variant-ligatures:discretionary-ligatures;
font-variant-ligatures:discretionary-ligatures;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.gj-icon.undo:before {
content:"\e900";
}
.gj-icon.vertical-align-top:before {
content:"\e901";
}
.gj-icon.vertical-align-center:before {
content:"\e902";
}
.gj-icon.vertical-align-bottom:before {
content:"\e903";
}
.gj-icon.arrow-dropup:before {
content:"\e904";
}
.gj-icon.clock:before {
content:"\e905";
}
.gj-icon.refresh:before {
content:"\e906";
}
.gj-icon.last-page:before {
content:"\e907";
}
.gj-icon.first-page:before {
content:"\e908";
}
.gj-icon.cancel:before {
content:"\e909";
}
.gj-icon.clear:before {
content:"\e90a";
}
.gj-icon.check-circle:before {
content:"\e90b";
}
.gj-icon.delete:before {
content:"\e90c";
}
.gj-icon.arrow-upward:before {
content:"\e90d";
}
.gj-icon.arrow-forward:before {
content:"\e90e";
}
.gj-icon.arrow-downward:before {
content:"\e90f";
}
.gj-icon.arrow-back:before {
content:"\e910";
}
.gj-icon.list-numbered:before {
content:"\e911";
}
.gj-icon.list-bulleted:before {
content:"\e912";
}
.gj-icon.indent-increase:before {
content:"\e913";
}
.gj-icon.indent-decrease:before {
content:"\e914";
}
.gj-icon.redo:before {
content:"\e915";
}
.gj-icon.align-right:before {
content:"\e916";
}
.gj-icon.align-left:before {
content:"\e917";
}
.gj-icon.align-justify:before {
content:"\e918";
}
.gj-icon.align-center:before {
content:"\e919";
}
.gj-icon.strikethrough:before {
content:"\e91a";
}
.gj-icon.italic:before {
content:"\e91b";
}
.gj-icon.underlined:before {
content:"\e91c";
}
.gj-icon.bold:before {
content:"\e91d";
}
.gj-icon.arrow-dropdown:before {
content:"\e91e";
}
.gj-icon.done:before {
content:"\e91f";
}
.gj-icon.pencil:before {
content:"\e920";
}
.gj-icon.minus:before {
content:"\e921";
}
.gj-icon.plus:before {
content:"\e922";
}
.gj-icon.chevron-up:before {
content:"\e923";
}
.gj-icon.chevron-right:before {
content:"\e924";
}
.gj-icon.chevron-down:before {
content:"\e925";
}
.gj-icon.chevron-left:before {
content:"\e926";
}
.gj-icon.event:before {
content:"\e927";
}
.gj-draggable {
cursor:move;
}
.gj-resizable-handle {
position:absolute;
font-size:0.1px;
display:block;
-ms-touch-action:none;
touch-action:none;
z-index:1203;
}
.gj-resizable-n {
cursor:n-resize;
height:7px;
width:100%;
top:-5px;
left:0;
}
.gj-resizable-e {
cursor:e-resize;
width:7px;
right:-5px;
top:0;
height:100%;
}
.gj-resizable-s {
cursor:s-resize;
height:7px;
width:100%;
bottom:-5px;
left:0;
}
.gj-resizable-w {
cursor:w-resize;
width:7px;
left:-5px;
top:0;
height:100%;
}
.gj-resizable-se {
cursor:se-resize;
width:12px;
height:12px;
right:1px;
bottom:1px;
}
.gj-resizable-sw {
cursor:sw-resize;
width:9px;
height:9px;
left:-5px;
bottom:-5px;
}
.gj-resizable-nw {
cursor:nw-resize;
width:9px;
height:9px;
left:-5px;
top:-5px;
}
.gj-resizable-ne {
cursor:ne-resize;
width:9px;
height:9px;
right:-5px;
top:-5px;
}
.gj-dialog-footer {
position:absolute;
bottom:0px;
width:100%;
margin-top:0px;
}
.gj-dialog-scrollable [data-role="body"] {
overflow-x:hidden;
overflow-y:scroll;
}
.gj-dialog-bootstrap {
overflow:hidden;
z-index:1202;
}
.gj-dialog-bootstrap [data-role="title"] {
display:inline;
}
.gj-dialog-bootstrap [data-role="close"] {
line-height:1.42857143;
}
.gj-dialog-bootstrap4 {
overflow:hidden;
z-index:1202;
}
.gj-dialog-bootstrap4 [data-role="title"] {
display:inline;
}
.gj-dialog-bootstrap4 [data-role="close"] {
line-height:1.5;
}
.gj-dialog-bootstrap5 {
overflow:hidden;
z-index:1202;
}
.gj-dialog-bootstrap5 [data-role="title"] {
display:inline;
}
.gj-dialog-bootstrap5 [data-role="close"] {
line-height:1.5;
}
.gj-dialog-md {
background-color:#FFF;
overflow:hidden;
border:none;
box-shadow:0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
box-sizing:border-box;
position:relative;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
-webkit-background-clip:padding-box;
background-clip:padding-box;
outline:0;
z-index:1202;
}
.gj-dialog-md-header {
padding:24px 24px 0px 24px;
font-family:"Roboto","Helvetica","Arial",sans-serif;
}
.gj-dialog-md-title {
margin:0;
font-weight:400;
display:inline;
line-height:28px;
font-size:20px;
}
.gj-dialog-md-close {
-webkit-appearance:none;
padding:0;
cursor:pointer;
background:0 0;
border:0;
float:right;
line-height:28px;
font-size:28px;
}
.gj-dialog-md-body {
padding:20px 24px 24px 24px;
color:rgba(0,0,0,.54);
font-family:"Helvetica","Arial",sans-serif;
font-size:14px;
font-weight:400;
line-height:20px;
}
.gj-dialog-md-footer {
padding:8px 8px 8px 24px;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-flex-direction:row-reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
box-sizing:border-box;
}
.gj-dialog-md-footer>*:first-child {
margin-right:0;
}
.gj-dialog-md-footer>* {
margin-right:8px;
height:36px;
}
DIV.gj-grid-wrapper {
margin:auto;
position:relative;
clear:both;
z-index:1;
}
TABLE.gj-grid {
margin:auto;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
TABLE.gj-grid THEAD TH [data-role="selectAll"] {
margin:auto;
}
TABLE.gj-grid THEAD TH [data-role="title"] {
display:inline-block;
}
TABLE.gj-grid THEAD TH [data-role="sorticon"] {
display:inline-block;
}
TABLE.gj-grid THEAD TH {
overflow:hidden;
text-overflow:ellipsis;
}
TABLE.gj-grid.autogrow-header-row THEAD TH {
overflow:auto;
text-overflow:initial;
white-space:pre-wrap;
-ms-word-break:break-word;
word-break:break-word;
}
TABLE.gj-grid > tbody > tr > td {
overflow:hidden;
position:relative;
}
table.gj-grid tbody div[data-role="display"] {
vertical-align:middle;
text-indent:0;
white-space:pre-wrap;
-ms-word-break:break-word;
word-break:break-word;
}
table.gj-grid.fixed-body-rows tbody div[data-role="display"] {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
-ms-word-break:initial;
word-break:initial;
}
table.gj-grid tfoot DIV[data-role="display"] {
vertical-align:middle;
text-indent:0;
display:flex;
}
TABLE.gj-grid .fa {
padding:2px;
}
TABLE.gj-grid > tbody > tr > td > div {
padding:2px;
overflow:hidden;
}
DIV.gj-grid-wrapper DIV.gj-grid-loading-cover
{
background:#BBBBBB;
opacity:0.5;
position:absolute;
vertical-align:middle;
}
DIV.gj-grid-wrapper DIV.gj-grid-loading-text
{
position:absolute;
font-weight:bold;
}
table.gj-grid-bootstrap thead th {
background-color:#f5f5f5;
vertical-align:middle;
}
table.gj-grid-bootstrap thead th [data-role="sorticon"] {
margin-left:5px;
}
table.gj-grid-bootstrap thead th [data-role="sorticon"] i.gj-icon,
table.gj-grid-bootstrap thead th [data-role="sorticon"] i.material-icons {
position:absolute;
font-size:20px;
top:15px;
}
table.gj-grid-bootstrap tbody tr td div[data-role="display"] {
padding:0px;
}
.gj-grid-bootstrap-4 .gj-checkbox-bootstrap {
display:inline-block;
padding-top:2px;
}
.gj-grid-bootstrap-4 tbody tr.active {
background-color:rgba(0,0,0,.075);
}
.gj-grid-md {
position:relative;
border:1px solid #e0e0e0;
border-collapse:collapse;
white-space:nowrap;
font-size:13px;
font-family:"Roboto","Helvetica","Arial",sans-serif;
background-color:#fff;
}
.gj-grid-md td:first-of-type, .gj-grid-md th:first-of-type {
padding-left:24px;
}
.gj-grid-md th {
position:relative;
vertical-align:bottom;
font-weight:700;
line-height:31px;
letter-spacing:0;
height:56px;
font-size:12px;
color:rgba(0,0,0,.54);
padding-bottom:8px;
box-sizing:border-box;
padding:12px 18px;
text-align:right;
}
.gj-grid-md td {
position:relative;
height:48px;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:12px 18px;
box-sizing:border-box;
text-align:left;
color:rgba(0,0,0,.87);
}
.gj-grid-md tbody tr {
position:relative;
height:48px;
transition-duration:.28s;
transition-timing-function:cubic-bezier(.4,0,.2,1);
transition-property:background-color;
}
.gj-grid-md tbody tr:hover {
background-color:#EEEEEE;
}
.gj-grid-md tbody tr.gj-grid-md-select {
background-color:#F5F5F5;
}
table.gj-grid-md thead th [data-role="sorticon"] {
margin-left:5px;
}
table.gj-grid-md thead th [data-role="sorticon"] i.gj-icon,
table.gj-grid-md thead th [data-role="sorticon"] i.material-icons {
position:absolute;
font-size:16px;
top:19px;
}
table.gj-grid-md thead th.gj-grid-select-all {
padding-bottom:3px;
}
@media only all {
th.display-1120,
td.display-1120,
th.display-960,
td.display-960,
th.display-800,
td.display-800,
th.display-640,
td.display-640,
th.display-480,
td.display-480,
th.display-320,
td.display-320 {
display:none;
}
}
@media screen and (min-width:20em) {
TABLE.gj-grid-bootstrap th.display-320,
TABLE.gj-grid-bootstrap td.display-320 {
display:table-cell;
}
}
@media screen and (min-width:30em) {
TABLE.gj-grid-bootstrap th.display-480,
TABLE.gj-grid-bootstrap td.display-480 {
display:table-cell;
}
}
@media screen and (min-width:40em) {
TABLE.gj-grid-bootstrap th.display-640,
TABLE.gj-grid-bootstrap td.display-640 {
display:table-cell;
}
}
@media screen and (min-width:50em) {
TABLE.gj-grid-bootstrap th.display-800,
TABLE.gj-grid-bootstrap td.display-800 {
display:table-cell;
}
}
@media screen and (min-width:60em) {
TABLE.gj-grid-bootstrap th.display-960,
TABLE.gj-grid-bootstrap td.display-960 {
display:table-cell;
}
}
@media screen and (min-width:70em) {
TABLE.gj-grid-bootstrap th.display-1120,
TABLE.gj-grid-bootstrap td.display-1120 {
display:table-cell;
}
}
.gj-grid-md tfoot tr th {
padding-right:14px;
}
.gj-grid-md tfoot tr[data-role="pager"] .gj-grid-mdl-pager-label {
padding-left:5px;
padding-right:5px;
}
.gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md {
margin-left:12px;
}
.gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md [role="presenter"] {
font-size:12px;
font-weight:bold;
color:rgba(0,0,0,.54);
}
.gj-grid-md tfoot tr[data-role="pager"] .gj-dropdown-md [role="presenter"] [role="display"] {
text-align:right;
}
.gj-grid-md tfoot tr[data-role="pager"] .gj-grid-md-limit-select {
margin-left:10px;
font-size:12px;
font-weight:bold;
color:rgba(0,0,0,.54);
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th {
line-height:30px;
background-color:#f5f5f5;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th > div > div {
margin-right:5px;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th > div > button {
margin-right:5px;
}
.gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th > div button {
height:34px;
}
.gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th div .gj-dropdown-bootstrap-4 .gj-dropdown-expander-mi .gj-icon {
top:5px;
}
.gj-grid-bootstrap-3 tfoot tr[data-role="pager"] th > div > input {
margin-right:5px;
width:40px;
text-align:right;
display:inline-block;
font-weight:bold;
}
.gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th > div > div.input-group {
width:40px;
}
.gj-grid-bootstrap-4 tfoot tr[data-role="pager"] th > div > div.input-group input {
text-align:right;
font-weight:bold;
height:34px;
padding-top:2px;
padding-bottom:6px;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th > div > select {
display:inline-block;
margin-right:5px;
width:60px;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap .gj-list-bootstrap [data-role="display"] {
line-height:14px;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap [role="presenter"] [role="display"] {
font-weight:bold;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap-3 [role="presenter"] {
padding:2px 8px;
}
.gj-grid-bootstrap tfoot tr[data-role="pager"] th .gj-dropdown-bootstrap-4 [role="presenter"] {
padding:1px 8px;
}
.gj-grid thead tr th div.gj-grid-column-resizer-wrapper {
position:relative;
width:100%;
height:0px;
top:0px;
left:0px;
padding:0px;
}
span.gj-grid-column-resizer {
position:absolute;
right:0px;
width:10px;
top:-100px;
height:300px;
z-index:1203;
cursor:e-resize;
}
.gj-grid-resize-cursor {
cursor:e-resize;
}
.gj-grid-md tbody tr.gj-grid-top-border td {
border-top:2px solid #777;
}
.gj-grid-md tbody tr.gj-grid-bottom-border td {
border-bottom:2px solid #777;
}
.gj-grid-bootstrap tbody tr.gj-grid-top-border td {
border-top:2px solid #777;
}
.gj-grid-bootstrap tbody tr.gj-grid-bottom-border td {
border-bottom:2px solid #777;
}
.gj-grid-md thead tr th.gj-grid-left-border,
.gj-grid-md tbody tr td.gj-grid-left-border
{
border-left:3px solid #777;
}
.gj-grid-md thead tr th.gj-grid-right-border,
.gj-grid-md tbody tr td.gj-grid-right-border
{
border-right:3px solid #777;
}
.gj-grid-bootstrap thead tr th.gj-grid-left-border,
.gj-grid-bootstrap tbody tr td.gj-grid-left-border
{
border-left:5px solid #ddd;
}
.gj-grid-bootstrap thead tr th.gj-grid-right-border,
.gj-grid-bootstrap tbody tr td.gj-grid-right-border
{
border-right:5px solid #ddd;
}
.gj-dirty {
position:absolute;
top:0px;
left:0px;
border-style:solid;
border-width:3px;
border-color:#f00 transparent transparent #f00;
padding:0;
overflow:hidden;
vertical-align:top;
}
.gj-grid-md tbody tr td.gj-grid-management-column {
padding:3px;
}
.gj-grid-md tbody tr td[data-mode="edit"] {
padding:0px 18px;
}
.gj-grid-md tbody .gj-dropdown-md [role="presenter"] [role="display"] {
padding:0px;
}
.gj-grid-bootstrap tbody tr td[data-mode="edit"] {
padding:0px;
}
.gj-grid-bootstrap tbody tr td[data-mode="edit"] [data-role="edit"] {
padding:0px;
}
.gj-grid-bootstrap-3 tbody tr td.gj-grid-management-column {
padding:3px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] {
height:38px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] [data-role="edit"] input[type="text"] {
height:37px;
padding:8px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap [role="presenter"] {
border:0px;
border-radius:0px;
height:37px;
padding-left:8px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap {
height:37px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="input"] {
height:37px;
border:0px;
border-radius:0px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] {
border:0px;
border-radius:0px;
}
.gj-grid-bootstrap-3 tbody tr td[data-mode="edit"] .gj-checkbox-bootstrap {
display:inline-block;
padding-top:10px;
height:32px;
}
.gj-grid-bootstrap-4 tbody tr td.gj-grid-management-column {
padding:6px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] [data-role="edit"] input[type="text"] {
height:48px;
padding-left:12px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap [role="presenter"] {
border:0px;
border-radius:0px;
height:48px;
padding-left:12px;
font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap-4 [role="expander"].gj-dropdown-expander-mi .gj-icon,
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-dropdown-bootstrap-4 [role="expander"].gj-dropdown-expander-mi .material-icons {
top:13px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap {
height:48px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="input"] {
height:48px;
border:0px;
border-radius:0px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] {
background-color:#fff;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] button {
border:0px;
border-radius:0px;
width:43px;
position:relative;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] .gj-icon,
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-datepicker-bootstrap [role="right-icon"] .material-icons {
top:13px;
left:10px;
font-size:24px;
}
.gj-grid-bootstrap-4 tbody tr td[data-mode="edit"] .gj-checkbox-bootstrap {
display:inline-block;
padding-top:15px;
height:42px;
}
.gj-grid-md thead tr[data-role="filter"] th {
border-top:1px solid #e0e0e0;
}
div.gj-grid-wrapper div.gj-grid-bootstrap-toolbar {
background-color:#f5f5f5;
padding:8px;
font-weight:bold;
border:1px solid #ddd;
}
div.gj-grid-wrapper div.gj-grid-bootstrap-4-toolbar {
background-color:#f5f5f5;
padding:12px;
font-weight:bold;
border:1px solid #ddd;
}
div.gj-grid-wrapper div.gj-grid-md-toolbar {
font-weight:bold;
font-size:24px;
font-family:"Helvetica","Arial",sans-serif;
background-color:rgb(255, 255, 255);
border-top:1px solid #e0e0e0;
border-left:1px solid #e0e0e0;
border-right:1px solid #e0e0e0;
border-bottom:0px;
border-collapse:collapse;
padding:0 18px 0px 18px;
line-height:56px;
}
table.gj-grid-scrollable tbody {
overflow-y:auto;
overflow-x:hidden;
display:block;
}
table.gj-grid-md.gj-grid-scrollable {
border-bottom:0px;
}
table.gj-grid-md.gj-grid-scrollable tbody {
border-right:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
}
table.gj-grid-md.gj-grid-scrollable tfoot {
border-bottom:1px solid #e0e0e0;
}
table.gj-grid-bootstrap.gj-grid-scrollable {
border-bottom:0px;
}
table.gj-grid-bootstrap.gj-grid-scrollable tbody {
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role="row"]:first-child td {
border-top:0px;
}
table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role="row"] td:first-child {
border-left:0px;
}
table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role="row"] td:last-child {
border-right:0px;
}
table.gj-grid-bootstrap.gj-grid-scrollable tfoot {
border-bottom:1px solid #ddd;
}
ul.gj-list li [data-role="spacer"] {
display:table-cell;
}
ul.gj-list li [data-role="expander"] {
display:table-cell;
vertical-align:middle;
text-align:center;
cursor:pointer;
}
[data-type="tree"] ul li [data-role="expander"].gj-tree-material-icons-expander {
width:24px;
}
[data-type="tree"] ul li [data-role="expander"].gj-tree-font-awesome-expander {
width:24px;
}
[data-type="tree"] ul li [data-role="expander"].gj-tree-glyphicons-expander {
width:24px;
}
[data-type="tree"] ul li [data-role="expander"].gj-tree-glyphicons-expander .glyphicon {
top:4px;
height:24px;
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
border:0px;
border-radius:0px;
color:#333;
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.active {
color:#fff;
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li.disabled {
color:#777;
background-color:#eee;
}
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li {
border:0px;
border-radius:0px;
color:#212529;
}
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.active {
color:#fff;
}
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li.disabled {
color:#868e96;
}
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li ul.gj-list-bootstrap {
width:100%;
}
.gj-tree-bootstrap-5 ul.gj-list-bootstrap li.active {
color:#fff;
background-color:rgb(13, 110, 253);
}
.gj-tree-bootstrap-5 ul.gj-list-bootstrap li.disabled {
color:#868e96;
}
.gj-tree-bootstrap-5 ul.gj-list-bootstrap li ul.gj-list-bootstrap {
width:100%;
}
.gj-tree-bootstrap-border ul.gj-list-bootstrap li {
border:1px solid #ddd;
}
.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li {
border-left:0px;
border-right:0px;
}
.gj-tree-bootstrap-border ul.gj-list-bootstrap li:first-child {
border-top-left-radius:4px;
border-top-right-radius:4px;
}
.gj-tree-bootstrap-border ul.gj-list-bootstrap li:last-child {
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
}
.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:first-child {
border-top-left-radius:0px;
border-top-right-radius:0px;
}
.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:last-child {
border-bottom:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
}
ul.gj-list-bootstrap li [data-role="expander"].gj-tree-material-icons-expander {
padding-top:8px;
padding-bottom:4px;
}
ul.gj-list-bootstrap li [data-role="expander"].gj-tree-material-icons-expander .gj-icon {
width:24px;
height:24px;
}
ul.gj-list-md li.disabled > [data-role="wrapper"] > [data-role="expander"] {
color:#9E9E9E;
}
.gj-tree-md-border ul.gj-list-md li {
border:1px solid #616161;
margin-bottom:-1px;
}
.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li {
border-left:0px;
border-right:0px;
}
.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li:last-child {
border-bottom:0px;
}
.gj-tree-drop-above {
border-top:1px solid #000;
}
.gj-tree-drop-below {
border-bottom:1px solid #000;
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role="wrapper"].drop-above {
border-top:2px solid #000;
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role="wrapper"].drop-below {
border-bottom:2px solid #000;
}
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role="wrapper"].drop-above {
border-top:2px solid #000;
}
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role="wrapper"].drop-below {
border-bottom:2px solid #000;
}
.gj-tree-drag-el {
padding:0px;
margin:0px;
z-index:1203;
}
.gj-tree-drag-el li {
padding:0px;
margin:0px;
}
.gj-tree-drag-el [data-role="wrapper"] {
cursor:move;
display:table;
}
.gj-tree-drag-el [data-role="indicator"] {
width:14px;
padding:0px 3px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
.gj-tree-bootstrap-drag-el li.list-group-item {
border:0px;
background:unset;
}
.gj-tree-bootstrap-drag-el [data-role="indicator"] {
width:24px;
height:24px;
padding:0px;
}
.gj-tree-md-drag-el [data-role="indicator"] {
width:24px;
height:24px;
padding:0px;
}
.gj-checkbox-bootstrap {
min-width:0;
font-size:0;
font-weight:normal;
margin:0px;
text-align:center;
width:18px;
height:18px;
position:relative;
display:inline;
}
.gj-checkbox-bootstrap input[type="checkbox"] {
display:none;
margin-bottom:-12px;
}
.gj-checkbox-bootstrap span {
background:#fff;
display:block;
content:" ";
width:18px;
height:18px;
line-height:11px;
font-size:11px;
padding:2px;
color:#555555;
border:1px solid #CCCCCC;
border-radius:3px;
transition:box-shadow 0.2s linear, border-color 0.2s linear;
cursor:pointer;
margin:auto;
}
.gj-checkbox-bootstrap input[type="checkbox"]:focus + span:before {
outline:0;
box-shadow:0 0 0 0 #66afe9, 0 0 6px rgba(102, 175, 233, .6);
border-color:#66afe9;
}
.gj-checkbox-bootstrap input[type="checkbox"][disabled] + span {
opacity:0.6;
cursor:not-allowed;
}
.gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span {
line-height:16px;
padding:0px;
}
.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type="checkbox"]:checked + span:after {
font-size:16px;
}
.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type="checkbox"]:indeterminate + span:after {
font-size:16px;
}
.gj-checkbox-bootstrap.gj-checkbox-bootstrap-5 span {
line-height:16px;
padding:0px;
}
.gj-checkbox-bootstrap-5.gj-checkbox-material-icons input[type="checkbox"]:checked + span:after {
font-size:16px;
}
.gj-checkbox-bootstrap-5.gj-checkbox-material-icons input[type="checkbox"]:indeterminate + span:after {
font-size:16px;
}
.gj-checkbox-md {
min-width:0;
font-size:0;
font-weight:normal;
margin:0px;
text-align:center;
width:16px;
height:16px;
position:relative;
}
.gj-checkbox-md input[type="checkbox"] {
display:none;
margin-bottom:-12px;
}
.gj-checkbox-md span {
display:inline-block;
box-sizing:border-box;
width:16px;
height:16px;
margin:0;
cursor:pointer;
overflow:hidden;
border:2px solid #616161;
border-radius:2px;
z-index:2;
}
.gj-checkbox-md input[type="checkbox"]:checked + span {
border:2px solid #536DFE;
}
.gj-checkbox-md input[type="checkbox"]:checked + span:after {
color:#FFF;
background-color:#536DFE;
position:absolute;
left:1px;
top:-15px;
}
.gj-checkbox-md input[type="checkbox"]:indeterminate + span {
border:2px solid #616161;
}
.gj-checkbox-md input[type="checkbox"]:indeterminate + span:after {
color:#616161;
position:absolute;
left:1px;
top:-15px;
}
.gj-checkbox-md input[type="checkbox"][disabled] + span {
border:2px solid #9E9E9E;
}
.gj-checkbox-md input[type="checkbox"][disabled] + span:after {
background-color:#9E9E9E;
}
.gj-checkbox-md input[type="checkbox"][disabled]:indeterminate + span:after {
color:#FFFFFF;
}
.gj-checkbox-material-icons input[type="checkbox"]:checked + span:after {
content:"\e91f";
font-size:14px;
font-weight:bold;
white-space:pre;
}
.gj-checkbox-material-icons input[type="checkbox"]:indeterminate + span:after {
content:"\e921";
font-size:14px;
font-weight:bold;
white-space:pre;
}
.gj-checkbox-glyphicons input[type="checkbox"]:checked + span:after {
display:inline-block;
font-family:'Glyphicons Halflings';
content:"\e013 ";
}
.gj-checkbox-glyphicons input[type="checkbox"]:indeterminate + span:after {
display:inline-block;
font-family:'Glyphicons Halflings';
content:"\2212 ";
padding-right:1px;
}
.gj-checkbox-fontawesome .fa {
font-size:14px;
}
.gj-checkbox-bootstrap.gj-checkbox-fontawesome .fa {
line-height:18px;
}
.gj-checkbox-fontawesome input[type="checkbox"]:checked + span:before {
content:"\f00c ";
}
.gj-checkbox-fontawesome input[type="checkbox"]:indeterminate + span:before {
content:"\f068 ";
}
.gj-editor [role="body"] {
overflow:auto;
outline:0px solid transparent;
box-sizing:border-box;
}
.gj-editor-md {
padding:7px;
font-family:"Roboto","Helvetica","Arial",sans-serif;
font-size:14px;
font-weight:500;
letter-spacing:0;
border:1px solid rgba(158,158,158,.2);
}
.gj-editor-md [role="toolbar"] {
margin-bottom:7px;
}
.gj-editor-md [role="toolbar"] .gj-button-md {
min-width:54px;
margin-right:5px;
}
.gj-editor-md [role="toolbar"] .gj-button-md .gj-icon {
width:24px;
height:24px;
}
.gj-editor-md [role="body"] {
border:1px solid rgba(158,158,158,.2);
}
.gj-editor-md p {
margin:0;
padding:0;
}
.gj-editor-md blockquote {
font-size:14px;
}
.gj-editor-bootstrap {
padding:7px;
border:1px solid #eceeef;
}
.gj-editor-bootstrap [role="toolbar"] {
margin-bottom:7px;
}
.gj-editor-bootstrap [role="toolbar"] .btn-group {
margin-right:10px;
}
.gj-editor-bootstrap [role="toolbar"] button {
height:36px;
}
.gj-editor-bootstrap [role="body"] {
border:1px solid #eceeef;
}
.gj-editor-bootstrap p {
margin:0;
padding:0;
}
.gj-editor-bootstrap blockquote {
font-size:14px;
}
.gj-dropdown {
position:relative;
border-collapse:separate;
}
.gj-dropdown [role="presenter"] {
display:table;
cursor:pointer;
outline:none;
position:relative;
}
.gj-dropdown [role="presenter"] [role="display"] {
display:table-cell;
text-align:left;
width:100%;
}
.gj-dropdown [role="presenter"] [role="expander"] {
display:table-cell;
vertical-align:middle;
text-align:center;
width:24px;
height:24px;
}
.gj-dropdown-md [role="presenter"] {
font-family:"Roboto","Helvetica","Arial",sans-serif;
font-size:16px;
font-weight:400;
letter-spacing:.04em;
line-height:1;
color:rgba(0,0,0,.87);
padding:0px;
border:0px;
border-bottom:1px solid rgba(0,0,0,.42);
background:transparent;
}
.gj-dropdown-md [role="presenter"]:focus,
.gj-dropdown-md [role="presenter"]:active {
border-bottom:2px solid rgba(0,0,0,.42);
}
.gj-dropdown-md [role="presenter"] [role="display"] {
padding:4px 0px;
line-height:18px;
}
.gj-dropdown-md [role="presenter"] [role="display"] .placeholder {
color:#8e8e8e;
}
.gj-dropdown-list-md {
position:absolute;
top:0px;
left:0px;
background-color:#f5f5f5;
color:#000;
margin:0px;
z-index:1203;
}
.gj-dropdown-list-md li:hover, .gj-dropdown-list-md li.active {
background-color:#eee;
}
.gj-dropdown-bootstrap [role="presenter"] [role="display"] {
padding-right:5px;
}
.gj-dropdown-bootstrap [role="presenter"] [role="expander"] {
padding-left:5px;
}
.gj-dropdown-bootstrap [role="presenter"] [role="expander"].gj-dropdown-expander-mi {
width:24px;
}
.gj-dropdown-bootstrap-3 [role="presenter"] [role="display"] {
line-height:20px;
}
.gj-dropdown-bootstrap-3 [role="presenter"] [role="display"] .placeholder {
color:#9999b3;
}
.gj-dropdown-bootstrap-3 [role="presenter"] [role="expander"] {
width:20px;
height:20px;
}
.gj-dropdown-bootstrap-3 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .gj-icon,
.gj-dropdown-bootstrap-3 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .material-icons {
top:5px;
right:10px;
position:absolute;
}
.gj-dropdown-bootstrap-4 [role="presenter"] {
border:1px solid #ced4da;
}
.gj-dropdown-bootstrap-4 [role="presenter"] [role="display"] {
line-height:24px;
}
.gj-dropdown-bootstrap-4 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .gj-icon,
.gj-dropdown-bootstrap-4 [role="presenter"] [role="expander"].gj-dropdown-expander-mi .material-icons {
top:7px;
right:10px;
position:absolute;
}
.gj-dropdown-list-bootstrap {
position:absolute;
top:32px;
left:0px;
margin:0px;
z-index:1203;
}
.gj-datepicker [role="input"]::-ms-clear {
display:none;
}
.gj-datepicker [role="right-icon"] {
cursor:pointer;
}
.gj-picker div[role="navigator"] {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.gj-picker div[role="navigator"] div {
cursor:pointer;
position:relative;
flex-basis:0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
max-width:100%;
}
.gj-picker div[role="navigator"] div[role="period"] {
width:100%;
text-align:center;
}
.gj-datepicker-md {
font-family:"Roboto","Helvetica","Arial",sans-serif;
font-size:16px;
font-weight:400;
letter-spacing:.04em;
line-height:1;
color:rgba(0,0,0,.87);
position:relative;
}
.gj-datepicker-md [role="right-icon"] {
position:absolute;
right:0px;
top:0px;
font-size:24px;
}
.gj-datepicker-md.small .gj-textbox-md {
font-size:14px;
}
.gj-datepicker-md.small .gj-icon {
font-size:22px;
}
.gj-datepicker-md.large .gj-textbox-md {
font-size:18px;
}
.gj-datepicker-md.large .gj-icon {
font-size:28px;
}
.gj-picker-md.datepicker [role="header"] {
padding:20px 20px;
display:block;
}
.gj-picker-md.datepicker [role="header"] [role="year"] {
font-size:17px;
padding-bottom:5px;
cursor:pointer;
}
.gj-picker-md.datepicker [role="header"] [role="date"] {
font-size:36px;
cursor:pointer;
}
.gj-picker-md div[role="navigator"] {
height:42px;
line-height:42px;
}
.gj-picker div[role="navigator"] div[role="period"] {
font-weight:bold;
font-size:15px;
}
.gj-picker-md div[role="navigator"] div:first-child {
max-width:42px;
}
.gj-picker-md div[role="navigator"] div:last-child {
max-width:42px;
}
.gj-picker-md div[role="navigator"] div i.gj-icon,
.gj-picker-md div[role="navigator"] div i.material-icons {
position:absolute;
top:8px;
}
.gj-picker-md div[role="navigator"] div:first-child i.gj-icon,
.gj-picker-md div[role="navigator"] div:first-child i.material-icons {
left:10px;
}
.gj-picker-md div[role="navigator"] div:last-child i.gj-icon,
.gj-picker-md div[role="navigator"] div:last-child i.material-icons {
right:11px;
}
.gj-picker-md table thead {
color:#9E9E9E;
}
.gj-picker-md table tr th div,
.gj-picker-md table tr td div {
display:block;
width:40px;
height:40px;
line-height:40px;
font-size:13px;
text-align:center;
vertical-align:middle;
}
[type="year"].gj-picker-md table tr td div,
[type="decade"].gj-picker-md table tr td div,
[type="century"].gj-picker-md table tr td div {
width:73px;
height:73px;
line-height:73px;
cursor:pointer;
}
.gj-picker-md table tr td.gj-cursor-pointer div:hover {
background:#EEEEEE;
border-radius:50%;
color:rgba(0,0,0,.87);
}
.gj-picker-md table tr td.other-month div,
.gj-picker-md table tr td.disabled div {
color:#BDBDBD;
}
.gj-picker-md table tr td.focused div {
background:#E0E0E0;
border-radius:50%;
}
.gj-picker-md table tr td.today div {
color:#1976D2;
}
.gj-picker-md table tr td.selected.gj-cursor-pointer div {
color:#FFFFFF;
background:#1976D2;
border-radius:50%;
}
.gj-picker-md table tr td.calendar-week div {
font-weight:bold;
}
.gj-datepicker-bootstrap :focus,
.gj-datepicker-bootstrap :active {
box-shadow:none;
}
.gj-picker-bootstrap {
border:1px solid rgba(0,0,0,0.15);
border-radius:4px;
padding:4px;
}
.gj-modal .gj-picker-bootstrap {
padding:0px;
}
.gj-picker-bootstrap.datepicker [role="header"] {
padding:10px 20px;
display:block;
}
.gj-picker-bootstrap.datepicker [role="header"] [role="year"] {
font-size:15px;
cursor:pointer;
}
.gj-picker-bootstrap [role="header"] [role="date"] {
font-size:24px;
cursor:pointer;
}
.gj-modal .gj-picker-bootstrap.datepicker [role="body"] {
padding:15px;
}
.gj-picker-bootstrap div[role="navigator"] {
height:30px;
line-height:30px;
text-align:center;
}
.gj-picker-bootstrap div[role="navigator"] div:first-child {
max-width:30px;
}
.gj-picker-bootstrap div[role="navigator"] div:last-child {
max-width:30px;
}
.gj-picker-bootstrap table tr td div,
.gj-picker-bootstrap table tr th div {
display:block;
width:30px;
height:30px;
line-height:30px;
text-align:center;
vertical-align:middle;
}
[type="year"].gj-picker-bootstrap table tr td div,
[type="decade"].gj-picker-bootstrap table tr td div,
[type="century"].gj-picker-bootstrap table tr td div {
width:53px;
height:53px;
line-height:53px;
cursor:pointer;
}
.gj-picker-bootstrap table tr th div i,
.gj-picker-bootstrap table tr th div span {
line-height:30px;
}
.gj-picker-bootstrap div[role="navigator"] .gj-icon,
.gj-picker-bootstrap div[role="navigator"] .material-icons {
margin:3px;
}
.gj-picker-bootstrap table tr td.focused div,
.gj-picker-bootstrap table tr td.gj-cursor-pointer div:hover {
background:#EEEEEE;
border-radius:4px;
color:#212529;
}
.gj-picker-bootstrap table tr td.today div {
color:#204d74;
font-weight:bold;
}
.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
color:#fff;
background-color:#204d74;
border-color:#122b40;
border-radius:4px;
}
.gj-picker-bootstrap table tr td.other-month div,
.gj-picker-bootstrap table tr td.disabled div {
color:#777;
}
.gj-picker-bootstrap.datepicker [role="footer"] {
padding:1rem;
}
.gj-picker-bootstrap.datepicker [role="footer"]> :not(:last-child) {
margin-right:.25rem;
}
.gj-datepicker-bootstrap span[role="right-icon"].input-group-addon {
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-left:0px;
position:relative;
}
.gj-datepicker-bootstrap span[role="right-icon"].input-group-addon .gj-icon,
.gj-datepicker-bootstrap span[role="right-icon"].input-group-addon .material-icons {
position:absolute;
top:7px;
left:7px;
}
.gj-datepicker-bootstrap [role="right-icon"] button {
width:38px;
position:relative;
border:1px solid #ced4da;
}
.gj-datepicker-bootstrap [role="right-icon"] button:hover {
color:#6c757d;
background-color:transparent;
}
.gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button {
width:30px;
}
.gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button {
width:48px;
}
.gj-datepicker-bootstrap [role="right-icon"] button .gj-icon,
.gj-datepicker-bootstrap [role="right-icon"] button .material-icons {
position:absolute;
font-size:21px;
top:9px;
left:9px;
}
.gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button .gj-icon,
.gj-datepicker-bootstrap.input-group-sm [role="right-icon"] button .material-icons {
top:6px;
left:6px;
font-size:19px;
}
.gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button .gj-icon,
.gj-datepicker-bootstrap.input-group-lg [role="right-icon"] button .material-icons {
font-size:27px;
top:10px;
left:10px;
}
.gj-datepicker-bootstrap button[role="right-icon"]  {
width:2.5rem;
}
.gj-datepicker-bootstrap.input-group-sm button[role="right-icon"] {
width:2rem;
}
.gj-datepicker-bootstrap.input-group-lg button[role="right-icon"] {
width:3.3rem;
}
.gj-datepicker-bootstrap button[role="right-icon"] .gj-icon,
.gj-datepicker-bootstrap button[role="right-icon"] .material-icons {
position:absolute;
font-size:21px;
top:0.55rem;
left:0.55rem;
}
.gj-datepicker-bootstrap.input-group-sm button[role="right-icon"] .gj-icon,
.gj-datepicker-bootstrap.input-group-sm button[role="right-icon"] .material-icons {
font-size:19px;
top:0.4rem;
left:0.34rem;
}
.gj-datepicker-bootstrap.input-group-lg button[role="right-icon"] .gj-icon,
.gj-datepicker-bootstrap.input-group-lg button[role="right-icon"] .material-icons {
font-size:27px;
top:0.72rem;
left:0.7rem;
}
.gj-timepicker [role="input"]::-ms-clear {
display:none;
}
.gj-timepicker [role="right-icon"] {
cursor:pointer;
}
.gj-picker.timepicker [role="header"] {
font-size:58px;
padding:20px 0;
line-height:58px;
display:flex;
align-items:baseline;
user-select:none;
justify-content:center;
}
.gj-picker.timepicker [role="header"] div {
cursor:pointer;
width:66px;
text-align:right;
}
.gj-picker [role="header"] [role="mode"] {
position:relative;
width:0px;
}
.gj-picker [role="header"] [role="mode"] span {
position:absolute;
left:7px;
line-height:18px;
font-size:18px;
}
.gj-picker [role="header"] [role="mode"] span[role="am"] {
top:7px;
}
.gj-picker [role="header"] [role="mode"] span[role="pm"] {
bottom:7px;
}
.gj-picker [role="body"] [role="dial"] {
width:256px;
color:rgba(0, 0, 0, 0.87);
height:256px;
position:relative;
background:#eeeeee;
border-radius:50%;
margin:10px;
}
.gj-picker [role="body"] [role="hour"] {
top:calc(50% - 16px);
left:calc(50% - 16px);
width:32px;
height:32px;
cursor:pointer;
position:absolute;
font-size:14px;
text-align:center;
line-height:32px;
user-select:none;
pointer-events:none;
}
.gj-picker [role="body"] [role="hour"].selected {
color:rgba(255, 255, 255, 1);
}
.gj-picker [role="body"] [role="arrow"] {
top:calc(50% - 1px);
left:50%;
width:calc(50% - 20px);
height:2px;
position:absolute;
pointer-events:none;
transform-origin:left center;
transition:all 250ms cubic-bezier(0.4, 0, 0.2, 1);
width:calc(50% - 52px);
}
.gj-picker .arrow-begin {
top:-3px;
left:-4px;
width:8px;
height:8px;
position:absolute;
border-radius:50%;
}
.gj-picker .arrow-end {
top:-15px;
right:-16px;
width:0;
height:0;
position:absolute;
box-sizing:content-box;
border-width:16px;
border-radius:50%;
}
.gj-timepicker-md {
font-family:"Roboto","Helvetica","Arial",sans-serif;
font-size:16px;
font-weight:400;
letter-spacing:.04em;
line-height:1;
color:rgba(0,0,0,.87);
position:relative;
}
.gj-timepicker-md.small .gj-textbox-md {
font-size:14px;
}
.gj-timepicker-md.small .gj-icon {
font-size:22px;
}
.gj-timepicker-md.large .gj-textbox-md {
font-size:18px;
}
.gj-timepicker-md.large .gj-icon {
font-size:28px;
}
.gj-timepicker-md [role="right-icon"] {
cursor:pointer;
position:absolute;
right:0px;
top:0px;
font-size:24px;
}
.gj-picker-md .arrow-begin {
background-color:#2196f3;
}
.gj-picker-md .arrow-end {
border:16px solid #2196f3;
}
.gj-picker-md [role="body"] [role="arrow"] {
background-color:#2196f3;
}
.gj-timepicker-bootstrap :focus,
.gj-timepicker-bootstrap :active {
box-shadow:none;
}
.gj-picker-bootstrap [role="body"] [role="arrow"] {
background-color:#888;
}
.gj-picker-bootstrap .arrow-begin {
background-color:#888;
}
.gj-picker-bootstrap .arrow-end {
border:16px solid #888;
}
.gj-picker-bootstrap.timepicker [role="footer"] {
padding:1rem;
border-top:1px solid #e9ecef;
}
.gj-picker-bootstrap.timepicker [role="footer"]> :not(:last-child) {
margin-right:.25rem;
}
.gj-timepicker-bootstrap .input-group-addon {
border-top-left-radius:0px;
border-bottom-left-radius:0px;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-left:0px;
position:relative;
width:38px;
}
.gj-timepicker-bootstrap.input-group-sm .input-group-addon {
width:30px;
}
.gj-timepicker-bootstrap.input-group-lg .input-group-addon {
width:46px;
}
.gj-timepicker-bootstrap .input-group-addon .gj-icon,
.gj-timepicker-bootstrap .input-group-addon .material-icons {
position:absolute;
font-size:21px;
top:6px;
left:8px;
}
.gj-timepicker-bootstrap.input-group-sm .input-group-addon .gj-icon,
.gj-timepicker-bootstrap.input-group-sm .input-group-addon .material-icons {
font-size:19px;
top:5px;
left:5px;
}
.gj-timepicker-bootstrap.input-group-lg .input-group-addon .gj-icon,
.gj-timepicker-bootstrap.input-group-lg .input-group-addon .material-icons {
font-size:27px;
top:10px;
left:10px;
}
.gj-timepicker-bootstrap [role="right-icon"] button {
width:38px;
position:relative;
border:1px solid #ced4da;
}
.gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button {
width:30px;
}
.gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button {
width:48px;
}
.gj-timepicker-bootstrap [role="right-icon"] button .gj-icon,
.gj-timepicker-bootstrap [role="right-icon"] button .material-icons {
position:absolute;
font-size:21px;
top:9px;
left:9px;
}
.gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button .gj-icon,
.gj-timepicker-bootstrap.input-group-sm [role="right-icon"] button .material-icons {
top:6px;
left:6px;
font-size:19px;
}
.gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button .gj-icon,
.gj-timepicker-bootstrap.input-group-lg [role="right-icon"] button .material-icons {
font-size:27px;
top:10px;
left:10px;
}
.gj-timepicker-bootstrap button[role="right-icon"]  {
width:2.5rem;
}
.gj-timepicker-bootstrap.input-group-sm button[role="right-icon"] {
width:2rem;
}
.gj-timepicker-bootstrap.input-group-lg button[role="right-icon"] {
width:3.3rem;
}
.gj-timepicker-bootstrap button[role="right-icon"] .gj-icon,
.gj-timepicker-bootstrap button[role="right-icon"] .material-icons {
position:absolute;
font-size:21px;
top:0.55rem;
left:0.55rem;
}
.gj-timepicker-bootstrap.input-group-sm button[role="right-icon"] .gj-icon,
.gj-timepicker-bootstrap.input-group-sm button[role="right-icon"] .material-icons {
font-size:19px;
top:0.4rem;
left:0.34rem;
}
.gj-timepicker-bootstrap.input-group-lg button[role="right-icon"] .gj-icon,
.gj-timepicker-bootstrap.input-group-lg button[role="right-icon"] .material-icons {
font-size:27px;
top:0.72rem;
left:0.7rem;
}
.gj-picker.datetimepicker [role="header"] [role="date"] {
padding-bottom:5px;
text-align:center;
cursor:pointer;
}
.gj-picker [role="switch"] {
align-items:baseline;
user-select:none;
position:relative;
}
.gj-picker [role="switch"] [role="calendarMode"] {
cursor:pointer;
position:absolute;
bottom:2px;
left:0px;
}
.gj-picker [role="switch"] [role="time"] {
width:100%;
text-align:center;
}
.gj-picker [role="switch"] [role="time"] div {
display:inline;
cursor:pointer;
}
.gj-picker [role="switch"] [role="calendarMode"] {
cursor:pointer;
}
.gj-picker [role="switch"] [role="clockMode"] {
position:absolute;
right:0px;
bottom:3px;
cursor:pointer;
}
.gj-picker-md.datetimepicker [role="header"] {
font-size:36px;
padding:10px 20px;
display:block;
}
.gj-picker-md [role="switch"] {
color:rgba(255, 255, 255, 0.54);
background:#2196f3;
font-size:32px;
}
.gj-picker-bootstrap.datetimepicker [role="header"] {
font-size:36px;
padding:10px 20px;
display:block;
}
.gj-picker-bootstrap.datetimepicker [role="header"] [role="time"] {
font-size:22px;
}
.gj-picker-bootstrap.datetimepicker [role="footer"] {
padding:1rem;
border-top:1px solid #e9ecef;
}
.gj-picker-bootstrap.datetimepicker [role="footer"]> :not(:last-child) {
margin-right:.25rem;
}
.gj-slider {
position:relative;
padding:8px 6px;
}
.gj-slider [role="track"] {
width:100%;
}
.gj-slider [role="progress"] {
position:absolute;
z-index:1203;
}
.gj-slider [role="handle"] {
position:absolute;
}
.gj-slider-md [role="track"] {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
color:#fff;
text-align:center;
background-color:#e9ecef;
height:2px;
background-color:rgba(0,0,0,.26);
}
.gj-slider-md [role="progress"] {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
color:#fff;
text-align:center;
height:2px;
background-color:#536DFE;
top:8px;
left:6px;
}
.gj-slider-md [role="handle"] {
top:3px;
left:0px;
width:12px;
height:12px;
background-color:#536DFE;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
filter:none;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
border:0px solid transparent;
border-radius:50%;
cursor:pointer;
z-index:1204;
}
.gj-slider-bootstrap [role="track"] {
border-radius:4px;
height:10px;
}
.gj-slider-bootstrap [role="progress"] {
height:10px;
border-radius:4px;
top:8px;
left:6px;
transition:none;
}
.gj-slider-bootstrap [role="handle"] {
top:2px;
left:0px;
width:20px;
height:20px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
filter:none;
-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow:inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
border:0px solid transparent;
border-radius:50%;
cursor:pointer;
z-index:1204;
}
.gj-slider-bootstrap-3 [role="handle"] {
background-color:#337ab7;
background-image:-webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
background-image:-o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
background-image:linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
background-repeat:repeat-x;
}
.gj-slider-bootstrap-4 [role="handle"] {
background-color:#007bff;
background-image:-webkit-linear-gradient(top, #007bff 0%, #2e6da4 100%);
background-image:-o-linear-gradient(top, #007bff 0%, #2e6da4 100%);
background-image:linear-gradient(to bottom, #007bff 0%, #2e6da4 100%);
background-repeat:repeat-x;
}
.gj-colorpicker [role="right-icon"] {
cursor:pointer;
}
.gj-colorpicker-md {
font-family:"Roboto","Helvetica","Arial",sans-serif;
font-size:16px;
font-weight:400;
letter-spacing:.04em;
line-height:1;
color:rgba(0,0,0,.87);
position:relative;
}
.gj-colorpicker-md [role="right-icon"] {
position:absolute;
right:0px;
top:0px;
font-size:24px;
}