@charset "utf-8";

/*
  # div{border:1px #000000 solid;}
  # Cinza escuro (texto): #333333
  # Azul escuro (cabeçalhos, links) #000066
  # Azul (topo) #333399
  # Azul claro (navegação superior) #CCCCFF
  # Cinza: #666666
  # 
*/
/*html { background: #FFF; }*/


/* TOOLTIP IMAGEM  */
/* #bgBusca { background-image:  url(../images/bgBusca.png); background-repeat: repeat-x; } */

/*#bgBusca { background-color: #F0F0F0; }*/
#screenshot { position:absolute; z-index:9999; border:1px solid #ccc; background:#333;
              padding:5px; display:none;color:#fff; }

.ui-datepicker{
    z-index: 1065 !important;
}

/* TOOLTIP IMAGEM */

body { font-size: 100.01%; font-family: 'Arial', Verdana, Helvetica, sans-serif; color: #666;  margin: 0;
       padding: 0; 
       //text-align: center; /* needed for IE to center the main column */
       /* background: transparent url(../images/bg_vertical2.png) repeat; */
}

.check       { float: left;   }
.check input { display: none; }
.caixa       { font-family: 'Arial', Helvetica, sans-serif; border: 2px solid #CCCCCC; margin: 2px; }


/* BOTAO CORES */
.btnvenda{
    height: 40px!important;
    margin-left: 10px!important;
    margin-top: 2px!important;    
    font-weight: bold!important;
}   

.btnvenda_vermellho{
    background-color: #E0222A!important;
    color: #fff!important;
    background-image: none!important;    
}

.btnvenda_vermelhoclaro{
    background-color: #e2666c!important;
    color: #fff!important;
    background-image: none!important;    
}

.btnvenda_verde{
    background-color: #008000!important;
    color: #fff!important;
    background-image: none!important;    
}

.btnvenda_verdeclaro{
    background-color: #7bc77b!important;
    color: #fff!important;
    background-image: none!important;    
}

.btnvenda_azul{
    background-color: #55ABD9!important;
    color: #fff!important;
    background-image: none!important;    
}

.btnvenda_laranja{
    background-color:#F58634 !important;
    color: #fff!important;
    background-image: none!important;    
}

.btnvenda_roxo{
    background-color:#8383B4 !important;
    color: #fff!important;
    background-image: none!important;    
}

.btnvenda:hover{
    opacity:0.8!important;
}


/*---------- Textos / txt ---------------*/
.titulo      { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; background-color: #DEDDDC; text-align: left; vertical-align: middle; height: 25px; width: 100%; margin: 0px; }
.titulocinza { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: black;
               background-color: #F3F3F3; text-align: left; vertical-align: middle; height: 25px; width: 100%; margin: 0px; }
.titulovermelho { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
                  color: white; background-color: red; text-align: left; vertical-align: middle; height: 25px;  width: 100%;   margin: 0px; }
.titulolaranja { font-family: Arial, Helvetica, sans-serif;  font-size: 11px; font-weight: bold; color: white;
                 background-color: #EE7700; text-align: left; vertical-align: middle; height: 25px; width: 100%;  margin: 0px; }
.tituloverde { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #88AA00;
               text-align: left; vertical-align: middle; height: 25px; width: 100%;  margin: 0px; }
.tituloazul { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white;
              background-color: blue; text-align: left; vertical-align: middle; height: 25px; width: 100%; margin: 0px; }

.conteudo { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }

.hiddenIframe {position:absolute;top:0px;left:0px;display:block;z-index:-999;visibility:hidden;}

/*#loading { background: black; width: 150px; position: fixed; right: 50%; left: 50%; top: 0px; z-index: 999999999; border: 1px solid #55ABD9;  background: yellow;
           display: none; filter: alpha(opacity = 80); -moz-opacity: 0.8; opacity: 0.8; }*/
#loading { background: black; width: 160px; position: fixed; right: 50%; left: 50%; top: 50%; z-index: 999999999; border: 1px solid #55ABD9;  background: yellow;
           display: none; filter: alpha(opacity = 80); -moz-opacity: 0.8; opacity: 0.8; }
#mensagem { background: black; width: 260px; position: fixed; right: 0px; left: 80%; top: 0px; z-index: 999999999; border: 1px solid #55ABD9; background: yellow; display: none; }
#chat { width: 103px; position: fixed; right: 0px; left: 87%; top: 96%; z-index: 1; border: 1px solid #55ABD9; background: #55ABD9; display: '';
}

#chatonline { width: 213px; position: fixed; right: 0px; left: 84%; min-height: 100%; height: 200px; top: 64%; z-index: 999999999; border: 1px solid #55ABD9;
              background: #55ABD9; display: 'none'; overflow-y: auto; }

#chatusuarios { background: white; width: 213px; height: 200px; position: fixed; }

#ultimas_ocorrencias {
    margin-left: -350px;
    font-size: 12px;
    width: 700px;
    position: fixed;
    right: 50%;
    left: 50%;
    bottom: 0px;
    z-index: 999999;
    border: 1px solid #55ABD9;
    background: #ECF5FB;
    filter: alpha(opacity = 80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

#log_ocorrencias {
    margin-left: -150px;
    width: 450px;
    position: fixed;
    right: 50%;
    left: 60%;
    top: 50px;
    z-index: 99999; 
    text-align: right;
    font-size: 10px;
}

#log_ocorrencias div:FIRST-CHILD {
    border: 1px solid grey;
    text-align: left;
    background: white;
}

.lista_log {
    list-style: none;
    margin: 3px;;
    padding: 0;
}

.lista_log td {
    border-bottom: 1px dashed green;
}

#alerta{
    /*    margin-left: -150px;*/
    width:100%;
    position: fixed;
    /*right: 50%;
    left:50%;*/
    top:2px;
    z-index: 999999;
    /*font-size:12px;*/
}

