.talert {
    margin-top: 2px;
    margin-bottom: 2px
}

.talert>button>span {
    font-size: 17pt
}

#div_breadcrumbs {
    border: 1px solid #DDD;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 36px;
    min-width: 80%
}

.tbreadcrumb {
    float: left;
    line-height: 28px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    margin-bottom: 5px
}

.tbreadcrumb li {
    float: left;
    padding: 0 2px 0 10px
}

.tbreadcrumb li:first-child {
    background-position: -56px -54px;
    padding-left: 5px;
    padding-right: 12px
}

.tbreadcrumb li:first-child+li {
    background-position: -9999px -9999px;
    padding-left: 0
}

.tbreadcrumb li span,
.store-header .tbreadcrumb li a {
    color: #666;
    display: block;
    padding: 0 6px
}

.tbreadcrumb li a.home {
    height: 0;
    overflow: hidden;
    padding: 28px 0 0;
    width: 34px
}

.tbreadcrumb li a:hover,
.store-header .tbreadcrumb li a:hover span {
    color: #0085CC
}

.tbreadcrumb li.title {
    color: #8F8F8F;
    font-size: 13px;
    font-weight: 700;
    padding-left: 10px;
    padding-top: 0
}

ol.tbreadcrumb li {
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    color: #666;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    line-height: 3em;
    list-style: none outside none;
    margin: 0;
    padding: 0 0 0 .8em;
    text-shadow: 0 1px 0 #FFF
}

ol.tbreadcrumb li a {
    background-image: url(tbreadcrumb/images/footer-arrow.png);
    background-position: 100% -28px;
    background-repeat: no-repeat;
    background-size: 30px 187px;
    color: #666;
    display: inline-block;
    padding: 0 1.75em 0 0;
    text-decoration: none
}

ol.tbreadcrumb li a:hover,
ol.tbreadcrumb li a:focus {
    color: #333;
    text-decoration: none
}

ol.tbreadcrumb li span.selected {
    color: #00f
}

ol.tbreadcrumb li a.bread {
    padding-left: .8em
}

.tbreadcrumb li a.bread span {
    background-image: url(tbreadcrumb/home.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    text-indent: -999px;
    width: 15px
}

.tbreadcrumb li span {
    font-weight: 700
}

ol.tbreadcrumb li a {
    background-image: url(tbreadcrumb/footer-arrow.png);
    background-position: 100% -28px;
    background-repeat: no-repeat;
    background-size: 30px 187px;
    color: #666;
    display: inline-block;
    padding: 0 1.75em 0 0;
    text-decoration: none
}

ol.tbreadcrumb li a:hover,
ol.tbreadcrumb li a:focus {
    color: #333;
    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;
    border-radius: 3px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .5);
    border: 1px solid gray overflow: auto;
}

