label.tpassword{
    position:relative
}
.tpassword button:focus{
    box-shadow:none;
    outline:none
}
.tpassword button{
    position:absolute;
    right:0;
    height:100%;
    border:unset;
    background:transparent;
    padding:0 10px;
    color:#555
}
.talert{
    margin-top:2px;
    margin-bottom:2px
}
.talert > button > span{
    font-size:17pt
}
.tbreadcrumb{
    float:left;
    list-style:none outside none;
    margin:0;
    padding:0;
    margin-bottom:5px
}
.tbreadcrumb li{
    float:left;
    padding:0 2px 0 10px
}
.tbreadcrumb li span{
    font-weight:700;
    text-transform:uppercase;
    color:#757575;
    padding-left:6px;
    padding-right:6px;
    font-family:'Open Sans';
    font-size:9pt
}
.tbreadcrumb li.home span{
    padding-left:0px
}
ol.tbreadcrumb li:not(.home){
    padding-top:2px
}
ol.tbreadcrumb li{
    line-height:2.5em;
    padding:0
}
ol.tbreadcrumb li a{
    display:flex
}
ol.tbreadcrumb li.home a:after{
    content:"\f015";
    font-family:"Font Awesome 5 Free";
    font-style:normal;
    font-weight:600;
    color:#505050;
    margin-top:1px
}
ol.tbreadcrumb li:not(.home) a:after{
    content:"\f101";
    font-family:"Font Awesome 5 Free";
    font-style:normal;
    font-weight:600;
    color:#b1b1b1
}
ol.tbreadcrumb li span.selected{
    color:blue
}
ol.tbreadcrumb li a.bread{
    padding-left:3px
}
ol.tbreadcrumb li a:hover,ol.tbreadcrumb li a:focus{
    text-decoration:none
}
.ui-corner-all{
    border-radius:0
}
.ui-dialog-title{
    padding-top:5px;
    font-family:'Open Sans';
    text-shadow:none;
    font-size:12pt;
    overflow:visible;
    height:30px
}
.ui-dialog .ui-dialog-titlebar-close{
    right:.5em
}
.ui-dialog{
    padding:0;
    box-shadow:0 4px 8px rgba(0, 0, 0, 0.5);
    border:1px solid gray;
    background:white
}
.ui-dialog.no-title > .ui-dialog-titlebar{
    display:none
}
.ui-dialog-titlebar{
    background-color:#f5f5f5;
    float:left;
    width:100%;
    height:40px;
    font-weight:normal;
    margin-bottom:3px;
    border:0;
    border-bottom:1px solid #B3B3B3;
    cursor:move;
    -ms-user-select:none
}
table.tdatagrid_table{
    border-collapse:separate;
    border-top:1px solid #C7C7C7;
    border-left:1px solid #C7C7C7;
    color:#171717;
    border-spacing:0px;
    border:#ccc 1px solid;
    border-radius:3px;
    box-shadow:3px 3px 3px rgb(236, 236, 236)
}
table.tdatagrid_table a{
    color:black
}
table.tdatagrid_table > thead.tdatagrid_head{
    background-color:#E8E8E8
}
table.tdatagrid_table > tfoot.tdatagrid_footer{
    background-color:#E8E8E8
}
table.tdatagrid_table > thead.tdatagrid_head > tr > td,table.tdatagrid_table > thead.tdatagrid_head > tr > th{
    height:35px
}
table.tdatagrid_table > tfoot.tdatagrid_footer > tr > td{
    border-top:1px solid #BDBDBD;
    height:24px;
    padding-left:5px;
    padding-right:5px
}
table.table > tfoot.tdatagrid_footer > tr > td{
    font-weight:600
}
table.tdatagrid_table > thead.tdatagrid_head > tr > th.tdatagrid_col,table.tdatagrid_table > thead.tdatagrid_head > tr > th.tdatagrid_action{
    border-left:0px solid;
    border-top:0px;
    padding-left:1px;
    border-bottom:1px solid #bbb;
    background-color:#E8E8E8;
    user-select:none;
    cursor:default;
    font-weight:600;
    color:#2B2B2B;
    border-right:0px;
    padding-right:2px
}
table.tdatagrid_table > thead.tdatagrid_head > tr > th.tdatagrid_col[generator=adianti]:hover{
    cursor:pointer;
    background-color:#CFCFCF;
    border-left:1px solid gray;
    border-right:1px solid gray;
    padding-right:0px;
    user-select:none;
    font-weight:600
}
table.tdatagrid_table > tbody.tdatagrid_body{
}
table.tdatagrid_table > tbody.tdatagrid_body > tr > td{
    height:35px
}
table.tdatagrid_table > tbody.tdatagrid_body > tr.tdatagrid_group{
    background-color:#a5a3a3;
    color:white;
    text-shadow:none;
    user-select:none
}
table.tdatagrid_table > tbody.tdatagrid_body > tr.tdatagrid_group > td{
    padding-left:5px;
    border-bottom:1px solid white
}
table.tdatagrid_table > tbody.tdatagrid_body > tr.tdatagrid_row_even{
    background-color:#f6f6f6
}
table.tdatagrid_table > tbody.tdatagrid_body > tr.tdatagrid_row_odd{
    /* background-color: #fafafa;
     */
}
table.tdatagrid_table > tbody.tdatagrid_body > tr.tdatagrid_row_even:hover,table.tdatagrid_table > tbody.tdatagrid_body > tr.tdatagrid_row_odd:hover{
    background-color:#e8e8e8;
    cursor:pointer
}
table.tdatagrid_table > tbody.tdatagrid_body > tr > td.tdatagrid_cell{
    border-bottom:1px solid #e0e0e0;
    border-left:1px solid #e0e0e0;
    padding-left:5px;
    padding-right:5px
}
table.tdatagrid_table > tbody.tdatagrid_body > tr > td.tdatagrid_cell.action{
    vertical-align:middle
}
table.table>tbody>tr>td.tdatagrid_cell.action{
    padding-left:5px;
    padding-right:5px
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before{
    text-shadow:none;
    top:inherit !important
}
table.tdatagrid_table tr:first-child td{
    border-top:0
}
table.tdatagrid_table tr td:first-child,table.tdatagrid_table tr.tdatagrid_head td:first-child,table.tdatagrid_table tr.tdatagrid_head th:first-child{
    border-left:0
}
table.tdatagrid_table tr td:last-child,table.tdatagrid_table tr.tdatagrid_head td:last-child,table.tdatagrid_table tr.tdatagrid_head th:last-child{
    border-right:0
}
table.tdatagrid_body tr td input{
    height:24px;
    margin:0;
    padding:0px;
    padding-left:3px;
    padding-right:3px
}
/** hiddable **/
@media screen and (max-width: 100px){
    [hiddable="100"]{
        display:none
    }
}
@media screen and (max-width: 200px){
    [hiddable="200"]{
        display:none
    }
}
@media screen and (max-width: 300px){
    [hiddable="300"]{
        display:none
    }
}
@media screen and (max-width: 400px){
    [hiddable="400"]{
        display:none
    }
}
@media screen and (max-width: 500px){
    [hiddable="500"]{
        display:none
    }
}
@media screen and (max-width: 600px){
    [hiddable="600"]{
        display:none
    }
}
@media screen and (max-width: 700px){
    [hiddable="700"]{
        display:none
    }
}
@media screen and (max-width: 800px){
    [hiddable="800"]{
        display:none
    }
}
@media screen and (max-width: 900px){
    [hiddable="900"]{
        display:none
    }
}
@media screen and (max-width: 1000px){
    [hiddable="1000"]{
        display:none
    }
}
@media screen and (max-width: 1100px){
    [hiddable="1100"]{
        display:none
    }
}
@media screen and (max-width: 1200px){
    [hiddable="1200"]{
        display:none
    }
}
@media screen and (max-width: 1300px){
    [hiddable="1300"]{
        display:none
    }
}
@media screen and (max-width: 1400px){
    [hiddable="1400"]{
        display:none
    }
}
@media screen and (max-width: 1500px){
    [hiddable="1500"]{
        display:none
    }
}
.tpagenavigation{
    padding-top:7px
}
.tpagenavigation > ul.pagination{
    margin:0
}
.tpagenavigation li.off a{
    color:#c0c0c0
}
.tpagenavigation_resume{
    width:100%;
    text-align:center;
    color:gray;
    padding:2px;
    padding-top:7px
}
label{
    margin:0px;
    font-weight:normal;
    font-size:10pt;
    font-family:Helvetica,Arial,Verdana;
    color:#333333;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none
}
.tform{
    background:white;
    -moz-box-shadow:3px 3px 3px rgb(236, 236, 236);
    -webkit-box-shadow:3px 3px 3px rgb(236, 236, 236);
    box-shadow:3px 3px 3px rgb(236, 236, 236);
    border:1px solid #CCCCCC;
    border-radius:2px 2px 2px 2px;
    padding:0px;
    margin-bottom:8px
}
.tform table{
    border-spacing:0px
}
.tform label{
    padding-left:10px
}
.tform label.tcheckgroup_label,.tform label.tradiogroup_label{
    padding-left:0px
}
.tform .tformtitle > td,.tform .tformsection > td{
    font-weight:bold;
    padding-top:12px;
    padding-bottom:12px;
    text-align:left;
    background-color:#6E9ED0;
    border-bottom:1px solid #C2C2C2;
    user-select:none
}
.tform .tformtitle > td > label{
    font-family:'Open Sans';
    font-size:16px
}
.tform .tformtitle > td:first-child{
    -webkit-border-radius:2px 0px 0 0;
    -moz-border-radius:2px 0px 0 0;
    border-radius:2px 0px 0 0
}
.tform .tformtitle > td:last-child{
    -webkit-border-radius:0px 2px 0 0;
    -moz-border-radius:0px 2px 0 0;
    border-radius:0px 2px 0 0
}
.tform .tformtitle > td > label{
    color:white
}
.tform .tformsection td{
    background-color:Lavender;
    font-weight:normal;
    padding-top:2px;
    padding-bottom:2px;
    border-top:1px solid #D7D7D7;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    text-shadow:none
}
.tform table tr:not(.tformtitle):not(.tformaction) >td{
    padding-top:2.5px;
    padding-bottom:2.5px
}
.tform .tformaction > td{
    padding:5px;
    margin-bottom:0;
    text-align:left;
    background-color:whiteSmoke;
    border-top:1px solid #DDD;
    -webkit-border-radius:0 0 2px 2px;
    -moz-border-radius:0 0 2px 2px;
    border-radius:0 0 2px 2px;
    -webkit-box-shadow:inset 0 1px 0 white;
    -moz-box-shadow:inset 0 1px 0 #ffffff;
    box-shadow:inset 0 1px 0 white
}
.tseparator{
    margin-bottom:5px
}
hr.tseparator-divisor{
    margin-bottom:15px;
    margin-top:10px
}
.tfield,.inplace_field{
    box-sizing:border-box;
    border:solid;
    border-color:#a0a0a0;
    border-width:1px;
    height:30px;
    z-index:1;
    padding-right:6px;
    padding-left:6px
}
.tfield:focus{
    border-color:rgba(82, 168, 236, 0.8);
    outline:0;
    outline:thin dotted \9
}
.tfield_disabled{
    box-sizing:border-box;
    border:solid;
    border-color:#a0a0a0;
    border-width:1px;
    height:30px;
    background-color:#eee;
    color:#282828;
    user-select:none;
    padding-right:6px;
    padding-left:6px;
    pointer-events:none
}
.tfield_block_events,.tfield_block_events label,.tfield_block_events input{
    pointer-events:none;
    color:gray
}
.input-inner-icon{
    position:absolute;
    top:10px
}
.input-inner-icon.right{
    right:0.5rem
}
.input-inner-icon.left{
    left:0.5rem
}
.tfile_row_wrapper{
    margin-top:1px
}
.tfile_link_wrapper{
    float:left;
    padding:4px;
    margin-top:1px;
    overflow:auto
}
.tfile_del_icon{
    cursor:pointer;
    float:left;
    padding:4px
}
.tfile_row_2{
    float:left;
    width:100%;
    overflow:auto;
    margin-top:2px
}
.tdate-group{
    display:table;
    border-spacing:0;
    float:inherit;
    border-collapse:separate
}
.tdate-group .tfield,.tdate-group .tfield_disabled{
    display:table-cell
}
span.tdate-group-addon{
    vertical-align:top;
    display:table-cell;
    width:24px
}
span.tdate-group-addon i{
    display:inline-block;
    margin-top:1px;
    vertical-align:text-top;
    padding-left:4px;
    padding-right:4px
}
.datepicker-days .prev,.datepicker-days .next,.datepicker-days .cw,.datepicker-days .datepicker-switch{
    background:whiteSmoke
}
.datepicker-days .day{
    border:1px solid #e0e0e0;
    border-spacing:0;
    padding:2px
}
.datepicker.dropdown-menu td{
    padding:1px
}
.datepicker.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    float:left;
    display:none;
    min-width:160px;
    list-style:none;
    background-color:#ffffff;
    border:1px solid #ccc;
    border:1px solid rgba(0, 0, 0, 0.2);
    border-radius:5px;
    box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
    background-clip:padding-box;
    *border-right-width:2px;
    *border-bottom-width:2px;
    color:#333333;
    font-size:13px;
    line-height:20px
}
.datepicker.dropdown-menu th,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.datepicker-inline td{
    padding:2px 3px
}
.datetimepicker{
    font-size:13px !important;
    line-height:14px
}
.datetimepicker .day,.datetimepicker .hour,.datetimepicker .minute{
    border:1px solid #e0e0e0;
    border-spacing:0
}
.datetimepicker .prev,.datetimepicker .next,.datetimepicker .cw,.datetimepicker .switch{
    background:whiteSmoke
}
.datetimepicker.dropdown-menu th,.datetimepicker.datepicker-inline th,.datetimepicker.dropdown-menu td,.datetimepicker.datepicker-inline td{
    padding:5px
}
.dropdown-submenu{
    position:relative
}
.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px;
    border-radius:0 6px 6px 6px
}
.dropdown-submenu:hover>.dropdown-menu{
    display:block
}
.dropdown-submenu>a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#ccc;
    margin-top:5px;
    margin-right:-10px
}
.dropdown-submenu:hover>a:after{
    border-left-color:#fff
}
.dropdown-submenu.pull-left{
    float:none
}
.dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px
}
.dropdown-menu{
    font-size:12px
}
.tcombo{
    height:24px;
    z-index:1;
    padding-right:2px;
    padding-left:2px;
    padding-top:0px;
    padding-bottom:0px
}
.tcombo_disabled{
    height:24px;
    z-index:1;
    background-color:#eeeeee
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .tcombo{
        background-color:#ffffff;
        border:1px solid #a0a0a0;
        border-radius:3px
    }
    .tcombo_disabled{
        background-color:#eeeeee;
        border-color:#a0a0a0;
        border-radius:3px
    }
}
.tselect{
    padding-right:2px;
    padding-left:2px;
    padding-top:0px;
    padding-bottom:0px
}
.tselect_disabled{
    background-color:#eeeeee
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .tselect{
        background-color:#ffffff;
        border:1px solid #a0a0a0;
        border-radius:3px
    }
    .tselect_disabled{
        background-color:#eeeeee;
        border-color:#a0a0a0;
        border-radius:3px
    }
}
.tseekbutton{
    border-radius:0 4px 4px 0;
    height:24px;
    width:22px;
    padding:0px !important;
    padding-left:2px !important;
    padding-right:2px !important;
    margin:0px;
    margin-left:-2px;
    margin-bottom:0px;
    vertical-align:top
}
.tseekentry{
    border-radius:3px 0px 0px 3px;
    display:table-cell;
    border-right:0
}
.tseekentry:focus{
    border-radius:3px 0px 0px 3px
}
.tseekbutton img{
    display:inline-block;
    margin-top:1px;
    width:90%;
    vertical-align:text-top
}
.tseek-group{
    display:inline-table;
    border-spacing:0;
    width:100%
}
.tsourcecode code{
    padding:0;
    font-size:100%;
    color:auto;
    border-radius:0
}
.modal-header{
    padding:9px 15px
}
.modal-footer{
    padding:14px 15px 15px;
    margin-bottom:0;
    text-align:right;
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    -webkit-border-radius:0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    border-radius:0 0 6px 6px;
    -webkit-box-shadow:inset 0 1px 0 #ffffff;
    -moz-box-shadow:inset 0 1px 0 #ffffff;
    box-shadow:inset 0 1px 0 #ffffff;
    *zoom:1
}
.modal-body{
    overflow-y:auto;
    padding:15px
}
body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{
    margin-right:0
}
.modal{
    overflow-y:auto
}
.bootbox.modal{
    padding-top:10%;
    z-index:4000
}
.tooltip{
    position:absolute;
    z-index:1000000000000
}
.tooltip .tooltip-inner{
    color:#000;
    background-color:white;
    background-repeat:repeat-x;
    border:1px solid black;
    padding:8px;
    border:#ccc 1px solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:2px 2px 2px #BFBFBF;
    -webkit-box-shadow:2px 2px 2px #BFBFBF;
    box-shadow:2px 2px 2px #BFBFBF;
    max-width:none
}
.tooltip.right .tooltip-arrow{
    border-right-color:#3D3D3D
}
.tsortlist{
    -webkit-box-sizing:content-box !important;
    -moz-box-sizing:content-box !important;
    box-sizing:content-box !important
}
.tsortlist{
    background:#EEEEEE;
    align:center;
    display:block;
    padding:20px !important;
    overflow:auto;
    margin:0px;
    scroll:none;
    border:1px solid #ccc;
    -webkit-border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px
}
.tsortlist img{
    padding-right:5px
}
.tsortlist_item{
    cursor:move;
    text-align:left;
    margin:2px
}
.tnotebook .frame.tab-content{
    border:1px solid #c1c1c1;
    padding:12px
}
.tnotebook .nav.nav-tabs{
    border:unset
}
.tnotebook .nav.nav-tabs .nav-item .nav-link{
    margin-right:5px;
    padding:4px 8px;
    border-radius:unset
}
.tnotebook .nav.nav-tabs .nav-item .nav-link:not(.active){
    background-color:whitesmoke;
    color:#c1c1c1;
    margin-top:-1px
}
.tnotebook .nav.nav-tabs .nav-item .nav-link:not(.active):hover{
    color:#444
}
.tnotebook .nav.nav-tabs .nav-item .nav-link.active{
    border-color:#c1c1c1;
    border-bottom:unset;
    margin-top:1px
}
.tscroll{
    overflow:auto;
    padding:4px
}
.tframe{
    -webkit-box-sizing:content-box !important;
    -moz-box-sizing:content-box !important;
    box-sizing:content-box !important
}
.tframe{
    margin:10px;
    padding-top:5px;
    padding-bottom:8px;
    padding-left:15px;
    padding-right:5px;
    border-radius:0px;
    border:1px solid #ddd
}
.tframe legend{
    width:auto;
    margin:0;
    border:0;
    font-size:inherit;
    padding-left:5px;
    background:white;
    padding-top:2px;
    padding-bottom:2px;
    box-shadow:0 0 0 1px #C7C7C7;
    margin-left:3px;
    padding-right:5px;
    margin-right:5px;
    height:28px
}
.tframe legend label{
    padding-left:3px;
    font-weight:bold
}
.tcalendar{
    border:1px solid #dddddd;
    border-left:0;
    color:none;
    border-spacing:0px;
    user-select:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    background:white
}
.tcalendar table{
    border:1px solid #E1E1E1;
    border-spacing:0;
    border-collapse:collapse;
    width:100%;
    height:100%
}
.tcalendar table td{
    color:#535353;
    font-weight:bold;
    text-shadow:0 1px 0 white;
    text-align:center;
    padding:5px;
    border:1px solid #C8C8C8
}
div.tcalendar table td.calendar-header{
    background-color:whitesmoke;
    color:black;
    text-shadow:none
}
div.tcalendar table td.calendar-header-day{
    color:#007bff
}
.tcalendar table tr.calendar-rowdata{
    height:auto
}
.tcalendar table tr.calendar-rowdata td{
    font:12px Verdana,Arial,sans-serif
}
.tcalendar table td.calendar-data:hover{
    background-color:#D6D1FF;
    color:black;
    text-shadow:none;
    cursor:pointer
}
.tcalendar table td.calendar-data.weekend{
    color:#DC4C4C
}
.tcalendar table tr.calendar-rowdata td.calendar-selected{
    font-weight:bold
}
div.color-div .pickr{
    position:absolute;
    right:0px;
    top:0px;
    width:30px
}
div.color-div .pickr button:focus{
    outline:none !important;
    box-shadow:none !important;
    padding:0
}
div.color-div .pickr button::after,div.color-div .pickr button::before{
    border:1px solid #dddddd;
    height:15px;
    width:15px;
    border-radius:0;
    padding:0;
    margin-top:7px;
    margin-left:7px
}
div.color-div .pickr button{
    height:30px;
    border-radius:0px;
    width:30px;
    border:1px solid #cccccc
}
div.color-div .pickr button.clear{
    background-size:50%
}
div.color-div span.tcolor{
    border:1px solid #cccccc;
    height:24px;
    padding:0px;
    margin:0px;
    width:24px;
    padding:3px;
    margin:0px;
    margin-bottom:0px;
    vertical-align:top;
    box-sizing:border-box;
    border-bottom-color:#b3b3b3;
    vertical-align:top
}
.tfieldlist div.color-div{
    display:inline-block
}
div.color-div{
    display:table
}
div.color-div .tfield{
    display:table-cell
}
.tcolor{
    display:table-cell
}
.tcolor i.tcolor-icon{
    width:14px;
    height:14px
}
.iconpicker{
    position:relative;
    text-align:left;
    text-shadow:none;
    line-height:0;
    display:block;
    margin:0;
    overflow:visible !important
}
.iconpicker-component{
    padding:2px;
    width:24px !important
}
.iconpicker-search{
    margin-bottom:10px
}
.iconpicker .iconpicker-items,.iconpicker-popover.popover .popover-title{
    padding:7px
}
.iconpicker .iconpicker-item{
    margin:0 5px 5px 0;
    padding:5px
}
.iconpicker-container{
    border-spacing:0
}
.ui-spinner{
    border:1px solid #a0a0a0;
    height:28px
}
.ui-spinner input{
    margin-left:0px;
    margin-right:15px;
    margin-top:0px;
    border:none;
    border-right:1px solid silver
}
.fb-inline-field-container .ui-spinner{
    width:100%
}
.tstepper .spin-minus,.tstepper .spin-plus{
    display:flex;
    user-select:none;
    height:auto;
    width:30px;
    justify-content:center;
    align-items:center;
    color:#333;
    border:1px solid silver
}
.tstepper .spin-minus{
    border-right:none
}
.tstepper .spin-plus{
    border-left:none
}
.tstepper input{
    text-align:center !important
}
.tslidercontainer{
    width:100%
}
.tslidercontainer .label{
    color:black;
    display:block
}
.tslidercontainer input[type="range"].tfield_disabled{
    background:whitesmoke
}
.tslidercontainer input[type="range"]{
    -webkit-appearance:none;
    appearance:none;
    width:100%;
    height:10px;
    background:white;
    border:1px solid #ccc !important;
    outline:none;
    padding:0
}
/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.tslidercontainer input[type="range"]::-webkit-slider-thumb{
    -webkit-appearance:none;
    /* Override default look */
    appearance:none;
    width:15px;
    height:15px;
    background:#4CAF50;
    cursor:pointer;
    border-radius:50%
}
.tslidercontainer input[type="range"]::-moz-range-thumb{
    width:15px;
    height:15px;
    background:#4CAF50;
    cursor:pointer;
    border-radius:50%
}
.tslidercontainer input[type="range"]::-webkit-slider-thumb:hover{
    box-shadow:0px 0px 8px 0px rgba(0,0,0,0.75)
}
.tslidercontainer input[type="range"]::-moz-range-thumb:hover{
    box-shadow:0px 0px 8px 0px rgba(0,0,0,0.75)
}
.tslidercontainer input[type="range"].tfield_disabled::-webkit-slider-thumb{
    background:silver
}
.tslidercontainer input[type="range"].tfield_disabled::-moz-range-thumb{
    background:silver
}
.select2-dropdown{
    z-index:4051
}
.select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus{
    border:none !important
}
.select2-selection__choice{
    white-space:normal !important
}
.select2-disable{
    width:100%;
/*    background:#FFFFF0;*/
    height:calc(100% + 1px);
    position:absolute;
    opacity:0.8;
    z-index:1;
    font-weight: bold;
}
.ticonview{
    padding:0
}
.ticonview > li{
    display:inline-block;
    vertical-align:text-bottom;
    cursor:pointer;
    margin:8px;
    position:relative
}
.ticonview > li div> img,.ticonview > li > div> i{
    display:table;
    margin-left:auto;
    margin-right:auto
}
.ticonview > li > div > span{
    text-decoration:none;
    color:#333
}
.ticonview > li > div > span{
    width:116px;
    height:57px;
    text-align:center;
    display:inline-block;
    word-wrap:break-word;
    overflow:none
}
.timeline > li > i.line-icon::before{
    color:white
}
.timeline-bothsides:before{
    left:50% !important
}
.timeline-bothsides>li>.line-icon,.timeline-bothsides>li>.ion{
    left:calc(50% - 10px) !important
}
.timeline-item-left{
    margin-left:0px !important;
    width:calc( 50% - 30px)
}
.timeline-item-right{
    margin-left:calc(50% + 30px) !important;
    margin-right:0 !important;
    width:calc( 50% - 30px)
}
.timeline-wrapper{
    /*background: #edf1f6;
    */
    padding:5px
}
.time-label-bothsides{
    left:calc(50% - 42px);
    display:inline-block
}
.timeline>li>.line-icon,.timeline>li>.glyphicon,.timeline>li>.ion{
    color:white
}
.timeline>li>.timeline-item{
    box-shadow:0 1px 9px 3px rgba(0,0,0,0.1) !important
}
table.tfieldlist.dashed > tbody > tr > td.field{
    border:1px dotted gray !important
}
table.tfieldlist.dashed .tfield{
    border:0px !important;
    border-radius:0 !important;
    box-shadow:none !important
}
table.tfieldlist td{
    vertical-align:top
}
/** TFile customs **/
table.tfieldlist td .div_file{
    display:flex !important
}
table.tfieldlist td .tfile_row_wrapper{
    width:50%
}
table.tfieldlist td .tfile_row_1{
    display:flex
}
table.tfieldlist td .tfile_link_wrapper{
    padding:2px
}
table.tfieldlist td .tfile_row_wrapper{
    width:100%;
    padding-left:5px
}
table.tfieldlist .tfile_link_wrapper{
    width:unset !important
}
.tfieldlist-disable{
    width:calc(100% - 20px);
    background:#eeeeee;
    height:calc(100% + 1px);
    position:absolute;
    opacity:0.5;
    z-index:1
}
.kanban-board{
    background:transparent;
    display:inline-flex;
    padding:10px;
    min-width:100%;
    padding-bottom:28px
}
.kanban-stage{
    background:white;
    float:left;
    margin-left:15px;
    margin-right:15px;
    min-width:300px;
    min-height:120px;
    height:fit-content;
    padding:10px;
    border:1px solid silver;
    border-top:2px solid dimgrey;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}