/*#alerta {
        margin-left: -150px;
    width: 100%;
    position: fixed;
        right: 50%;
        left: 50%;
        top: 5%;
    z-index: 999999;
    font-size: 16px;
}*/

/*#alerta table:FIRST-CHILD {
    padding: 3px;
    display: none;
    margin-bottom: 5px;
    color: black;
    filter: alpha(opacity = 80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

#alerta table td:FIRST-CHILD {
    filter: alpha(opacity = 90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}*/

#alerta_texto {
    width: 100%;
    font-size :22px;
}

.alerta_erro {
    color: #D8000C;
    background: #FFBABA;
    border: 1px solid #990000;
}

.alerta_alerta {
    color: #990000;
    background: #ECF5FB;
    border: 1px solid #55ABD9;
}

.alerta_sucesso {
    color: #669900;
    background: #D6EACC;
    border: 1px solid #669900;
}

.alerta_aviso {
    color: #000;
    background: #D9D919;
    border: 1px solid #CFB53B;
}

.alerta_cinza {
    color: #000;
    background: #F3F3F3;
    border: 2px solid #CFB53B;
    padding: 2px;
}

.fechar_janela {
    float: right;
    color: red;
    cursor: pointer;
}

.bairro {
    height: 60px;
    width: 200px;
}

.bairro {
    color: black;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
    padding: 0.2 em;
    display: table;
    border: 2px solid black;
}

#tecnicos {
    height: 40px;
    width: ;;
    margin-top: 10px;
    position: fixed;
}

.tecnico {
    height: 40px;
    width: 100px;
    cursor: move;
    background: #27408B;
    color: white;
    float: left;
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 10px;
    padding: 0.2 em;
    display: table;
    border: 2px solid black;
}

.over {
    background-color: #E0FFFF;
}

.out {
    background-color: #B4CDCD;
}

img {
    border: 0px;
}

form {
    border: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
}

a:link {
    color: #000000
}

a:visited {
    color: #000000
}

a:hover {
    color: #000000
}

