.gj-button-md,
.gj-text-align-center {
 text-align:center
}
.gj-button-md,
.gj-modal {
 overflow:hidden;
 outline:0
}
.gj-button-md,
.gj-button-md-group {
 position:relative;
 vertical-align:middle
}
.gj-button,
.gj-button-md,
.gj-cursor-pointer {
 cursor:pointer
}
.gj-button {
 background-color:#f5f5f5;
 border:1px solid #ddd;
 color:#000;
 border-radius:3px;
 padding:6px 10px
}
.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-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,.87);
 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;
 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);
 text-decoration:none;
 line-height:36px;
 -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 .gj-icon,
.gj-button-md .material-icons {
 vertical-align:middle
}
.gj-button-md.gj-button-md-icon {
 width:24px;
 height:31px;
 min-width:24px;
 padding:0;
 display:table
}
ul.gj-list-bootstrap li [data-role=image],
ul.gj-list-md li [data-role=checkbox],
ul.gj-list-md li [data-role=image] {
 height:24px;
 width:24px
}
.gj-button-md.gj-button-md-icon .gj-icon,
.gj-button-md.gj-button-md-icon .material-icons {
 display:table-cell;
 margin-right:0;
 width:24px;
 height:24px
}
.gj-button-md.active {
 background-color:rgba(158,158,158,.4)
}
.gj-button-md-group {
 display:inline-block
}
.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 0;
 margin:0;
 width:100%;
 background:0 0;
 text-align:left;
 color:rgba(0,0,0,.87)
}
.gj-textbox-md:active,
.gj-textbox-md:focus {
 border-bottom:2px solid rgba(0,0,0,.42);
 outline:0
}
.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;
 -webkit-overflow-scrolling:touch;
 background-color:rgba(0,0,0,.54118);
 transition:.2s ease opacity;
 will-change:opacity
}
ul.gj-list li [data-role=wrapper] {
 display:table;
 width:100%
}
ul.gj-list li [data-role=checkbox],
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:0;
 margin-bottom:0
}
ul.gj-list-bootstrap li {
 padding:0
}
ul.gj-list-bootstrap li [data-role=wrapper] {
 padding:0 10px
}
ul.gj-list-bootstrap li [data-role=checkbox] {
 width:24px;
 padding:3px
}
ul.gj-list-bootstrap li [data-role=display] {
 padding:8px 0 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:0;
 list-style:none;
 line-height:24px;
 letter-spacing:0;
 color:#616161
}
.gj-picker-md,
ul.gj-list-md li {
 font-family:Roboto,Helvetica,Arial,sans-serif;
 font-size:16px;
 font-weight:400;
 letter-spacing:.04em;
 line-height:1
}
ul.gj-list-md li {
 display:list-item;
 list-style-type:none;
 padding:0;
 min-height:unset;
 box-sizing:border-box;
 align-items:center;
 cursor:default;
 overflow:hidden;
 -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=display] {
 padding:8px 0 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 {
 color:rgba(0,0,0,.87);
 border:1px solid #E0E0E0
}
.gj-modal .gj-picker-md {
 border:0
}
.gj-picker-md [role=header] {
 color:rgba(255,255,255,.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:700;
 font-size:13px
}
.gj-picker-bootstrap {
 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:400;
 font-style:normal
}
.gj-icon {
 font-family:gijgo-material!important;
 font-size:24px;
 speak:none;
 font-style:normal;
 font-weight:400;
 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:.1px;
 display:block;
 -ms-touch-action:none;
 touch-action:none;
 z-index:1203
}
.gj-dialog-bootstrap [data-role=title],
.gj-dialog-bootstrap4 [data-role=title] {
 display:inline
}
.gj-dialog-bootstrap,
.gj-dialog-bootstrap4,
.gj-dialog-md {
 z-index:1202;
 overflow:hidden
}
.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:0;
 width:100%;
 margin-top:0
}
.gj-dialog-scrollable [data-role=body] {
 overflow-x:hidden;
 overflow-y:scroll
}
.gj-dialog-bootstrap [data-role=close] {
 line-height:1.42857143
}
.gj-dialog-bootstrap4 [data-role=close] {
 line-height:1.5
}
.gj-dialog-md {
 background-color:#FFF;
 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
}
.gj-dialog-md-header {
 padding:24px 24px 0;
 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;
 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-bootstrap thead th [data-role=sorticon],
table.gj-grid-md thead th [data-role=sorticon] {
 margin-left:5px
}
TABLE.gj-grid THEAD TH [data-role=title],
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:#BBB;
 opacity:.5;
 position:absolute;
 vertical-align:middle
}
DIV.gj-grid-wrapper DIV.gj-grid-loading-text {
 position:absolute;
 font-weight:700
}
table.gj-grid-bootstrap thead th {
 background-color:#f5f5f5;
 vertical-align:middle
}
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:0
}
.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 td,
.gj-grid-md th {
 padding:12px 18px;
 position:relative;
 box-sizing:border-box
}
.gj-grid-md th {
 vertical-align:bottom;
 font-weight:700;
 line-height:31px;
 letter-spacing:0;
 height:56px;
 font-size:12px;
 color:rgba(0,0,0,.54);
 text-align:right
}
.gj-grid-md td {
 height:48px;
 border-top:1px solid #e0e0e0;
 border-bottom:1px solid #e0e0e0;
 text-align:left;
 color:rgba(0,0,0,.87)
}
.gj-grid-bootstrap tbody tr.gj-grid-top-border td,
.gj-grid-md tbody tr.gj-grid-top-border td {
 border-top:2px solid #777
}
.gj-grid-bootstrap tbody tr.gj-grid-bottom-border td,
.gj-grid-md tbody tr.gj-grid-bottom-border td {
 border-bottom:2px solid #777
}
.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:#EEE
}
.gj-grid-md tbody tr.gj-grid-md-select {
 background-color:#F5F5F5
}
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 {
 td.display-1120,
 td.display-320,
 td.display-480,
 td.display-640,
 td.display-800,
 td.display-960,
 th.display-1120,
 th.display-320,
 th.display-480,
 th.display-640,
 th.display-800,
 th.display-960 {
  display:none
 }
}
@media screen and (min-width:20em) {
 TABLE.gj-grid-bootstrap td.display-320,
 TABLE.gj-grid-bootstrap th.display-320 {
  display:table-cell
 }
}
@media screen and (min-width:30em) {
 TABLE.gj-grid-bootstrap td.display-480,
 TABLE.gj-grid-bootstrap th.display-480 {
  display:table-cell
 }
}
@media screen and (min-width:40em) {
 TABLE.gj-grid-bootstrap td.display-640,
 TABLE.gj-grid-bootstrap th.display-640 {
  display:table-cell
 }
}
@media screen and (min-width:50em) {
 TABLE.gj-grid-bootstrap td.display-800,
 TABLE.gj-grid-bootstrap th.display-800 {
  display:table-cell
 }
}
@media screen and (min-width:60em) {
 TABLE.gj-grid-bootstrap td.display-960,
 TABLE.gj-grid-bootstrap th.display-960 {
  display:table-cell
 }
}
@media screen and (min-width:70em) {
 TABLE.gj-grid-bootstrap td.display-1120,
 TABLE.gj-grid-bootstrap th.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:700;
 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:700;
 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>button,
.gj-grid-bootstrap tfoot tr[data-role=pager] th>div>div {
 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:700
}
.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:700;
 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:700
}
.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:0;
 top:0;
 left:0;
 padding:0
}
span.gj-grid-column-resizer {
 position:absolute;
 right:0;
 width:10px;
 top:-100px;
 height:300px;
 z-index:1203;
 cursor:e-resize
}
.gj-grid-resize-cursor {
 cursor:e-resize
}
.gj-grid-md tbody tr td.gj-grid-left-border,
.gj-grid-md thead tr th.gj-grid-left-border {
 border-left:3px solid #777
}
.gj-grid-md tbody tr td.gj-grid-right-border,
.gj-grid-md thead tr th.gj-grid-right-border {
 border-right:3px solid #777
}
.gj-grid-bootstrap tbody tr td.gj-grid-left-border,
.gj-grid-bootstrap thead tr th.gj-grid-left-border {
 border-left:5px solid #ddd
}
.gj-grid-bootstrap tbody tr td.gj-grid-right-border,
.gj-grid-bootstrap thead tr th.gj-grid-right-border {
 border-right:5px solid #ddd
}
.gj-dirty {
 position:absolute;
 top:0;
 left:0;
 border-style:solid;
 border-width:3px;
 border-color:red transparent transparent red;
 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:0 18px
}
.gj-grid-bootstrap tbody tr td[data-mode=edit],
.gj-grid-bootstrap tbody tr td[data-mode=edit] [data-role=edit],
.gj-grid-md tbody .gj-dropdown-md [role=presenter] [role=display] {
 padding:0
}
.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:0;
 border-radius:0;
 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:0;
 border-radius:0
}
.gj-grid-bootstrap-3 tbody tr td[data-mode=edit] .gj-datepicker-bootstrap [role=right-icon] {
 border:0;
 border-radius:0
}
.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:0;
 border-radius:0;
 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:0;
 border-radius:0
}
.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:0;
 border-radius:0;
 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:700;
 border:1px solid #ddd
}
div.gj-grid-wrapper div.gj-grid-bootstrap-4-toolbar {
 background-color:#f5f5f5;
 padding:12px;
 font-weight:700;
 border:1px solid #ddd
}
div.gj-grid-wrapper div.gj-grid-md-toolbar {
 font-weight:700;
 font-size:24px;
 font-family:Helvetica,Arial,sans-serif;
 background-color:#fff;
 border-top:1px solid #e0e0e0;
 border-left:1px solid #e0e0e0;
 border-right:1px solid #e0e0e0;
 border-bottom:0;
 border-collapse:collapse;
 padding:0 18px;
 line-height:56px
}
.gj-checkbox-bootstrap,
.gj-checkbox-md {
 min-width:0;
 font-weight:400;
 text-align:center;
 position:relative
}
table.gj-grid-scrollable tbody {
 overflow-y:auto;
 overflow-x:hidden;
 display:block
}
table.gj-grid-md.gj-grid-scrollable {
 border-bottom:0
}
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:0
}
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:0
}
table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row] td:first-child {
 border-left:0
}
table.gj-grid-bootstrap.gj-grid-scrollable tbody tr[data-role=row] td:last-child {
 border-right:0
}
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-font-awesome-expander,
[data-type=tree] ul li [data-role=expander].gj-tree-glyphicons-expander,
[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-glyphicons-expander .glyphicon {
 top:4px;
 height:24px
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
 border:0;
 border-radius:0;
 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:0;
 border-radius:0;
 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-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:0;
 border-right:0
}
.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:0;
 border-top-right-radius:0
}
.gj-tree-bootstrap-border ul.gj-list-bootstrap li ul.gj-list-bootstrap li:last-child {
 border-bottom:0;
 border-bottom-left-radius:0;
 border-bottom-right-radius:0
}
ul.gj-list-bootstrap li [data-role=expander].gj-tree-material-icons-expander {
 padding-top:8px;
 padding-bottom:4px
}
.gj-tree-drag-el,
.gj-tree-drag-el li {
 padding:0;
 margin:0
}
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:0;
 border-right:0
}
.gj-tree-md-border ul.gj-list-md li ul.gj-list-md li:last-child {
 border-bottom:0
}
.gj-tree-drop-above {
 border-top:1px solid #000
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role=wrapper].drop-above,
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role=wrapper].drop-above {
 border-top:2px solid #000
}
.gj-tree-drop-below {
 border-bottom:1px solid #000
}
.gj-tree-bootstrap-3 ul.gj-list-bootstrap li [data-role=wrapper].drop-below,
.gj-tree-bootstrap-4 ul.gj-list-bootstrap li [data-role=wrapper].drop-below {
 border-bottom:2px solid #000
}
.gj-tree-drag-el {
 z-index:1203
}
.gj-tree-drag-el [data-role=wrapper] {
 cursor:move;
 display:table
}
.gj-tree-drag-el [data-role=indicator] {
 width:14px;
 padding:0 3px;
 display:table-cell;
 vertical-align:middle;
 text-align:center
}
.gj-tree-bootstrap-drag-el li.list-group-item {
 border:0;
 background:unset
}
.gj-tree-bootstrap-drag-el [data-role=indicator],
.gj-tree-md-drag-el [data-role=indicator] {
 width:24px;
 height:24px;
 padding:0
}
.gj-checkbox-bootstrap {
 font-size:0;
 margin:0;
 width:18px;
 height:18px;
 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:#555;
 border:1px solid #CCC;
 border-radius:3px;
 transition:box-shadow .2s linear,border-color .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-datepicker-bootstrap :active,
.gj-datepicker-bootstrap :focus,
.gj-timepicker-bootstrap :active,
.gj-timepicker-bootstrap :focus {
 box-shadow:none
}
.gj-checkbox-bootstrap input[type=checkbox][disabled]+span {
 opacity:.6;
 cursor:not-allowed
}
.gj-checkbox-bootstrap.gj-checkbox-bootstrap-4 span {
 line-height:16px;
 padding:0
}
.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type=checkbox]:checked+span:after,
.gj-checkbox-bootstrap-4.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after {
 font-size:16px
}
.gj-checkbox-md {
 font-size:0;
 margin:0;
 width:16px;
 height:16px
}
.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-editor-md,
.gj-editor-md [role=body] {
 border:1px solid rgba(158,158,158,.2)
}
.gj-checkbox-md input[type=checkbox][disabled]+span:after {
 background-color:#9E9E9E
}
.gj-checkbox-md input[type=checkbox][disabled]:indeterminate+span:after {
 color:#FFF
}
.gj-checkbox-material-icons input[type=checkbox]:checked+span:after {
 content:"\e91f";
 font-size:14px;
 font-weight:700;
 white-space:pre
}
.gj-checkbox-material-icons input[type=checkbox]:indeterminate+span:after {
 content:"\e921";
 font-size:14px;
 font-weight:700;
 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:transparent solid 0;
 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
}
.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-bootstrap,
.gj-editor-bootstrap [role=body] {
 border:1px solid #eceeef
}
.gj-editor-md p {
 margin:0;
 padding:0
}
.gj-editor-md blockquote {
 font-size:14px
}
.gj-editor-bootstrap {
 padding:7px
}
.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 p {
 margin:0;
 padding:0
}
.gj-editor-bootstrap blockquote {
 font-size:14px
}
.gj-datepicker-md,
.gj-dropdown-md [role=presenter] {
 font-family:Roboto,Helvetica,Arial,sans-serif;
 font-size:16px;
 font-weight:400;
 letter-spacing:.04em
}
.gj-dropdown {
 position:relative;
 border-collapse:separate
}
.gj-dropdown [role=presenter] {
 display:table;
 cursor:pointer;
 outline:0;
 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] {
 line-height:1;
 color:rgba(0,0,0,.87);
 padding:0;
 border:0;
 border-bottom:1px solid rgba(0,0,0,.42);
 background:0 0
}
.gj-dropdown-md [role=presenter]:active,
.gj-dropdown-md [role=presenter]:focus {
 border-bottom:2px solid rgba(0,0,0,.42)
}
.gj-dropdown-md [role=presenter] [role=display] {
 padding:4px 0;
 line-height:18px
}
.gj-dropdown-md [role=presenter] [role=display] .placeholder {
 color:#8e8e8e
}
.gj-dropdown-list-md {
 position:absolute;
 top:0;
 left:0;
 background-color:#f5f5f5;
 color:#000;
 margin:0;
 z-index:1203
}
.gj-dropdown-list-md li.active,
.gj-dropdown-list-md li:hover {
 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:0;
 margin:0;
 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-datepicker-md {
 line-height:1;
 color:rgba(0,0,0,.87);
 position:relative
}
.gj-datepicker-md [role=right-icon] {
 position:absolute;
 right:0;
 top:0;
 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;
 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] {
 width:100%;
 text-align:center;
 font-weight:700;
 font-size:15px
}
.gj-picker-md div[role=navigator] div:first-child,
.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 td div,
.gj-picker-md table tr th 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:#EEE;
 border-radius:50%;
 color:rgba(0,0,0,.87)
}
.gj-picker-md table tr td.disabled div,
.gj-picker-md table tr td.other-month 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:#FFF;
 background:#1976D2;
 border-radius:50%
}
.gj-picker-md table tr td.calendar-week div {
 font-weight:700
}
.gj-picker-bootstrap {
 border:1px solid rgba(0,0,0,.15);
 border-radius:4px;
 padding:4px
}
.gj-modal .gj-picker-bootstrap {
 padding:0
}
.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,
.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:#EEE;
 border-radius:4px;
 color:#212529
}
.gj-picker-bootstrap table tr td.today div {
 color:#204d74;
 font-weight:700
}
.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.disabled div,
.gj-picker-bootstrap table tr td.other-month div {
 color:#777
}
.gj-datepicker-bootstrap span[role=right-icon].input-group-addon {
 border-left:0;
 position:relative;
 border-radius:0 4px 4px 0
}
.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-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:0
}
.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,.87);
 height:256px;
 position:relative;
 background:#eee;
 border-radius:50%;
 margin:10px
}
.gj-picker-md .arrow-begin,
.gj-picker-md [role=body] [role=arrow] {
 background-color:#2196f3
}
.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-colorpicker-md,
.gj-timepicker-md {
 font-family:Roboto,Helvetica,Arial,sans-serif;
 font-weight:400;
 letter-spacing:.04em;
 line-height:1
}
.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%;
 height:2px;
 position:absolute;
 pointer-events:none;
 transform-origin:left center;
 transition:all 250ms cubic-bezier(.4,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-size:16px;
 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:0;
 top:0;
 font-size:24px
}
.gj-picker-md .arrow-end {
 border:16px solid #2196f3
}
.gj-picker-bootstrap .arrow-begin,
.gj-picker-bootstrap [role=body] [role=arrow] {
 background-color:#888
}
.gj-picker-bootstrap .arrow-end {
 border:16px solid #888
}
.gj-timepicker-bootstrap .input-group-addon {
 border-left:0;
 position:relative;
 width:38px;
 border-radius:0 4px 4px 0
}
.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
}
.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:7px;
 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:4px;
 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:8px;
 left:10px
}
.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] {
 position:absolute;
 bottom:2px;
 left:0;
 cursor:pointer
}
.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=clockMode] {
 position:absolute;
 right:0;
 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,.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-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:0;
 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:0 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:0;
 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:0 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-size:16px;
 color:rgba(0,0,0,.87);
 position:relative
}
.gj-colorpicker-md [role=right-icon] {
 position:absolute;
 right:0;
 top:0;
 font-size:24px
}