/** Z-index maior que o dialog para mostrar mesmo em modal **/
.ui-autocomplete {
    max-height: 200px;
    overflow: auto;
    z-index: 10000 !important;
}
.ui-tooltip {
    max-width: none;
}
.ui-widget-content a.adicionar-btn {
    color: white;
}
.ui-widget {
    font-size: 1em;
}
.ui-datepicker {
    z-index: 5 !important;
}
.campo-autocomplete-wrapper {
    display: inline-block;
    padding-right: 20px;
    position: relative;
}
input.campo-autocomplete {
    
}
.campo-autocomplete-reset {
    background: url("../../common/icons/cancel.png") no-repeat center center;
    cursor: pointer;
    height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 2px;
    top: 50%;
    width: 16px;
}
.cpm-wrapper {
    overflow: hidden;
    position: relative;
}
.cpm-wrapper .cpm-input {
    display: inline-block;
    float: left;
    width: 30%;
}
.cpm-wrapper .cpm-buttons {
    display: inline-block;
    float: left;
    width: 30%;
}
.cpm-wrapper .cpm-response {
    display: inline-block;
    float: left;
    width: 40%;
}
.cpm-wrapper .cpm-response .warning {
    border-radius: 5px;
    display: none;
    line-height: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}
*::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: transparent;
}
*::-webkit-scrollbar {
	width: 8px;
	background-color: #F5F5F5;
}
*::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #3A4257;
}

/** Combobox **/
.custom-combobox {
    position: relative;
    display: inline-block;
    height:31px;
}
span.custom-combobox input {
    box-sizing: border-box;
    height: 31px;
    line-height: 31px;
}
.custom-combobox .custom-combobox-toggle {
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 30px;
}
.custom-combobox .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    text-transform: uppercase;
    width: 89.9%;
}

.table-relatorioLote{
    font-face:Calibri;
    font-size:14px;
    margin-top:"100px";
    padding:"250px";
    valign :"top";
}

.table-relatorioLote-titulo{
    font-face:Calibri;
    font-size:22px;
}

.table-principalLote{
    height:1420px;
    width:900px;
    align:center;
}

.table-relatorio{
    font-face:Calibri;
    font-size:14px;
    padding: 8px;
}

.table-relatorio-titulo{
    font-face:Calibri;
    font-size:22px;
    padding: 36px;
}

.margem-interna {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
}

@media print {
    .naoImprime {
        display: none;
    }
}

.somenteImprime {
    display: none;
}

.az-table-filtrar-notas{
    z-index: 1 !important;
    padding-bottom: 30px;
}
.az-table-div-setas{
    width: 99%;
    margin-top: 0px;
}
.az-table-div-setas table{
    width: 100%;
}
.az-div-setas{
    display:block;
    position:fixed;
    bottom:5%;
    z-index:1;
    width: 20px;
}

.az-table-div-setas td {
    margin: 0;
    padding: 0 4px 7px 2px !important;
    font-size: 9px !important;
}

#table #columns-header th:first-child{
}

#seleciona-todas-notas {
    padding-top: 20px;
}

.table-zebrado #columns-header {
    background: rgb(62, 71, 94) !important;
}

.table-zebrado tr:nth-child(odd) {
    background-color:rgb(251, 251, 251) !important;
}  

.table-zebrado tr:nth-child(odd) {
    background-color:rgb(251, 251, 251);
}  

.table-zebrado tr:nth-child(even) {
    background-color:#F5F5F5 !important;
} 

.az-table-div-setas table {
    border-right:1px solid #dadada !important;
}
.az-table-div-setas table [type=text] {
    width: 18px;
    padding: 2px;
    border-radius: 4px !important;
}
.az-table-div-setas table [type=checkbox] {
    width: 18px;
    height: 18px;
}
.az-table-div-setas #columns-header th {
    padding: 4px 8px !important;
}

.table-lista{
    margin-bottom: 100px !important;
}
.table-lista > tbody > tr:hover {
    box-shadow: 0 0 1000px 1000px rgba(200, 200, 200, 0.2) inset;
}
.table-lista-fluxo{
    margin-bottom: 0px !important;
}
.table-lista-fluxo > tbody > tr:hover {
    box-shadow: 0 0 20px 10px #EEE inset;
}

.table-lista-legenda{
    margin-top: -70px !important;
    margin-bottom: 100px !important;
}
.table-lista-legenda > tbody > tr:hover {
    box-shadow: 0 0 1000px 1000px rgba(200, 200, 200, 0.2) inset;
}

.az-table-div-setas .sortable{
    margin-bottom: 20px !important;
}
.az-ocorrencia-bottom{
    margin-bottom: 170px !important;
}
section.az-z-index #div-rodape{
    z-index: 10 !important;
}
section.az-z-index-top{
    z-index: 10 !important;
    position: inherit;
    background: #f9f9f9;
}
body{
    /*overflow-x:hidden;*/
}
#columns-footer-holder{
    text-transform: uppercase;
    margin-bottom: 20px !important;
}
/******/

#inicial a{
    color: rgb(90,90,90);
    display: inline-block;
    font-family: Tahoma;
    font-weight: 700;
    position: relative;
}

#inicial a > .msg-count {
    background-color: #FFFFCC;
    border-color: #FF2222;
    border-style: dashed;
    border-width: 1px;
    border-radius: 5px;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 0;
}

#tableAgrupa{
    position: relative;
    z-index: 0;
    width: 99%;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
    border-spacing: 0;
    border: 0;
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

#tablePreRodape{
    position: fixed;
    bottom: 45px;
    left: 0;
    right: 0;
    padding: 0 4%;
    height: 100px;
    margin: 0 auto;
    background: white;
    border-top: 1px solid rgb(226, 226, 226);
    width: 100%;
}

#div_aba a{
    height: 20px;
    width:120px;
    padding: 4px 8px;
    background: rgb(62, 71, 94);
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    left: -80px;
    top: 250px;
    color: rgb(255, 255, 255);
    float: right;
}

html{
    height: 100%;
}

form{
    margin-bottom: 0px;
}

.tableFiltro{
    position: relative;
    z-index: 0;
    width: 92%;
    margin: 0 auto;

    border-spacing: 0;

    border: 0;

    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

button.form-submit{
    margin-left: 2px;
    padding: 3px 6px;

    background: rgb(100, 109, 133);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
    border: 1px solid rgb(55, 60, 75);
    border-radius: 0px;

    color: white;
    font-size: 10px;
    /*font-family: Open Sans;*/
    font-weight: 700;
    text-transform: uppercase;
}

.textAlignDireitaBottom{
    text-align: right !important;
    vertical-align: bottom !important;
}

.textAlignDireitaTop{
    text-align: right !important;
    vertical-align: top !important;
}

.textAlignDireita{
    text-align: right !important;
    vertical-align: middle !important;
}

.textAlignEsquerdaTop{
    text-align: left !important;
    vertical-align: top !important;
}

.textAlignEsquerdaBottom{
    text-align: left !important;
    vertical-align: bottom !important;
}

.textAlignEsquerda{
    text-align: left !important;
    vertical-align: middle !important;
}

.textAlignCentroTop{
    text-align: center !important;
    vertical-align: top !important;
}

.textAlignCentroBottom{
    text-align: center !important;
    vertical-align: bottom !important;
}

.textAlignCentro{
    text-align: center !important;
    vertical-align: middle !important;
}

.textAlignJustificado{
    text-align: justify !important;
    vertical-align: middle !important;
}

.textAlignJustificadoTop{
    text-align: justify !important;
    vertical-align: top !important;
}

.textAlignJustificadoBottom{
    text-align: justify !important;
    vertical-align: bottom !important;
}

.textSemQuebraLinha{
    white-space: nowrap !important;
}

.table-divconteudo{
    width: 100%;
    padding: 0 4%;
    table-layout: fixed;
    white-space: nowrap;
    padding-top: 50px;
    margin: 0 auto;
    padding-bottom: 0px;
    background: white;
    border-bottom: 1px solid #eee;
}

.table-divconteudo-botoes{
    padding-top: 21px;
    width: 400px;
}

.table-filters-ballon{
    margin-left: 45px !important;
    margin-right: 10px !important;
    width: 94%;
}

#div-conteudo{
    margin: 0 auto 30px;
    min-height: calc(100vh - 75px);
    padding-bottom: 0px;
}

h1#page-title{
    overflow: hidden;
    text-overflow: ellipsis;

    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left:0;
    margin-left: 0;

    border-left: 0;

    color: #333;
    font-family: Tahoma;
    font-size: 30px;
    font-weight: 300;
}

span#page-title{

    padding-top: 10px;
    padding-bottom: 10px;
    padding-left:0;
    margin-left: 0;


    border-left: 0;

    color: #333;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

span#page-title a{
    color: rgba(102, 102, 102, 0.8);
}

span#page-title a:hover{
    color: black;
}
.ui-dialog .ui-dialog-buttonpane button.adicionar-btn,
#adicionar-btn, .adicionar-btn, #filtrar-btn, .filtrar-btn, #btn-busca-hack, 
#btn-pesquisa-notas-pelo-rack, #btn-seleciona-notas-hack, #btn-busca-chave-nfe, #btn-pesquisa-nota-pela-chave, 
#conferencia-nota-btn-busca-chave-nfe, .itens-fornecedor {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(80, 91, 117) 0%, rgb(85, 94, 117) 100%) repeat scroll 0 0;
    border: 1px solid rgb(44, 48, 60);
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.25);
    color: white;
    cursor: pointer;
    display: inline-block;
    /*font-family: Open Sans;*/
    font-size: 10px;
    font-weight: 800;
    padding: 8px 19px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

#seleciona-rack-entrada {
    width: 250px;
    padding: 6px 3px;
}

#seleciona-todas-notas {
    position: relative;
    top: 12px;
}

#table .aumenta-padding-bottom th {
    padding-bottom: 20px!important;
}
#btn-seleciona-notas-hack {
    position: relative;
    top: 15px;
    left: 1119px;
}

#adicionar-btn:not(:disabled):hover, .adicionar-btn:not(:disabled):hover{
    background: rgb(72, 81, 110);
    border-color: rgb(113, 120, 142);
    color: white;
}

#adicionar-btn:not(:disabled):active, .adicionar-btn:not(:disabled):active{
    box-shadow: inset 0px 1px 10px 0px rgba(0,0,0,0.3) !important;
}

input#adicionar-btn{
    width: auto;
}

#adicionar-btn span{
    font-size: 17px;
    left: -4px;
    line-height: 6px;
    position: relative;
    top: 2px;
}

.paginacao-bar{
    position: inherit;
    z-index: 2;
    width: 100%;
    height: 60px;
    padding-left:0px;

    margin-bottom: -10px;

    background: rgb(247, 247, 247);

    border-bottom: 1px solid rgb(210, 210, 210);
    border-top: 1px solid rgb(210, 210, 210);

    color: black;
}

.paginacao-bar input{
    clear: both;
    margin: 0 5px;
    font-size: 10px;
    /*font-family: Open Sans;*/
    padding: 3px 5px;
    border-radius: 0px;
}

.filters-ballon{
    overflow: hidden;
    padding: inherit;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    background: rgb(247, 247, 247);

    border-bottom: 1px solid rgb(210, 210, 210);
    border-top: 1px solid rgb(210, 210, 210);

    color: black;

    table-layout: fixed;
}

.filters-ballon.filtros:before{
    right: 202px;
}

.filters-ballon.grafico:before{
    right: 275px;
}