.kanban-title{
    color:#555;
    padding:6px;
    cursor:move;
    padding-bottom:10px;
    margin-bottom:10px;
    display:block;
    font-size:17pt;
    background:#fdfdfd
}
.kanban-shortcuts{
    padding:6px;
    display:block
}
.kanban-item{
    margin-bottom:10px;
    min-height:45px;
    min-width:150px;
    border:1px solid #c0c0c0;
    overflow:auto;
    background:white;
    padding:5px
}
.kanban-item:hover{
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}
.kanban-item-title{
    padding:3px;
    cursor:move;
    font-weight:bold;
    border-bottom:1px solid silver
}
.kanban-item-content{
    padding:5px
}
.kanban-item-sortable{
    background:transparent;
    padding:4px
}
.kanban-ghost{
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    opacity:0.4;
    border-style:dashed
}
.kanban-dragging{
    opacity:0.8
}
.kanban-item-placeholder{
    height:0px !important;
    margin-top:-5px;
    overflow:hidden;
    border-bottom:2px dashed blue
}
.kanban-stage-placeholder{
    height:100%;
    border-right:2px dashed blue;
    width:30px!important
}
.kanban-item-actions{
    margin-top:3px;
    padding:3px;
    color:#999;
    background:white
}
.kanban-item-actions > i:hover{
    transition:600ms;
    color:#444
}
.kanban-board-wrapper.top-scroll{
    transform:rotateX(180deg);
    overflow-x:auto
}
.kanban-board-wrapper.top-scroll > .kanban-board{
    transform:rotateX(180deg)
}
.card-wrapper{
    display:flex;
    flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    justify-content:center;
    -webkit-justify-content:center
}
.card-item{
    width:300px;
    border:1px solid #c0c0c0;
    overflow:auto;
    background:white;
    margin:10px;
    float:left;
    vertical-align:middle;
    display:table-cell
}
.card-item:hover{
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}
.panel-default>.panel-heading.card-item-title{
    padding:3px;
    background:unset !important;
    font-weight:bold;
    border-top:0 !important;
    border-bottom:1px solid silver;
    padding:12px !important
}
.card-item-content{
    padding:5px
}
.card-item-actions{
    margin-top:3px;
    padding:12px;
    color:#999;
    background:white
}
.tfield[widget="ttext"]{
    resize:none
}
.steps{
    list-style:none;
    display:table;
    width:100%;
    padding:0;
    margin:0;
    position:relative
}
.steps li{
    display:table-cell;
    text-align:center;
    width:1%
}
.steps li:before{
    display:block;
    content:"";
    width:100%;
    height:1px;
    font-size:0;
    overflow:hidden;
    border-top:4px solid #CED1D6;
    position:relative;
    top:21px;
    z-index:1
}
.steps li.complete .step-number:before{
    display:block;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border-radius:100%;
    content:"\f00c";
    z-index:3;
    font-family:"Font Awesome 5 Free";
    font-weight:600;
    font-size:17px;
    color:#87ba21
}
.steps li:first-child:before{
    max-width:51%;
    left:50%
}
.steps li.active .step-number,.steps li.active:before,.steps li.complete .step-number,.steps li.complete:before{
    border-color:#5293c4
}
.steps li .step-number{
    border:5px solid #ced1d6;
    color:#546474;
    font-size:15px;
    border-radius:100%;
    position:relative;
    z-index:2;
    display:inline-block;
    width:40px;
    height:40px
}
.steps li .step-number,.steps li.complete .step-number:before{
    line-height:30px;
    background-color:#FFF;
    text-align:center
}
.steps li.active .step-title,.steps li.complete .step-title{
    color:#2b3d53
}
.steps li .step-title{
    display:block;
    margin-top:4px;
    max-width:100%;
    color:#949ea7;
    font-size:14px;
    z-index:104;
    text-align:center;
    table-layout:fixed;
    word-wrap:break-word
}
.steps li.complete .step-number{
    cursor:default;
    color:#FFF;
    -webkit-transition:transform ease .1s;
    -o-transition:transform ease .1s;
    transition:transform ease .1s
}
.steps li:last-child:before{
    max-width:50%;
    width:50%
}
ul.nav.nav-pills > li.active{
    background-color:whitesmoke
}
[type="checkbox"].btn-tswitch{
    display:none
}
[type="checkbox"][style="pointer-events: none;
"] + label.tswitch,[type="checkbox"][tabindex="-1"] + label.tswitch{
    opacity:0.6
}
[type="checkbox"] + label.tswitch{
    user-select:none;
    padding-left:63px;
    padding-right:10px;
    height:27px;
    display:flex;
    align-items:center;
    position:relative;
    cursor:pointer;
    background-color:transparent !important;
    color:#555555 !important
}
[type="checkbox"].filled-in:not(:checked) + label.tswitch:before,[type="checkbox"].filled-in:checked + label.tswitch:before{
    content:'';
    width:50px;
    height:15px;
    top:6px;
    position:absolute;
    cursor:pointer;
    left:0;
    right:0;
    bottom:0;
    -webkit-transition:.4s;
    transition:.4s;
    -webkit-transform:unset;
    transform:unset;
    -webkit-transform-origin:unset;
    transform-origin:unset;
    z-index:0;
    border-radius:15px;
    border:unset !important;
    margin-top:0px
}
[type="checkbox"].filled-in:not(checked) + label.tswitch:after{
    background-color:#F1F1F1
}
[type="checkbox"].filled-in:not(checked) + label.tswitch:before{
    background-color:#818181;
    opacity:.5
}
[type="checkbox"].filled-in:checked + label.tswitch:after,[type="checkbox"].filled-in:not(:checked) + label.tswitch:after{
    content:"";
    position:absolute;
    display:inline-block;
    width:21px;
    height:21px;
    border-radius:21px;
    box-shadow:0 1px 3px 1px rgb(0 0 0 / 40%);
    top:3px !important;
    left:3px;
    border:unset;
    transition:left 0.3s ease,background .3s ease,box-shadow 0.1s ease
}
[type="checkbox"].filled-in:not(:checked) + label.tswitch:after{
    left:-3px
}
[type="checkbox"].filled-in:checked + label.tswitch:after{
    left:32px
}
[type="checkbox"].filled-in:checked + label.tswitch.red::after,[type="checkbox"].filled-in:checked + label.tswitch.red::before{
    background-color:#F44336 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.pink::after,[type="checkbox"].filled-in:checked + label.tswitch.pink::before{
    background-color:#E91E63 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.purple::after,[type="checkbox"].filled-in:checked + label.tswitch.purple::before{
    background-color:#9C27B0 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.deep-purple::after,[type="checkbox"].filled-in:checked + label.tswitch.deep-purple::before{
    background-color:#673AB7 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.indigo::after,[type="checkbox"].filled-in:checked + label.tswitch.indigo::before{
    background-color:#3F51B5 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.blue::after,[type="checkbox"].filled-in:checked + label.tswitch.blue::before{
    background-color:#2196F3 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.light-blue::after,[type="checkbox"].filled-in:checked + label.tswitch.light-blue::before{
    background-color:#03A9F4 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.cyan::after,[type="checkbox"].filled-in:checked + label.tswitch.cyan::before{
    background-color:#00BCD4 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.teal::after,[type="checkbox"].filled-in:checked + label.tswitch.teal::before{
    background-color:#009688 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.green::after,[type="checkbox"].filled-in:checked + label.tswitch.green::before{
    background-color:#4CAF50 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.light-green::after,[type="checkbox"].filled-in:checked + label.tswitch.light-green::before{
    background-color:#8BC34A !important
}
[type="checkbox"].filled-in:checked + label.tswitch.lime::after,[type="checkbox"].filled-in:checked + label.tswitch.lime::before{
    background-color:#CDDC39 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.yellow::after,[type="checkbox"].filled-in:checked + label.tswitch.yellow::before{
    background-color:#ffe821 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.amber::after,[type="checkbox"].filled-in:checked + label.tswitch.amber::before{
    background-color:#FFC107 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.orange::after,[type="checkbox"].filled-in:checked + label.tswitch.orange::before{
    background-color:#FF9800 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.deep-orange::after,[type="checkbox"].filled-in:checked + label.tswitch.deep-orange::before{
    background-color:#FF5722 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.brown::after,[type="checkbox"].filled-in:checked + label.tswitch.brown::before{
    background-color:#795548 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.grey::after,[type="checkbox"].filled-in:checked + label.tswitch.grey::before{
    background-color:#9E9E9E !important
}
[type="checkbox"].filled-in:checked + label.tswitch.blue-grey::after,[type="checkbox"].filled-in:checked + label.tswitch.blue-grey::before{
    background-color:#607D8B !important
}
[type="checkbox"].filled-in:checked + label.tswitch.black::after,[type="checkbox"].filled-in:checked + label.tswitch.black::before{
    background-color:#000000 !important
}
[type="checkbox"].filled-in:checked + label.tswitch.white::after,[type="checkbox"].filled-in:checked + label.tswitch.white::before{
    background-color:#ffffff !important
}
.tbarcodeinputreader-cameras{
    text-align:center;
    padding:15px
}
.tbarcodeinputreader-cameras input[type=radio]{
    margin:0px 15px
}
.tbarcodeinputreader_container{
    position:relative
}
.tbarcodeinputreader_reader{
    margin:auto;
    width:100%;
    height:calc(100% - 100px)
}
span.tbarcodeinputreader.input-group-addon{
    border-color:#cccccc;
    border-style:solid;
    border-width:1px 1px 1px 0px;
    width:24px;
    text-align:center;
    border-radius:0px;
    display:flex;
    position:relative;
    cursor:pointer
}
div.tbarcodeinputreader{
    display:table
}
div.tbarcodeinputreader .tfield{
    display:table-cell;
    border-right:0;
    border-radius:3px 0 0 3px
}
.tbarcodeinputreader{
    display:table-cell
}
.tbarcodeinputreader i{
    position:absolute;
    width:14px;
    height:14px;
    top:7px;
    left:4px
}
.tqrcodeinputreader-cameras{
    text-align:center;
    padding:15px
}
.tqrcodeinputreader-cameras input[type=radio]{
    margin:0px 15px
}
.tqrcodeinputreader_container{
    position:relative
}
.tqrcodeinputreader_reader{
    height:calc(100% - 100px)
}
.tqrcodeinputreader_reader video{
    margin:auto;
    width:100% !important;
    height:100%
}
span.tqrcodeinputreader.input-group-addon{
    border-color:#e6e6e6 #e6e6e6 #bfbfbf;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    border-right:1px solid #cccccc;
    width:24px;
    text-align:center;
    display:flex;
    position:relative;
    cursor:pointer;
    border-left:0;
    padding-left:5px
}
div.tqrcodeinputreader{
    display:table
}
div.tqrcodeinputreader .tfield{
    display:table-cell;
    border-right:0;
    border-radius:3px 0 0 3px
}
.tqrcodeinputreader{
    display:table-cell
}
.tqrcodeinputreader i{
    position:absolute;
    width:14px;
    height:14px;
    padding-top:6px;
    left:4px
}
.timagecropper_webcam{
    width:unset !important;
    justify-content:center;
    display:flex;
    height:100%
}
.timagecropper_webcam video{
    width:calc(100% - 10px) !important;
    height:calc(100% - 10px) !important
}
.timagecropper{
    cursor:pointer
}
.label_timagecropper{
    position:relative;
    display:flex;
    border:1px solid #e9e9e9;
    border-radius:.25rem;
    background-color:#e9e9e959;
    background-size:21px 21px;
    cursor:pointer
}
.label_timagecropper img.placeholder{
    object-fit:contain;
    margin:auto;
    width:100%;
    opacity:0.3;
    max-height:100%
}
.label_timagecropper i.placeholder{
    font-size:75px;
    margin:auto;
    width:100%;
    opacity:0.3;
    text-align:center
}
.label_timagecropper.highlight{
    border:2px dashed #e9e9e9
}
.container_timagecrroper{
    position:relative
}
.actions_timagecrroper div{
    margin:auto
}
.actions_timagecrroper div button i{
    margin:auto
}
.actions_timagecrroper div button:nth-child(1){
    margin-right:5px
}
.actions_timagecrroper div button{
    width:30px;
    height:30px
}
.actions_timagecrroper div > button,.actions_timagecrroper div > div{
    display:flex;
    margin-top:2.5px;
    margin-bottom:2.5px
}
.actions_timagecrroper{
    display:flex;
    position:absolute;
    top:0px;
    right:-75px;
    height:100%;
    width:70px
}
.timagecropper_actions div{
    width:30px;
    height:30px;
    text-align:center;
    line-height:30px;
    border-radius:50%;
    font-size:12px;
    background:#33333347;
    cursor:pointer
}
.timagecropper_actions{
    position:absolute;
    right:2px;
    top:2px
}
.timagecropper_actions div i{
    color:white;
    background:#80808099;
    border-radius:50%;
    padding:5px
}
.timagecropper_actions div i:hover{
    background:#808080
}
@media (max-width: 540px){
    .actions_timagecrroper div > div{
        margin:0px 2.5px
    }
    .actions_timagecrroper div{
        display:flex
    }
    .actions_timagecrroper{
        bottom:-70px;
        left:0px;
        height:70px;
        width:100%;
        top:unset;
        overflow:auto
    }
}
.div_arrow_steps{
    background:white;
    width:100%
}
.div_arrow_steps::-webkit-scrollbar{
    height:3px
}
.div_arrow_steps::-webkit-scrollbar-track{
    background:white
}
.div_arrow_steps::-webkit-scrollbar-thumb{
    border-radius:5px
}
.arrow_steps{
    margin:0;
    padding:0;
    display:flex
}
.arrow_steps:after{
    clear:both;
    content:"";
    display:block;
    height:0
}
.arrow_steps .step{
    text-align:center;
    color:#333;
    cursor:pointer;
    margin:0 1px;
    width:100%;
    float:left;
    position:relative;
    background-color:#e8e8e8;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    transition:background-color 0.2s ease;
    display:flex;
    justify-content:center;
    align-items:center
}
.arrow_steps .step:last-child{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px
}
.arrow_steps .step:last-child:after{
    border-bottom:0;
    border-top:0
}
.arrow_steps .step:after,.arrow_steps .step:before{
    content:" ";
    position:absolute;
    top:0;
    width:0;
    height:0;
    border-top-style:solid;
    border-bottom-style:solid;
    border-top-color:transparent;
    border-bottom-color:transparent;
    border-left-style:solid;
    border-left-color:#e8e8e8;
    z-index:2;
    transition:border-color 0.2s ease
}
.arrow_steps .step:before{
    right:auto;
    left:0;
    border-left-style:solid;
    border-left-color:#fff;
    z-index:0
}
.arrow_steps .step:first-child:before{
    border:none
}
.arrow_steps .step:first-child{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px
}
.arrow_steps .step span{
    position:relative;
    max-width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    width:90%
}
.arrow_steps .step span:before{
    opacity:0;
    content:" ";
    position:absolute;
    top:-2px
}
.arrow_steps .step.done span:before{
    opacity:1;
    -webkit-transition:opacity 0.3s ease 0.5s;
    -moz-transition:opacity 0.3s ease 0.5s;
    -ms-transition:opacity 0.3s ease 0.5s;
    transition:opacity 0.3s ease 0.5s
}
.arrow_steps .step.current{
    color:#fff
}
.arrow_steps .step.current:after{
    border-left-style:solid
}
.div_arrow_steps.disabled>.arrow_steps::before{
    width:100%;
    height:100%;
    content:' ';
    position:absolute;
    top:0;
    right:0;
    z-index:3
}
.div_arrow_steps.disabled>.arrow_steps{
    opacity:0.5
}
.tgantt .fixed-table-xs tr td,.tgantt .fixed-table-xs tr th{
    width:30px;
    min-width:30px;
    max-width:30px;
    min-height:90px;
    height:50px;
    padding:10px 0px
}
.tgantt .fixed-table-sm tr td,.tgantt .fixed-table-sm tr th{
    width:60px;
    min-width:60px;
    max-width:60px;
    min-height:90px;
    height:100px;
    padding:10px 2px
}
.tgantt .fixed-table-md tr td,.tgantt .fixed-table-md tr th{
    width:120px;
    min-width:120px;
    max-width:120px;
    min-height:90px;
    height:100px;
    padding:10px 4px
}
.tgantt .fixed-table-lg tr td,.tgantt .fixed-table-lg tr th{
    width:240px;
    min-width:240px;
    max-width:240px;
    min-height:90px;
    height:100px;
    padding:10px 10px
}
.tgantt .fixedTable-body{
    overflow:auto;
    overflow-y:hidden
}
.tgantt .fixed-table-lg .fixedTable-sidebar{
    width:250px
}
.tgantt .fixedTable-sidebar{
    width:200px;
    float:left;
    overflow:hidden
}
.tgantt .table-rows{
    width:100%
}
.tgantt .table-rows tbody > tr > td{
    border:1px solid #e0e0e0;
    padding:0px;
    border-left:unset
}
.tgantt .fixedTable-body > table > tbody > tr{
    border-right:1px solid #e0e0e0
}
.tgantt .fixedTable-body > table > tbody > tr > td{
    border:#e0e0e0 1px solid
}
.tgantt .fixedTable-body > table{
    border-collapse:collapse;
    overflow:hidden
}
.tgantt aside > table{
    border-spacing:0px;
    border-collapse:collapse
}
.tgantt-head{
    background:#ffffff !important
}
.tgantt .table-content{
    margin-left:-1px
}
.tgantt-head > td{
    border-right:none !important
}
.tgantt-head-hour > td{
    height:30px !important
}
.tgantt-weekly-header-day-label{
    color:#757575;
    font-weight:400
}
.tgantt-weekly-header-day-number-xs{
    font-size:18px;
    font-weight:400;
    color:#9e9e9e
}
.tgantt-weekly-header-day-number-sm{
    font-size:32px;
    font-weight:400;
    color:#9e9e9e
}
.tgantt-weekly-header-day-number-md{
    font-size:48px;
    font-weight:400;
    color:#9e9e9e
}
.tgantt-weekly-header-day-number-lg{
    font-size:48px;
    font-weight:400;
    color:#9e9e9e
}
.tgantt-weekly-header-info-xs{
    margin-left:4px
}
.tgantt-weekly-header-info-sm{
    margin-left:4px
}
.tgantt-weekly-header-info-md,.tgantt-weekly-header-info-lg{
    margin-left:4px
}
.tgantt-title{
    font-size:24px;
    color:#595959 !important;
    display:flex;
    flex-direction:row;
    gap:5px;
    border-bottom:unset
}
.tgantt-event .btn-default{
    border:unset
}
.tgantt-event{
    height:30px;
    width:200px;
    display:inline-block;
    cursor:pointer;
    background:#9e9e9e;
    color:white;
    overflow:hidden;
    white-space:nowrap;
    line-height:30px;
    border-radius:3px;
    user-select:none;
    border:1px solid #e0e0e0
}
.tgantt .hour-cell{
    text-align:center;
    height:30px !important;
    padding:0px !important
}
.tgannt-cell-opacity{
    background-color:whitesmoke
}
.tentry-toggle-visibility{
    cursor:pointer
}
.tchecklist-disable{
    width:calc(100% - 20px);
    background:#eeeeee;
    height:calc(100% + 1px);
    position:absolute;
    opacity:0.5;
    z-index:1
}