@charset "utf-8";

body{
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    border-top: 2px solid #D6E1F3;

    /*    background: #3d5cb3 url(../imagens/fundo_tudo.png) top left no-repeat fixed;;
        background-size: 100% 100%;*/

    background: #3d5cb3;
}



.clear{
    clear: both;
}

.tudo{
    width: 100%;
    height: auto;
}

.main{
    margin: 0 auto;
    width: 1005px;
    position: relative;
    background: #e4ede8;
}

.topo{

    margin: 0;
    width: 100%;
    height: 160px;
    border-bottom: 2px solid #4b79a9;

    background: #f8fafd;
    /*    background-image: url(../imagens/fundo_header.png);
        background-repeat: no-repeat;*/
    position: relative;
}

.topo .logo{
    float: left;
    margin: 9px 0 0 20px;
}

.topo .logo img{
    width: 86px;
    height: 135px;
}



.topo .banner{
    float: left;
    width: 382px;
    height: 63px;
    background-image: url(../imagens/banner.png);
    background-repeat: no-repeat;
    background-size: 382px 63px;
    margin: 29px 0 0 15px;
}

.topo .autenticar{
    margin-right: 4px;
    float: right;
    width: 280px;
    height: 20px;
    background-image: url(../imagens/tp_sdd7.png);
    background-repeat: no-repeat;
}

.autenticar span {
    float:right;
    margin: 0 5px;
    font-weight: 500;
    color: #FFFFFF;
}
.autenticar span a{
    color: #FFFFFF;


}

.topo .menu-topo{
    width: 100%;
    float: left;
    border-bottom: 4px solid #D7E1F2;
    height: 25px;
    position: absolute;
    right: 0;
    bottom: 0;
}

.menu-topo ul{
    float: right;
    margin: 0 0;
    padding: 0 2px 0 0;
    margin-right: 2px;
}

.menu-topo ul li{
    float: left;
    list-style: none;
    margin-left: 6px;
    text-align: center;
}

.menu-topo ul li a{
    display: block;
    color: #FFFFFF;
    height: 25px;

}

.menu-topo ul li.home a{
    background-image: url(../imagens/menu_home.png);
    background-repeat: no-repeat;
    width: 95px;
}
.menu-topo ul li.home-active a, .menu-topo ul li.home:hover a{
    background-image: url(../imagens/menu_home_active.png);
    background-repeat: no-repeat;
    width: 95px;
}

.menu-topo ul li.quem-somos a{
    background-image: url(../imagens/menu_quemsomos.png);
    background-repeat: no-repeat;
    width: 162px;
}
.menu-topo ul li.quem-somos-active a, .menu-topo ul li.quem-somos:hover a{
    background-image: url(../imagens/menu_quemsomos_active.png);
    background-repeat: no-repeat;
    width: 162px;
}

.menu-topo ul li.servicos a{
    background-image: url(../imagens/menu_servicos.png);
    background-repeat: no-repeat;
    width: 121px;
}
.menu-topo ul li.servicos-active a, .menu-topo ul li.servicos:hover a{
    background-image: url(../imagens/menu_servicos_active.png);
    background-repeat: no-repeat;
    width: 121px;
}

.menu-topo ul li.clientes a{
    background-image: url(../imagens/menu_clientes.png);
    background-repeat: no-repeat;
    width: 117px;
}
.menu-topo ul li.clientes-active a, .menu-topo ul li.clientes:hover a{
    background-image: url(../imagens/menu_clientes_active.png);
    background-repeat: no-repeat;
    width: 117px;
}

.menu-topo ul li.fale-conosco a{
    background-image: url(../imagens/menu_faleconosco.png);
    background-repeat: no-repeat;
    width: 164px;
}
.menu-topo ul li.fale-conosco-active a, .menu-topo ul li.fale-conosco:hover a{
    background-image: url(../imagens/menu_faleconosco_active.png);
    background-repeat: no-repeat;
    width: 164px;
}

.conteudo{
    width: 100%;
    padding: 5px 0;

}

.principal{

    float: left;
    width: 735px;
    height: auto;
    background: #f6fbff;
    border: 1px solid #dfe6f1;
    /*border: 1px solid #c0ccdf;*/
    min-height: 720px;
    padding-bottom: 20px;
}

.title_page{
    height: 30px;
    /*color: #e6ebee;*/
    color: #1e3f84;
    font-size: 28px;
    font-weight: bold;
    padding: 2px 0 2px 10px;
    margin: 0 0 10px 0;


    background-image: url(../imagens/fundo_title_1.png);
    background-repeat: repeat;
    /*    background: #c2cee0;*/
    /*    background: #dfe6f1;*/
}


.sidebar-right{
    float: right;
    width: 262px;
    height: auto;
}

.sidebar-right .box{
    width: 250px;
    float: left;
    border: 1px solid #c0ccdf;
    border-top: 5px solid #7f92b6;
    padding: 5px;
    color: #1e3f84;
    margin-bottom: 5px;
    background: #fff;
    height: auto;
    min-height: 150px;
    font-size: 14px;
}

.sidebar-right .box h2{
    margin: 0;
    border-bottom: 3px solid #b7dcfa;
    color: #1e3f84;
    font-weight: bold;
    padding: 0 0 1px 10px;
}

.sidebar-right .box .dst{
    font-weight: bold;
}
.dst{
    font-weight: bold;
}


.rodape{
    width: 1003px;
    float: left;
    position: relative;
    border: 1px solid #d2d3d4;
    border-top: 2px solid #4b79a9;
    background: #d6dde6;
    /*background: #d1d8df #eaedf1;*/
}

footer{
    text-align: center;
    padding: 5px 8px;
    color: #024083;
    font-size: 12px;
}