.filters-ballon.permissoes:before{
    right: auto;
    left: 100px;
}

.filters-ballon:before{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    top: -9px;
    right: 95px;

    background: rgb(247, 247, 247);
    border-left: 1px solid rgb(210, 210, 210);
    border-top: 1px solid rgb(210, 210, 210);

    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */
}

.filters-ballon input[type=text]{
    border-radius: 0;
    box-sizing: border-box;
    clear: both;
    /*font-family: Open Sans;*/
    font-size: 12px;
    padding: 5px;
    width: 100%;
}

.filters-ballon input:disabled{
    background-color: #efefef;
}

.filters-ballon select{
    box-sizing: border-box;
    font-size: 12px;
    padding: 4px;
    border-radius: 0px;
    width: 100%;
}

.filters-ballon td{
    padding-bottom: 5px;
    color: black;
    /*font-family: Open Sans;*/
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.filters-ballon td span{
    display: block;
    padding-bottom: 3px;
    padding-left: 2px;
    white-space: nowrap;
}
.filters-ballon td span.custom-combobox {
    width: 100% !important;
}
.filters-ballon td .ui-button {
    height: 29px;
}
.filters-ballon td .ui-button span {
    padding: 0;
}

.filters-ballon #filtrar-btn{
    border: 1px solid rgb(44, 48, 60);
    border-radius: 3px;
    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.25);
    color: white;
    cursor: pointer;
    /*font-family: Open Sans;*/
    font-size: 10px;
    font-weight: 800;
    line-height: 10px;
    margin-top: 3px;
    padding: 9px 19px;
    text-transform: uppercase;
    width: auto;
}

.filters-ballon #filtrar-btn:hover{
    background: rgb(72, 81, 110);
    border-color: rgb(113, 120, 142);
}

.filters-ballon td > div {
    float: left;
    margin-right: 1%;
    white-space: nowrap;
}

#table{
    z-index: 0;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-top: 10px;
    border-spacing: 0;
    border: 0;
}

#table #table{ 
    margin-top: 0;
}

#table #columns-header-log{
    height: 25px;
    padding: 3px 5px;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    background: rgb(62, 71, 94);
    font-color: #FFF ;

}

#table #columns-header{
    background: rgb(62, 71, 94);
}

#table #columns-header.multirow{
    height: 30px;
}

#table #columns-header th{
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #22252c;
    border-left: 1px solid #667777;
    border-top: 1px solid #4e5157;
    color: #ffffff;
    /*font-family: Open Sans;*/
    font-size: 10px;
    font-weight: 700;
    padding: 10px;
    text-transform: uppercase;
}

#table #columns-header th:first-child{
    border-left: 1px solid rgb(78, 81, 87);
}

#table #columns-header th:last-child{
    border-right: 1px solid rgb(78, 81, 87);
}

#table #columns-header th.multirow{
    border-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
}

#table #columns-subheader{
    height: 23px;
    padding: 13px 10px;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -2px;
    background: rgb(62, 71, 94);

}

#table #columns-subheader th{
    padding: 4px 15px ;
    padding-top: 0px;
    padding-bottom: 13px;
    background: transparent;

    border-top: 0;
    border-bottom: 1px solid rgb(34, 37, 44);

    box-shadow: none;

    color: white;
    /*font-family: Open Sans;*/
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

#table tr:nth-child(odd){
    background: rgb(250,250,250);
}

#table tr:nth-child(even){
    background: rgb(255, 255, 255);
}

#table tr{
    border-left: 1px solid rgb(229, 229, 229);
    border-right: 1px solid rgb(229, 229, 229);
}

#table td{
    background: transparent;
    border-color: transparent transparent rgb(237, 237, 237) transparent;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    padding: 5px;
}

#table td:first-child{
    border-left-color: rgb(218, 218, 218);
}

#table td:last-child{
    border-right-color: rgb(218, 218, 218);
}

#table td a#chave{
    float: left;
    padding-top: 7px;
}

#table td span{
    clear: both;
    color: rgb(112, 112, 112);
    font-weight: 400;
    line-height: 20px;
}

#table #acoes{
    float: left;
    margin-left: 10px;
    margin-right: 20px;
    padding-top: 5px;
}

#table input{
    clear: both;
    font-size: 12px;
    /*font-family: Open Sans;*/
    padding: 5px;
    border-radius: 0px;
}

#table tr:last-child td{
    border-bottom-color: rgb(218, 218, 218);
}

#columns-footer{
    height: 50px;
}

#columns-footer td{
    background: white;
}

#columns-footer tr td{
    /*font-family: Open Sans;*/
    font-weight: 300;
    font-size: 18px;
    background: white;

    color: black !important;
}

#columns-footer tr td a{
    color: black !important;
}

#columns-footer tr td a#adicionar-btn{
    color: white !important;
}

#columns-footer tr td .paginacao-buttons{
    color: rgb(17, 19, 73) !important;
    /*font-family: Open Sans;*/
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
}

.paginacao{
    /*font-family: Open Sans;*/
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
}
.paginacao a{
    color: black;
}

.paginacao p{
    /*font-family: Open Sans;*/
    font-weight: 400;
    font-size: 10px;
    text-transform: none;
}

/* MENSAGENS */
.warning{
    padding: 17px 4%;
    padding-left: 35px;
    margin-top: -1px;

    color: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
}

.warning span{
    display: inline;
    font-weight: 800;
    color: white;
}

.warning.sucesso{
    border-color: rgb(43, 138, 81);
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.warning.error{
    border-color: rgb(138, 43, 43);
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.warning.aviso{
    border-color: rgb(235, 187, 65);
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.warning.loading{
    padding-left: 4%;
    background: rgb(47, 156, 218);
    border-color: rgb(138, 43, 43);
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.warning.alerta{
    border-color: rgb(43, 138, 81);
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.field-warning{
    border: 1px solid;
    border-color: rgb(235, 187, 65) !important;
    padding-left: 27px !important;
    padding-right: 3px !important;
}

.field-ok{
    border: 1px solid;
    border-color: rgb(53, 173, 101) !important;
    padding-left: 27px !important;
    padding-right: 3px !important;
}

.field-error{
    border: 1px solid;
    border-color: rgb(216, 11, 11) !important;
    padding-left: 27px !important;
    padding-right: 3px !important;
}

/* FORM */
.ui-dialog .ui-dialog-buttonpane button.cancel-btn
, .cancel-btn{
    background: transparent;
    border: 0;
    box-shadow: none !important;
    padding: 10px !important;
    margin-right: 10px !important;
    margin-top: 5px !important;

    color: rgb(84, 93, 116) !important;
    font-size: 10px !important;
    /*font-family: Open Sans !important;*/
    font-weight: 800 !important;

    text-decoration: none;
    text-transform: uppercase !important;
}

.cancel1-btn{
    background: transparent;
    border: 0;
    box-shadow: none !important;
    padding: 10px !important;
    margin-right: 10px !important;
    margin-top: 5px !important;

    color: rgb(255, 255, 255) !important;
    font-size: 10px !important;
    /*font-family: Open Sans !important;*/
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

#tableForm{
    position: relative;
    /*z-index: 0;*/
    width: 95%;
    margin: 20px auto;
    /* border-spacing: 0; */
    border: 0;
    border-collapse: collapse;
    border-radius: 4px;
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.05);
}

#tableForm.semBorder
, #tableForm.semBorder > tr
, #tableForm.semBorder > tbody > tr
, #tableForm.semBorder > tr:last-child > td
, #tableForm.semBorder > tbody > tr:last-child > td {
    border: none;
    box-shadow: none;
}

#tableForm #tableForm {
    margin: 10px auto;
    width: 98%;
}

#tableForm #columns-header{
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    background: rgb(62, 71, 94);
    text-align: left;
}

#tableForm #columns-header-min{
    height: 10px;
    padding: 13px 10px;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    background: rgb(62, 71, 94);
    text-align: left;
}

#tableForm #columns-header th{
    padding: 10px 5px;
    background: transparent;
    border: 1px solid rgb(78, 81, 87);
    color: white;
    /*font-family: Open Sans;*/
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

#tableForm tr.subsection{
    text-align: left;
    background: white !important;
}

#tableForm .subsection th{
    padding-left: 54px;
    /*font-family: Open Sans;*/
    font-size: 30px;
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 30px;
    border: 1px solid rgb(223, 223, 223);
    border-top: 0px;
}

#tableForm tr{
    background: rgb(251,251,251);
    border-left: 1px solid rgb(229, 229, 229);
    border-right: 1px solid rgb(229, 229, 229);
}

#tableForm tr:hover{
    background: rgb(249,249,249);
}

#tableForm td{
    background: transparent;
    border: 1px solid transparent;
    border-bottom-color: rgb(239, 239, 239);
    margin: 0;
    padding: 5px;
}

#tableForm .mceFirst td{
    padding: 0px;
}

#tableForm tr td.mceIframeContainer{
    background: white;
}

#tableForm td.title.align:first-child{
    width: 128px;
    padding-left: 56px;
}

#tableForm td.title.align{
    width: 170px;
    padding-left: 0px;
    padding-right: 8px;
}

#tableForm td.align{
    width: 200px;
}

#tableForm td.align input, #tableForm td.align select{
    width: 100%;
}

#tableForm td:first-child{
    border-left: 1px solid rgb(218, 218, 218);
}
#tableForm td:last-child
, #tableForm td.bordaDireita {
    border-right: 1px solid rgb(218, 218, 218);
}

#tableForm td.title{
    width: 14%;
    padding-left: 56px;

    color: black;
    /*font-family: Open Sans;*/
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: right;
}

/* tableForm td.title-left 
    Adicionado 21/05/2024
    Eduardo Campelo
*/
#tableForm td.title-left{
    width: 14%;
    padding-left: 56px;

    color: black;
    /*font-family: Open Sans;*/
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;

}

#tableForm td.content{
    width: 14%;
    padding-left: 56px;

    color: black;
    /*font-family: Open Sans;*/
    font-size: 10px;
    text-transform: uppercase;
    text-align: left;
    font-weight: 300;
}
#tableForm td.table-header{
    padding-left: 56px;
    color: black;
    /*font-family: Open Sans;*/
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
}

#tableForm td.fields{
    /*font-family: Open Sans;*/

}

#tableForm td.fields span{
    float: left;
    clear: both;
    width: 100%;
}

#tableForm td.fields span strong{

}

#tableForm td.hint{
    color: rgb(158, 158, 158);
    /*font-family: Open Sans;*/
    font-size: 10px;
}

#tableForm td.hint p{
    float: left;
    margin: 0;
}

#tableForm td.hint h3{
    float: left;
    margin: 0;
    color: rgb(133, 133, 133);
    font-size: 10px;
    text-transform: Uppercase;
}

#tableForm td.linhaDataExtensa{
    position: relative;
}

#tableForm td.linhaDataExtensa .diaDaSemana {
    float: left;
    position: absolute;
    top: 25px;
    left: 112px;
    z-index: 10;
    color: rgb(117, 117, 117);
    padding: 0px 8px;

    text-transform: uppercase;
    font-weight: 700;
    /*font-family: Open Sans;*/
    font-size: 10px;
    pointer-events:none;
}

#tableForm td input[type=text],
#tableForm td select,
#tableForm td textarea,
.etapas-select {
    clear: both;
    outline: 0;
    /*font-family: Open Sans;*/
    padding-right: 27px;
    border-radius: 2px;
    outline: none;
    border: 1px solid #dcdcdc;
    background: white;
    background-image: -webkit-linear-gradient(top,rgb(252, 252, 252),rgb(255, 255, 255));
    cursor:pointer;
    /*font-weight: 600;*/
    font-size: 11px;
    padding: 6px;
}
#tableForm td input[type=text] {
    line-height: 25px;
    padding: 0 5px;
}

