.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: 0
}

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: #00f
}

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, .5);
    border: 1px solid gray;
    background: #fff
}

.ui-dialog.no-title>.ui-dialog-titlebar {
    display: none
}

.ui-dialog-titlebar {
    background-color: #f5f5f5;
    float: left;
    width: 100%;
    height: 40px;
    font-weight: 400;
    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;
    font-size: 10pt;
    color: #171717;
    border-spacing: 0;
    border: #ccc 1px solid;
    border-radius: 3px;
    box-shadow: 3px 3px 3px #ececec
}

table.tdatagrid_table a {
    color: #000
}

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 {
    font-size: 10pt;
    border-left: 0 solid;
    border-top: 0;
    padding-left: 1px;
    border-bottom: 1px solid #bbb;
    background-color: #E8E8E8;
    user-select: none;
    cursor: default;
    font-weight: 600;
    color: #2B2B2B;
    border-right: 0;
    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: 0;
    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: #fff;
    text-shadow: none;
    user-select: none
}

table.tdatagrid_table>tbody.tdatagrid_body>tr.tdatagrid_group>td {
    padding-left: 5px;
    border-bottom: 1px solid #fff
}

table.tdatagrid_table>tbody.tdatagrid_body>tr.tdatagrid_row_even {
    background-color: #f6f6f6
}

table.tdatagrid_table>tbody.tdatagrid_body>tr.tdatagrid_row_odd {}

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: 0;
    padding-left: 3px;
    padding-right: 3px
}

@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) {
    td.hiddable_1100 {
        display: none
    }
}

@media screen and (max-width:1200px) {
    td.hiddable_1200 {
        display: none
    }
}

@media screen and (max-width:1300px) {
    td.hiddable_1300 {
        display: none
    }
}

@media screen and (max-width:1400px) {
    td.hiddable_1400 {
        display: none
    }
}

@media screen and (max-width:1500px) {
    td.hiddable_1500 {
        display: none
    }
}

.tpagenavigation {
    padding-top: 7px
}

.tpagenavigation>ul.pagination {
    margin: 0
}

.tpagenavigation li.off a {
    color: silver
}

.tpagenavigation_resume {
    width: 100%;
    text-align: center;
    color: gray;
    padding: 2px;
    padding-top: 7px
}

label {
    margin: 0;
    font-weight: 400;
    font-size: 10pt;
    font-family: Helvetica, Arial, Verdana;
    color: #333;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none
}

.tform {
    background: #fff;
    -moz-box-shadow: 3px 3px 3px #ececec;
    -webkit-box-shadow: 3px 3px 3px #ececec;
    box-shadow: 3px 3px 3px #ececec;
    border: 1px solid #CCC;
    border-radius: 2px;
    padding: 0;
    margin-bottom: 8px
}

.tform table {
    border-spacing: 0
}

.tform label {
    padding-left: 10px
}

.tform label.tcheckgroup_label,
.tform label.tradiogroup_label {
    padding-left: 0
}

.tform .tformtitle>td,
.tform .tformsection>td {
    font-weight: 700;
    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 0 0;
    -moz-border-radius: 2px 0 0;
    border-radius: 2px 0 0
}

.tform .tformtitle>td:last-child {
    -webkit-border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    border-radius: 0 2px 0 0
}

.tform .tformtitle>td>label {
    color: #fff
}

.tform .tformsection td {
    background-color: Lavender;
    font-weight: 400;
    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 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

.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, .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
}

.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 {
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border: 1px solid #ccc;
    height: 28px;
    width: 24px;
    padding: 0;
    margin: 0;
    margin-bottom: 0;
    border-bottom-color: #b3b3b3;
    vertical-align: top;
    display: table-cell;
    border-radius: 0;
    border-left: 0
}

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: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333;
    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;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 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: 0;
    padding-bottom: 0
}

.tcombo_disabled {
    height: 24px;
    z-index: 1;
    background-color: #eee
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tcombo {
        background-color: #fff;
        border: 1px solid #a0a0a0;
        border-radius: 3px
    }
    .tcombo_disabled {
        background-color: #eee;
        border-color: #a0a0a0;
        border-radius: 3px
    }
}

.tselect {
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 0;
    padding-bottom: 0
}

.tselect_disabled {
    background-color: #eee
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tselect {
        background-color: #fff;
        border: 1px solid #a0a0a0;
        border-radius: 3px
    }
    .tselect_disabled {
        background-color: #eee;
        border-color: #a0a0a0;
        border-radius: 3px
    }
}

.tseekbutton {
    border-radius: 0 4px 4px 0;
    height: 24px;
    width: 22px;
    padding: 0!important;
    padding-left: 2px!important;
    padding-right: 2px!important;
    margin: 0;
    margin-left: -2px;
    margin-bottom: 0;
    vertical-align: top
}

.tseekentry {
    border-radius: 3px 0 0 3px;
    display: table-cell;
    border-right: 0
}

.tseekentry:focus {
    border-radius: 3px 0 0 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 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    *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: #fff;
    background-repeat: repeat-x;
    border: 1px solid #000;
    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: #EEE;
    align: center;
    display: block;
    padding: 20px!important;
    overflow: auto;
    margin: 0;
    scroll: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 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: 0;
    border: 1px solid #ddd
}

.tframe legend {
    width: auto;
    margin: 0;
    border: 0;
    font-size: inherit;
    padding-left: 5px;
    background: #fff;
    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: 700
}

.tcalendar {
    border: 1px solid #ddd;
    border-left: 0;
    color: none;
    border-spacing: 0;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    background: #fff
}

.tcalendar table {
    border: 1px solid #E1E1E1;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    height: 100%
}

.tcalendar table td {
    color: #535353;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
    padding: 5px;
    border: 1px solid #C8C8C8
}