.box-form{
    width: 670px;
    margin: 20px auto 0 auto;
    padding: 10px 15px;

    /*    border: 1px solid #e4e4e4;
        border-left: 2px solid #e4e4e4;
        background: #f2f2f2;*/

    border: 1px solid #c1cedb; 
    /*border-left: 2px solid #e4e4e4;*/
    background: #eef4f9;
    box-shadow: 6px 6px 5px #bababa;

}
.table-form{
    width: auto;
    border-collapse: collapse;
    margin: 0;
    text-align: left;
}

table th, table td{
    
} 

.table-form tr{
    border: none;
}
.table-form td{
    padding: .6em 0;
    border: none;
}

input, select, textarea{
    border: 1px solid #b3b3b3;
}


.table-form td.label{

    min-width: 80px;
    padding-right: 10px;
}
.table-form td.valor{

}
.table-form th.informativo{
    padding: 5px 18px;
    width: auto;
    background: #e3e2de;
    color:#2d57be;
    border: 1px solid #d5d4d1;
    border-radius: 5px;
}

.table-form th.informativo p{
    background-image: url(../imagens/infor.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding-left: 30px;
    margin: 0;
}

.table-form th.informativo img{
    padding: 0 6px 0 0;
}

.table-form th.informativo h3{
    padding: 2px 0 2px 25px;
    margin: 0;
    text-align: left;

}
.table-form tr.tr-resultado {
    margin-bottom: 0;
}

input{
    width: 250px;
}
input[type=button],input[type=submit]{
    cursor: pointer;
    width: auto;
    padding: 1px 5px; 
}

.menu-lateral{
    list-style: none;
    margin: 10px 0 0 10px;
    padding: 0;
}

.menu-lateral li{
    margin-bottom: 4px;
    position: relative;
}

.menu-lateral li ul {
    position: absolute;
    left: 149px;
    top: 0;
    //display: none;
}




.menu-lateral li a{
    border-left: 4px solid #527ba7;
    border: 1px solid #a4b9d0;
    background:#d4dae4;
    display: block;
    max-width: 75%;
    padding: 4px 5px 4px 5px;
    color:#0c4662;
    font-weight: bold;
    text-decoration: none;
}

.menu-lateral li a:hover{
    background: #406791;
    color: #d3a24a;
}

#resultado .erro, #resultado_busca .erro{
    color:#ff0033;
}

#resultado .sucesso, #resultado_busca .sucesso{
    color: #166f38;
}

#resultado_busca{
    display: block;
    margin: 10px 0 5px 10px;
    min-height: 20px;
}

.table-empresa th.cnpj{
    width: 150px;
}

#dialog #resultado{
    margin-top: 10px;
    height: 20px;
}

.msg-bloqueado, .msg-id-empty{
    margin: 20px 0 0 20px;
    font-weight:bold;
    color:#f93d43;

}

.link-voltar{
    margin: 20px 0 10px 20px;
}
.link-voltar-consultar{
    margin: 20px 0 10px 10px;
}

.table-form-usuario #supervisor_id{
    width: 252px;
}

select{
    width: 254px;
}

.box-login{

    width: 85%;
    min-height: 150px;
    margin: 10px auto 10px auto;
    border: 2px solid #356889;
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px;  
    border-radius: 10px;  
    padding: 10px 10px 10px 10px;
    background: #e5ebed;
    background-image: url(../imagens/cadeado.png);
    background-repeat: no-repeat;
    background-position: 15px 10px;
    background-size: 18px 20px;
    box-shadow: 4px 4px 5px #999999;
}

.box-login h3{
    text-align: center;
    border-bottom: 3px solid #b7dcfa;
    margin: 0 0 10px 0;
    padding: 0 0 5px 20px;

}

.box-login .table-login{
    margin: 0 auto;

}
.box-login .table-login #login,.box-login .table-login #senha {
    width: 90%;
}
.box-login .table-login td{
    font-weight: 600;
    border: none;
    padding: 5px 0;
}
.box-login .link-recuperar-senha{
    margin-left: 20px;
}
.box-login .table-login td input[type=text], .box-login .table-login td input[type=password]{
    float: right;
}

input[type='radio']{
    width: auto;
    margin: 0;
    padding: 0;
}

.td_radio .label{
    display: inline-block;
    margin-bottom: 5px;
}

.td_radio .valor{
    display: inline-block;
    margin-right: 25px;
}

textarea{
    width: 248px;
    height: 100px;
}


/* Inicio da Página Quem Somos */
/*.menu-quem-somos{
    list-style: none;
    margin: 28px 0 0 10px;
    padding: 0;
}

.menu-quem-somos li{
    float: left;
    margin-right: 2px;
}

.menu-quem-somos li a{
    text-shadow: 5px;
    text-decoration: none;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #5c7ea8;
    background: #7da0ba;
    color: #104554;
    font-weight: 600;
}
.menu-quem-somos li a:hover{
    text-decoration: underline;
}
.menu-quem-somos li.active a{
    background: none;
    border-bottom: 1px solid #fff;
}*/
#tabs-quem-somos{
    width: 715px;
    padding: 2px;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
}
.menu-quem-somos{
    float: left;
    width: 100%;
    height: 35px;
    margin: 0 auto;
    background: #72a2c5;
    padding: 0 0 0 0;
    list-style: none;
    border-radius: 5px 5px;
}

.menu-quem-somos li{
    float: left;
    margin: 0 0 0 10px;
}

.menu-quem-somos li a{

    background: #bdd4e4;
    text-decoration: none;
    padding: 3px 10px 1px 10px;
    font-weight:bold;
    display: block;
    margin: 11px 0 0 0;
    color: #024083;
}

.menu-quem-somos li a:hover,.menu-quem-somos li.active a{
    background: #fff;
    text-decoration: underline;
    padding: 3px 10px;
}

.box-quem-somos, .box-fundador, .box-localizacao, .box-missao{
    width: 90%;
    margin: 50px 0 0 10px;
    padding: 25px 10px 20px 20px;
    /*    border: 1px solid #5c7ea8;*/
    min-height: 500px;
    color: #104554;
}