a:active {
    color: #000000
}

p {
    font-size: 12px;
}

/*div {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    border-color: #1698C2;
    border-width: 1px;
    border: solid 1px #f00;
}*/

iframe {
    z-index: 98;
    background: #000FFF;
}

em {
    font-size: 8px;
}

/* --------------------------------------*/
/* ---------->>> TEXT/CAB <<<------------*/
/* --------------------------------------*/
h1 {
    font-size: 12px;
    color: #FFF;
    background: url(../img/menu_bg1.jpg) repeat-x;
    height: 27px;
    padding: 4px 0 0 4px;
    margin: 0;
}

h11 {
    font-size: 25px;
    padding: 0;
    margin: 0;
}

/*h2 {
    background: url(../img/menu_princ_bg.jpg) no-repeat;
    height: 20px;
    margin: 0;
    padding: 5px 0 0 5px;
    font-size: 12px;
    color: #666;
}*/

h3 {
    font-size: 12px;
    padding: 0;
    margin: 0;
}

input[type="text"] {
    /*    font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        padding: 5px;
        margin: 2px;
        text-align: left;*/
    text-transform: uppercase;
}

.text_01 {
    font-family: Arial, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #FFF;
}

/* ---------------------------------------
    ---------->>> FORMULARIO <<<-----------
    ---------------------------------------*/
.no_decoration {
    border: none;
    background: none;
    padding: none;
    margin: none;
    width: 100%;
}

dt {
    display: block;
}

dd {
    margin: 0;
}

label {
    display: block;
}

.auto {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 5px;
    margin: 2px;
    text-align: left;
}

/*.checkbox {
    display: table;
}*/

.checkbox_label {
    display: table;
    width: 100%;
}

/*.checkbox label {
    display: block;
    float: left;
    width: 130px
}*/

fieldset 
{
    border: 1px solid #ddd !important;
    margin-bottom: 10px !important;
    min-width: 0 !important;
    padding: 10px !important;       
    position: relative !important;
    border-radius:4px !important;
    //background-color:#f5f5f5;
    padding-left:10px!important;
}	

legend
{
    font-size:14px !important;
    font-weight:bold !important;
    margin-bottom: 0px !important; 
    width: 35% !important; 
    border: 1px solid #ddd !important;
    border-radius: 4px !important; 
    padding: 5px 5px 5px 10px !important; 
    background-color: #ddd !important;
}

.altera_campo,.no_decoration {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.erro {
    font-size: 11px;
    position: relative;
    floar: right;
    clear: both;
}

.ui-corner-all INPUT[type="text"],.ui-corner-all INPUT[type="password"]
{
    //width: 80%;
}

.ui-corner-all textarea {
    //width: 90%;
}

.ui-corner-all SELECT {
    //width: 90%;
}

label.full {
    width: 720px;
    float: left;
}

label.x-large {
    width: 536px;
    float: left;
    border: 1px;    
    margin: 4px;
}

label.large { /* Possui IE fix */
    width: 355px;
    float: left;        
    margin: 4px;
}

label.small { /* Possui IE fix */
    width: 172px;
    float: left;  
    margin: 4px;
}

label.x-small { /* Possui IE fix */
    width: 81px;
    margin: 4px;
    float: left;            
}

label.min{ /* Possui IE fix */
    width: 51px;
    float: left;       
    margin-left: 15px;
}

@media only screen and (max-width: 480px) {
    label.small { /* Possui IE fix */
    width: 100%;
    float: left;      
    margin-bottom: 5px;
    font-weight: 700;
    }
}

/* ---------------------------------------*/
/* ---------->>> TABELA <<<-----------*/
/* ---------------------------------------*/
#bg {
    /*background: transparent url(../images/bg_vertical1.png) repeat-y 50% 0;*/
    width: 100%;
    margin: 0 auto;
    display: table;
}

/*.container {
    text-align: left;  resets the IE hack above 
    width: 770px;
    margin: 0 auto;
    padding: 0px;
    display: table;
    border:1px #F00 solid;
}*/