.no-appearance{
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance:none;
}
#tableForm td textarea.courier{
    font-family:"Courier New", Courier, monospace;
}

#tableForm td input:not(#adicionar-btn), #tableForm td textarea {
    cursor: auto;
}

#tableForm td input:not(#adicionar-btn):disabled, #tableForm td input:not(#adicionar-btn)[readonly], #tableForm td select:disabled, #tableForm td textarea:disabled{
    /*padding-right: 27px;*/
    background: rgb(243,243,243);
    box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.05);
    cursor: default;
}

#tableForm td select, .etapas-select{
    padding-left: 4px;
    box-shadow: none;
    border: 1px solid #dcdcdc;
    background-image: -webkit-linear-gradient(top,rgb(250, 250, 250),rgb(247, 247, 247));
    cursor:pointer;
    font-size: 11px;
    padding: 6px;
}

#tableForm td select[multiple] {
    resize: vertical;
}

#tableForm td input:not(#adicionar-btn):hover, #tableForm td select:hover{
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

#tableForm td input:not(#adicionar-btn):not([readonly]):focus, #tableForm td select:focus, #tableForm td textarea:focus, .etapas-select:focus{
    border-color: dodgerblue !important;
    box-shadow: 0 1px 1px rgba(0,0,0,.1) !important;
}
label[for] {
    cursor: pointer;
}
#tableForm td label, .etapas-label {
    position:relative
}

#tableForm td label:not(.noArrow):after, .etapas-label:after{

    font:11px "Consolas", monospace;
    font-weight: bold;
    color:#777;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:12px;
    top:-4px;
    padding:0 0 5px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}


#tableForm td label.noclass{
    cursor: pointer;
}

#tableForm td label.noclass:after{
    content: '';
}

#tableForm tr:last-child td
, #tableForm td.bordaBaixo {
    border-bottom: 1px solid rgb(218, 218, 218);
}

#tableForm tr:last-child td:first-child{
    border-bottom-left-radius: 4px;
}

#tableForm tr:last-child td:last-child{
    border-bottom-right-radius: 4px;
}

#tableForm.table-toggle td.title {
    padding-left: 10px;
    width: auto;
}

/* LOADER */
#circleG{
    width:28px;
    float: left;
    padding-top: 4px;
    margin-right: 15px;
}

.circleG{
    background-color:#3595DE;
    float:left;
    height:6px;
    margin-left:3px;
    width:6px;
    -moz-animation-name:bounce_circleG;
    -moz-animation-duration:1.2000000000000002s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -moz-border-radius:4px;
    -webkit-animation-name:bounce_circleG;
    -webkit-animation-duration:1.2000000000000002s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -webkit-border-radius:4px;
    -ms-animation-name:bounce_circleG;
    -ms-animation-duration:1.2000000000000002s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -ms-border-radius:4px;
    -o-animation-name:bounce_circleG;
    -o-animation-duration:1.2000000000000002s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    -o-border-radius:4px;
    animation-name:bounce_circleG;
    animation-duration:1.2000000000000002s;
    animation-iteration-count:infinite;
    animation-direction:linear;
    border-radius:4px;
}

#circleG_1{
    -moz-animation-delay:0.24000000000000005s;
    -webkit-animation-delay:0.24000000000000005s;
    -ms-animation-delay:0.24000000000000005s;
    -o-animation-delay:0.24000000000000005s;
    animation-delay:0.24000000000000005s;
}

#circleG_2{
    -moz-animation-delay:0.56s;
    -webkit-animation-delay:0.56s;
    -ms-animation-delay:0.56s;
    -o-animation-delay:0.56s;
    animation-delay:0.56s;
}

#circleG_3{
    -moz-animation-delay:0.72s;
    -webkit-animation-delay:0.72s;
    -ms-animation-delay:0.72s;
    -o-animation-delay:0.72s;
    animation-delay:0.72s;
}

@-moz-keyframes bounce_circleG{
    0%{
    }

    50%{
        background-color:#FFFFFF
    }

    100%{
    }
}

@-webkit-keyframes bounce_circleG{
    0%{
    }

    50%{
        background-color:#FFFFFF
    }

    100%{
    }
}

@-ms-keyframes bounce_circleG{
    0%{
    }

    50%{
        background-color:#FFFFFF
    }

    100%{
    }

}

@-o-keyframes bounce_circleG{
    0%{
    }

    50%{
        background-color:#FFFFFF
    }

    100%{
    }

}

@keyframes bounce_circleG{
    0%{
    }

    50%{
        background-color:#FFFFFF
    }

    100%{
    }
}

#tableForm td#idioma-table{
    padding: 0px;
}

#tableForm td#idioma-table td{

    border: 0;
    border-bottom: 1px solid rgb(218, 218, 218);
}

.etapas-select{
    padding: 5px;
    padding-right: 30px;
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0 1px 1px 0px rgba(0, 0, 0, 0.05) !important;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
}

.etapas-label{
    top: -1px;
    margin-left: 5px;
}

.etapas-label:after {
    top: -2px;
}
#div-imprime{
    display: none;
    width: 94%;
    position: absolute;
    top: 80px;
    left: 3%;
    z-index: 4;
    background-color: rgb(249, 249, 249);
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid rgb(25,25,25);
    box-sizing: border-box;
}
#div-imprime.small{
    width:500px;
   /* margin:0 -250px;*/
       margin: 0 30%;
}

#div-imprime #tableForm{
    width: 100%;

    margin: 0px;
    border: 0px;
}

#div-imprime #tableForm #columns-header th{
    border: 0px;
    border-radius: 0px;
    padding: 5px 10px;
    padding-left: 15px;
}

#div-imprime #tableForm #columns-header th span{
    float: left;
    margin-top: 10px;
}

#div-imprime #tableForm #columns-header th #adicionar-btn{
    float: right;
    margin-top: 0px !important;
}

#div-imprime #tableForm tr:not(#columns-header):not(#columns-footer){
    height: 43px;
}

#div-imprime #tableForm tr:not(#columns-header):not(#columns-footer) td{
    padding: 10px;
    border-top: 1px solid rgb(230, 230, 230);
    border-bottom: 0px;
    border-right: 1px solid rgb(230, 230, 230);
}

#div-imprime #tableForm tr:not(#columns-header):not(#columns-footer) td span{
    margin-left: 10px;
    font-weight: 700;
    text-transform: uppercase;
    /*font-family: Open Sans;*/
}

#div-imprime #tableForm tr:not(#columns-header):not(#columns-footer) td input[type="button"]{
    cursor: pointer;

    padding: 7px 19px;
    padding-bottom: 6px;


    background: rgb(80,91,117); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwNWI3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTVlNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgb(80,91,117) 0%, rgb(85,94,117) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(80,91,117)), color-stop(100%,rgb(85,94,117))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(80,91,117) 0%,rgb(85,94,117) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(80,91,117) 0%,rgb(85,94,117) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(80,91,117) 0%,rgb(85,94,117) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(80,91,117) 0%,rgb(85,94,117) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505b75', endColorstr='#555e75',GradientType=0 ); /* IE6-8 */


    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2), 0 1px 1px 0px rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgb(44, 48, 60);
    border-radius: 3px;

    color: white;
    font-size: 10px;
    /*font-family: Open Sans;*/
    font-weight: 800;
    text-transform: uppercase;
}

#div-imprime #tableForm #table-columns-header{
    width: 100%;
    background: white;
}

#div-imprime #tableForm #table-columns-header th{
    border-top: 1px solid rgb(230, 230, 230);
    text-align: left;
    padding-left: 10px;
}

#div-imprime #tableForm #columns-footer{
    position: relative;
    bottom: 0;
    width: 100%;
    height: 50px;
    padding: 10px;
    background: white;
    border-top: 1px solid #ccc;
}

#div-imprime #tableForm #columns-footer th{
    border-top: 1px solid rgb(228, 228, 228);
    padding: 5px 10px;
    padding-left: 15px;
}

#div-imprime #tableForm #columns-footer th span{
    float: left;
    margin-top: 10px;
}

#div-imprime #tableForm #columns-footer th #adicionar-btn{
    float: right;
    margin-top: 0px !important;
}

#tableForm .intable-message{
    display: none;
    background: rgb(255, 255, 138);
}


#tableForm .intable-message:hover{
    background: rgb(255, 255, 138);
}

#tableForm .intable-message td{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(231, 231, 209);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.43);
}

#tableForm .intable-message td input:not(#adicionar-btn).copyButton.adicionar-btn{
    cursor: pointer;

    padding: 6px 19px !important;
    margin-top: 0px !important;

    background: rgba(255, 255, 255, 0.11);

    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid rgb(145, 145, 19) !important;
    border-radius: 3px !important;

    color: black !important;
    font-size: 10px !important;
    /*font-family: Open Sans !important;*/
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

#tableForm .intable-message td .closePopup{
    float: right;
    margin-top: 7px;
    margin-right: 5px;
    color: black !important;
    font-size: 10px !important;
    /*font-family: Open Sans !important;*/
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.calendar{
    z-index: 3333333333333333333333;
}

/* tiny mce fix */
#tableForm .mceLayout{
    border: 1px solid #CCC;
}

#tableForm .mceLayout tr td{
    border: 0px;
}

#tableForm .mceLayout tr td.mceIframeContainer{
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    border-radius: 0px;
}

.dragnota{
    margin:2px 0;
    padding:2px;
    position:relative;
    color: #000;
    border: 2px solid #e3e3e3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow:0 0 5px #999;
    -webkit-box-shadow:0 0 5px #999;
    box-shadow:0 0 5px #999
}

.dragnota:hover{
    -moz-box-shadow:0 0 5px #000;
    -webkit-box-shadow:0 0 5px #000;
    box-shadow:0 0 15px #000
}

.disponiveis, .selecionadas{
    display:block;
    list-style-type: none;
    margin: 0px;
    float: left;
    background: white !important;
    padding: 2px;
    width: 99%;
    height: 300px;
    max-height: 300px;
    overflow-y:scroll;
    border:1px solid #FFF;
    border-radius: 0 0 0 10px;
    box-shadow: 0px 3px 2px #111;
    z-index:10;
}

.disponiveis li, .selecionadas li{
    float:center;
    margin: 0px 0px 8px 0px;
    padding: 0px;
    cursor:pointer;
    background: white !important;
    width: 99%;
    z-index:99;
    height: 30px;
    line-height: 20px;
}

.selecionadas {
    background: #efe9e9;
    z-index:8;
}

.columntable{
    display: inline-table;
    padding: 3px 5px;
    font-size: 10px !important;
    /*font-family: Open Sans !important;*/
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-color: #FFF ;
    text-align: left;

}
.columntable:not(#valnota){
    border-right:  2px solid #e3e3e3;
}


.right:not(td){
    float: right;
    text-align: right;
}
.left:not(td){
    float: left;
    text-align: left;
}
.tablenf{
    width:92% !important;
    border:0px !important;
}
.tablenf td{
    padding:5px 5px !important;
    vertical-align:top;
}

.table50{
    width: 100% !important;
    margin:0px !important;
}

.div-acompanhamento {
    background-color: #FFF;
    margin:0 auto;
    width: 980px;
}