.box-missao h3{
    border-bottom: 4px solid #9abed3;
}
.box-missao p{
    margin-bottom: 40px;
}

.box-fundador p span.dst{
    margin-right: 10px;
}
.box-fundador p{
    margin-bottom: 40px;
}
.box-fundador .img_fundador{
    display: inline-block;
    margin: 0;
}
.box-fundador .texto_fundador{
    float: left;
    text-align:justify;
    width: 66%;
    margin: 2px 16px 0 0;

}
.box-fundador .texto_fundador p{
    margin: 0;
    padding: 0;
}

.historia{
    padding: 30px;
}
/* Fim da Página Quem Somos */

.table-meus-chamados{
    margin-top: 40px;
}
.table-chamados tr th.th-data-abertura,
.table-meus-chamados tr th.th-data-abertura{
    width: 150px;
}
.table-chamados td.td-status img,
.table-meus-chamados td.td-status img{
    width: 15px;
    height: 15px;
}
.table-chamados tr th.prioridade,
.table-meus-chamados tr th.prioridade{
    width: 30px;
}
.table-chamados tr td,
.table-meus-chamados tr td{
    margin: 0 auto;
    padding: 3px 0;
}

.descricao_prioridade{
    display: inline-block;
    border: 2px solid #999999;
    border-radius: 5px;
    float: right;
    margin: 5px 10px 0 0; 
    padding: 10px;
    background: #e3e2de;
}


#tr_meus_chamados td input[type=checkbox]{
    width: 18px;
    height: 18px;
    position: relative;
    left: 0px;
    top: 3px;
}

#tr_meus_chamados td div{
    display: inline-block;
    margin: 0 0 5px 5px;
}

.descricao_prioridade h4{
    border-bottom: 1px solid #ccc;
    margin: 0 0 5px 0;
}
.descricao_prioridade ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.descricao_prioridade ul li{
    margin-bottom: 2px;
    height: 20px;
}
.descricao_prioridade ul li span{
    margin-left: 10px; 
}
.descricao_prioridade ul li img{
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
}

.meu-chamado{
    width: 99%;
    margin-bottom: 10px;
    border: 1px solid #a4a6ac;
    padding: 5px;
    background: #eeeff2;
}

.meu-chamado .usuario,.meu-chamado .th-empresa,.meu-chamado .data_abertura{
    width: 95%;

}
.meu-chamado .usuario .valor,.meu-chamado .th-empresa .valor,.meu-chamado .data_abertura .valor, .meu-chamado .descricao .valor{
    margin-left: 5px;
}

.meu-chamado .label{
    font-weight: 600;
}

.meu-chamado .prioridade{
    float: right;
    margin: 5px 5px 0 0;
    width: 4%;
}
.meu-chamado .prioridade .img{
    width: 15px;
    height: 15px;
}

.link_exxibir_meu_chamado{
    text-decoration: none;
    color:#000;
}

.link_exxibir_meu_chamado:hover .meu-chamado{
    background: #d1d4d9;
}

img{
    border: none;
}

.form-busca{
    display: block;
    padding: 10px;
    float: left;
    margin: 0 0 5px 10px;
    width: 505px;
    border: 1px solid #c1c1c1;

}

.form-busca-consultar{
    display: block;
    padding: 10px;
    margin: 0 0 0 10px;
    width: 500px;
    border: 1px solid #c1c1c1;

}

.form-busca-consultar .buscar-por{
    width: 150px;
}

.form-busca-consultar .numero{
    margin: 0 20px 0 0;
}

.form-busca #table-buscar-chamado #by_data_abertura_inicial,
.form-busca #table-buscar-chamado #by_data_abertura_final{
    width: 127px;
}

.form-busca .table-buscar-chamados #by_data_abertura_inicial,
.form-busca .table-buscar-chamados #by_data_abertura_final{
    width: 109px;
}

.form-busca #table-buscar-solucoes-chamado #by_data_abertura_inicial,
.form-busca #table-buscar-solucoes-chamado #by_data_abertura_final{
    width: 110px;
}

.form-busca #table-buscar-solucoes-chamado td.label{
    width: 35%;
}

.form-busca #table-buscar-solucoes-chamado td.valor{
    text-align: right;
}

.form-busca .table-buscar-orcamento #by_data_abertura_inicial,
.form-busca .table-buscar-orcamento #by_data_abertura_final{
    width: 109px;
}

.form-busca td, .form-busca-consultar td{
    padding: 5px 0;
}

.form-busca .buscar-por{
    padding-left: 4px;
}
.form-busca .buscar-por .numero{
    margin-left: 56px;

}

.form-busca .buscar-por .op-usuario{
    margin-left: 150px;

}

.form-busca .buscar-por .op-empresa{
    padding: 0 30px 0 30px;

}

.form-busca .label-buscar-por-usuario-empresa{
    width: 130px;
}
#tr_buscar_por_usuario_empresa .valor-buscar-por-usuario-empresa{
    border-top: 1px solid #c4c4c4;
}
#tr_buscar_por{
    font-weight: 600;
    font-size: 12px;
    border: 1px solid #9c9c9c;
    background: #e2e2e2;
}
#tr_buscar_por td span{
    margin-right: 10px;
}
.form-busca .quem-solicitou-usuario{
    margin: 0 3px 0 60px;
}
.form-busca #table-buscar-solucoes-chamado .quem-solicitou-usuario{
    margin: 0 3px 0 33px;
}
.form-busca .quem-solicitou-tecnico{
    margin-right: 3px;
}
.form-busca .op-atendente-tecnico{
    margin: 0 20px 0 95px;
}

.form-busca #table-buscar-solucoes-chamado .op-atendente-tecnico{
    margin: 0 20px 0 70px;
}

.form-busca .td-atendente-tecnico{
    padding: 0;
}
.form-busca .op-atendente-meus-tecnico{
    margin: 0 20px 0 176.9px;
}