.ui-dialog-titlebar {
    background-color: #f5f5f5;
    *background-color: #B7B7B7;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EDEDED), to(#C9C9C9));
    background-image: -webkit-linear-gradient(top, #EDEDED, #C9C9C9);
    background-image: -o-linear-gradient(top, #EDEDED, #C9C9C9);
    background-image: linear-gradient(to bottom, #3C8DBC, #3C8DBC);
    background-image: -moz-linear-gradient(top, #EDEDED, #C9C9C9);
    color: #FFF;
    float: left;
    width: 100%;
    height: 40px;
    margin-bottom: 3px;
    border: 0;
    border-bottom: 1px solid #B3B3B3;
    cursor: move;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

table.tdatagrid_table * {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important
}

table.tdatagrid_table {
    border-collapse: separate;
    border-top: 1px solid #C7C7C7;
    border-left: 1px solid #C7C7C7;
    font-family: arial, verdana;
    font-size: 9pt;
    color: #171717;
    border-spacing: 0;
    /*text-shadow: 1px 1px 0 #fff;*/
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 3px 3px 3px #ececec;
    -webkit-box-shadow: 3px 3px 3px #ececec;
    box-shadow: 3px 3px 3px #ececec
}

table.tdatagrid_table a {
    color: #000
}

table.tdatagrid_table>thead.tdatagrid_head {
    background-color: #E8E8E8
}

table.tdatagrid_table>thead.tdatagrid_head>tr>td,
table.tdatagrid_table>thead.tdatagrid_head>tr>th {
    height: 30px
}

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 gray;
    background-color: #428bca;
    /*#E8E8E8*/
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    /*text-shadow: 1px 1px 0 #fff;*/
    font-weight: normal;
    /*700;*/
    color: #fff;
    /*#2B2B2B*/
    border-right: 0;
    padding-right: 2px
}

table.tdatagrid_table>thead.tdatagrid_head>tr>th.tdatagrid_col[generator=adianti]:hover {
    cursor: pointer;
    background-color: #114e83;
    /* #CFCFCF;*/
    border-left: 1px solid #114e83;
    /*gray*/
    border-right: 1px solid #114e83;
    /*gray*/
    padding-right: 0;
    -moz-user-select: none;
    user-select: none;
    /*  text-shadow: 0 1px 0 #FFF;*/
    font-weight: normal;
    /*700;*/
}

table.tdatagrid_table>tbody.tdatagrid_body {}

table.tdatagrid_table>tbody.tdatagrid_body>tr>td {
    height: 26px
}

table.tdatagrid_table>tbody.tdatagrid_body>tr.tdatagrid_group {
    background-color: #8D8BC8;
    color: #fff;
    text-shadow: 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;
    height: 19px
}

table.tdatagrid_table>tbody.tdatagrid_body>tr.tdatagrid_row_odd {
    background-color: #fafafa;
    height: 19px
}

table.tdatagrid_table>tbody.tdatagrid_body>tr.tdatagrid_row_even:hover,
table.tdatagrid_table>tbody.tdatagrid_body>tr.tdatagrid_row_odd:hover {
    background-color: #F1F1F1;
    height: 19px;
    cursor: pointer
}

table.tdatagrid_table>tbody.tdatagrid_body>tr>td.tdatagrid_cell {
    border-top: 1px solid #fff;
    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.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
}

.tpagenavigation {
    padding-top: 10px
}

.tpagenavigation>ul.pagination {
    margin: 0
}

.tpagenavigation li.off a {
    color: silver
}

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 {
    margin-right: calc((100% - 60%) / 5 - 1px);
}

.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: #3A8FCA;
    border-bottom: 1px solid #C2C2C2;
    user-select: none
}

.tform .tformtitle>td>label {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 10pt
}

.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: #FBFBFB;
    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;
    border-bottom: 1px solid #e0e0e0;
}

.multifield * {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important
}

.multifield {
    border: 0;
    font-family: sans-serif, arial, verdana;
    font-size: 9pt;
    border-spacing: 0
}

.multifield_header {
    font-size: 10pt;
    border-left: 0 solid;
    border-top: 0;
    border-right: 1px solid #A3A3A3;
    border-bottom: 1px solid #A3A3A3!important;
    background-color: #E8E8E8;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    color: #000;
    -moz-user-select: none;
    user-select: none;
    cursor: default
}

.tmultifield_over {
    background-color: #FF8
}

.multifield thead tr {
    position: relative;
    display: block
}

.multifield td {
    margin: 1px;
    padding-left: 3px;
    height: 1px;
    border-bottom: 1px solid #EAE9E1;
    height: 26px
}

.multifield tbody td {
    cursor: pointer
}

div.multifieldDiv {
    border: 1px solid #ACA899;
    height: 200px;
    width: 400px;
    overflow: hidden;
    background-color: #FFF
}

.tmultifield_scrolling {
    display: block;
    overflow-y: scroll;
    overflow-x: hidden
}

.tfield,
.inplace_field {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid;
    border-color: #a0a0a0;
    border-width: 1px;
    height: 24px;
    z-index: 1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    padding-right: 6px;
    padding-left: 6px
}

.tfield:focus {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-color: rgba(82, 168, 236, .8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6)
}

.tfield_disabled {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid;
    border-color: #a0a0a0;
    border-width: 1px;
    height: 24px;
    background-color: #e0e0e0;
    color: #282828;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-right: 6px;
    padding-left: 6px
}

span.tdate-group-addon {
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    height: 24px;
    padding: 0;
    margin: 0;
    margin-left: -2px;
    margin-bottom: 0;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-bottom-color: #b3b3b3;
    vertical-align: top
}

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
}

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

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

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .tcombo {
        background-color: #fff;
        border: 1px solid #a0a0a0;
        border-radius: 3px;
        height: 24px;
        z-index: 1;
        padding-right: 2px;
        padding-left: 2px
    }
    .tcombo_disabled {
        background-color: #fff;
        border-color: #a0a0a0;
        border-radius: 3px;
        height: 24px;
        z-index: 1;
        background-color: #e0e0e0;
        padding-right: 2px;
        padding-left: 2px
    }
}

