body {
    color: #455560;
    font-family: tahoma, arial, verdana, sans-serif, Helvetica!important;
    font-size: 12px;
    background-color: #fff;
    topMargin:0px;
    leftMargin:0;
    marginwidth:0;
    marginheight: 0;
}
@font-face {
    font-family:"Pigiarniq";
    src:url("../fontes/Pigiarniq_Regular.eot?") format("eot"), url("../fontes/Pigiarniq_Regular.woff") format("woff"), url("../fontes/Pigiarniq_Regular.ttf") format("truetype"), url("../fontes/Pigiarniq_Regular.svg#Pigiarniq") format("svg");
    font-weight:normal;
    font-style:normal;
}
.cursor_ordernacao {
    cursor: pointer;
}
.label_vazio .x-form-item-label {
    color:#FFFFFF;
}
.button_link {
    font-size:11px;
    border:0px;
    cursor:pointer;
    background-color: transparent;
    padding:0px;
    color: #666;
    text-align:left;
}
#fw_num_pagina_listagem {
    font-weight:bold;
    font-size:12px;
    color: #666666;
    margin: 0px;
    vertical-align:middle;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxx Formatação de extrato XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

td.pad_extrato {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    BACKGROUND-COLOR: #FFFFFF;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxx  Formatação Botões: Abre busca e Abre ações xxxxxxxxxxxxxxxxx*/



#fw_abre_busca {
    font-weight:bold;
    font-size:20px;
    color: #455560;
}
#fw_abre_busca img {
    vertical-align: bottom;
    padding-right: 4px;
    width: 20px;
    height: 20px;
}
#fw_abre_acoes {
    font-weight:bold;
    font-size:11px;
    width: 100%;
}
#fw_table_lista_acao {
    font-size:16px;
    color: #2c3e56;
    margin-top: 12px;
    height: 30px;
}
#fw_abre_acoes img {
    vertical-align: bottom;
    padding-right: 4px;
}
#fw_acao_registro ul {
    margin:0px;
    padding: 0 5px;
}
#fw_acao_registro li {
    list-style:none;
    margin:0px;
    display:inline;
}
#fw_acao_topo ul {
    margin: 0px 0px 0px 20px;
    padding: 0px;
}
#fw_acao_topo li {
    list-style:none;
    margin:0px;
    display:inline;
    text-align: right;
}
#fw_acao_baixo li {
    list-style:none;
    margin:0px;
}
#fw_acao_submit ul {
    margin: 0px;
    padding: 0px;
}
#fw_acao_submit li {
    list-style:none;
    margin:0px;
    display:inline;
}
#fw_acao_titulo ul {
    margin: 0px;
    padding: 0px;
    float:left;
    position: relative;
}
#fw_acao_titulo li {
    list-style:none;
    margin:0px;
    display:inline;
    float:left;
}
#fw_acao_listagem ul {
    margin: 0px;
    padding: 0px;
    float:left;
    position: relative;
}
#fw_acao_listagem li {
    list-style:none;
    margin:0px;
    display:inline;
    float:left;
}
/*XXXXXXXXXXXXXXXXXXXESTILOS DE AGENDAXXXXXXXXXXXXXXXX*/


TD.cal_fim_semana {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #CECECE;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #f1f1f1;
    font-weight:bold;
}
TD.cal_meio_semana {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #ffd9a6;
}
TD.cal_feriado_parcial {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #ffefd9;
}
TD.cal_dia_semana {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #e6e6e6;
}
TD.cal_dia_selecionado {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #a3ccc2;
}
TD.cal_mes {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11pt;
    font-weight:bold;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #bfd1ff;
}
TD.cal_titulo {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #ffeab2;
}
td.cal_horario {
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    background-color: #fff8e6;
}
td.cal_horario_selecionado {
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    background-color: #a3ccc2;
}
TD.cal_capacidade_atingida {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #D9D919;
    border: solid 1px #D9D919;
}
TD.cal_capacidade_atingida_urgente {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #D9D919;
    border: solid 4px #f8a9a9;
}
TD.cal_dia_atende_urgente {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #f8a9a9;
    border: solid 4px #f8a9a9;
}
TD.cal_dia_atende_urgente_listagem {
    background-color: #f8a9a9;
    COLOR: #000000;
    font-weight:normal;
}
TD.cal_dia_atende_urgente_selecionado {
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    font-weight:bold;
    COLOR: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    background-color: #a3ccc2;
    border: solid 4px #f8a9a9;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx CABECALHO VIEW IMG XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
#fw_cabecalho_view {
    font-size: 18px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
}
#fw_cabecalho_view img {
    vertical-align: bottom;
}
#fw_lista_paginacao, #fw_lista_paginacao_navigate {
    list-style:none;
    text-ident:0px;
    padding: 0px
}
#fw_lista_paginacao {
    /*margin: 8px 0 0 0;*/
    float: left;
    margin: 0;
}
#fw_lista_paginacao_navigate li {
    list-style: none;
    margin: 0;
    margin-right:5px;
    display:inline;
}
#fw_lista_paginacao li {
    list-style: none;
    margin: 10px 5px 0 0;
    display:inline;
    cursor:pointer;
    padding: 1px 2px;
}
#fw_lista_paginacao_selecionada {
    font-weight: bolder;
}
#fw_table_lista_arvore, #fw_table_cadastro_tabular, #fw_table_cadastra {
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0;
    width:100%;
    min-width:700px;
    border: 0;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxx Inclusão:background usuário xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#background_usuario {
    background: url(../images/bg.gif);
    width: 100%;
    height: 20px;
    position: absolute;
    top: 125px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxx Inclusão:retirar espaçamentos de imagens xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