.form-busca #table-buscar-solucoes-chamado .op-atendente-meus-tecnico{
    margin: 0 20px 0 152.3px;
}

.table-buscar-usuario tr .label,
.table-buscar-empresa tr .label,
.table-buscar-setor tr .label,
.table-buscar-orcamento tr .label{
    margin: 0;
    padding: 0;
    min-width: 110px;
}


.link_alterar_prioridade, .link_alterar_senha, .link_alterar_jornada, .link_alterar_carga_horaria, .link_visulizar_carga_horaria{
    float: right;

}


.img_prioridade_exibir{
    width: 10px;
    height: 10px;
}






#dialog_alterar_prioridade{
    margin: 0;
    padding: 0 10px 10px 10px;
}
.box-form-dialog{
    margin: 0;
    padding: 0;
}
.box-form-dialog .table-form-dialog{
    border: none;
}
.box-form-dialog .table-form-dialog input[type=button]{
    margin-right: 10px;
}

.atender_descricao_chamado{
    width: 80%;
    border: 1px solid #a9cdc6;
    background: #eaf4f2;
    padding: 10px 5px;
    margin: 0 0 15px 16px;
}
.atender_descricao_chamado legend{
    color: #1c453d;
}

.atender_descricao_chamado ul{
    list-style: none;
    margin: 0 10px 0 10px;
    padding: 0;
    border: 1px solid #c6c6c6;
}

.atender_descricao_chamado li{
    padding: 4px 5px;
    margin:0;
    border-bottom: 1px solid #c6c6c6;
}

.atender_descricao_chamado li.ultimo{
    border-bottom: none;
}

.atender_descricao_chamado h4{
    padding: 0;
    margin: 0;
    display: inline-block;
}

.atender_descricao_chamado p{
    display: inline-block;
    margin: 0;
    padding: 0;
}

.th_solucao textarea{
    width: 386px;
    height: 200px;
}

.th_email input[type=checkbox]{
    width: 15px;
}

#resultado_busca{
    clear: both;
}
#resultado_busca .sucesso{
    display: block;
    width: 68.7%;
    padding: 10px 10px 5px 17px;
    border: 1px solid #9fc4ac;
    background: #dbeae0;
    color: black;
}

#resultado_busca .sucesso ul{
    margin: 0 0 0 27px;
    padding: 5px 0;
}



#table{
    border-collapse: collapse;
    width: 98%;
    margin: 20px auto 0 auto;
}
#table th{
    background: #b7b8ba;
    border: 1px solid #fff;
    padding: 3px 0;
}
#table th.th-opcoes{
    width: 90px;
}

#table td{
    border: 1px solid #fff;
    height: 30px;
    padding-left: 3px;
}
#table tr.impar td{
    background: #f1f1f1;
}
#table tr.par td{
    background: #e6e6e6;
}
#table tr.impar:hover td,#table tr.par:hover td{
    background:#dedede;
}
#table td.td-pagination{
    border: none;
    background: none;
    text-align: center;
}
#table img{
    width: 22px;
    height: 22px;
}

#table img.img-ativar{
    width: 60px;
    height: 22px;
}
#table img.img-inativar{
    width: 20px;
    height: 20px;
    margin-bottom: 1px;
}

#table th.link-add{
    background: none;
    border: none;
    text-align: left;
    padding: 5px 0; 
}
#table tr td.td-opcao{
    text-align: center;
}
#table .td-nenhum-registro{
    text-align: center;
}

#table .td-id{
    text-align: center;
}
.table-meus-chamados .th-numero_chamado,
.table-chamados .th-numero_chamado{
    min-width: 40px;
}

.table-meus-chamados .th-empresa,
.table-chamados .th-empresa{
    min-width: 80px;
}

#form-consultar-chamado #descricao{
    width: 360px;
    padding: 2px 0 2px 5px;
    font-size: 16px;
}

#form-consultar-chamado input[type=button]{
    padding: 2px 5px;
    font-size: 16px;

}




#chamados_consultados ul.ul, #solucoes_atividades_consultados ul.ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#chamados_consultados ul.ul li, #solucoes_atividades_consultados ul.ul li{
    width: 90%;
    margin: 0 0 20px 10px;
    border: 2px solid #91adba;
    padding: 5px 20px 5px 5px;
    position: relative;
    background: #e5eaed;
}

#chamados_consultados .link_exxibir_chamado_consultado a{
    position: absolute;
    right: 3px;
    top: 3px;

}

#chamados_consultados .link_exxibir_chamado_consultado img{
    width: 16px;
    height: 16px;
}

#chamados_consultados ul .descricao{
    padding: 0 0;
    border-bottom: 3px solid #bdcfd7;
}
#chamados_consultados ul .solucao{
    padding: 5px 0;
}
#chamados_consultados ul li h4{
    display: inline-block;
    padding: 0;
    margin: 0;

}
#solucoes_atividades_consultados ul li h4{
    padding: 0;
    margin: 0;
}
#solucoes_atividades_consultados ul li span{
    display: inline-block;
    padding: 5px 0 0 0;
}


#chamados_consultados ul li p{
    margin: 0;
    padding: 0;
    display: inline-block;

}

.resultado_consulta{
    clear: both;
    display: block;
    margin: 10px 0 20px 10px;
    width: 67.7%;
    padding: 10px 10px 5px 17px;
    border: 1px solid #9fc4ac;
    background: #dbeae0;
    color: black;
}



.paginacao{
    margin-left: 10px;
}

.paginationControl{
    display: inline-block;
    margin: 0 auto;

}

#table .paginationControl img{
    width: auto;
    height: auto;
}

.paginationControl ul{
    padding: 0;
    list-style: none;
    margin: 0;
    font-size: 14px;
    text-decoration: none;
}

#table .paginationControl ul li.anteriores img,
#table .paginationControl ul li.posteriores img{
    width: 12px;
    height: 2px;
}