.li-acompanhamento, .li-acompEtapa, .divProjeto, .divFluxo{
    display:inline-table;
    float:left;
    background-color: #DDD;
    width: 200px;
    list-style: none;
    padding: 10px;
    margin: 10px;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #000;
    border-radius: 5px;
    text-decoration: none;
}

.li-acompanhamento:hover, .li-acompEtapa:hover{
    background-color: #FF0;
}

.div-acompanhamento .title{
    color: #000;
    line-height: 16px;
    font-size: 11px;
    /*font-family: Open Sans;*/
    font-weight: 700;
    text-transform: uppercase;
}

.li-acompEtapa{
    display:block;
    float:inherit;
    width: 300px;
    margin: 20px auto;
    padding: 15px;
}

.divProjeto, .divFluxo{
    display:block;
    float:inherit;
    background-color: #777;
    margin: 20px 20px;
    border-width: 4px;
}

.divFluxo{
    background-color: #AAA;
    border-width: 3px;
    margin-left: 200px;
}

#tableForm2{
    position: relative;
    z-index: 0;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;

    border-spacing: 0;

    border: 0;
    border-radius: 4px;
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.05);
}

#div_carregando {
    display: none;
    position: fixed;
    width: 200px;
    height: 70px;
    left: 50%;
    top: 50%;
    font-size: 13px;
    /*font-family: Open Sans;*/
    font-weight: 700;
    line-height: 15px;
    margin-left: -100px;
    margin-top: -35px;
    color: #000000;
    overflow: hidden;
    text-align: center;
    padding: 10px;
    background: #FFFFFF;
    border: 2px solid #011542;
    z-index: 9999;
}

#div_carregando_overlay {
    display: none;
    position: relative;
    z-index: 9999;
}

#div_carregando_overlay .ui-widget-overlay {
    background: #FFF;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.txt-direita {
    text-align: right !important;
    white-space: nowrap;
}

#tableForm.table-toggle > thead {
    cursor: pointer;
}
#tableForm.table-toggle > thead #columns-header th:last-child {
    background-image: url("../icons/cima.png");
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 24px;
}
#tableForm.table-toggle.fechada > thead #columns-header th:last-child {
    background-image: url("../icons/baixo.png");
}
#tableForm.table-toggle.fechada > tbody {
    display: none;
}
#tableForm.table-toggle > tbody > tr:nth-child(even) > td {
    background-color: #EEE;
}
/*#tableForm.table-toggle:not(.sem-hover) > tbody > tr:hover {
    outline: 1px solid #ACD;
}*/
#tableForm.table-toggle > tfoot > tr > td
, #tableForm > tfoot > tr > td
{
    background-color: #DDD;
    font-weight: bold;
}
#tableForm.table-toggle > tbody > tr.linha_clara > td,
#table > tbody > tr.linha_clara > td {
    background-color: #FFF;
}
#tableForm.table-toggle > tbody > tr.linha_escura > td,
#table > tbody > tr.linha_escura > td,
#tableForm > tbody > tr.linha_escura > td,
#tableForm > tbody > tr > td.linha_escura
{
    background-color: #EEE;
}
#tableForm.table-toggle > tbody > tr.linha_titulo > td,
#table > tbody > tr.linha_titulo > td {
    background-color: #CCC;
    font-weight: bold;
}
div#tableForm {
    overflow: hidden;
}
.metade {
    float: left;
    width: 49% !important;
}
.metade:last-child {
    float: right;
}
#frmLiberacao {
    width: 92%;
    margin: auto;
}
.nowrap {
    white-space: nowrap !important;
}
.table-toggle textarea {
    width: 96%;
    height: 150px;
    resize: none;
}
#td_carrinho {
    border-bottom: 1px solid #dadada;
    height: 110px;
    position: relative;
}
#td_carrinho .wrapper {
    background-color: #999999;
    border: 1px solid #555555;
    border-radius: 5px;
    /*    box-shadow: 0 0 15px #686868;*/
    box-sizing: border-box;
    padding: 8px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 95%;
    z-index: 2;
}
#td_carrinho .wrapper .scroll {
    border: 5px solid #FFF;
    max-height: 350px;
    overflow: auto;
}
.table td.alt {
    background-color: #CCFFCC !important;
}
.tr-categoria-itens select {
    box-sizing: border-box;
    width: 100%;
}
#tableForm .resumo-comissoes {
    margin: 0;
    width: 100%;
}
.ui-datepicker td, .ui-datepicker th {
    font-size: 9px;
}
.dataParcela {
    font-weight: bold;
    text-align: center;
}
.widthPadrao {
    margin-left: auto;
    margin-right: auto;
    width: 92%;
}
.rel-compartilhar {
    background-color: #E0E0E0;
    border: 1px solid #746f6f;
    margin: 30px auto;
    padding: 10px 0;
    text-align: center;
}
.rel-compartilhar .cancel-btn {
    background: #FFF none repeat scroll 0 0;
    display: inline-block;
    border: 1px solid #4d4d4d;
    border-radius: 4px;
    box-shadow: none !important;
    color: #4d4d4d !important;
    /*font-family: Open Sans !important;*/
    font-size: 10px !important;
    font-weight: 800 !important;
    margin-right: 10px !important;
    margin-top: 5px !important;
    padding: 8px 10px 8px 30px !important;
    position: relative;
    text-decoration: none;
    text-transform: uppercase !important;
}
.rel-compartilhar .cancel-btn img {
    display: inline-block;
    left: 5px;
    max-height: 20px;
    max-width: 20px;
    position: absolute;
    top: 5px;
}
.rel-compartilhar-modal ul {
    list-style: none;
    overflow: hidden;
    padding: 20px;
}
.rel-compartilhar-modal ul li {
    border: 1px solid #DDD;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
}
.rel-compartilhar-modal ul li.active,
.rel-compartilhar-modal ul li:hover {
    background-color: #EEE;
    box-shadow: 5px 5px 5px #CCC;
}
.rel-compartilhar-modal ul li .desc {
    cursor: pointer;
    display: block;
}
.rel-compartilhar-modal ul li .desc > * {
    display: inline-block;
    vertical-align: top;
}
.rel-compartilhar-modal ul li .desc img {
    height: 48px;
}
.rel-compartilhar-modal ul li .desc span {
    line-height: 48px;
}
.rel-compartilhar-modal ul li .complemento {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #CCC;
    border-radius: 5px;
    display: none;
    margin: 20px;
    padding: 20px;
}
.rel-compartilhar-modal ul li .complemento .row {
    margin-bottom: 6px;
}
.rel-compartilhar-modal ul li .complemento label {
    display: inline-block;
    padding-right: 10px;
    vertical-align: top;
}
.rel-compartilhar-modal ul li .complemento a {
    display: inline-block;
    text-decoration: none;
}
.rel-compartilhar-modal ul li .complemento textarea {
    box-sizing: border-box;
    overflow: auto;
    padding: 6px;
    resize: none;
    width: 100%;
}
.rel-compartilhar-modal ul li .complemento .sugestao {
    font-size: 10px;
}
.rel-compartilhar-modal ul li .complemento a.enviar {
    float: right;
}
#tableForm.table-toggle tfoot tr td.emdia,
#tableForm.table-toggle tbody tr.emdia:nth-child(n) td,
#tableForm tr.emdia td,
#tableForm tr.cmp_divideqtdenacaixa td,
.cmp_divideqtdenacaixa,
.emdia {
    background-color: #CCFFCC !important;
}
#tableForm.table-toggle tfoot tr td.atrasado,
#tableForm.table-toggle tbody tr.atrasado:nth-child(n) td,
#tableForm tr.atrasado td,
#tableForm tr.cmp_divideqtdenopallet td,
.cmp_divideqtdenopallet,
.atrasado {
    background-color: #FFBB66 !important;
}
#tableForm.table-toggle tfoot tr td.avencer,
#tableForm.table-toggle tbody tr.avencer:nth-child(n) td,
#tableForm tr.avencer td,
#tableForm tr.cmp_quimico td,
.cmp_quimico,
.avencer {
    background-color: #FFFFAA !important;
}
#tableForm.table-toggle tbody tr.negativo,
#tableForm.table-toggle tbody tr.negativo:nth-child(n) td,
.negativo,
#tableForm.table-toggle tfoot tr td.vencido,
#tableForm.table-toggle tbody tr.vencido:nth-child(n) td,
#tableForm tr.vencido td,
.vencido {
    background-color: #EE7777 !important;
}
#tableForm tr.azulclaro td,
#tableForm tr.cmp_gas td,
.cmp_gas,
.azulclaro {
    background-color: #AACCDD !important;
}
.legenda .legenda-item {
    border: 1px solid #ffff77;
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    height: 25px;
    padding: 2px;
    vertical-align: middle;
    width: 60px;
}
.legenda .legenda-item span {
    border-radius: 3px;
    display: inline-block;
    height: 100%;
    width: 100%;
}
ul.legenda {
    list-style: outside none none;
    margin: 0;
    overflow: hidden;
    padding: 5px;
}
ul.legenda li {
    float: left;
    line-height: 25px;
    margin: 0 30px 0 0;
}
.ncm_tributacao {
    display: inline-block;
    vertical-align: middle;
}
.ncm_tributacao img {
    display: block;
    width: 24px;
}
.switch-toggle.switch-3.switch-candy {
    display: inline-block;
}
/*.switch-toggle.switch-3.switch-candy.liberacao {
    margin: auto;
    width: 100px;
}*/
.switch-toggle.switch-3.switch-candy label {
    line-height: 2.5em;
    outline: none;
    text-shadow: 0 0 0 transparent;
}
.touchscreen .switch-toggle.switch-3.switch-candy label {
    font-size: 20px;
}
.switch-toggle input:disabled + label {
    cursor: not-allowed;
}
.switch-toggle input:disabled:not(:checked) + label {
    background-color: #e0e0e0;
    border: 1px solid;
    border-radius: 3px;
    color: #aaaaaa;
}
.switch-toggle input:checked:nth-child(1) + label {
    color: #111;
}
.switch-toggle.switch-3.switch-candy.liberacao a {
    background: green;
}
.switch-toggle.liberacao input:checked:nth-child(5) + label ~ a {
    background: red;
}
.switch-toggle.liberacao input:checked:nth-child(3) + label ~ a {
    background: yellow;
    color: #000;
}
.switch-toggle.GOG input:checked:nth-child(3) + label ~ a {
    background: #FA0;
}
.switch-toggle.GOG input:checked:nth-child(5) + label ~ a {
    background: #AAA;
}
.switch-toggle.grey a {
    background: #AAA;
}
.agrupaMetades {
    margin: -20px auto 0;
    overflow: hidden;
    width: 92%;
}
.geraemail {
    position: fixed !important;
}
.geraemail h3 {
    margin: 5px 0;
}
.geraemail .geraemail-bloco {
    background-color: #fdfdfd;
    border: 1px solid #ccc;
    float: left;
    margin: 0 5px 5px 0;
    overflow: hidden;
    padding: 5px;
}
.geraemail .geraemail-bloco textarea {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
}
.listsecoes {
    list-style: outside none none;
    margin: 5px 5px 5px 0;
    padding-left: 10px;
}
.hoverado {
    position: relative;
}
.hoverado::after {
    background: black none repeat scroll 0 0;
    content: " ";
    height: 100%;
    left: 0;
    opacity: 0.3;
    position: absolute;
    top: 0;
    width: 100%;
}
.table-wrapper #table{
    margin-bottom: 10px;
}
.filtroTextArea textarea {
    box-sizing: border-box;
    display: block;
    resize: none;
    width: 100%;
}
.filtroTextArea span.tip {
    display: block;
    line-height: 2em;
}
#tableForm td.seta{
    background-image: url("../icons/cima.png") ;
    background-position: center center ;
    background-repeat: no-repeat;
    width: 20px;
}
#tableForm td.seta.baixo{
    background-image: url("../icons/baixo.png");
}
.textTable{
    font-family: monospace;
}
.customTitleContent {
    display: none;
}
.ocupaTudo {
    box-sizing: border-box;
    width: 95% !important;
}
.ocupaTudo100 {
    box-sizing: border-box;
    width: 100% !important;
}
.wrapper-imgInfo {
    height: 100%;
    padding-right: 30px;
    position: relative;
}
.imgInfo {
    margin: auto;
    position: absolute;
    right: 4px;
    top: 50%;
}
.imgInfo > img {
    display: block;
    margin-top: -50%;
}
.table-fixed-wrapper {
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 2px;
    position: relative;
}
.table-fixed-wrapper > .table-fixed-tbody {
    overflow: auto;
    height: 200px;
    resize: vertical;
}
.table-fixed-wrapper > .table-fixed-tbody table {
    vertical-align: top;
}
.table-fixed-wrapper > .table-fixed-thead {
    background: rgb(62, 71, 94) none repeat scroll 0 0;
    left: 2px;
    position: absolute;
    top: 2px;
}
.table-fixed-wrapper > .table-fixed-thead > .table-fixed-th {
    border-color: rgb(78, 81, 87);
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    box-sizing: border-box;
    color: white;
    float: left;
    font-size: 10px;
    font-weight: 700;
    padding: 10px;
    text-transform: uppercase;
}
.table-fixed-wrapper > .table-fixed-thead > .table-fixed-th:last-child {
    border-right: 1px solid rgb(78, 81, 87);
}
.visualizar-imagem img {
    max-width: 100%;
    max-height: 100%;
}