img {
    margin:0px;
    border: 0px;
    padding: 0px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxx Inclusão: Efeitos para rodapé xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#rodape {
    height: 15px;
    width: 100%;
    background: transparent;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxx Modificação: Efeitos para borda topo xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#borda_topo {
    background:-moz-linear-gradient(center bottom, #CCCCCC, #FFFFFF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, center bottom, center top, from(#ccc), to(#fff));
    height: 15px;
    width: 100%;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxx Modificação: Efeitos para borda topo xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#degrade_topo {
    background:-moz-linear-gradient(center bottom, #275B9F, #1F497F) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, center bottom, center top, from(#275b9f), to(#1f497f));
    height: 90px;
    width: 100%;
    margin-bottom: 50px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxx Modificação: Efeitos para caixa de conteúdo xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#fw_table_lista {
    border-spacing: 0px;
    width:100%;
    background:-moz-linear-gradient(center bottom, #1DA3B5, #26BBCF) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, center bottom, center top, from(#1da3b5), to(#26bbcf));
    color: #fff;
    border:0px;
    margin-top: 5px;
    text-align:center;
}
#fw_table_lista tr td {
    padding: 0;
    font-size:10px;
    vertical-align:middle;
    height:52px;
}
/*#fw_table_lista tr td:hover{
                text-decoration:underline;
                cursor: pointer;
        }*/	

#fw_table_lista th.padx {
    background: #eff7ef;
    color: #000000;
}
#fw_table_lista tr:first-child th {
    font-size:12px;
    font-weight:normal;
    text-align:center;
}
#fw_table_lista th:first-child {
    height:27px;
}
#fw_table_lista tr:first-child th a img {
    /*display: none;*/
}
#fw_acao_registro {
    padding: 0 2px;
    float: right;
}
th.pad {
    font-weight: bold;
    font-size: 8pt;
    color: #455560;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 4px 0px 4px 3px;
    background:#fff;
}
table.pad {
    width:100%;
    background: #;
    border: 0px;
    color: #fff;
    border-spacing: 0px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxx Modificação: Efeitos para caixa de busca xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#fw_table_busca, #fw_table_lista_filtro {
    border-spacing: 0;
    border: 0;
    margin-top: 12px;
}
#fw_table_busca input {
    background:#fff;
}
#fw_table_busca td.padx {
    background-color: transparent;
    padding: 5px;
}
#fw_table_busca td.pad, #fw_table_lista_filtrotd.pad {
    padding: 5px;
    border-bottom: transparent;
    border-right: transparent;
}
#fw_table_busca th.padx, #fw_table_lista_filtro th.padx {
    padding: 5px;
    background-color: transparent;
    border: transparent;
}
#fw_table_busca th.pad, #fw_table_lista_filtro th.pad {
    color: #455560;
}
#fw_table_busca button {
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px 5px;
}
#btn_busca img {
    display: none;
}
#fw_table_busca button:hover {
    color: #fff;
}
#fw_table_busca img {
    width: 15px;
    height: 15px;
    vertical-align: bottom;
    padding: 2px 5px 2px 2px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Modifica posição da caixa de botões (word, pdf, excel, etc...)xxxxxxxxxxxxxxx*/
.box_acoes {
    font-size:10px;
    font-weight:bold;
    border:0px;
    cursor:pointer;
    background-color: transparent;
    padding:0px;
    text-align:left;
    float: left;
}
/*xxxxxxxxxxxxxxxxxxxxx   Formatação input, checkbox, radio, select  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

input, input[type="checkbox"], select, textarea {
    background: #fff;
}
select {
    font: Tahoma, Arial, Helvetica, sans-serif;
    color: #999;
    padding: 1px 1px;
}
option {
    background: #f5f6f8;
    color: #555;
}
.checkbox, .radio {
    width: 19px;
    height: 25px;
    padding: 0 5px 0 0;
    background: url(images/checkbox.gif) no-repeat;
    display: block;
    clear: left;
    float: left;
}
.radio {
    background: url(images/radio.gif) no-repeat;
}
.select {
    position: absolute;
    width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 21px;
    padding: 0 24px 0 8px;
    color: #fff;
    font: 12px/21px arial, sans-serif;
    background: url(../images/select.gif) no-repeat;
    overflow: hidden;
}
code {
    color: #c00;
    font: 1.1em monospace;
}
.content ol.code {
    margin: 0 0 3em;
    padding: 6px 6px 6px 30px;
    border: 2px solid #c00;
}
.content ol.code li {
    margin: 0 0 1px 12px;
    padding: 0.5em;
    color: #000;
    font: 1.1em monospace;
    background: #fff5f5;
    list-style-type: decimal;
}
.content ol.code li.red, span.red {
    color: #c00;
}
h3 code {
    font: 0.9em monospace;
}
.indent {
    text-indent: 25px;
}
select {
    font-size: 8pt;
    color: black;
    font-family: verdana, arial
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx FINAL XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXxxxxxxxxxx*/