.paginationControl li{
    min-width: 16px;
    float: left;
    border: 1px solid #BFBFBF;
    padding: 1px 3px;
    margin: 0 2px;
}

.paginationControl li.disabled{
    border: 1px solid #BFBFBF;
    color: #555;
}

.paginationControl li.current{
    border: 1px solid #000000;
    color: #555;
    font-weight:bold;
}

.paginationControl li a{
    text-decoration: none;
    color: #254087;
}

.box-servicos{
    width: 90%;
    padding: 10px 20px;
    margin: 20px auto;
    background:#eef6f9;
    border: 2px solid #dce7ed;
    box-shadow: 6px 6px 5px #b7b7b7;
}

.box-servicos h2{
    padding: 4px 0 0 0;
    margin: 0;
    border-bottom: 5px solid #8cc5e0;
    color:#063952;
    /*color:#075a82;*/
    clear: both;
}

.box-servicos ul{
    list-style: none;
    margin: 20px 0 20px 5px;
    padding: 0;
    float: left;
}

.box-servicos ul li{
    /*border: 2px solid #5b8da4;*/
    display: block;
    margin: 5px 0;
    padding: 6px 20px 6px 25px;
    color:#39718b;
    font-weight: 600;
    background-image: url(../imagens/seta_direita.png);
    background-repeat: no-repeat;
    background-position: 5px 9px;
    background-size: 15px 10px;
    /*background-color: #cbd4d8;*/
}


#form-fale-conosco .table-form .informativo{
    font-size: 14px;
    padding: 10px 14px;
}

.box-inicio{
    height: 50px
}


.box-inicio lh-01{

}

.box-inicio lh-02{

}

.box-inicio lh-03{
    text-align: center;
    margin-right: 60px;
}

/*.orcamento{
    border-top: 2px solid #6395c6;
    background: #eaecee;
    padding: 15px 12px 0 12px;
    
    width: 661px;
    margin: 10px auto 0 auto;
}


.orcamento h2{
    margin: 0;
    
    padding: 0;
    //border-bottom: 2px solid #00ccff;
    color: #000066;
}

.table-form-orcamento{
    margin: 5px 0 0 0;
    padding: 0;
    font-size: 80%;
    color: #000066;
}
.table-form-orcamento th{
    padding: 5px 0;
    text-align: left;
}

.table-form-orcamento td{
    padding: 2px 0;
}

.table-form-orcamento textarea{
    width: 327px;
}

.table-form-orcamento input[name=nome],
.table-form-orcamento input[name=cidade],
.table-form-orcamento input[name=email]{
    width: 330px;
}
.table-form-orcamento .nome{
    padding-right: 15px;
}


.table-form-orcamento input[name=telefone],
.table-form-orcamento input[name=empresa]{
    width: 310px;
} 
.table-form-orcamento select[name=estado]{
    width: 313px;
}

.table-form-orcamento textarea,
.table-form-orcamento input,
.table-form-orcamento select{
    
    color: #000066;
    border: 1px solid #5c7ccc;
}

.table-form-orcamento #resultado{
    height: 25px;
}*/

.orcamento{
    border: 1px solid #c8dbee;
    border-top: 2px solid #6395c6;
    padding: 10px 10px 10px 10px;
    width: 310px;
    font-size: 12px;
    margin: 20px 25px 20px 0px;
    float: right;
}

.orcamento h2{
    margin: 0;
    padding: 0;
    color: #000066;
    border-bottom: 1px solid #c7d7e6;
}

.table-form-orcamento{
    margin: 5px 0 0 0;
    padding: 0;
    color: #000066;
}

.table-form-orcamento th{
    padding: 5px 0;
    text-align: left;
}
.table-form-orcamento input[type=text],.table-form-orcamento input[type=tel]{
    width: 220px;
}
.table-form-orcamento select{
    width: 225px;
}
.table-form-orcamento textarea{
    width: 220px;
}
.table-form-orcamento #resultado{
    height: 25px;
}

.principais_servicos{
    border: 1px solid #c8dbee;
    border-top: 2px solid #6395c6;
    padding: 10px 10px;
    width: 310px;
    font-size: 12px;
    margin: 20px 0 0 25px;
    float: left;
    min-height: 369px;
    color: #000066;
}
.principais_servicos h2{
    margin: 0;
    padding: 0;
    color: #000066;
    border-bottom: 1px solid #c7d7e6;
}
.principais_servicos h4{
    margin: 0;
    padding: 15px 0 10px 0;
}
.principais_servicos ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.principais_servicos ul li{
    margin-left: 5px;
    padding: 2px 0 2px 10px;
    background-image: url(../imagens/seta_direita.png);
    background-repeat: no-repeat;
    background-size: 8px 6px;
    background-position: 0 5px;

}

#table tr td.td-status img{
    width: 20px;
    height: 20px;
}

.principal .header{
    width: 80.5%;
    float: left;
    margin: 20px 0 0 20px;

}

.header .links_exibir{
    float: right;
    padding: 0;
    margin: 5px 0 0 0;

}
.header .mensagem-chamado-atendido, .header .mensagem-chamado-pendente-usuario{
    display: inline-block;
    max-width: 50%;
    border: 1px solid #6790b6;
    padding: 5px 15px 5px 10px;
    margin: 0;
    background: #a0c5e7;
    font-style: italic;
}

.header .mensagem-chamado-aberto{
    display: inline-block;
    max-width: 50%;
    border: 1px solid #ff9c9c;
    padding: 5px 15px 5px 10px;
    margin: 0;
    background: #ffd3d3;
    font-style: italic;
}
.header .mensagem-chamado-cancelado{
    display: inline-block;
    max-width: 50%;
    border: 1px solid #fab16b;
    padding: 5px 15px 5px 10px;
    margin: 0;
    background:#ffe2c8;
    font-style: italic;
}

