.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-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:none;
    border-radius:0px;
    padding:15px;
}
.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
}