table.pad_sheet {
    width:100%;
}
td.pad_sheet_selecionado {
    color:#FFFFFF;
    background-image: url(images/base_tab_select2.gif);
    background-repeat: no-repeat;
    background-position: right top;
    font-weight:bold;
    font-size: 8pt;
    cursor:pointer;
    border-left: solid 1px #a8c8f7;
}
td.pad_sheet_nao_selecionado {
    color:#999999;
    background-image: url(images/base_tab_unselect2.gif);
    background-repeat: no-repeat;
    background-position: right top;
    font-size: 8pt;
    cursor:pointer;
    border-left: solid 1px #CECECE;
}
a {
    font-weight: bold;
    Text-Decoration:none;
}
h2 {
    font-weight: bolder;
    font-size: 12pt;
    color: #000088;
}
H3 {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10pt;
    COLOR: #000088;
    FONT-FAMILY: Verdana, Arial;
}
h4 {
    font-weight: bolder;
    font-size: 8pt;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
h5 {
    font-weight: normal;
    font-size: 8pt;
    color: #CECECE;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.nomargin {
    margin: 0px;
}
table.pad {
    font-weight: bolder;
    font-size: 8pt;
    color: #336699;
    font-family: 'Trebuchet MS', arial, verdana, sans-serif, Helvetica;/*border-collapse: collapse;*/
}
td.pad {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    padding: 2px 2px 2px 3px;
}
td.pad_over {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;	
    padding: 2px 2px 2px 3px;
}
tr.fw_linha_par td.pad {
    background:#fff;
}
td.padx {
    font-weight: normal;
    font-size: 9pt;
    color: #000000;
    text-align: right;
    padding: 2px 2px 2px 3px;
    width:2px;
    white-space: nowrap;
}
th.pad a:hover {
    color: #D5D5D5;
}
th.pad a {
    color: #fff7b2;
}
input.pad {
    font-family: Arial, sans-serif, Helvetica;
    font-size: 10px;
    border: 0 solid;
    border-width: 1px;
    border-collapse: collapse;
    border-color: black;
    background-color: #f1f1f1;
    cursor: pointer;
}
th.padx {
    font-size: 8pt;
    color: #455560;
    text-align: left;
}
a.padx {
    color: #ffffff;
    font-weight: bold;
    text-decoration:none;
}
a.padx:hover {
    color: #993d7c;
}
button {
    font-family: Arial, sans-serif, Helvetica;
    font-size: 10px;
    border: 0 solid;
    border-width: 1px;
    border-collapse: collapse;
    border-color: black;
    background-color: #f1f1f1;
    cursor: pointer;
}
.pad_check {
    border:0;
    margin:2px;
    background:none;
}
.pointer {
    cursor: pointer;
}
a {
    color:#455560;
}
table.ajuda {
    background-color: #000000;
    font-size: 14px;
    color: #009900;
    border: medium groove #999999;
    position: absolute;
    display: none;
    width: 150px;
}
th.ajuda {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #336633;
    border: none;
}
td.ajuda {
    color: #000000;
    font-family: 'Trebuchet MS', arial, verdana, sans-serif, Helvetica;
    font-size: 10px;
    text-decoration: none;
    background-color: #FFFFFF;
}
button.ajuda {
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}
#menu_usuario {
    width:100%;
    font-size:13px;
    padding: 3px 0px 3px 0px;
    color: #333333;
}
#menu_usuario div {
    padding-left:5px;
}
.cor_fundo_sistema {
    background-color: #ffffeb;
}
.color_atributo_usuario {
    color: #2E6683;
}
.show_error {
    background-color:#FFEBE8;
    width:99%;
    border:1px solid #C0C0C0;
    margin:5px;
}
.show_error th {
    background-color:#CC0000;
    color:#FFFFFF;
    font-size:12px;
}
.footer {
    font-size:10px;
}
.input-error {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    border:solid #FF0000 1px !important;/*background-color:#FF3300;*/
}
.input-sel {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:11px;
    border:solid #00FF00 1px;/*background-color:#FF3300;*/
}
.input_numero_negativo {
    color: #FF0000;
}
.textarea_disabled {
    background-color:#ececec;
}
td.pad_negativo {
    font-weight: normal;
    font-size: 8pt;
    color: red;
    background-color: #FFFFFF;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}
td.pad_positivo {
    font-weight: normal;
    font-size: 8pt;
    color: blue;
    background-color: #FFFFFF;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxtestesxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

#campo_pesquisa {
    position: absolute;
    top:40px;
    right:33px;
    width:175px;
    height: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 2px solid #fff;
    background: -moz-linear-gradient(bottom, #ccc, #fff);
    background: -webkit-gradient(linear, center bottom, center top, from(#ccc), to(#fff));
}
#campo_pesquisa img {
    position: absolute;
    top: 3px;
    right:5px;
}
#campo_pesquisa input {
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-box-shadow: none;
    -moz-border-radius: none; /* Firefox */
    border: transparent;
    margin: 4px;
    font-size: 12px;
    margin-top: 3px;
    width: 80%;
}
#campo_pesquisa input:focus {
    -webkit-transition:background-color 1.2s linear;
    background:#fff;
}
.logo_rodape img {
    float: right;
    margin-top:5px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxMODAL SUGESTÃOXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

#box_sugestao {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    width: 400px;
    text-align: justify;
    -moz-box-shadow: 2px 2px 2px #ccc;
    -webkit-box-shadow: 2px 2px 2px #ccc;
    box-shadow: 2px 2px 2px #ccc;
    font-size: 12px;
    padding: 10px;
    border: solid 1px #ccc;
    height: 420px;
    background: #fff;
    position: absolute;
    top: 120px;
    right: 30px;
    display: none;
}
#img_seta {
    background: url(../images/seta_caixa.png);
    background-repeat: no-repeat;
    width:200px;
    height:60px;
    position: absolute;
    top:-60px;
    right: 105px;
    z-index: 999;
}
#box_sugestao h2 {
    font-size: 21px;
    margin: 10px 0 0 0;
    padding: 0px;
    color: #1F4A81;
}
#box_sugestao p {
    float: left;
}
#box_sugestao img {
    float: left;
    margin-right: 11px;
}
#box_sugestao textarea {
    width: 98%;
    margin: 10px 0 0 0;
    border: 1px solid #7F9DB9;
}
#box_sugestao input {
    width: 98%;
    float: left;
    margin: 10px 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    border: 1px solid #7F9DB9;
}
#box_sugestao span {
    clear: both;
    float: left;
}
.color_blue {
    color: #1F4A81;
    font-weight: bold;
}
.fonte_menor {
    font-size: 9px;
    color: #777;
}
.botao_enviar_sugestao {
    background-image: url(../images/comment_new.gif);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    cursor: pointer;
    margin: 5px 0 5px 0;
}
.box_botao {
    background: -moz-linear-gradient(44% 55% 90deg, #ccc, #fff);
    background: -webkit-gradient(linear, center bottom, center top, from(#ccc), to(#fff));
    width: 70px;
    height: 18px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 4px;
    margin: 0 80%;
}
.box_botao:hover {
    color: #fff;
    background:-moz-linear-gradient(center bottom, #275B9F, #1F497F) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, center bottom, center top, from(#275b9f), to(#1f497f));
}
.container_span div {
    z-index:9999;
}
select.fw_digita_seleciona_select {
    width: 500px;
    height: 100px;
}
#footer p {
    font-size: 8.5px;
    text-align: center;
}
#footer p img {
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.mmenu {
    border: inherit!important;
}
.mmenu #tbl53 tr td table tr td {
    color: #fff;
    border-color: none;
}
.mmenu #tbl53 tbody tr td div {
    color: #455560!important;
    border: inherit!important;/*border-top: 1px solid #455560!Important;
                    padding-bottom: 15px;*/			
}
.btn_pag_inicial {
    font-size: 7px;
    position: absolute;
    left: 24px;
    top:12px;
}
.btn_pag_inicial span {
    background: url(images/retornar_pagina_inicial_topo.png) no-repeat;
    color: #455560;
    display: block;
    font-size:7px;
    padding: 5px 0 0 30px;
    float: left;
}
.redes_sociais {
    position:absolute;
    top:47px;
    right:24px;
}
.btn_sair {
    font-size:10px;
    float:right;
    margin-left: 5px;
    cursor: pointer;
    position:absolute;
    top:12px;
    right:24px;
}
.btn_sair span {
    background: url(images/btn_sair.png) no-repeat 0px 2px;
    color: #455560;
    display: table-cell;
    padding: 0 0 5px 18px;
    font-size: 12.5px;
}
.btn_mudar_grs {
    font-size:10px;
    float:right;
    margin-left: 5px;
    cursor: pointer;
    position:absolute;
    top:12px;
    right:90px;
}
.btn_mudar_grs a {
    background: url(images/btn_altera_grs.png) no-repeat 0px 2px;
    color: #455560;
    display: table-cell;
    padding: 0 0 5px 18px;
    font-size: 12.5px;
    font-weight:normal;
}
tr.fw_linha_par td.pad {
    background-color: #e7e7e8;
}
tr.fw_linha_impar td.pad {
    background-color: #c8c9cb;
}
tr.fw_linha_impar td.padx {
    background-color: #c8c9cb;
}
tr.fw_linha_par td.pad {
    background-color: #e7e7e8;
}
tr.fw_linha_par td.padx {
    background-color: #e7e7e8;
}
.zebraUm {
    background:#e7e7e8!important
}
.zebraDois {
    background:#c8c9cb!important
}
#fw_cabecalho_view {
    display: none;
}
.button_link img {
    vertical-align: middle;
}
#btn_volta {
    font-size: 10px;
    color: #777;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px 5px;
}
#btn_volta img {
    /*display: none;*/
}
#fw_table_cadastra th {
    color: #fff;
    margin-bottom:20px!important;
}
#fw_table_cadastra .padx {
    /*background: #fff!important;*/
}
#btn_exclui {
    background: url(images/base_exclui.png);
    background-size: 29px;
    width: 30px;
    height: 30px;
}
/*
#btn_exclui:hover {
    background: url(images/base_exclui.png) no-repeat;
}
*/
#btn_exclui img {
    display: none;
}
#fw_table_cadastra .padx #fw_acao_submit ul {
    background: #fff!important;
    border: 0;
    border-spacing:0;
}
/********** LEMBRETE **************/