.header .mensagem-chamado-concluido{
    display: inline-block;
    max-width: 50%;
    border: 1px solid #5e5e5e;
    padding: 5px 15px 5px 10px;
    margin: 0;
    background: #c9c9c9;
    font-style: italic;
}

.mensagem-chamado-aberto h4,.mensagem-chamado-atendido h4,.mensagem-chamado-pendente-usuario h4,.mensagem-chamado-cancelado h4,.mensagem-chamado-concluido h4{
    padding: 0;
    margin: 0;
}

.detalhes_exibir .img_alterar_prioridade,.detalhes_exibir .img_alterar_jornada{
    width: 65%;
    height: 85%;
    //margin-right: 5px; 
}

.detalhes_exibir .img_visualisar{
    width: 55%;
    height: 55%;
    margin-top: 2px; 
}

.detalhes_exibir{
    float: left;
    width: 80%;
    margin: 10px 0 0 20px;
    border: 2px solid #91adba;
    background: #e5eaed;
    box-shadow: 6px 6px 5px #bababa;
}

.detalhes_exibir ul{
    list-style: none;color: #192e62;padding: 0;margin: 0;
}

.detalhes_exibir li{
    /*margin-bottom: 10px;*/

}
.detalhes_exibir li h3{
    padding: 0;margin: 0;padding: 5px 0 5px 5px;background: #c8d5db;
    /*border-bottom: 2px solid #d8d7d7;*/

}

.detalhes_exibir li .valor{
    padding: 5px 0 5px 5px;
    word-wrap: break-word;
}
.detalhes_exibir li .valor h4{
    display: block;
}

.div-form-delete h3{
    padding: 5px 0;
    margin: 0 0 20px 0;
    border-bottom:2px solid #6699ff;

}

.box-erro{
    width: 600px;
    padding: 10px;
    margin: 20px 0 0 20px;
    color: #414140;
    border: 4px solid #e7e5dc;
    background: #f5f3ee;
}

.box-erro h3{
    padding: 8px 0 5px 40px;
    margin: 0;
    background-image: url(../imagens/erro.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
    background-position-y: 2px;
}


.link_limpar_filtros a{
    background:#e0e0e0;
    color: #000;
    text-decoration: none;
    padding: 1px 5px;
    font-size: 13px;
    border: 1px solid #999999;
}

.link_limpar_filtros a:hover{
    background:#dbdbdb;
}


#table th.link-add{
    height: 28px;
}
.link-add a{
    padding: 5px 5px 4px 28px;
    text-decoration: none;
    background-image: url(../imagens/add.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 4px 3px;
    color:#283f75;
    font-weight: 600;
    border: none;
    background-color: #e6e6e6;
    border-right: 1px solid #bfbfbf;
    border-bottom: 2px solid #bfbfbf;
}

.link-add a:hover{
    border: none;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
}

.link-pegar,.link-finalizar,.link-cancelar,.link-transferir,.link-devolver,.link-ativar{
    color:#283f75;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 4px 4px 25px;
    text-decoration: none;
    border: none;
    background-color: #e6e6e6;
    border-right: 1px solid #bfbfbf;
    border-bottom: 2px solid #bfbfbf;
}
.link-pegar{
    margin-left: 5px;
    background-image: url(../imagens/seta_atender.png);
    background-repeat: no-repeat;
    background-size: 17px 18px;
    background-position: 4px 3px;
}
.link-devolver{
    margin-left: 5px;
    background-image: url(../imagens/seta_devolver.png);
    background-repeat: no-repeat;
    background-size: 17px 18px;
    background-position: 4px 3px;
}
.link-finalizar{
    margin-left: 5px;
    background-image: url(../imagens/alterar_button.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 4px 3px;
}
.link-cancelar{
    background-image: url(../imagens/excluir_button.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 4px 2px;
}
.link-transferir{
    margin-left: 5px;
    background-image: url(../imagens/transferir1.png);
    background-repeat: no-repeat;
    background-size: 18px 20px;
    background-position: 4px 3px;
}
.link-ativar{
    margin-left: 5px;
    background-image: url(../imagens/ok.png);
    background-repeat: no-repeat;
    background-size: 17px 18px;
    background-position: 4px 3px;
}
.link-pegar:hover,.link-finalizar:hover,.link-cancelar:hover,.link-transferir:hover,.link-devolver:hover, .link-ativar:hover{
    border: none;
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
}

input[type=radio]{
    width: 15px;
}

.table-form-transferir-chamado tr td span.option{
    margin-right: 30px;
}

#table-buscar-chamado, #table-buscar-solucoes-chamado{
    border-collapse: collapse;
}
#table-buscar-chamado td.valor{

    float: right;
}
#table-buscar-solucoes-chamado select{
    width: 290px;
}

#table-buscar-solucoes-chamado input[type=text]{
    width: 286px;
}

#table-buscar-chamado #by_empresa,#table-buscar-chamado #by_usuario_empresa,#table-buscar-chamado #by_atendente_tecnico,
#table-buscar-chamado #by_atendente_supervisor,#table-buscar-chamado #by_prioridade, #table-buscar-chamado #by_status,
#table-buscar-chamado #by_solicitante_supervisor, #table-buscar-chamado #by_solicitante_tecnico, #table-buscar-chamado #by_atendente_meus_tecnicos{
    width: 290px;
}
#table-buscar-chamado #by_id{
    width: 286px;
}
#table-buscar-chamado #tr_btn td{
    padding-top: 15px;
}
#table-buscar-chamado #tr_numero td, #table-buscar-chamado #tr_periodos_datas td{
    padding-top: 10px;
}
#table-buscar-chamado #tr_periodos_datas .label-periodos-datas{
    width: 130px;
}
.tbody_solicitante, .tbody_atendente{
    background: #eaeaea;
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}

.itens-por-pagina{
    font-size: 13px;
    float: right;
}
.itens-por-pagina select{
    margin-left: 2px;
    width: 45px;
}