#centro {
    padding: 2px;
}

#T,#C,#R {
    text-align: left; /* resets the IE hack above */
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    display: table;
}

/* ICONES NODE */
.flexigrid div.fbutton .add-fonte{background: url(../images/add.png) no-repeat center left;padding-left: 20px}
.flexigrid div.fbutton .detalhe{background: url(../images/icones/detalhe.png) no-repeat center left;padding-left: 20px}
.flexigrid div.fbutton .troca{background: url(../images/icones/troca.png) no-repeat center left;padding-left: 20px}
/* ICONES NODE */

.flexigrid div.fbutton .rel_detalhe {
    background: url(../images/icones/rel_detalhe.png) no-repeat center left;
    padding-left: 20px;
}

.flexigrid div.fbutton .dividas {
    background: url(../images/icones/m_cr.png) no-repeat center left;
    padding-left: 20px;
}

.flexigrid div.fbutton .rel_envio {
    background: url(../images/icones/rel_envio.png) no-repeat center left;
    padding-left: 20px;
}

.flexigrid div.fbutton .rel_anexar {
    background: url(../images/icones/rel_anexar.png) no-repeat center left;
    padding-left: 20px;
}

.flexigrid div.fbutton .mat_precificacao {
    background: url(../images/icones/mat_precificacao.png) no-repeat center
        left;
    padding-left: 20px;
}

.flexigrid div.fbutton .add {
    background: url(../images/add.png) no-repeat center left;
    padding-left: 20px;
}
.flexigrid div.fbutton .inviavel {
    background:url(../images/cancel.png) no-repeat center left;
    padding-left: 20px;
}