.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 1px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
    float: left;
    padding: .5em 1em;
    text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 1px;
    z-index:999;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 0 0 0;
    background: none;
}
.ui-tabs .ui-tabs-hide {
    display: none !important;
}
.ui-widget {
    font-family: Verdana, Arial, sans-serif/*{ffDefault}*/;
    font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
    font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, Arial, sans-serif/*{ffDefault}*/;
    font-size: 1em;
}
.ui-widget-content {
    border: 1px solid #aaaaaa/*{borderColorContent}*/;
    background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
    color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
    color: #222222/*{fcContent}*/;
}
.ui-widget-header {
    background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
    color: #222222/*{fcHeader}*/;
    font-weight: bold;
}
.ui-widget-header a {
    color: #222222/*{fcHeader}*/;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3/*{borderColorDefault}*/;
    background: #e6e6e6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #555555/*{fcDefault}*/;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #555555/*{fcDefault}*/;
    text-decoration: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #999999/*{borderColorHover}*/;
    background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #212121/*{fcHover}*/;
}
.ui-state-hover a, .ui-state-hover a:hover {
    color: #212121/*{fcHover}*/;
    text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa/*{borderColorActive}*/;
    background: #ffffff/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
    font-weight: normal/*{fwDefault}*/;
    color: #212121/*{fcActive}*/;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #212121/*{fcActive}*/;
    text-decoration: none;
}
.ui-widget :active {
    outline: none;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    padding: 21px 0px;
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  105px;
    height: 210px;
    text-align:right;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 105px;
    height: 52px;
    cursor: pointer;
}
/**
 *  Vertical Buttons
*/
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    width: 75px;
    height: 25px;
    cursor: pointer;
    background: transparent url(images/seta_inferior.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 4px;
    width: 75px;
    height: 25px;
    cursor: pointer;
    background: transparent url(images/seta_superior.png) no-repeat 0 0;
}
#mycarousel {
    background: url(images/filete_fundo_tabs.jpg) repeat-y;
}
#mycarousel li {
    color: #fff;
    font-size: 45px;
    width:75px;
    margin-top:1px;
    background:url(images/quadrinho_lembrete-nao-lido.png) repeat-y 0 0;
    text-align:center;
}
.aviso_item {
    display:none;
    top:10px;
}
.aviso_number {
    cursor: pointer;
}
#aviso {
    width: 400px;
    text-align: left;
    height: 228px;
    border-left: 2px solid #455661;
    margin-left: -65px;
    background: #fff;
    padding-left: 65px;
    display: table;
}
.aviso_ativo {
    background:url(images/quadrinho_seta_lembrete-sendo-lido.png) no-repeat 0 0!important;
    width:100%!important;
}
.aviso_number_lido {
    cursor: pointer;
    background:#ccc!Important;
    width: 73px!Important;
    ;
}
.conteudo_aviso {
    /*position:relative;
    height:187px;
    top:0px;
    padding:20px 20px 20px 50px;
    z-index:100;
    text-align:left;
    border: 2px solid #455661;
    border-left: none;
    margin-top: -2px;*/	
    position: relative;
    height: 187px;
    top: 0px;
    padding: 20px 20px 20px 50px;
    z-index: 100;
    border: 2px solid #455661;
    border-left: none;
    margin-top: -2px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
#wrap {
    position:absolute;
    float:left;
    z-index:1000;
    top:0px;
}
#tabs_aviso .ui-tabs {
    margin: 0 0 0 64px;
    padding:0;
}
#tabs_aviso .ui-tabs .ui-tabs-nav li a {
    padding:2px 10px 3px 10px;
}
#abas {
    width:400px;
}
#fundo_aviso {
    position:absolute;
    top:0;
    left:0;
    width:99%;
    height:98%;
    overflow:hidden;
    border:1px solid #fff;
    background:#fff;
    filter:alpha(opacity=90, finishopacity=90, style=1);
    opacity:0.9;
    z-index:999;
}
.ui-tabs .ui-tabs-nav {
    padding:0px;
    margin:0px;
    margin-left: -4px;
}
.ui-widget-header {
    background-color: #fff;
    background: #fff;
}
.ui-corner-all {
    border-radius: 0px;
}
.ui-tabs {
    padding: 0px;
    margin:0px;
    border: none;
}
.ui-tabs .ui-tabs-panel {
    border-radius: 0px;
}
.ui-widget-header {
    border-top: 0px;
    border-right: 0px;
}
.ui-tabs .ui-tabs-nav li {
    top: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-radius: 0px;
    z-index:999;
}
.ui-tabs .ui-tabs-nav li a {
    padding: 0.2em 0.5em;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 2px solid #455661;
    background: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 2px solid #455661;
    background: #fff!Important;
}
/********** FIM LEMBRETE **************/
#tabs_aviso .ui-tabs .ui-tabs-nav li {
    border: 2px solid #455661;
    margin-bottom: -3px;
}
#tabs_aviso .ui-state-active {
    border-bottom: 2px solid #fff!important;
}
#tabs_aviso .ui-state-active, #tabs_aviso .ui-widget-content .ui-state-active, #tabs_aviso .ui-widget-header .ui-state-active {
    border: none;
    border-right: 2px solid #455661;
    border-top: 2px solid #455661;
}
#tabs_aviso .ui-tabs .ui-tabs-nav {
    padding-top: 0.1em;
}
#tabs_aviso .ui-tabs .ui-tabs-panel {
    padding: 0;
    margin: 0;
}
.ui-cal-bar, .ui-cal-bar div, .ui-cal-bar a {
    background-image: none !important;
}
.ui-cal-bar #titulo_calendario {
    color: #fff!important;
    padding: 3px 0px!important;
    font-size:9.5px;
}
.ui-cal-bar .ui-icon-carat-1-w {
    background-position: -92px -1px!important;
    cursor:pointer;
}
.ui-cal-bar .ui-icon-carat-1-e {
    background-position: -37px -1px!important;
    cursor:pointer;
}
#mycalendar .ui-state-default, #mycalendar .ui-datepicker td {
    text-align: center;
    padding: 0!important;
    margin: 0!important;
    font-size:9px;
}
#mycalendar .ui-state-active, #mycalendar .ui-widget-content .ui-state-active, #mycalendar .ui-widget-header .ui-state-active {
    border-bottom:none!important;
}
#mycalendar .ui-datepicker-prev-hover, #mycalendar .ui-datepicker-next-hover {
    background-image:none!important;
    background: none;
    border-color: #fff;
}
#mycalendar .ui-widget-header .ui-icon-circle-triangle-w {
    background-position: -99px -1px!important;
    cursor:pointer;
}
#mycalendar .ui-widget-header .ui-icon-circle-triangle-e {
    background-position: -30px -1px!important;
    cursor:pointer;
}
#mycalendar .ui-datepicker-title {
    font-size:9.5px;
}
#mycalendar .ui-datepicker th {
    font-size:11px;
}
.ui-cal-bg, .ui-cal-bg div, .ui-cal-bg span, .ui-cal-bg a {
    background-image: none !important;
    background: #ffffff !important;
    border: none!important;
    opacity: 1.0!important;
}
.ui-cal-checked, .ui-cal-checked span.ui-state-default {
    background-image: none !important;
    opacity: 1.0!important;
    border: none!important;
    ;
}
.ui-cal-weekend, .ui-cal-weekend span.ui-state-default {
    background: none;
    background-image: none !important;
    color: #F2655D;
    opacity: 1.0!important;
    font-weight: bold!important;
}
#btn_calendario {
    cursor: pointer;
    float: right;
    font-size: 9.5px;
    font-weight: bold;
    padding: 10px 0 34px 0 !important;
    text-align: right!important;
    clear: both;
    width: 80px;
    margin-left:38px;
}
.seta_cima {
    background: url(images/calendario_seta_cima.png);
    background-repeat:no-repeat;
    background-position:center top;
}
.seta_baixo {
    background: url(images/calendario_seta_baixo.png);
    background-repeat:no-repeat;
    background-position:center top;
}
.area_fixa {
    z-index: 1;
    font-size:10px;
    width: 195px!important;
    text-align:right;/*z-index: 1;
    float:right; 
    position: fixed; 
    right: 8px; 
    font-size:10px;
    width: 195px!important;
    text-align:right;
    top: 120px!important;*/
}
.area_fixa .btn {
    color: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.conteudo_calendario {
    display: none;
    text-align:center;
    clear:both;
}
.usuario_logado {
    margin-bottom: 20px;
    color: #2D2727;
    font-size: 8px;
    width:115px;
}
.usuario_logado span {
    font-size: 12.5px;
    font-weight:bold;
}
.alterar_senha {
    width: 115px;
}
.tempo_atividade {
    text-align: right;
    margin: 5px 0 30px 0;
    color: #455560;
    font-size: 9px;
    width:115px;
}
.tempo_atividade #dsc_mensagem {
    font-size: 9px;
    font-weight: bold;
}
#twitter {
    width: 20px;
    height: 20px
}
#facebook {
    width: 20px;
    height: 20px
}
#formspring {
    width: 20px;
    height: 20px
}
#fw_table_busca input {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.breadcrumb {
    color: #EDEDED;
    font-size:25px;
    vertical-align:top;
}
span.breadcrumb {
    width:120px!important;
}
.breadcrumb_ativo {
    color: #697479;
    font-size:25px;
    cursor:pointer;
    display: inline-block;
    width:500px;
}
.texto_breadcrumb_ativo {
    color: #F3901D;
    font-size:9px;
    width:250px!important;
    margin-top: 10px;
}
.img_seta_breadcrumb {
    vertical-align: top;
    margin:-10px 10px 0 0;
}
.cab_tab {
    min-height: 200px;
}
.cab_tab tr td {
    vertical-align: text-top;
}