.tabelaCabecalhoLst{
    padding: 0 2%;
    white-space: nowrap; 
    padding-top: 45px; 
    margin: 0 auto; 
    padding-bottom: 10px; 
    background: white; 
    border-bottom: 1px solid #eee; 
    overflow: auto;
    width: 100%;
    border: 0;
}

.tabelaCabecalhoLstLancamento{
    padding: 0 2%; 
    table-layout: fixed; 
    white-space: nowrap; 
    padding-top: 45px; 
    margin: 0 auto; 
    padding-bottom: 10px; 
    background: white; 
    border-bottom: 1px solid #eee; 
    overflow: auto;
    width: 100%;
    border: 0;
}

.tabelaCabecalhoFrm{
    padding: 0 2%; 
    table-layout: fixed; 
    white-space: nowrap; 
    padding-top: 50px; 
    margin: 0 auto; 
    padding-bottom: 10px; 
    background: white; 
    border-bottom: 1px solid #eee;
    width: 100%;
    border: 0;
}

.tabelaRodapeFrm{
    width: 100%;
    padding: 12px 2%;
    border:0;
}

.tabelaRodapeFrm td{
    white-space: nowrap;
}

/* Div do Link Offline */
#div_off {
    float : right ;
    margin-right : 40px ;
    margin-top : 0px ;
    color : #FFF ;
    font-family : Calibri ;
    font-size : 24px ;
    font-style : normal ;
}

/* Tratamento para divesas resolucoes */
@media screen and (max-width: 1050px) {
    #columns-footer-holder {
        width: 1050px; 
    }
}

@media screen and (max-width: 910px) {
    .tabelaCabecalhoLst{
        width: 910px;
    }
    .tabelaCabecalhoLstLancamento{
        width: 905px;
    }
    .tabelaRodapeFrm{
        width: 910px;
    }
    .tabelaCabecalhoFrm{
        width: 910px;
    }
    .filters-ballon.filtros {
        width: 910px !important;
    }
    .filters-ballon.grafico {
        width: 890px !important;
    }
    .filters-ballon.ordem {
        width: 910px !important;
    }
}

@media screen and (max-width: 700px) {
    #div-rodape{
        width: 700px !important;
    }
    #div-cabecalho{
        width: 700px !important;
    }
}

table.filtertabled caption {
    padding: 0;
}

table.filtertabled caption .wrap-filtertable-filter {
    background-color: #3e475e;
    border-color: #4e5157 #4e5157 #667777 #667777;
    border-radius: 4px 4px 0 0;
    border-style: solid;
    border-width: 1px;
    float: right;
    padding: 3px;
}
table.filtertabled caption .wrap-filtertable-filter input[type=text]
, #table.filtertabled caption .wrap-filtertable-filter input[type=text] {
    line-height: 16px;
    padding: 2px 5px;
    text-transform: uppercase;
	color: #777 !important;
}