.box-pendencia-atendente, .box-pendencia-usuario{
    width: 75%;
    padding: 5px;
    border: 2px solid #ffdda1;
    background: #fff6e6;
    box-shadow: 3px 3px 3px #bababa;
    color:#403a30;
}
.box-pendencia-atendente{
    float: left;
    margin: 20px 0 0 20px;
}
.box-pendencia-usuario{
    float: right;
    margin: 20px 120px 0 0;
}
.box-pendencia-atendente .coluna-left, .box-pendencia-atendente .coluna-right,
.box-pendencia-usuario .coluna-left, .box-pendencia-usuario .coluna-right{
    display: inline-block;

    padding-bottom: 3px;
}
.box-pendencia-atendente .coluna-usuario h4,.box-pendencia-usuario .coluna-usuario h4{
    display: inline-block;
    padding: 0 0 3px 0;
    margin: 0 5px 0 0;

}
.box-pendencia-atendente .coluna-right,.box-pendencia-usuario .coluna-right{
    width: 180px;
    padding-left: 5px;
    padding-right: 5px;
    float: right;
}

.box-pendencia-atendente .coluna-left, .box-pendencia-usuario .coluna-left{
    width: 360px;
}

.box-pendencia-atendente .coluna-left h4, .box-pendencia-atendente .coluna-right h4,
.box-pendencia-usuario .coluna-left h4, .box-pendencia-usuario .coluna-right h4{
    display: inline-block;

    padding: 0;
    margin: 0 5px 0 0;
}

.box-pendencia-atendente .descricao, .box-pendencia-usuario .descricao{
    border-top: 1px solid #ffe2ae;
    padding-top: 3px; 
}
.box-pendencia-atendente .descricao h4, .box-pendencia-usuario .descricao h4{
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
}

#form-horario #hora_inicial, #form-horario #minuto_inicial,#form-horario #hora_final, #form-horario #minuto_final{
    width: 90px;
}
#form-horario #data{
    width: 110px;
}
#form-horario .link-ver-horarios-cadastrados{
    font-size: 12px;
    margin-left: 2px;
}

#form-reuniao #hora_inicial, #form-reuniao #minuto_inicial,
#form-reuniao #hora_final, #form-reuniao #minuto_final{
    width: 90px;
}
#form-reuniao #data{
    width: 110px;
}
#form-reuniao .link-ver-horarios-cadastrados{
    font-size: 12px;
    margin-left: 2px;
}

#table .horario-data{
    width: 100px;
}
#table .horario-horas{
    width: 110px;
}

.table-buscar-horario .label{
    width: 230px;
}
#by_data_inicial, #by_data_final{
    width: 108px;
}
.table-buscar-horario #by_data_inicial, .table-buscar-horario #by_data_final, .table-buscar-relatorio-horario #by_data_inicial, .table-buscar-relatorio-horario #by_data_final{
    width: 108px;
}
#table-buscar-solucoes-chamado #by_data_inicial, #table-buscar-solucoes-chamado #by_data_final{
    width: 127px;
}
.table-buscar-horario select{
    width: 250px;
}

.table-buscar-horario{border-collapse: collapse;}
.tbody_op_usuario_horarios, .tbody_op_datas{
    background: #eaeaea;
    border-bottom: 1px solid #ccc; 
    border-top: 1px solid #ccc;
}
#tr_op_usuario_tecnico td.valor{
    border-top: 1px solid #d0d0d0;

}
.table-buscar-horario #tr_empresa td{
    padding-top: 10px;
    padding-bottom: 10px;
}

.link-inativar .img-inativar{
    width: 29px;
    height: 29px;
    margin-bottom: 2px;
}

#form-atividades-diaria #descricao{
    width: 350px;
    height: 220px;
}

#form-buscar-horario .label-usu-tec{
    width: 50px;
}

#form-buscar-horario input[type=radio]{
    padding: 0;
    margin: 0;
}

#table-inat-sup-transf-tecnicos tr td{
    padding: 7px 0;
}

#table-inat-sup-transf-tecnicos tr td.label{
    padding-right: 30px;
}

.table-buscar-relatorio-horario td.valor{
    float: right;
}

#form-usuario .title-jornada{
    padding-bottom: 0;
    border-bottom: 1px solid #cccccc;
    color: #999999;
}

#form-empresa .title-carga-horaria{
    padding-bottom: 0;
    border-bottom: 1px solid #cccccc;
    color: #999999;
}


.horario-trabalho .valor span{
    padding-right: 10px;

}

.horario-trabalho .valor h4{
    padding: 0;
    margin: 0 10px 0 0;
    display: inline-block;
    color: #26448e;
    font-size: 95%;
    font-weight: 500;
}

.horario-trabalho .valor span.right{
    float: right;
}

.carga-horaria .valor span{
    padding: 3px 0 3px 4px;
    display: block;
    border: 1px solid #d0cccc;
    margin: 2px 0 5px 0;
    width: 98%;
    background: #d6e1e6;
}
.carga-horaria .valor span.ultimo{
    margin-bottom: 2px;
}

.carga-horaria .valor h4{
    padding: 0;
    margin: 0 10px 0 0;
    display: inline-block;
    color: #26448e;
    font-size: 95%;
    font-weight: 500;
}
.carga-horaria .valor span.right{
    float: right;
}

.carga-horaria h3 a{
    padding: 0;
    margin: 0;
}

#table-buscar-solucoes-chamado .tbody_solicitante{
    border-bottom: 5px solid #f6fbff;
}
#table-buscar-solucoes-chamado .tbody_solicitante, #table-buscar-solucoes-chamado .tbody_atendente{
    margin-bottom: 10px;
}

#form-alterar-jornada tr td{
    padding: 5px 0;
}

.detalhes_exibir_relatorio{
    margin: 5px 0 0 0px;
}