.manual_sistema {
    clear: both;
    width:115px;
}
.manual_sistema a {
    background: url(images/ajuda_laranja.png);
    background-repeat:no-repeat;
    background-position:center right;
    padding-right:22px;
    font-weight:bold;
    color:#455560;
    margin-bottom: 30px;
    width: 60px;
    float: right;
    cursor:pointer;
    font-size:9px;
    height: 18px;
}
.manual_sistema a:hover {
    background: url(images/ajuda_neutro.png)no-repeat;
    background-position:center right;
}
 

.guiche_atendimento {
    clear: both;
    width:115px;
    font-size: 13px;
}
.guiche_atendimento a {
    background-repeat:no-repeat;
    background-position:center right;
    padding-right:22px;
    font-weight:bold;
    color:#455560;
    margin-bottom: 30px;
    width: 60px;
    font-size:16px;
    height: 18px;
    float: right;
}

.guiche_atendimento a:hover {
    background-position:center right;
}

.numeroGuicheAtual {
    background: #f7921e;
    -moz-border-radius:33px;
    -webkit-border-radius:33px;
    border-radius: 33px;
    width: 12px;
    padding: 6px;
    float: right;
    top: -5px;
    position: relative;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
}

.conteudo_manual_sistema .window {
    position:absolute;
    left:0;
    top:0;
    width:600px;
    height: 300px;
    display:none;
    z-index:9999;
    padding:20px;
    text-align: justify;
    background:#EEEEEF;
}
.conteudo_manual_sistema #dialog {
    position: fixed;
}
.conteudo_manual_sistema .window .close {
    float: right;
    cursor:pointer;
}
.conteudo_manual_sistema .window .download {
    height: 210px;
    overflow-y:scroll;
    overflow-x: hidden;
}
.conteudo_manual_sistema .window .download ul {
    list-style:none;
    line-height:32px;
    padding:0;
}
.conteudo_manual_sistema .window .download ul li a:hover {
    color: #F3901D;
}
#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
}
.conteudo_central {
    margin-left: 90px;
    margin-top: 100px;
}
.conteudo_central_popup {
    /*margin-left: 90px;*/
    /*margin-top: 100px;*/
}