.ui-tooltip-content table {
    border: 1px solid #888888;
    border-collapse: collapse;
    margin: -5px;
}
.ui-tooltip-content table thead tr {
    background-color: rgb(62, 71, 94);
    color: #FFF;
}
.ui-tooltip-content table tbody tr:nth-child(even) {
    background-color: #EEEEEE;
}
.ui-tooltip-content table tr td
, .ui-tooltip-content table tr th {
    padding: 5px;
}
.ui-tooltip-content table tr td.title {
    white-space: nowrap;
    font-weight: bold;
    text-align: right;
}
input.moeda0
, input.moeda
, input.moeda2
, input.moeda3
, input.moeda4
, input.moeda6
, input.moedas
, input.numeros {
    text-align: right;
}
input.hora {
    width: 75px;
}
input.datepicker {
    text-align: center;
    width: 110px;
}
.ui-widget-content.ui-dialog {
    border-color: rgb(58, 66, 87);
    box-sizing: border-box;
    max-height: calc(100vh - 100px) !important;
    overflow-x: hidden;
    overflow-y: auto;
}
.ui-widget-content.ui-dialog.fullscreen {
    height: calc(100vh) !important;
    max-height: calc(100vh) !important;
    width: calc(100vw) !important;
}
.ui-widget-content.ui-dialog.fullscreen .ui-dialog-content {
    height: calc(100vh - 48px) !important;
}
.ui-widget-content.ui-dialog.fullscreen .ui-dialog-titlebar-close {
  display: none;
}
.ipt-wrapper {
    position: relative;
    z-index: 1;
}
.ipt-wrapper .ipt-msg {
    border-radius: 4px;
    position: absolute;
    padding: 4px;
    background-color: #FFF;
    border: 3px solid #BBBBBB;
    left: 5px;
    top: -43px;
}
.ipt-wrapper .ipt-msg .seta {
    position: absolute;
    bottom: -11px;
    border-width: 5px;
    border-style: solid;
    border-color: #BBBBBB transparent transparent #BBBBBB;
    left: -3px;
}
.ipt-wrapper .ipt-msg .warning {
    padding: 0 4px 0 24px;
    background-position: left center !important;
    white-space: nowrap;
    line-height: 24px;
    height: 26px;
    box-sizing: border-box;
}
.ipt-wrapper.invertido .ipt-msg {
    left: auto;
    right: 90%;
}
.ipt-wrapper.invertido .ipt-msg .seta {
    border-color: #BBBBBB #BBBBBB transparent transparent;
    left: auto;
    right: -3px;
}
.a-cadastro-rapido {
    display: inline-block;
    vertical-align: middle;
}
form[name=cadastro_rapido] #tableForm td.title {
    width: auto;
    padding: 5px 5px 5px 10px;
}
form[name=cadastro_rapido] #tableForm td input[type=text], form[name=cadastro_rapido] #tableForm td select {
    box-sizing: border-box;
    width: 100%;
}
.slct-multi-wrapper {
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    padding: 2px;
    position: relative;
}
.slct-multi-wrapper .slct-multi-search {
    padding: 2px 2px 4px;
    box-sizing: border-box;
    overflow: hidden;
}
#tableForm .slct-multi-wrapper .slct-multi-search input[type=text]
, .slct-multi-wrapper .slct-multi-search input[type=text] {
    background-image: url('../../common/icons/lupa_peq.png');
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #CCC;
    box-sizing: border-box;
    clear: none;
    color: #333;
    float: right;
    height: 25px;
    line-height: 25px;
    padding: 0 20px 0 5px;
    text-transform: uppercase;
    width: calc(100% - 24px);
}
#tableForm .thread-insert-info-list .slct-multi-wrapper .slct-multi-search input[type=text]
, .thread-insert-info-list .slct-multi-wrapper .slct-multi-search input[type=text] {
    width: calc(100% - 48px);
}
.slct-multi-wrapper .slct-multi-search .slct-multi-toggle {
    background: transparent center center url("../icons/baixo.png");
    display: inline-block;
    float: right;
    height: 25px;
    margin-left: 2px;
    width: 20px;
}
.slct-multi-wrapper.expand .slct-multi-search .slct-multi-toggle {
    background: transparent center center url("../icons/cima.png");
}
.slct-multi-wrapper .slct-multi-inner {
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    box-sizing: border-box;
    height: 80px;
    min-width: 170px;
    overflow-y: auto;
    resize: both;
    text-align: left;
}
.slct-multi-wrapper.expand .slct-multi-inner {
    height: auto !important;
    resize: none !important;
    width: auto !important;
}
.slct-multi-wrapper .slct-multi-inner .slct-multi-item {
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    padding: 0 2px;
    white-space: nowrap;
}
.slct-multi-wrapper .slct-multi-inner .slct-multi-item input
, .slct-multi-wrapper .slct-multi-inner .slct-multi-item label {
    margin: 0;
    vertical-align: middle;
}
.slct-multi-wrapper .slct-multi-inner .slct-multi-item label {
    margin-left: 5px; 
}
.thread-wrapper {
    padding: 0 0 5px;
}
.thread-wrapper .slct-multi-wrapper {
    border-color: transparent;
}
.thread-wrapper .thread-comments {
    background-color: #FFFFFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 0 5px;
}
.thread-wrapper .thread-comments .thread-comment {
    border: 1px solid #999;
    border-radius: 5px;
    margin: 10px 0;
    padding: 5px 5px 10px 5px;
    position: relative;
}
.thread-wrapper .thread-comments .thread-comment .thread-commentfiles {
    background-color: #FFF;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    box-sizing: border-box;
    min-width: 24px;
    min-height: 24px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 2;
}
.thread-wrapper .thread-comments .thread-comment .thread-commentfiles .thread-commentfiletoggle {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 2;
}
.thread-wrapper .thread-comments .thread-comment .thread-commentfiles .thread-commentfiletoggle img {
    display: block;
    height: 16px;
    width: 16px;
}
.thread-wrapper .thread-comments .thread-comment .thread-commentfiles .thread-commentfilelist {
    display: none;
    padding: 3px 24px 3px 3px;
}
.thread-wrapper .thread-comments .thread-comment .thread-situacao {
    height: 5px;
    position: relative;
    text-align: center;
    top: -14px;
}
.thread-wrapper .thread-comments .thread-comment .thread-situacao span {
    background: #FFF;
    padding: 0 5px;
}
.thread-wrapper .thread-comments .thread-comment .thread-comentario {
    background-color: #F0F0F0;
    border-radius: 5px;
    overflow: hidden;
    padding: 5px;
}
.thread-wrapper .thread-comments .thread-comment .thread-comentario p {
    margin: 0;
}
.thread-wrapper .thread-comments .thread-comment .thread-comentario .thread-commentfile {
    float: left;
    margin-right: 10px;
}
.thread-wrapper .thread-comments .thread-comment .thread-comentario fieldset legend {
    font-weight: bold;
    padding: 0 5px;
}
.thread-wrapper .thread-comments .thread-comment .thread-comentario fieldset label {
    font-weight: bold;
    margin-right: 5px;
}
.thread-wrapper .thread-comments .thread-comment .thread-author {
    position: absolute;
    bottom: -6px;
    left: 5px;
    background: #FFF;
    padding: 0 5px;
}
.thread-wrapper .thread-header {
    margin-bottom: 5px;
    overflow: hidden;
}
.thread-wrapper .thread-header .thread-insert-info {
    float: right;
    margin: 0 0 0 5px;
}
.thread-wrapper .thread-insert {
    margin-bottom: 5px;
}
.thread-wrapper .thread-insert .thread-insert-message {
    border: 1px solid #CCC;
    display: none;
    margin: 5px 0 0;
    padding: 5px;
}
.thread-wrapper .thread-insert .thread-insert-message > div {
    background-position: 10px center !important;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px 10px 10px 45px;
}
.thread-wrapper .thread-insert .thread-insert-bottom {
    margin: 5px 0 0;
    overflow: hidden;
}
.thread-wrapper .thread-insert .thread-insert-bottom .thread-insert-infos {
    float: left;
}
.thread-wrapper .thread-insert-info {
    border: 1px solid #CCC;
    float: left;
    margin: 0 5px 0 0;
    min-height: 24px;
    min-width: 24px;
    padding: 5px;
    position: relative;
}
.thread-wrapper .thread-insert-info .thread-inserttoggle {
    background-color: #FFF;
    left: 5px;
    position: absolute;
    top: 5px;
    z-index: 2;
}
.thread-wrapper .thread-insert-info .thread-inserttoggle img {
    width: 24px;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list {
    display: none;
    max-width: 400px;
    min-width: 225px;
    z-index: 1;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list.anexos {
    padding-top: 30px;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list.data {
    min-width: 80px;
    padding-top: 0;
    padding-left: 30px;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list.data input[type=text] {
    box-sizing: border-box;
    height: 24px;
    width: 80px;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list.checklist {
    padding-top: 0;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list.checklist .checklist-insert {
    padding-left: 30px;
    margin-bottom: 7px;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list.tarefaUsuario {
    padding-top: 8px;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list.tarefaUsuario .tarefaUsuario-insert {
    padding-left: 30px;
    margin-bottom: 7px;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list.esq-dir {
    padding-left: 30px;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list p {
    margin: 0 0 5px 0;
}
.thread-wrapper .thread-insert-info .thread-insert-info-list p:last-child {
    margin: 0;
}
.thread-wrapper .thread-insert-info .thread-newfile {
    display: inline-block;
    margin-left: 10px;
    vertical-align: sub;
}
.thread-wrapper .thread-insert .thread-insert-bottom .thread-submit {
    float: right;
}
.thread-barrainfo {
    float: left;
}
.thread-barrainfo .thread-barrainfo-item {
    border: 1px solid transparent;
    display: block;
    float: left;
    line-height: 16px;
    margin-right: 5px;
    overflow: hidden;
}
.thread-barrainfo .thread-barrainfo-item:last-child {
    margin-right: 0;
}
.thread-barrainfo .thread-barrainfo-item > * {
    float: left;
}
.thread-barrainfo .thread-barrainfo-item a {
    display: inline-block;
}
.thread-barrainfo .thread-barrainfo-item a img {
    display: block;
    width: 16px;
}
.thread-barrainfo .thread-barrainfo-item .thread-barrainfo-item-count {
    color: #555;
    margin-left: 5px;
}
#div-notificacao {
    background-color: #FFF !important;
    height: auto !important;
    max-height: 310px;
    padding: 15px 0 5px 5px;
}
#div-notificacao::after {
    right: 320px !important;
    top: -11px !important;
}
#div-notificacao .items-container {
    background-color: #FFF;
    max-height: 260px;
    overflow: auto;
    padding-right: 5px;
}
#div-notificacao .items-container .notificacao-item {
    border: 1px solid #CCC;
    border-collapse: collapse;
    line-height: 1.5em;
    margin: 0 0 5px 0;
    width: 100%;
}
#div-notificacao .items-container .notificacao-item:last-child {
    margin-bottom: 0;
}
#div-notificacao .items-container .notificacao-item.lido {
    color: #CCC;
}
#div-notificacao .items-container .notificacao-item td {
    padding: 0 5px;
}
#div-notificacao .items-container .notificacao-item .notificacao-check {
    border-right: 1px solid #CCC;
}
#div-notificacao .items-container .notificacao-item .notificacao-check input[type=checkbox] {
    margin: 0;
    vertical-align: sub;
}
#div-notificacao .items-container .notificacao-item .notificacao-titulo {
    background-color: #F8F8F8;
    border-bottom: 1px solid #CCC;
    font-weight: bold;
    font-size: 12px;
    line-height: 24px;
}
#div-notificacao .items-container .notificacao-item .notificacao-usuario {
    background-color: #FAFAFA;
    border-top: 1px solid #CCC;
}
#div-notificacao .items-container .notificacao-item .notificacao-visualizar {
    background: url('../../common/icons/abrir_notificacao.png') no-repeat center center;
    float: right;
    height: 24px;
    width: 24px;
}
#div-notificacao .notificacao-footer {
    text-align: center;
}
#div-cabecalho .menu a.destaque {
    outline: 1px solid white;
}
.checklist-wrapper {
    
}
.checklist-wrapper .checklist-header {
    margin-bottom: 5px;
}
.checklist-wrapper .checklist-header label {
    font-weight: bold;
}
.checklist-wrapper .checklist-header .checklist-header-actions {
    float: right;
}
.checklist-wrapper .checklist-example {
    display: none;
}
.checklist-wrapper .checklist-insert {
    padding-right: 20px;
    position: relative;
}
.checklist-wrapper .checklist-insert a {
    position: absolute;
    right: 0;
    top: 3px;
}
.checklist-wrapper .checklist-itens {
    border: 1px solid #CCC;
    list-style: none;
    margin: 5px 0 0;
    padding: 0 2px;
}
.checklist-wrapper .checklist-itens .checklist-item {
    border: 1px solid #f0f0f0;
    line-height: 20px;
    margin: 2px 0;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
}
.checklist-wrapper .checklist-itens .checklist-item input[type=checkbox] {
    position: absolute;
    left: 4px;
    margin: 0;
    top: 4px;
}
.checklist-wrapper .checklist-itens .checklist-item a {
    position: absolute;
    right: 2px;
    top: 2px;
}
.checklist-wrapper .checklist-itens .checklist-item a img {
    display: block;
    width: 16px;
}
.checklist-wrapper .checklist-itens .checklist-item.checkado label {
    color: #AAA;
    text-decoration: line-through;
}
.tarefaUsuario-wrapper {
    
}
.tarefaUsuario-wrapper .tarefaUsuario-header {
    margin-bottom: 5px;
}
.tarefaUsuariot-wrapper .tarefaUsuario-header label {
    font-weight: bold;
}
.tarefaUsuario-wrapper .tarefaUsuario-header .tarefaUsuario-header-actions {
    float: right;
}
.tarefaUsuario-wrapper .tarefaUsuario-example {
    display: none;
}
.tarefaUsuario-wrapper .tarefaUsuario-insert {
    padding-right: 20px;
    position: relative;
}
.tarefaUsuario-wrapper .tarefaUsuario-insert a {
    position: absolute;
    right: 0;
    top: 3px;
}
.tarefaUsuario-wrapper .tarefaUsuario-itens {
    border: 1px solid #CCC;
    list-style: none;
    margin: 5px 0 0;
    padding: 0 2px;
}
.tarefaUsuario-wrapper .tarefaUsuario-itens .tarefaUsuario-item {
    border: 1px solid #f0f0f0;
    line-height: 20px;
    margin: 2px 0;
    overflow: hidden;
    padding: 0 20px;
    position: relative;
}
.tarefaUsuario-wrapper .tarefaUsuario-itens .tarefaUsuario-item input[type=checkbox] {
    position: absolute;
    left: 4px;
    margin: 0;
    top: 4px;
}
.tarefaUsuario-wrapper .tarefaUsuario-itens .tarefaUsuario-item a {
    position: absolute;
    right: 2px;
    top: 2px;
}
.tarefaUsuario-wrapper .tarefaUsuario-itens .tarefaUsuario-item a img {
    display: block;
    width: 16px;
}
.tarefaUsuario-wrapper .tarefaUsuario-itens .tarefaUsuario-item.checkado label {
    color: #AAA;
    text-decoration: line-through;
}
#tableForm .tr-interna {
    display: none;
}
#tableForm .tr-interna > td {
    background-color: #CCC;
    padding: 0;
}
#tableForm .tr-interna > .td-interna > table {
    margin: 0;
}
.negrito {
    font-weight: bold !important;
}
label > input[type=checkbox] {
    display: inline-block;
    vertical-align: sub;
}
.div-comentarios {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 20px auto;
    overflow: auto;
    padding: 5px 10px;
    width: 95%;
}
.inputMaisMenos {
    white-space: nowrap;
}
.inputMaisMenos > * {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    display: inline-block;
    font-size: 25px !important;
    line-height: 60px !important;
    height: 60px !important;
    padding: 0 !important;
    width: 50px;
}
.inputMaisMenos > input {
    text-align: center !important;
    width: 60px !important;
}
.inputMaisMenos span, .inputMaisMenos span::selection {
    color: #FFF;
    cursor: pointer;
    font-weight: bolder;
    text-align: center;
}
.inputMaisMenos span.mais {
    background-color: #004E04;
    border-left-width: 0;
    border-radius: 0 5px 5px 0;
}
.inputMaisMenos span.menos {
    background-color: #D60000;
    border-radius: 5px 0 0 5px;
    border-right-width: 0;
}
.inputMaisMenos.mini {
    display: inline-block;
}
.inputMaisMenos.mini > * {
    border: 0;
    border-radius: 0;
    font-size: 12px !important;
    line-height: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    width: 14px;
}
.inputMaisMenos.mini > input {
    width: 16px !important;
}
#table .inputMaisMenos.mini span {
    color: #FFF;
    border-radius: 0;
}
.touchscreen .inputMaisMenos > * {
    line-height: 70px !important;
    height: 70px !important;
    padding: 0 !important;
    width: 60px;
}
.touchscreen .inputMaisMenos > input {
    width: 65px !important;
}

.inputMaisMenos .adicionar-btn{
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(80, 91, 117) 0%, rgb(85, 94, 117) 100%) repeat scroll 0 0;
	border: 1px solid rgb(44, 48, 60) !important;
	border-radius: 3px !important;
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.25);
	color: white;
	cursor: pointer;
	display: inline-block !important;
	font-family: Open Sans !important;
	font-size: 10px !important;
	font-weight: 800;
	padding: 8px 19px !important;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	line-height: normal !important;
	height: auto !important;
	width: auto !important;
}

.inputMaisMenos a{
	border: none;
}

.touchscreen .ico16 {
    height: 48px;
    margin-right: 10px;
    width: 48px;
}
.touchscreen .adicionar-btn
, .touchscreen #adicionar-btn{
    font-size: 14px;
    line-height: 18px;
}
.inputInterval {
    display: block;
    padding-left: 32px;
    position: relative;
    line-height: 28px;
    min-height: 28px;
}
.inputInterval > a {
    position: absolute;
    top: 0;
    left: 0;
}
.inputInterval > span {
    display: inline-block;
    line-height: 28px;
}
.inputInterval > span[onclick] {
    cursor: pointer;
}