.tseekbutton {
    border-radius: 0 4px 4px 0;
    height: 24px;
    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
}

.tseekentry:focus {
    border-radius: 3px 0 0 3px
}

.tseekbutton img {
    display: inline-block;
    margin-top: 1px;
    width: 90%;
    vertical-align: text-top
}

.tsourcecode code {
    padding: 0;
    font-size: 100%;
    color: auto;
    background-color: #fff;
    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
}

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

.tnotebook {
    margin-bottom: 5px
}

.tnotebook>div.frame {
    border-left: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    border-top: 1px solid #a1a1a1;
    background-color: #FFF;
    -moz-box-shadow: 3px 3px 3px #BABABA;
    -webkit-box-shadow: 3px 3px 3px #BABABA;
    box-shadow: 3px 3px 3px #BABABA;
    border-spacing: 0
}

.tnotebook>.spacer {
    height: 7px;
    background: #eaeaea;
    border: 1px solid #a1a1a1;
    border-bottom: 0
}

.tnotebook>ul {
    padding: 0;
    margin: 0;
    margin-bottom: -1px
}

.tnotebook>ul>li {
    height: 23px;
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
    border-right: 1px solid #BFBFBF;
    border-left: 1px solid #BFBFBF;
    border-top: 1px solid #BFBFBF;
    border-bottom: 1px solid #BFBFBF;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    background: #eaeaea;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.tnotebook>ul>li>a {
    text-decoration: none;
    display: block;
    margin: 5px;
    font-weight: 700;
    color: #ABABAB;
    font-family: sans-serif, arial, verdana;
    font-size: 9pt
}