#fw_acao_registro li img{
    vertical-align: middle;
}

#fw_acao_busca a, #fw_table_busca th.pad, #fw_table_lista_filtro th.pad, #fw_table_busca th.padx, #fw_table_lista_filtro th.padx, #fw_table_busca td.padx {
    padding: 0;
    font-size:12px;
}
a#fw_abre_busca_link {
    font-size: 30px;
    font-weight:normal;
}
a#fw_abre_busca_link img {
    display: none;
}
.zoom {
    position: absolute;
    top:75px;
    right:24px;
}
.usuario_logado, .tempo_atividade, .manual_sistema{
    float: right;
    clear:both;
}
#tabs_aviso{
    left: 30%!important;
    margin: 0 auto;
    position: absolute;
    top: 20%!important;
}
#form_footer p{
    margin-left: 20px!important;
}
.conteudo_central #tabs_aviso{
    left:inherit!important;
    top:inherit!important;
}
.conteudo_central #aviso{
    height: 222px!important;
}
#div_mensagem_fixa{
    z-index: 10;
}

#btn_adiciona, #btn_relaciona{
    background:none!important;	
    color:#455560!important;
}
#fw_acao_topo{
    position:relative;
    right:-300px;
}

#btn_adiciona #img_btn_adiciona, #btn_relaciona #img_btn_relaciona{
    width:31px!important;
    height:31px!important;
    vertical-align: middle!important;
    float: right; 	
}
#btn_adiciona span, #btn_relaciona span{
    float: left;
    margin-right:7px;
    margin-top:12px;
    position:relative;
}

.btn_topo .img_btn_topo, .btn_relaciona .img_btn_relaciona{
    width:31px!important;
    height:31px!important;
    vertical-align: middle!important;
    float: right; 	
}
.btn_topo span, .btn_relaciona span{
    float: left;
    margin-right:7px;
    margin-top:12px;
    position:relative;
}

.btn_topo, #btn_relaciona{
    background:none!important;	
    color:#455560!important;
    border:0px;
}

.btn_listagem {
    background:none!important;	
    color:#455560!important;
    border:0px;
}

.aviso_interno{
    z-index:0!important;
    position:relative;
    font-size:12px!important;
    left:0px!important;
}