.fullDialog {
    background-color: #FFF;
    box-sizing: border-box;
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 334;
}

.wrapper-ckeditor {
    border: 1px solid transparent;
    box-sizing: content-box;
    max-width: calc(80vw);
    overflow: auto;
    position: relative;
}

.wrapper-ckeditor-expand {
    background: #FFF url("../../common/icons/logisticaseparacao.png") no-repeat center center;
    background-size: 28px 28px;
    border: 1px solid #CCC;
    border-radius: 5px;
    cursor: pointer;
    height: 32px;
    position: absolute;
    right: 2px;
    top: 2px;
    width: 32px;
}

.visitaCasasParana .gerarNumeracao{
    display: none !important;    
}

.botaoNSB-rodape {
    top: 10px;
}

.vermelho-letra{
    color: red;
}

.azul-letra{
    color: blue;
}

.verde-letra{
    color: green;
}

.amarelo-letra{
    color: yellow;
}

/** alterado o margin-top da janela do modal, pois estava aparecendo debaixo do topo da pagina */
.ui-dialog {
    margin-top: 50px!important;
}

.div-seleciona-rack {
    display: flex; 
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.mensagem-rack-nao-vinculado {
    display: flex; 
    justify-content: center; 
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: firebrick;
}

.table-operacional #table.table-lista {
    width: 100%;
    margin-bottom: 0 !important;
}

/*CSS TAREFAS*/
.thread-header-personalizado #columns-header th	{
	padding: 0 5px !important;
}
.thread-header-personalizado .a-acaoTarefaUsuario {
	background-color: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	float: right !important;
	margin-left: 10px !important;
	padding-top: 2px !important;
}
.thread-header-personalizado .slct-multi-wrapper .slct-multi-inner {
	height:auto !important;
}
.thread-header-personalizado .thread-insert-info-list{
	min-height:250px !important;
}
.thread-header-personalizado .checklist, .thread-header-personalizado .data, .thread-header-personalizado .etiquetasPer{
	padding-bottom:8px !important;
}
.thread-header-personalizado .thread-insert-info .thread-insert-info-list.data input[type="text"]{
	width: 100% !important;
}

.cursor-pointer{
	cursor: pointer;
}

/*
 IMPLEMENTAÇÃO DO TEXTAREA PARA MAXIMIZAR E AUMENTAR / DIMINUIR FONTE E DEIXAR A FONT monospace
 Envolve o textarea e a barra de botões 
 Variáveis CSS para facilitar a manutenção e consistência 
*/
:root {
    --button-size: 25px; /* Tamanho dos botões e das imagens dos ícones */
    --toolbar-gap: 8px; /* Espaçamento entre os botões na barra de ferramentas */
    --toolbar-padding: 4px 7px; /* Preenchimento interno da barra de ferramentas */
    --default-font-size: 15px; /* Tamanho da fonte padrão do textarea */
    --maximized-font-size: 18px; /* Tamanho da fonte inicial do textarea maximizado (será ajustado via JS) */
    --toolbar-background: #f7f7f7; /* Cor de fundo da barra de ferramentas normal */
    --toolbar-maximized-background: #fff; /* Cor de fundo da barra de ferramentas maximizada */
    --textarea-border-radius: 8px; /* Raio da borda do textarea */
    --toolbar-height: 32px; /* Altura mínima da barra de ferramentas */
    --textarea-padding-normal: 8px; /* Padding geral do textarea normal */
}

/* Envolve o textarea e a barra de botões */
.custom-textarea-wrapper {
    position: relative;         /* Necessário para posicionar .custom-textarea-toolbar dentro */
    display: block;             /* Força o elemento a ocupar a largura disponível, como um bloco, corrigindo o layout em tabelas */
    width: 100%;                /* Garante ajuste no container pai */
    margin-bottom: 24px;        /* Espaço abaixo do wrapper, separa de outros campos */
    border: 1px solid #ccc;     /* Adiciona uma borda ao wrapper para visualização do posicionamento da toolbar */
    border-radius: var(--textarea-border-radius); /* Arredonda as bordas do wrapper */
	overflow: hidden; 			/* Ajusta o artefato da borda */
}

/* Barra de botões, posicionada no canto superior direito DA BORDA INTERNA do textarea normal */
.custom-textarea-toolbar {
    position: absolute;         /* Posicionamento absoluto dentro do wrapper */
    left: 0;                    /* Alinha à esquerda  do wrapper */
    top: 0;                     /* Alinha ao topo do wrapper */
    border-top-left-radius: calc(var(--textarea-border-radius) - 1px); /* Arredonda o canto superior direito */
    border-bottom-right-radius: 6px; /* Arredonda o canto inferior esquerdo para um visual suave */
    z-index: 12;                /* Garante que fique à frente do textarea */
    display: flex;              /* Usa flexbox para organizar os botões */
    gap: var(--toolbar-gap);    /* Espaçamento entre os botões usando variável */
    padding: var(--toolbar-padding); 		/* Preenchimento interno da barra usando variável */
    background: var(--toolbar-background); 	/* Cor de fundo da barra usando variável */
    align-items: center;        			/* Centraliza os itens verticalmente */
    box-shadow: 0 1px 8px 0 #aaa2; 			/* Sombra sutil para a barra */
    min-height: var(--toolbar-height); 		/* Altura mínima da barra usando variável */
}

/* Botões da barra */
.custom-textarea-toolbar button {
    border: none;               /* Remove borda do botão */
    background: transparent;    /* Fundo transparente */
    padding: 0;                 /* Remove padding padrão do botão */
    margin: 0;                  /* Remove margin padrão do botão */
    cursor: pointer;            /* Cursor de mão ao passar por cima */
    height: var(--button-size); /* Altura do botão usando variável */
    width: var(--button-size);  /* Largura do botão usando variável */
    border-radius: 50%;         /* Botões circulares */
    display: flex;              /* Usa flexbox para centralizar a imagem */
    align-items: center;        /* Centraliza a imagem verticalmente */
    justify-content: center;    /* Centraliza a imagem horizontalmente */
    transition: background 0.2s; /* Transição suave para o background */
}
.custom-textarea-toolbar button:active,
.custom-textarea-toolbar button:focus {
    background: #e1e1e1;        /* Cor de fundo ao clicar/focar */
}
.custom-textarea-toolbar img {
    width: var(--button-size);  /* Largura da imagem do botão usando variável */
    height: var(--button-size); /* Altura da imagem do botão usando variável */
    object-fit: contain;        /* Garante que a imagem se ajuste dentro do contêiner */
    display: block;             /* Garante que a imagem ocupe o espaço corretamente */
}

/* Estilo normal do textarea */
.custom-textarea {
    font-family: 'Courier New', Courier, monospace !important; /* Fonte Courier New */
    width: 100%;                /* Largura total do wrapper */
    min-height: 100px;          /* Altura mínima */
    font-size: var(--default-font-size); /* Tamanho da fonte padrão usando variável */
    resize: vertical;           /* Permite redimensionar verticalmente */
    box-sizing: border-box;     /* Inclui padding e border na largura/altura */
    border-radius: var(--textarea-border-radius); /* Arredonda todos os cantos do textarea */
    margin: 0;                  /* Remove margem padrão */
    border: none;               /* Remove a borda padrão do textarea, o wrapper já tem uma */
    outline: none;              /* Remove o outline ao focar, a borda do wrapper já sinaliza */
    display: block;             /* Garante que o textarea ocupe o espaço completo */
	/* Definindo cada lado do padding individualmente para evitar conflitos e garantir a aplicação */
	padding-top: calc(var(--toolbar-height) + var(--textarea-padding-normal)) !important;
    padding-right: var(--textarea-padding-normal) !important;
    padding-bottom: var(--textarea-padding-normal) !important;
    padding-left: var(--textarea-padding-normal) !important;
}

/* ---- Maximizado: textarea cobre a tela, barra no canto superior direito ---- */
.custom-textarea-maximized {
    position: fixed !important;   /* Fixa na tela */
	top: 50px !important;     /* Mantém o espaço para o cabeçalho */
	bottom: auto !important;  /* Deixa o navegador calcular a base */
	height: calc(100vh - 100px) !important; /* Altura = 100% da tela - 50px do cabeçalho - 50px do rodapé */
	left: 0 !important; 
	right: 0 !important; 
    width: 100vw !important;      /* 100% da largura da viewport */
    min-height: 0 !important;     /* Remove altura mínima */
    z-index: 9999 !important;     /* Garante que fique acima de outros elementos */
    background: #fff;             /* Fundo branco */
    border-radius: 0 !important;  /* Remove arredondamento */
    padding: 16px !important;     /* Aumenta o padding no modo maximizado */
    margin: 0 !important;         /* Remove margens */
    /* Ajusta o padding superior para a toolbar maximizada */
    padding-top: 52px !important; /* Mais espaço para a toolbar no modo fixo */
}

.custom-textarea-toolbar.maximized {
    position: fixed !important;   /* Fixa na tela */
    top: 60px !important;         /* Distância do topo */
    right: 20px !important;       /* Distância da direita */
    left: auto !important;        /* Desabilita o left */
    border-radius: var(--textarea-border-radius) !important; /* Arredonda os cantos da barra */
    z-index: 10010 !important;    /* Garante que fique acima do textarea maximizado */
    box-shadow: 0 2px 12px 0 #8883; /* Sombra mais pronunciada */
    background: var(--toolbar-maximized-background); /* Fundo branco para a barra maximizada */
}

/* Correções para Modal jQuery UI */
.ui-dialog {
    z-index: 9998 !important;
}

/* * Esta regra se aplica somente à barra de ferramentas (.custom-textarea-toolbar)
 * quando ela está dentro de uma modal do jQuery UI (.ui-dialog).
 * Aumentamos o z-index para um valor bem alto para garantir que a barra
 * e seus ícones fiquem na frente de qualquer outra parte da modal.
*/
.ui-dialog .custom-textarea-toolbar {
    z-index: 9999;
}

/* Zera a margem inferior do wrapper quando ele está dentro de uma célula de tabela */
td .custom-textarea-wrapper {
    margin-bottom: 0;
}

/*
 FIM IMPLEMENTAÇÃO DO TEXTAREA PARA MAXIMIZAR E AUMENTAR / DIMINUIR FONTE E DEIXAR A FONT monospace
*/


/* ... (código existente) ... */

/* INICIO BLOCO DE ALTERAÇÕES EM myask-novo.css - FILTROS RAPIDOS */
/* Estilos para os Filtros Rápidos */
.quick-filters-container {
    /* Novo posicionamento com flexbox para alinhar internamente */
    display: flex;
    align-items: center; /* Alinha verticalmente os itens */
    width: 100%; /* Ocupa a largura total do container pai */
    box-sizing: border-box; /* Inclui padding e borda na largura */
    padding: 5px 10px; /* Um pouco de padding */
    background-color: #f0f0f0; /* Fundo cinza claro */
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px auto; /* Centraliza e dá margem acima/abaixo */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    position: relative; /* Para z-index e talvez posicionamento de sub-elementos */
    z-index: 3; /* Garante que fique acima da paginação */
    overflow: hidden; /* Garante que não vaze */
}

.quick-filters-header {
    display: flex;
    align-items: center;
    flex-shrink: 0; /* Impede que encolha */
    padding-right: 15px; /* Espaço entre os botões e os filtros */
}

.quick-filters-actions {
    display: flex;
    gap: 5px; /* Espaçamento entre os botões */
}