.tnotebook>ul>li.active {
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-bottom: 0 solid #eaeaea;
    border-left: 1px solid #a1a1a1;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    background: #FAFAFA;
    user-select: none;
    cursor: default;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.2, #FAFAFA), color-stop(1, #EAEAEA));
    background-image: -o-linear-gradient(bottom, #FAFAFA 20%, #EAEAEA 100%);
    background-image: -moz-linear-gradient(bottom, #FAFAFA 20%, #EAEAEA 100%);
    background-image: -webkit-linear-gradient(bottom, #FAFAFA 20%, #EAEAEA 100%);
    background-image: -ms-linear-gradient(bottom, #FAFAFA 20%, #EAEAEA 100%);
    background-image: linear-gradient(to bottom, #FAFAFA 20%, #EAEAEA 100%)
}

.tnotebook>ul>li.active>a {
    font-weight: 700;
    color: #000;
    font-family: sans-serif, arial, verdana;
    font-size: 9pt;
    text-shadow: 0 1px 0 #FFF
}

.tnotebook>ul>li.not(.active):hover {
    padding-left: 3px;
    padding-right: 3px;
    border-top: 1px solid #a1a1a1;
    border-right: 1px solid #a1a1a1;
    border-left: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    white-space: nowrap;
    background: #eaeaea;
    cursor: pointer;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.tnotebook>ul>li.not(.active):hover>a {
    color: #757575
}

.tnotebook>div.frame>div {
    position: relative;
    visibility: hidden;
    z-index: 1
}

.tnotebook>div.frame>div.active {
    position: relative;
    padding-top: 2px;
    padding-left: 3px;
    visibility: visible
}

.tscroll {
    overflow: auto;
    padding: 4px
}

.tframe {
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    box-sizing: content-box!important
}

.tframe {
    border: solid;
    border-color: #d2d6de;
    border-width: 1px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 0px;
    margin: 2px
}

.tframe legend {
    width: auto;
    margin: 0;
    border: 0;
    font-size: inherit;
    height: 15px;
    padding-left: 5px;
    padding-right: 5px
}

.tcalendar {
    border: 1px solid #ddd;
    border-left: 0;
    color: none;
    border-spacing: 0;
    -webkit-box-shadow: 1px 1px 10px rgba(36, 36, 36, .2);
    -moz-box-shadow: 1px 1px 10px rgba(36, 36, 36, .2);
    box-shadow: 1px 1px 10px rgba(36, 36, 36, .2);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    background-color: #EDEDED
}

.tcalendar table {
    border: 1px solid #E1E1E1;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    height: 100%;
    font-size: 10pt;
    font-family: Sans;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.tcalendar table td {
    color: #535353;
    font: 700 12px Verdana, Arial, sans-serif;
    text-shadow: 0 1px 0 #fff;
    text-align: center;
    background-color: #EDEDED;
    padding: 5px;
    border: 1px solid #C8C8C8;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

div.tcalendar table td.calendar-header {
    background-color: #DEDEDE;
    color: #000;
    text-shadow: none
}

tr.highlighted td {
    background: #aaa;
    /*color: #000;*/
    font-weight: bold;
    font-style: italic;
}

tr.highlightedAzul td {
    background: #008fb3;
    font-weight: bold;
    font-style: italic;
}

tr.highlightedVermelho td {
    background: #dd4b39;
    font-weight: bold;
    font-style: italic;
}

tr.highlightedPreto td {
    background: #000000;
    font-weight: bold;
    font-style: italic;
    /*text-decoration: underline;*/
}

tr.highlightedVerde td {
    background: #064e01;
    font-weight: bold;
    font-style: italic;
}

tr.highlightedVerdeClaro td {
    background: #98FB98;
    font-weight: bold;
    font-style: italic;
}

tr.highlightedAzulClaro td {
    background: #26c1c7;
    font-weight: bold;
    font-style: italic;
}

tr.highlightedAmarelo td {
    background: #f2e30d;
    font-weight: bold;
    font-style: italic;
}

tr.highlightedLaranja td {
    background: #FBE8AE;
    font-weight: bold;
    font-style: italic;
}

tr.highlightedOS td {
    background: #0052cc;
    font-weight: bold;
    font-style: italic;
    color: white;
}

.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: #D4D7E5;
    color: #000;
    text-shadow: none;
    cursor: pointer
}

.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;
    border-radius: 0 4px 4px 0;
    height: 24px;
    padding: 0;
    margin: 0;
    width: 24px;
    padding: 4px;
    margin: 0;
    margin-left: -2px;
    margin-bottom: 0;
    vertical-align: top;
    box-sizing: border-box;
    display: inline-block;
    border-left: 1px solid #ccc;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-bottom-color: #b3b3b3;
    vertical-align: top
}

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

@media all and (max-width: 1000px) {
    .tform,
    .tformtitle,
    .div_data_grid,
    .div_grafico,
    .ui-dialog
    /*.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-draggable .ui-resizable*/
    {
        margin-top: 0px !important;
        ;
        float: none !important;
        margin-bottom: 5px !important;
        width: 100% !important;
        height: 100% !important;
    }
}


/*@media all and (max-width: 600px) {
    .tform,
    .tformtitle,
    .tcombo,
	.tfield,
    .div_data_grid,
    .div_grafico
    /*.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-draggable .ui-resizable*/


/*{
        margin-top: 0px !important;;
        float: none !important;
        margin-bottom: 5px !important;
        width: 100%  !important;
        height: 100% !important;
    }
}*/

@media all and (max-width: 300px) {
    .tform,
    .tformtitle,
    .tcombo,
    .tfield,
    .tfield_disabled,
    .div_data_grid,
    .div_grafico
    /*.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .ui-draggable .ui-resizable*/
    {
        margin-top: 0px !important;
        ;
        float: none !important;
        margin-bottom: 5px !important;
        width: 100% !important;
        height: 100% !important;
    }
}


/*@media all and (max-width: 480px) {
    .tform 
    .tformtitle{
        margin-top: 0px !important;;
        float: none;
        margin-bottom: 5px;
        width: 100% !important;
        height: 100%;
    }
}*/