/*DASHBOARD*/
.dashboard-at .title{
    background-color:#3498db;
    color:#FFF;
    font-weight:bolder;
    padding:10px;
}
.dashboard-at .subtitle{
    background-color:#FFF;
    color:#34495e;
    padding:10px;
    text-transform:uppercase;
    font-size:12px;
}
.dashboard-at .icon{
    display:table-cell;
    width:100px;
    text-align:right;
}

/*.dashboard-at .main-info{
        display:table-cell;
        height:75px;
        width:50%;
        background:red;
}*/
.dashboard-at .status-info{
    text-align:right;
}
.dashboard-at .chart{
    display:table-cell;
    width:600px;
    height:312px;
}
.dashboard-at .footer{
    text-align:right;
    padding:5px;
    background:#34495e;
    color:#FFF;	
}
.dashboard-at .footer a{
    color:#FFF;
}
.dashboard-at .main-info
{
    height:43px;
}
.dashboard-at .icon
{
    height:43px;
}
.dashboard-at .main-info .porcent{
    font-size:35px;
    color:#3498db;
    font-weight:900;
    text-shadow:-1px 1px #2980b9;
    text-align:right;
}
.dashboard-at .icon .status{
    color:black;
    font-size:16px;
    color:#1abc9c;
    text-transform:uppercase;
    display:inline-block;
    vertical-align:super;
}
.chart-div {
    border: solid 1px #e1e1e1;
    position:relative;
    background:#f1f1f1
}