/* Estilo para os botões de ação (resetar e toggle) para ficarem transparentes e só com a imagem */
.quick-filters-actions .adicionar-btn {
    background: transparent !important; /* Força o fundo transparente */
    border: none !important; /* Força sem borda */
    box-shadow: none !important; /* Remove qualquer sombra */
    padding: 0 !important; /* Remove padding */
    margin: 0 !important; /* Remove margem */
    display: inline-block !important; /* Garante que estejam na mesma linha */
    height: auto; /* Ajusta a altura ao conteúdo da imagem */
    width: auto; /* Ajusta a largura ao conteúdo da imagem */
    cursor: pointer;
    line-height: 1; /* Alinha a imagem corretamente */
}

.quick-filters-actions .adicionar-btn img {
    display: block; /* Garante que a imagem se ajuste ao botão */
    width: 24px; /* Tamanho padrão para os ícones */
    height: 24px; /* Tamanho padrão para os ícones */
    vertical-align: middle; /* Ajuda no alinhamento vertical */
}

.quick-filters-content {
    display: flex; /* Para alinhar os itens de filtro lado a lado */
    flex-wrap: nowrap; /* IMPEDE quebra de linha para os itens de filtro */
    gap: 15px; /* Espaçamento entre os blocos de filtro */
    overflow-x: auto; /* Habilita scroll horizontal se o conteúdo for maior */
    overflow-y: hidden; /* Oculta o scroll vertical desnecessário */
    padding-bottom: 0px; /* Remove padding inferior do content */
    align-items: flex-start; /* Alinha os itens pelo topo */
    flex-grow: 1; /* Permite que o content ocupe o espaço restante */
    height: auto; /* Altura flexível */
    padding-top: 5px; /* Pequeno padding para o topo dos itens */
    padding-right: 5px; /* Pequeno padding para a direita dos itens */
    box-sizing: border-box; /* Garante que padding não aumente a largura */
}

/* NOVO: Esconde o título do quick-filters-container, se houver */
.quick-filters-container h3 {
    display: none;
}

.quick-filter-item {
    padding: 5px 10px; /* Padding ajustado para ser mais compacto */
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #fdfdfd;
    min-width: 150px; /* Largura mínima ajustada */
    box-sizing: border-box;
    flex-shrink: 0; /* Impede que os itens encolham */
    white-space: normal; /* Permite que o texto dentro do item quebre linha */
    display: flex; /* Adiciona flexbox para o item */
    flex-direction: column; /* Organiza os elementos internos em coluna */
    justify-content: center; /* Centraliza verticalmente o conteúdo do item */
}

.quick-filter-item.hidden-filter {
    display: none !important; /* Força o ocultamento quando a classe está presente */
}

.quick-filter-label {
    display: block;
    font-weight: bold;
    margin-bottom: 8px;
    color: #555;
    font-size: 11px;
    text-transform: uppercase;
}

/* Estilos para o tipo Checkbox, Date, Button ... (manter como está no seu CSS atual) */
/* ... (Seus estilos para .quick-filter-checkbox-group, .quick-filter-date-select, etc. aqui) ... */
/* Certifique-se de que .quick-filter-button-item .active está definido com !important para o background/border-color/color/box-shadow */
.quick-filter-button-item.active {
    background: linear-gradient(to bottom, rgb(62, 71, 94) 0%, rgb(80, 91, 117) 100%) !important;
    border-color: rgb(44, 48, 60) !important;
    color: white !important;
    box-shadow: inset 0px 1px 3px rgba(0,0,0,0.3) !important;
}

/* NOVO: Container que agrupa a paginação, filtros rápidos e timer/filtro de página */
.top-list-controls {
    display: flex; /* Usa flexbox para alinhar os filhos */
    align-items: center; /* Alinha os itens verticalmente ao centro */
    justify-content: space-between; /* Espalha os itens com espaço entre eles */
    width: 95%; /* Mesma largura da tabela principal */
    margin: 10px auto 0; /* Centraliza e adiciona margem superior */
    box-sizing: border-box;
    padding: 0; /* # ALTERAÇÃO: Remova o padding aqui, ele será tratado pelos elementos internos se necessário */
    /* border-left: 1px solid #dadada; /* NOVO: Adiciona borda esquerda */
    /* border-right: 1px solid #dadada; /* NOVO: Adiciona borda direita */
    /* border-top-left-radius: 4px; /* Opcional: Arredonda canto superior esquerdo */
    /* border-top-right-radius: 4px; /* Opcional: Arredonda canto superior direito */
}

.top-list-controls .paginacao-bar {
    width: auto; /* Permite que a barra de paginação ocupe o espaço necessário */
    flex-grow: 1; /* Permite que cresça e ocupe espaço livre */
    margin-right: 15px; /* Espaçamento entre a paginação e os filtros rápidos */
    background: none; /* Remove o background da barra de paginação se ela estiver contida */
    border: none; /* Remove bordas */
    height: auto; /* Altura flexível */
    padding: 0; /* Remove padding */
    order: 1; /* # COMENTÁRIO: Define a ordem para aparecer primeiro */
}

.top-list-controls .paginacao-info {
    display: flex;
    align-items: center;
    gap: 5px; /* Espaçamento entre os elementos da paginação */
}
.top-list-controls .paginacao-info p {
    margin: 0; /* Remove margem padrão do parágrafo */
}
.top-list-controls .paginacao-info input {
    margin: 0 2px; /* Ajusta a margem do input da página */
}

.top-list-controls .quick-filters-container {
    width: auto; /* Permite que os filtros rápidos ocupem o espaço necessário */
    flex-grow: 2; /* Dá mais prioridade para o crescimento dos filtros rápidos */
    margin: 0 15px; /* Espaçamento dos dois lados */
    /* Mantenha os estilos existentes para quick-filters-container aqui, mas ajuste se necessário */
    /* Reajuste o padding para ser mais compacto, pois o top-list-controls já tem padding */
    padding: 0; /* Remove padding do container geral, pois os internos já terão */
    background: none; /* Remove o background do container geral, pois os internos já terão */
    border: none; /* Remove as bordas do container geral */
    box-shadow: none; /* Remove a sombra do container geral */
    order: 2; /* # COMENTÁRIO: Define a ordem para aparecer no meio */
}
.top-list-controls .quick-filters-container .quick-filters-header,
.top-list-controls .quick-filters-container .quick-filters-content {
    background-color: #f0f0f0; /* Fundo visível para os blocos internos */
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px; /* Padding para os blocos internos */
    height: 35px; /* Altura fixa para os blocos internos para alinhar */
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.top-list-controls .quick-filters-container .quick-filters-content {
    flex-grow: 1; /* Permite que o conteúdo dos filtros cresça */
    padding-right: 15px; /* Espaço para a rolagem horizontal */
}

.timer-and-filter-wrapper {
    display: flex;
    align-items: center;
    gap: 10px; /* Espaçamento entre timer e filtro de página */
    flex-shrink: 0; /* Impede que encolha */
    padding-left: 15px; /* Espaço entre os filtros rápidos e o timer/filtro */
    order: 3; /* # COMENTÁRIO: Define a ordem para aparecer por último */
}

.timer-and-filter-wrapper .timer {
    /* Mantenha os estilos existentes do seu .timer */
    float: none !important; /* Desabilita float para o flexbox gerenciar */
    margin: 0 !important; /* Remove margens extras */
}
.timer-and-filter-wrapper .wrap-filtertable-filter {
    /* Mantenha os estilos existentes do seu .wrap-filtertable-filter */
    float: none !important; /* Desabilita float para o flexbox gerenciar */
    margin: 0 !important; /* Remove margens extras */
}

/* NOVO: Adiciona bordas laterais à tabela */
#table {
    border-left: 1px solid #dadada;
    border-right: 1px solid #dadada;
    border-top-left-radius: 4px; /* Opcional: Para manter o arredondamento */
    border-top-right-radius: 4px; /* Opcional: Para manter o arredondamento */
}

/* NOVO: Ajusta as bordas das células do cabeçalho da tabela para se alinharem */
#table #columns-header th:first-child {
    border-left: none; /* Remove a borda esquerda duplicada */
}

#table #columns-header th:last-child {
    border-right: none; /* Remove a borda direita duplicada */
}

#table td:first-child {
    border-left-color: transparent; /* Remove borda duplicada nas células do corpo */
}

#table td:last-child {
    border-right-color: transparent; /* Remove borda duplicada nas células do corpo */
}

/* Garante que o wrap-filtertable-filter dentro de .timer-and-filter-wrapper e .paginacao-bar não tenham floats */
.top-list-controls .wrap-filtertable-filter {
    float: none !important;
}

/* FIM BLOCO DE ALTERAÇÕES filtros personalizados*/


/* INICIO BLOCO DE ALTERAÇÕES EM myask-novo.css - TRUNCAMENTO DE TEXTO */
/* Estilos para o elemento que terá o texto truncado */

/* Contêiner que envolve o texto truncado e o ícone para garantir que fiquem na mesma linha */
.truncate-inline-wrapper {
    display: inline-flex; /* Usa flexbox para manter o texto e o ícone na mesma linha */
    align-items: center;  /* Alinha verticalmente os itens (texto e ícone) no centro */
    white-space: nowrap;  /* Essencial para impedir a quebra de linha dentro do wrapper */
    /* Garante que o wrapper não seja muito maior que o elemento pai (importante para TDs) */
    max-width: 100%; 
    overflow: hidden; /* Esconde qualquer conteúdo que exceda a largura do flexbox */
}

/* Estilos para o elemento que terá o texto truncado */
.truncate-text {
    /* As propriedades de truncamento são aplicadas aqui */
    white-space: nowrap; /* Mantido para o próprio elemento, mas o wrapper garante o conjunto */
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; /* Essencial para que max-width e overflow funcionem */
    vertical-align: middle; /* Alinha o texto com o ícone */
    /* As classes truncate-width-XXX definirão o max-width */
}

/* Classes para definir a largura máxima do truncamento */
.truncate-width-50 { max-width: 50px; }
.truncate-width-100 { max-width: 100px; }
.truncate-width-150 { max-width: 150px; } /* Valor padrão se não for especificado ou for inválido */
.truncate-width-200 { max-width: 200px; }
.truncate-width-250 { max-width: 250px; }
.truncate-width-300 { max-width: 300px; }

/* Estilo para o ícone de informação */
.truncate-info-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0; /* Impede que o ícone encolha */
    margin-left: 5px; /* Pequena margem para separar do texto */
    cursor: pointer;
    vertical-align: middle; /* Garante alinhamento vertical com o texto */
}

/* Estilos para o tooltip personalizado */
.truncate-info-tooltip-wrapper {
    background-color: #333; /* Fundo escuro */
    color: #fff; /* Texto branco */
    border: 1px solid #555;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 13px;
    max-width: 300px; /* Largura máxima do tooltip */
    word-wrap: break-word; /* Quebra de palavra se o texto for muito longo */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    pointer-events: auto; /* Permite que o mouse interaja com o tooltip */
    position: absolute;
    z-index: 10001; /* Z-index alto para garantir que fique sobre outros elementos */
}

/* Adiciona uma pequena seta no tooltip (opcional, para um visual de balão) */
.truncate-info-tooltip-wrapper::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #333; /* Cor da seta igual ao fundo do tooltip */
    bottom: -8px; /* Posição da seta */
    left: 50%;
    transform: translateX(-50%);
}
/* FIM BLOCO DE ALTERAÇÕES EM myask-novo.css truncate-text*/