.detalhes_exibir_registro{
    float: left;
    width: 98%;
    margin: 5px 0 0 0px;
    border: 2px solid #91adba;
    background: #e5eaed;
    box-shadow: 6px 6px 5px #bababa;
}
.detalhes_exibir_registro .table-registro .total{
    background: #cedbe2;
    font-weight: bold;
}

.detalhes_exibir_relatorio li h4{
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #4c6aa4;
    padding: 5px 0;

}
.detalhes_exibir_relatorio li{
    border-bottom: 2px solid #999da4;
}
.detalhes_exibir_relatorio li.ultimo{
    border-bottom: none;
}
.detalhes_exibir_registro h3{
    padding: 0;margin: 0;padding: 5px 0 5px 5px;background: #c8d5db;
}

.detalhes_exibir_relatorio .nivel2{
    width: 98%;margin: 10px auto 10px auto;border: 1px solid #999da4;
}


.detalhes-horarios-resultado{
    font-size: 90%;
    margin: 0 0 0 0;
    color: #2c3f84;
    border-bottom: 2px solid #adaeb3;
    padding: 0px 5px;
}

.detalhes-horarios-resultado span{
    margin: 0 0 0 15px;color: #333333;
}

.table-responsive{
    width: 710px;overflow: auto;
}
.table-registro th{
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;

}
.table-registro td{text-align: center;}

.tesee{
    background: #abcbe9;
}

.box-form-exportar{
    float: right;
}

.box-form-exportar{
    margin: 3px 3px 0 0;
}

.box-form-exportar a{
    display: inline-block;
    text-decoration: none;
    margin: 5px 0 0 0;
    padding: 5px;
    color: #fff;
    background: #0099ff;
    border: 1px solid #5298c7;
}

.box-fundo-aniversariantes{
    width: 98%;
    background: url(../imagens/fundo-aniversariantes3.png) no-repeat;
    background-size: cover;
    margin: 0 auto;
    border-radius: 5px;
}
.box-aniversariantes{
    width: 100%;
    background: rgba(255,255,255,0.92);
    border-radius: 5px;
    padding: 20px 0;
}

.box-aniversariantes h3{
    margin: 10px 15px;
    padding: 3px 5px;
    text-align: center;
    border-radius: 7px;
    color:#3e6f76;
    font-size: 24px;
    background: rgb(242,249,254); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
}

.box-aniversariantes .list-aniversariantes-dia{
    margin-bottom: 50px;
}
.box-aniversariantes h2{

    margin: 10px 15px;
    padding: 3px 5px;
    text-align: center;
    border-radius: 7px;
    color: #d82e6c;
    background: rgba(83,203,241,0.6);//rgba(254,144,144,0.5);
    background: rgb(135,224,253); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(135,224,253,1) 0%, rgba(83,203,241,1) 40%, rgba(5,171,224,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(135,224,253,1) 0%,rgba(83,203,241,1) 40%,rgba(5,171,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=0 ); /* IE6-9 */
}

.box-aniversariantes ul li{
    list-style: none;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.75); 
    margin: 0 0 15px 0;
    padding: 10px 10px;
}

.box-aniversariantes ul{
    margin: 0 auto;
    padding: 0;
    width: 95%;

}

.box-aniversariantes ul li .data{
    color: #0f44d0;
    display: inline-block;
    width: 110px;
}

.box-aniversariantes ul li .nome{
    color: #333d4f;

}

#participantes-escolhidos{list-style: none;margin: 0;padding: 0;}
#participantes-escolhidos li{
    border: 1px solid #f3efef;
    background: #d1dde2;
    margin-bottom: 2px;
    padding: 5px;
}

#participantes-escolhidos li h4{
    display: inline-block;
    margin: 0;
    font-weight: 500;
}
#participantes-escolhidos li a{
    float: right;
    color: #888;
}

.list-supervisao{
    margin: 0;
    padding: 0;
}
.list-supervisao li{
    list-style: none;
    margin: 0;
    padding: 5px;
    width: 85%;
    border: 2px solid #888;
    border-bottom: none;
    background: #f3f2f2;
}
.list-supervisao li:last-child{
    border-bottom: 2px solid #888;
}
.list-supervisao li .nome{
    
    display: inline-block;
    width: 75%;
}
.list-supervisao li .link{
    
    display: inline-block;
    width: 20%;
    text-align: right;
}

#form-buscar-relatorio-horario input[type=checkbox],
#form-buscar-registro-ponto input[type=checkbox]{
    width: 20px;
}

#btn-cad-feriado{
    border: 1px solid #f0f0f2;
    padding: 3px 10px;
    background:#86b8f4;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    text-decoration: none;
}

.anexos-consulta-solucao{
    margin: 0;padding: 0; 
    list-style: none !important;
}
.anexos-consulta-solucao li{
    margin: 0; padding: 0;     
}

.item_cliente{
    width: 190px;
    height: 90px;
    margin: 30px 13px 0px 13px;
    display: inline-table;
}

.item_cliente img{
    width: 100%;
    height: 100%;
}

.detalhes_exibir .img_alterar_jornada{
    width: 20px;
    margin-right: 10px;
}

.align-right{
    
    float: right;
}
.align-left{
    float: left;
}

.status-ferias{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}
.ferias-status-contemplando{
    background-color: #ffff66;
}
.ferias-status-not-contemplada{
    background-color: #00cc33;
}
.ferias-status-contemplada{
    background-color: #ff3333;
}
.legenda-ferias{
    float: right;
    margin-right: 5px;
    margin-top: 30px;
    text-align: left;
    display: inline-block;
    border: 1px solid #b1b1b1;
    border-radius: 10px;
    padding: 8px 16px 11px 16px;
    
}

.legenda-ferias div{
    
    font-size: 12px;
    margin-top: 5px;
    display: flex;
    align-items:center; 
    justify-content: flex-start;
}
.legenda-ferias span{
    margin-right: 5px;
}
.tr-legenda, .tr-legenda > th{
    background: none !important;
    border: none;
    text-align: right;
}