/* FILTRO DE PESQUISA */
.filtro-pesquisa{
    padding:10px;
    margin-bottom:10px;
    float:right
}
.filtro-pesquisa input{
    padding:5px;	
    float:left;
    margin:0 5px;
}
.filtro-pesquisa button{
    float:left;
    width:80px;
    padding:5px;
    height:28px;
}
/* LEGENDA PARA GRÁFICOS */
.chart-legend{
    vertical-align:sub;
    width:350px;
}
.title-legend h1{
    font-weight:normal;
    text-align:center;
    color:#b8b8b8;
    text-shadow:1px 1px #FFF;
    line-height:26px;
    text-transform:uppercase;
    font-family:arial;
}
.list-legend{
    padding:0;
    margin:25px 0 25px 35px;
}
.list-legend li{
    list-style:none;
    height:30px;
}
.list-legend p{
    display:inline-block;
    margin:0;
    text-transform:uppercase;
    color:#b8b8b8;
    font-size:12px;
}
.list-legend li .item-legend{
    float:left;
    width:20px;
    height:20px;
    border-radius:50%;
    margin-top:3px;
    margin-right:5px;
}
.list-legend li .sucess{
    background:#18c66e;
    background-image: -moz-radial-gradient(left 0deg, circle, #05964d 0%, #18c66e 100%);
    background-image: -webkit-gradient(radial, center, 0, center, 150, from(#05964d), to(#18c66e));
}
.list-legend li .alert{
    background:#f1c40f;
    background-image: -moz-radial-gradient(left 0deg, circle, #cba302 0%, #f1c40f 100%);
    background-image: -webkit-gradient(radial, left center, 10, left center, 150, from(#cba302), to(#f1c40f));
}
.list-legend li .failed{
    background:#EE2E2E;
    background-image: -moz-radial-gradient(left 0deg, circle, #bc0a0a 0%, #EE2E2E 100%);
    background-image: -webkit-gradient(radial, left center, 10, left center, 150, from(#bc0a0a), to(#EE2E2E));
}

.hold {
    clip: rect(0px, 200px, 200px, 100px);
    height: 200px;
    left: 50px;
    position: absolute;
    width: 200px;
}
.alert{
    transform: rotate(180deg);
}
.failed{
    transform: rotate(290deg)
}
.pie {
    border-radius: 100px;
    clip: rect(0px, 100px, 200px, 0px);
    height: 200px;
    position: absolute;
    width: 200px;
}
.pie.fill {
    transform: rotate(180deg) !important;
}
.sucess .pie {
    background-color:#18c66e /*#1bc753*/;
    border-color: #18c66e /*#1bc753*/;
    background-image: -moz-radial-gradient(left 270deg, circle closest-corner, #05964d 00%, #18c66e 100%);
    background-image: -webkit-gradient(radial, left center, 10, left center, 150, from(#05964d), to(#18c66e));
    transform: rotate(229.32deg);
}
.alert .pie {
    background-color:#f1c40f /*#f5f224*/;
    border-color:#f1c40f /*#f5f224*/;
    background-image: -moz-radial-gradient(left 45deg, circle closest-corner, #cba302 10%, #f1c40f 100%);
    background-image: -webkit-gradient(radial, left center, 10, left center, 150, from(#cba302), to(#f1c40f));
    transform: rotate(110deg);
}
.failed .pie {
    background: #EE2E2E;
    border-color:#EE2E2E;
    background-image: -moz-radial-gradient(left 180deg, circle closest-corner, #bc0a0a 0%, #EE2E2E 100%);
    background-image: -webkit-gradient(radial, left center, 10, left center, 150, from(#bc0a0a), to(#EE2E2E));
    transform: rotate(140deg);
}
.chart-pie {
    position:relative;
}

/* MENSAGEM DE FALTA DE REGISTRO */

.chart .jqplot-target span{
    display: block;
    font-size: 22px;
    position: relative;
    text-align: center;
    top: -45px;
    color:#FB6767;
    text-shadow:1px 1px #960000;

}

.tabela table {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}

.informativo {
    -moz-border-radius:60px;
    -webkit-border-radius:60px;
    border-radius:60px;
    text-align: center;
    z-index: 99999999;
    border: #F4911F dashed 1px;
    background-color: #D6EBB6;
    background-image: url(images/nota.png);
    background-repeat: no-repeat;
    background-position: 12px 16px;

}

.info-informativo{
    padding: 18px;
    top: -100px;
    right: -100px;
    position: absolute;
    float: right;
    cursor: pointer;
}

.info-informativo-quantidade {
    top: 9px;
    right: 20px;
    position: absolute;
    font-family:Arial, Helvetica, sans-serif;
    font-size:25px;
    color: #F4911F;
    border: 1px #000;
    font-weight: bolder;
    text-shadow: 0 0 2px #111010;
    text-align: right;
}

.info-informativo-quantidade-texto {
    top: 25px;
    right: -5px;
    position: absolute;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #5F5956;
    /* border: 1px #000; */
    font-weight: bolder;
    text-shadow: 0 0 0px #111010;
}

.box-info-informativo{
    width:850px;
    height: 350px;
    top:100px;
    z-index: 999999;    
    right: 130px;
    float: right;
    position: absolute;

    background-color: #fff;
    border: 1px #efefef ridge;

    border-radius:5px 5px 5px 5px;
    box-shadow: 2px 2px 2px #ffc;
    -webkit-box-shadow: 2px 2px 2px #000;
    -moz-box-shadow: 2px 2px 2px #000;
}

.box-titulo-info-informativo {
    height: 20px;
    padding: 10px;
    text-shadow: 0px 1px #000000;
    position: relative;
    background-color: #D6EBB6;
    /* background-image: linear-gradient(to bottom, #ffffff, #D6EBB6);*/
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
}

.box-conteudo-info-informativo {
    width: 96%;
    height: 250px;
    position: relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    padding: 10px;
    overflow:auto;
    overflow-y: auto;
    overflow-x: auto;    
}

.box-status-info-informativo {
    width: 96%;
    height: 30px;
    position: relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    padding: 10px;
    overflow:hidden;
    border-top: 1px #000 solid;
    margin-top: 10px;
    text-align:right;
}

.box-conteudo-info-informativo table {
    border: 1px #efefef dashed;
    width: 100%;
}

.box-conteudo-info-informativo table th{
    background-color: #F3F9EA;
    border-bottom: 1px #D6EBB6 solid;
    border-left: 1px #D6EBB6 solid;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;    
    text-align: left;
}

.box-conteudo-info-informativo table td{
    border-bottom: 1px #D6EBB6 solid;
    border-left: 1px #D6EBB6 solid;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;    
    text-align: left;
}

.nao-lido{  
    background-image: url(images/ed_delete.gif);
    background-repeat: no-repeat;
    background-size: 15px;
    text-align: center;
}  

.lido {
    background-image: url(images/gif_assoc.gif);
    background-repeat: no-repeat;
    background-size: 15px;
    text-align: center;
}

/*.imagem-grayscale{  
   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");  Firefox 10+   
   filter: gray;  IE6-9   
   -webkit-filter: grayscale(100%);  Chrome 19+ & Safari 6+   
   -webkit-transition: all .6s ease;  Fade to color for Chrome and Safari   
   -webkit-backface-visibility: hidden;  Fix for transition flickering   
 }  
 
.imagem-grayscale-disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}*/

.separador{
    background: #82C31B;
}

.vigente .texto {
    background: #82C31B;
    color: #7B878E;
    font-size: 19px;
    position: relative;
    padding-left: 25px;
    padding-top: 0px;
    display: table-cell;
    vertical-align: middle;
    display: table-cell;
    padding: 3px;
    top: 24px;
    left: -30px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    /* opcional: Opera agora usa -webkit; */
    transform: rotate(-90deg);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    /* opcional: Opera agora usa -webkit; */
    transform-origin: 50% 50%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.nao_vigente .texto {
    display: none;
}

.ui-tooltip {
    min-width: 350px;
    min-height: 80px;
    background: #F9F6B2;
    left:300px;
}

/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	list-style: none;
}

.simple-pagination {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
	margin: 0;
}

.simple-pagination ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
span.ellipse.clickable {
	cursor: pointer;
}

.ellipse input {
	width: 3em;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/
.compact-theme span {
	cursor:pointer;
}

.compact-theme a, .compact-theme span {
	float: left;
	color: #333;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #AAA;
	border-left: none;
	min-width: 14px;
	padding: 0 7px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {
	text-decoration: none;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* IE10+ */
	background: linear-gradient(top, #efefef 0%,#bbbbbb 100%); /* W3C */
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-left: 1px solid #AAA;
	border-radius: 3px 0 0 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-radius: 0 3px 3px 0;
}

.compact-theme .current {
	background: #00C900; /* Old browsers */
	background: -moz-linear-gradient(top, #00C900 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00C900), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00C900 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00C900 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #00C900 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #00C900 0%,#efefef 100%); /* W3C */
	cursor: default;
}

.compact-theme .ellipse {
	background: #EAEAEA;
	padding: 0 10px;
	cursor: default;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/
.light-theme span {
	cursor:pointer;
}

.light-theme a, .light-theme span {
	float: left;
	color: #00C900;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #00C900;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.light-theme a:hover, .light-theme li:not(.disabled):not(.active) span:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #00C900;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

/*------------------------------------*\
	Dark Theme Styles
\*------------------------------------*/
.dark-theme span {
	cursor:pointer;
}

.dark-theme a, .dark-theme span {
	float: left;
	color: #CCC;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #222;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #555; /* Old browsers */
	background: -moz-linear-gradient(top, #555 0%, #333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555), color-stop(100%,#333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #555 0%,#333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555 0%,#333 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #555 0%,#333 100%); /* IE10+ */
	background: linear-gradient(top, #555 0%,#333 100%); /* W3C */
}

.dark-theme a:hover, .dark-theme li:not(.disabled):not(.active) span:hover {
	text-decoration: none;
	background: #444;
}

.dark-theme .current {
	background: #222;
	color: #FFF;
	border-color: #000;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
	cursor: default;
}

.dark-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

select[readonly] {
  background: #e6e4e4; 
  pointer-events: none;
  touch-action: none;
}

.campo-readonly {
    border: 0px;
    background: transparent;
}