.flexigrid div.fbutton .delete {
    background: url(../images/close.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .edit {
    background: url(../images/edit.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .info {
    background: url(../images/info.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .builts {
    background: url(../images/icones/builts.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .anexo {
    background: url(../images/anexo.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .telefone {
    background: url(../images/telefone.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .print {
    background: url(../images/icones/print.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .requisicao {
    background: url(../images/icones/requisicao.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .acompanhamento {
    background: url(../images/icones/acompanhamento.png) no-repeat center
        left;
    padding-left: 20px
}

.flexigrid div.fbutton .substituir {
    background: url(../images/icones/substituir.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .filtro_dia {
    background: url(../images/icones/filtro_dia.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .tsk_concluido {
    background: url(../images/icones/icon-complete.gif) no-repeat center
        left;
    padding-left: 20px
}

.flexigrid div.fbutton .tsk_pendente {
    background: url(../images/icones/icon-active.gif) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .relatorio {
    background: url(../images/icones/relatorio_01.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .logistica {
    background: url(../images/icones/logistica.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .reqmat {
    background: url(../images/icones/reqmat.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .transporte {
    background: url(../images/icones/transporte.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .equipamento {
    background: url(../images/icones/equipamento.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .select_all {
    background: url(../images/icones/select_all.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .unselect_all {
    background: url(../images/icones/unselect_all.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .mudar_etapa {
    background: url(../images/icones/etapa.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .imprimirmanutencao{background: url(../images/icones/imprimir_manutencao.png) no-repeat center left;padding-left: 20px}
.flexigrid div.fbutton .visualizar{background: url(../images/icones/visualizar.png) no-repeat center left;padding-left: 20px}
.flexigrid div.fbutton .mapa { background: url(../images/icones/mapa.png) no-repeat center left; padding-left: 20px; }
.flexigrid div.fbutton .transferencia { background: url(../images/icones/transferencia.png) no-repeat center left; padding-left: 20px; }

.flexigrid div.fbutton .voltar_etapa {
    background: url(../images/icones/voltar_etapa.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .cobranca {
    background: url(../images/icones/cobranca.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .excluir {
    background: url(../images/icones/excluir.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .itens {
    background: url(../images/icones/itens.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .mudar_etapa_cobranca {
    background: url(../images/icones/etapa_4.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .mail {
    background: url(../images/icones/mail.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .sms {
    background: url(../images/icones/sms.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .contas {
    background: url(../images/icones/pc.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .horaextra {
    background: url(../images/icones/hora_extra.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .op {
    background: url(../images/icones/op.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .dp {
    background: url(../images/icones/dp.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .sobreaviso {
    background: url(../images/icones/sobreaviso.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .relatorio_02 {
    background: url(../images/icones/relatorio_02.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .falta {
    background: url(../images/icones/falta.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .emprestimo {
    background: url(../images/icones/emprestimo.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .adiantamento {
    background: url(../images/icones/adiantamento.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .conversa {
    background: url(../images/icones/conversa.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .pdf {
    background: url(../images/icones/pdf.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .excel {
    background: url(../images/icones/excel.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .pergunta {
    background: url(../images/icones/pergunta.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .baixa {
    background: url(../images/icones/analisar.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .linux {
    background: url(../images/icones/tux.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .confcobranca {
    background: url(../images/icones/confcobranca.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .fundo {
    background: url(../images/icones/fundo.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .conciliar {
    background: url(../images/icones/conciliar.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .detalhe {
    background: url(../images/icones/detalhe.png) no-repeat center left;
    padding-left: 20px
}

.flexigrid div.fbutton .boleto {
    background: url(../images/icones/boleto.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .recibo {
    background: url(../images/icones/recibo.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .checklist {
    background: url(../images/icones/checklist.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .combustivel {
    background: url(../images/icones/gas.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .provisao {
    background: url(../images/icones/provisao.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .fatura {
    background: url(../images/icones/fatura.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .fopag {
    background: url(../images/icones/fopag.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .provisao_busca {
    background: url(../images/icones/provisao_busca.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .dados {
    background: url(../images/icones/dados.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .nota {
    background: url(../images/icones/nota.png) no-repeat center left;
    padding-left: 20px
}
.flexigrid div.fbutton .mat_precificacao {
    background: url("../images/icones/mat_precificacao.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
.flexigrid div.fbutton .agendar_vistoria {
    background: url("../images/icones/task_env_pen.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
.flexigrid div.fbutton .servico_relatorio {
    background: url("../images/icones/relatorio.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
.flexigrid div.fbutton .tarefas_mdu {
    background: url("../images/icones/lista.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}
.flexigrid div.fbutton .manutencao{background: url(../images/icones/manutencao.png) no-repeat center left;padding-left: 20px}

.flexigrid div.fbutton .texto {
    font-weight: bolder;
    font-size: 11px
}

.flexigrid .icone_maior {
    margin: -3px 0 -5px 0
}

.data {
    width: 75px;
}

.dialog {
    text-align: left;
}

.ui-button {
    outline: 0;
    margin: 0;
    padding: .4em 1em .5em;
    text-decoration: none; ! important;
    cursor: pointer;
    position: relative;
    text-align: center;
}

#ftable td {
    cursor: pointer;
}

#T #T1 {
    right: 0;
    position: absolute;
}

#T #T2 {
    float: left;
}

#T #T3 {
    float: left;
    position: relative;
    z-index: 100;
}

#T #T3 .item {
    width: 75px;
    height: 55px;
    background: none;
    padding-right: 3px;
    margin-right: 2px;
    float: left;
    border-right: 1px solid #CCCCCC;
}

#T #T3 ul {
    display: none;
    width: 15em;
    padding: 0;
    margin: -2px 0 0 0;
    font: 10px Tahoma, Verdana, sans-serif;
    white-space: nowrap;
    list-style: none;
    filter: alpha(opacity = 100);
    -moz-opacity: 1;
    opacity: 1;
}

#T #T3 li {
    border-bottom: 1px solid #CCCCCC;
    margin: 0;
}

#T #T3 ul li a {
    display: block;
    padding: 5px;
    font-weight: bold;
    border-left: 5px solid #999999;
    border-right: 5px solid #fff5ee;
    background-color: #FFFFFF;
    color: #000000;
    text-decoration: none;
    width: 100%;
}

#T #T3 li ul {
    position: absolute;
    margin-top: -15px;
    left: -150px; 
}


.ol_2 {
    position:absolute;
    margin-top: -15px;
    float: right;
    left:650px;

} 

#T #T3 li ul li ul {
    position: absolute;
    margin-top: -15px;
    left: 150px;
}

#T #T3 li a:hover {
    border-left: 5px solid #00f;
    border-right: 5px solid #fff;
    background-color: #1698c2;
    color: #ccc;
}

#fieldset-requisicao {
    margin-bottom: 10px;
}

#fieldset-agendamento {
    margin-bottom: 10px;
}

#fieldset-favorecido { margin-bottom: 10px; }
button#botaoSubmit { margin-bottom: 10px }
button#submitButtonSim {
    padding: 10px 20px;
    margin: 10px 0;
    background-image: url("../images/accept.png");
    background-repeat: no-repeat;
    background-position: 3px 7px;
}

button#submitButtonConfirma { padding: 10px 20px; margin: 10px 0; background-image: url("../images/icones/etapa_4.png");
                              background-repeat: no-repeat; background-position: 3px 7px; }
button#submitButtonNao { padding: 10px 20px; margin: 10px 0; background-image: url("../images/icones/excluir.png");
                         background-repeat: no-repeat; background-position: 3px 7px; }
button#btoEquipeNao1 { padding: 10px 20px; margin: 10px 0; background-image: url("/sistema/images/close.png");
                       background-repeat: no-repeat; background-position: 3px 7px; }

.small-date  { width: 176px; }
.medium-date { width: 230px; }

#categorias-filho { margin-top: 10px; }
button.butao_categoria { margin: 5px 3px; }

.status_agendada,.status_cadastrada { font-weight: bold; color: white; padding: 3px; }
.status_cadastrada { background-color: #43CD80; width: 100%; margin: 0px; }
.status_agendada { background-color: #9ACD32; width: 100%; margin: 0px;
}
.nivel_0,.nivel_1, .nivel_2, .nivel_3, .nivel_4, .nivel_5,
.nivel_6,.nivel_7, .nivel_8, .nivel_9, .nivel_10
{
    font-weight: bold;
    color: white;
    padding: 3px;
}

.nivel_10_especial {
    background-color: #CD2626;
    width: 100%;
    margin: 0px;
    font-weight: bold;
    color: white;
    padding: 3px 10px 3px 3px;
}

.nivel_etapa_0 {
    background-color: #d41629;
    font-weight: bold;
    text-align: center;
    font-size: 25px;
}
.nivel_etapa_1 {
    background-color: #FFD800;
    font-weight: bold;
    font-size: 25px;
}
.nivel_etapa_2 {
    background-color: #43CD80;
    font-weight: bold;
    font-size: 25px;
}
.nivel_etapa_3 {
    background-color: #00f;
    color:white;
    font-weight: bold;
    font-size: 25px;
}
.nivel_etapa_4 {
    background-color: #708;
    color:white;
    font-weight: bold;
    font-size: 25px;
}
.nivel_etapa_total {
    background-color: #b7cbe7;
    font-weight: bold;
    font-size: 25px;
}


.nivel_0 {
    background-color: #43CD80;
    width: 100%;
    margin: 0px;
}
.nivel_1 {
    background-color: #43CD80;
    width: 100%;
    margin: 0px;
}
.nivel_2 {
    background-color: #7CCD7C;
    width: 100%;
    margin: 0px;
}
.nivel_3 {
    background-color: #9ACD32;
    width: 100%;
    margin: 0px;
}
.nivel_4 {
    background-color: #A2CD5A;
    width: 100%;
    margin: 0px;
}
.nivel_5 {
    background-color: #B3EE3A;
    width: 100%;
    margin: 0px;
}
.nivel_6 {
    background-color: #EEDC82;
    width: 100%;
    margin: 0px;
}
.nivel_7 {
    background-color: #FFA54F;
    width: 100%;
    margin: 0px;
}
.nivel_8 {
    background-color: #EE8262;
    width: 100%;
    margin: 0px;
}
.nivel_9 {
    background-color: #CD3333;
    width: 100%;
    margin: 0px;
}
.nivel_10 {
    background-color: #CD2626;
    width: 100%;
    margin: 0px;
}

div.main-container{ width: 800px; margin: 0 auto;  }
.clear { clear: both; height: 0; overflow: hidden; }

#container-form { width: 100%; margin: 0 auto; margin-top: 20px; }

.form-agendamento{ width: 45%; float: left; }
.calendario{ width: 50%; float:right; }
.clear { clear: both; }
.ui-tabs .ui-tabs-hide {
    position: absolute !important;
    left: -10000px !important;
    display:block !important;
}

.calendar .calendar-header { border:1px solid #000;border-bottom:0;
                             background-color:#ccc;text-align:center;text-transform:uppercase;
                             line-height: 60px; font-size: 22px}
.calendar .calendar-header .current-month { font-weight:bold; }
.calendar .calendar-header .prev-month-link { float:left;margin:0 3px; cursor: pointer }
.calendar .calendar-header .next-month-link { float:right;margin:0 3px; cursor: pointer }

/* line 4, ../../app/assets/stylesheets/articles.css.scss */
#articles .calendar {
    border-collapse: collapse;
    width: 100%;
}
#articles .calendar table td.selected-date { background-color:yellow; }
/* line 8, ../../app/assets/stylesheets/articles.css.scss */
#articles .calendar td, #articles .calendar th {
    font-family: "Lucida Grande", arial, helvetica, sans-serif;
    font-size: 10px;
    padding: 6px;
    border: 1px solid #999;
}
/* line 15, ../../app/assets/stylesheets/articles.css.scss */
#articles .calendar th {
    background: #DDD;
    color: #666;
    text-align: center;
    width: 14%;
}
/* line 22, ../../app/assets/stylesheets/articles.css.scss */
#articles .calendar td {
    background: #FFF;
    color: #777;
    height: 40px;
    vertical-align: top;
    font-size: 12px;
}
/* line 30, ../../app/assets/stylesheets/articles.css.scss */
#articles .calendar .notmonth, #articles .calendar .other-month a {
    color: #CCC;
}
/* line 31, ../../app/assets/stylesheets/articles.css.scss */
#articles .calendar .today {
    background-color: #D7F2FF;
}

/* line 34, ../../app/assets/stylesheets/articles.css.scss */
#articles #month {
    margin: 0;
    padding-bottom: 10px;
    text-align: center;
    font-size: 14px;
}
/* line 39, ../../app/assets/stylesheets/articles.css.scss */
#articles #month a {
    text-decoration: none;
    padding: 0 10px;
    color: #999;
}

li.nomes{
    font-size: 9px;
    margin:0;
    padding:0;
    list-style:none
}
ul, ol {
    padding: 0;
    margin: 0;
}

.ol_1 { float:none; margem:0; }
/*.ol_2 { float:left; margem:0; display:block; left: -115px; padding-right: 100px; position: relative; }*/

.radio-toolbar label {
    display:inline-block;
    padding:15px 0;
    font-family:Arial;
    font-size:12px;
}

div.header-form{
    padding: 10px;
    background-color: #e5e5e5;
    border: solid 1px #000;
    margin: 10px 0;
}
div.left-column{
    width: 49%;
    float: left;
}
div.right-column{
    width: 49%;
    float: right;
}
.clear { clear: both; }
span.tecnico-form{
    margin-top: 10px;
    padding: 5px;
}
span.empresa{
    padding: 5px;
}
div.container-dados{
    padding: 5px;
    margin-top: 10px;
    border: solid 1px #000;
}
div.titulo-dados{
    border-bottom: solid 1px #000;
    font-size: 18px;
    margin: 0 auto;  
    text-align: center;
}
input#QTD_BLOCO{
    width: 80px;
}
input#SINDICO{
    width: 285px;
}
input#EDIFICIO{
    width: 315px;
}
/*input#ENDERECO{
    width: 95%;
}*/
input#NUMERO{
    width: 180px;
}
/*input#BAIRRO{ width: 285px; }*/
input#CIDADE{ width: 315px; }
/*input#CEP{
    width: 285px;
}*/
input#ANDARES{ width: 110px; }
input#QTD_APARTAMENTO{  width: 110px; }

/* COLOR SCHEMAS */

/* link: http://www.colorcombos.com/color-schemes/23/ColorCombo23.html */
.blue_mariner{
    font-weight: bold;
    color: white;
    padding: 3px;

    background-color: #3366CC;
    width: 100%;
    margin: 0px;
}

/* link: http://www.colorcombos.com/color-schemes/83/ColorCombo83.html */
.guardsman_red{ font-weight: bold; color: white; padding: 3px; background-color: #CC0000; width: 100%; margin: 0px; }
.guardsman_red a{ color: white; }
.guardsman_red a:visited{ color: white; }
.burnt_sienna{ font-weight: bold; color: white; padding: 3px; background-color: #E86850; width: 100%; margin: 0px; }

/* link: http://www.colorcombos.com/color-schemes/130/ColorCombo130.html */
.granny_smith{
    font-weight: bold;
    color: white;
    padding: 3px;

    background-color: #8C9C9A;
    width: 100%;
    margin: 0px;
}

/* link: http://www.colorcombos.com/color-schemes/130/ColorCombo130.html */
.bahama_blue{ font-weight: bold; color: white; padding: 3px; background-color: #006699; width: 100%; margin: 0px; }

/* link: http://www.colorcombos.com/color-schemes/87/ColorCombo87.html */
.green_highland{ font-weight: bold; color: white; padding: 3px; background-color: #008000; width: 100%; margin: 0px; }

/* link: http://www.colorcombos.com/color-schemes/86/ColorCombo86.html */
.light_blue{ font-weight: bold; color: white; padding: 3px; background-color: #0099CC; width: 100%; margin: 0px; }
/* link: http://www.colorcombos.com/color-schemes/86/ColorCombo86.html */
.gray{ font-weight: bold; color: white;  padding: 3px; background-color: #666666; width: 100%; margin: 0px; }
.red_light{ font-weight: bold; color: white;  padding: 3px; background-color: #a00; width: 100%; margin: 0px; }

/* link: http://www.colorcombos.com/color-schemes/40/ColorCombo40.html */
.dusty_gray{ font-weight: bold; color: white; padding: 3px; background-color: #999999; width: 100%; margin: 0px; }
.grey_wild_sand{ color: black; padding: 3px; background-color: #F5F5F5; width: 100%; margin: 0px; }
.school_bus_yellow{ color: black; padding: 3px; background-color: #FFD800; width: 100%; margin: 0px; }
.orange_peel{ font-weight: bold; color: white; padding: 3px; background-color: #FF9900; width: 100%; margin: 0px; }


.status_Cinza_Blue      { background-color:#666666; width: 100%; font-weight: bold; color:cyan;  padding: 3px;  margin: 0px; }
.statusFim_Cinza_Amar   { background-color:#666666; width: 100%; font-weight: bold; color:yellow;  padding: 3px;  margin: 0px; }
.statusAtiv_Cinza_Blue  { background-color:#669966; width: 100%; font-weight: bold; color:white;   padding: 3px;  margin: 0px; }

/*------------ Buscas / Search ---------------*/
#searchOpt { background-color: #eeeaea; -moz-border-radius: 8px;  border: 1px solid ; width: 200px;  }
#dadosOpt { background-color: #fff;  border: 1px solid ; height: 150px; overflow-x:hidden; overflow-y:auto;}