div.tcalendar table td.calendar-header {
    background-color: whitesmoke;
    color: #000;
    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: #000;
    text-shadow: none;
    cursor: pointer
}

.tcalendar table td.calendar-data.weekend {
    color: #DC4C4C
}

.tcalendar table tr.calendar-rowdata td.calendar-selected {
    font-weight: 700
}

div.color-div span.tcolor {
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border: 1px solid #ccc;
    height: 24px;
    padding: 0;
    margin: 0;
    width: 24px;
    padding: 3px;
    margin: 0;
    margin-bottom: 0;
    vertical-align: top;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    vertical-align: top;
    border-left: 0
}

div.color-div {
    display: table
}

div.color-div .tfield {
    display: table-cell
}

.tcolor {
    display: table-cell
}

.tcolor i.tcolor-icon {
    width: 14px;
    height: 14px
}

.colorpicker-alpha {
    display: none!important
}

.colorpicker {
    min-width: 128px!important
}

.iconpicker-input {
    border-radius: 0!important
}

.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: 0;
    margin-right: 15px;
    margin-top: 0;
    border: 0;
    border-right: 1px solid silver
}

.fb-inline-field-container .ui-spinner {
    width: 100%
}

.tslidercontainer {
    width: 100%
}

.tslidercontainer .label {
    color: #000;
    display: block
}

.tslidercontainer input[type=range].tfield_disabled {
    background: whitesmoke
}

.tslidercontainer input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px;
    background: #fff;
    border: 1px solid #ccc!important;
    outline: 0;
    padding: 0
}

.tslidercontainer input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    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: 0 0 8px 0 rgba(0, 0, 0, .75)
}

.tslidercontainer input[type=range]::-moz-range-thumb:hover {
    box-shadow: 0 0 8px 0 rgba(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: 0!important
}

.select2-selection__choice {
    white-space: normal!important
}

.select2-disable {
    width: 100%;
    background: #eee;
    height: calc(100% + 1px);
    position: absolute;
    opacity: .8;
    z-index: 1
}

.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.fa::before {
    color: #fff
}

.timeline-bothsides:before {
    left: 50%!important
}

.timeline-bothsides>li>.fa,
.timeline-bothsides>li>.ion {
    left: calc(50% - 10px)!important
}

.timeline-item-left {
    margin-left: 0!important;
    width: calc(50% - 30px)
}

.timeline-item-right {
    margin-left: calc(50% + 30px)!important;
    margin-right: 0!important;
    width: calc(50% - 30px)
}

.timeline-wrapper {
    padding: 5px
}

.time-label-bothsides {
    left: calc(50% - 42px);
    display: inline-block
}

.timeline>li>.fa,
.timeline>li>.glyphicon,
.timeline>li>.ion {
    color: #fff
}

.timeline>li>.timeline-item {
    box-shadow: 0 1px 9px 3px rgba(0, 0, 0, .1)!important
}

table.tfieldlist.dashed>tbody>tr>td.field {
    border: 1px dotted gray!important
}

table.tfieldlist.dashed .tfield {
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important
}

table.tfieldlist td {
    vertical-align: top
}

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
}

.kanban-board {
    background: transparent;
    display: inline-flex;
    padding: 10px;
    min-width: 100%;
    padding-bottom: 28px
}

.kanban-stage {
    background: whitesmoke;
    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 silver;
    overflow: auto;
    background: #fff;
    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: 700;
    border-bottom: 1px solid silver
}

.kanban-item-content {
    padding: 5px
}

.kanban-item-sortable {
    background: transparent;
    padding: 4px
}

.kanban-ghost {
    filter: alpha(Opacity=40);
    opacity: .4;
    border-style: dashed
}

.kanban-dragging {
    opacity: .8
}

.kanban-item-placeholder {
    height: 0!important;
    margin-top: -5px;
    overflow: hidden;
    border-bottom: 2px dashed #00f
}

.kanban-stage-placeholder {
    height: 100%;
    border-right: 2px dashed #00f;
    width: 30px!important
}

.kanban-item-actions {
    margin-top: 3px;
    padding: 3px;
    color: #999;
    background: #fff
}

.kanban-item-actions>i:hover {
    transition: 600ms;
    color: #444
}

.card-wrapper {
    display: table;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center
}

.card-item {
    width: 300px;
    border: 1px solid silver;
    overflow: auto;
    background: #fff;
    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: 700;
    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: #fff
}

.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%
}

.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-image: repeating-radial-gradient(circle at center center, transparent 0, transparent 13px, rgba(0, 0, 0, .03) 13px, rgba(0, 0, 0, .03) 24px, transparent 24px, transparent 62px, rgba(0, 0, 0, .03) 62px, rgba(0, 0, 0, .03) 96px), repeating-radial-gradient(circle at center center, #fff 0, #fff 14px, #fff 14px, #fff 18px, #fff 18px, #fff 28px, #fff 28px, #fff 32px);
    background-size: 21px 21px
}

.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: 0;
    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: #33347;
    cursor: pointer
}

.timagecropper_actions {
    position: absolute;
    right: 2px;
    top: 2px
}

.timagecropper_actions div i {
    color: #fff;
    background: #80808099;
    border-radius: 50%;
    padding: 5px
}

.timagecropper_actions div i:hover {
    background: gray
}

.timagecropper_actions_hover div i:hover {
    background: gray
}

@media (max-width:540px) {
    .actions_timagecrroper div>div {
        margin: 0 2.5px
    }
    .actions_timagecrroper div {
        display: flex
    }
    .actions_timagecrroper {
        bottom: -70px;
        left: 0;
        height: 70px;
        width: 100%;
        top: unset;
        overflow: auto
    }
}