body {
    margin: 0;
    background: #f4f4f4;
    font-family: Arial, Verdana, sans-serif;
    color: #000;
}

img {
    border: 0;
}

textarea {
    width: 100%;
    height: 100px;
    resize: none;
}

select[readonly] {
    background: #eee;
    pointer-events: none;
    touch-action: none;
}
legend {
    display: block;
    width: 100%;
    padding: 8px 0;
    margin-bottom: 0;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 0px;
}

/*DIVs*/

#boxseparador {
}

#topo {
    height: 100px;
    width: 768px;
    color: #660000;
    background: #00CC33;
}

#topo-logo {
    height: 100px;
    width: 150px;
}

#topo-banner {
    height: 100px;
    width: 618px;
}

#topo-banner-flash {
    height: 80px;
    width: 500px;
    padding-left: 10px;
    padding-top: 10px;
}

/*RODAPE*/
#rodape {
    height: 100px;
    width: 768px;
    color: #FF0000;
    background: #00CC33;
}

#rodape-logo {
    height: 100px;
    width: 150px;
}

#rodape-banner {
    height: 100px;
    width: 618px;
}

#rodape-banner-flash {
    height: 80px;
    width: 500px;
    padding-left: 10px;
    padding-top: 10px;
}

#grafico-botao {
    height: 50px;
    width: 240px;
    float: left;
}

#grafico-ano {
    height: 25px;
    line-height: 25px;
    float: left;
    text-align: center;
    background: url(../projetos/imagens/graficos/bg-ano.gif);
}

#grafico-mes-ano {
    height: 25px;
    width: 720px;
    float: left;
}

#grafico-mes-mes {
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-mes.gif);
}

#grafico-atividade-master {
    width: 240px;
}

#grafico-atividade-rotulo {
    height: 25px;
    line-height: 25px;
    width: 235px;
    background: url(../projetos/imagens/graficos/bg-atividades-rotulo.gif);
    padding-left: 5px
}

#grafico-atividade {
    height: 40px;
    line-height: 40px;
    width: 240px;
    background: url(../projetos/imagens/graficos/bg-atividades.gif);
}

#grafico-atividade-grafico-master {
    width: auto;
    float: left;
    background: #FFFFFF;
}

#grafico-atividade-grafico {
    height: 40px;
    line-height: 40px;
    width: 1440px;
    float: left;
    background: #fff;
}

#grafico-dia-ano {
    height: 25px;
    width: 60px;
    float: left;
}

#grafico-dia-mes {
    height: 25px;
    width: 60px;
    float: left;
}

#grafico-dia-dia {
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 20px;
    float: left;
    background: url(../projetos/imagens/graficos/bg-dia.gif);
}

#grafico-barras-master {
    height: auto;
    background: #FFFFFF;
    padding-top: 0;
}

#grafico-barras-programado {
    height: 14px;
    line-height: 14px;
    border-top: #fff 1px solid;
    background: #3399CC;
}

#grafico-barras-realizado {
    height: 14px;
    line-height: 14px;;
    border-top: #fff 1px solid;
    background: #33CC00;
    float: left;
}

#grafico-barras-naorealizado {
    height: 14px;
    line-height: 14px;
    border-top: #fff 1px solid;
    background: #FF0000;
    float: left;
}

#grafico-gerenciaretapas-master {
    width: 660px;
    float: left;
    z-index: 99999;
}

.grafico-gerenciaretapas-cabecalho-master {
    width: 660px;
    height: 25px;
    float: left;
}

#grafico-gerenciaretapas-cabecalho-atividade {
    width: 279px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-279.gif);
    background-repeat: no-repeat;
}

#grafico-gerenciaretapas-cabecalho-inicio {
    width: 120px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-120.gif);
}

#grafico-gerenciaretapas-cabecalho-conclusao {
    width: 120px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-120.gif);
    background-repeat: repeat;
}

#grafico-gerenciaretapas-cabecalho-duracao {
    width: 70px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-70.gif);
}

#grafico-gerenciaretapas-cabecalho-porcentagem {
    width: 40px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-40.gif);
}

#grafico-gerenciaretapas-etapa-atividade {
    width: 274px;
    height: 25px;
    line-height: 25px;
    text-align: left;
    padding-left: 5px;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-279-claro.gif);
}

#grafico-gerenciaretapas-etapa-inicio {
    width: 120px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-120-claro.gif);
}

#grafico-gerenciaretapas-etapa-conclusao {
    width: 120px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-120-claro.gif);
}

#grafico-gerenciaretapas-etapa-duracao {
    width: 70px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-70-claro.gif);
}

#grafico-gerenciaretapas-etapa-porcentagem {
    width: 40px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-40-claro.gif);
}

#grafico-gerenciaretapas-etapa-excluir {
    width: 28px;
    height: 23px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: url(../projetos/imagens/graficos/bg-gerenciaretapas-40-claro.gif);
}

#grafico-listar-master {
    height: auto;
    width: 620px;
}

#grafico-listar-conjunto {
    height: 12px;
    width: 620px;
    float: left;
}

#grafico-listar-conjunto-novo {
    height: 12px;
    width: 620px;
    float: left;
    padding-top: -15px;
}

#grafico-listar-conjunto-absolute {
    position: absolute;
    height: 12px;
    width: 620px;
    float: left;
}

#grafico-listar-descricao {
    height: 12px;
    width: 140px;
    float: left;
    text-align: right;
    padding-right: 5px;
    border-bottom: #f4f4f4 2px solid;
}

#grafico-listar-barra-azul {
    height: 12px;
    background: #00a8ff;
    float: left;
    border-bottom: #f4f4f4 2px solid;
}

#grafico-listar-barra-verde {
    height: 12px;
    background: #00c613;
    float: left;
    border-bottom: #f4f4f4 2px solid;
}

#grafico-listar-barra-vermelha {
    height: 12px;
    background: #ff2121;
    float: left;
    border-bottom: #f4f4f4 2px solid;
}

#grafico-listar-dias {
    height: 12px;
    width: 90px;
    float: left;
    padding-left: 10px;
}

#box-avisos {
    width: 147px;
    margin-left: 10px;
    text-align: left;
}

#box-ultimasatualizacoes {
    width: 167px;
    text-align: left;
}

#box-ultimasatualizacoes-texto {
    width: 167px;
    text-align: left;
    background: #D9D9D9;
    padding-left: 10px;
}

#box-projeto, .box-projeto {
    /*width: 650px;*/
    text-align: left;
    padding-bottom: 20px;
}

#box-projeto-topo, .box-projeto-topo {
    width: 650px;
    text-align: left;
    padding: 5px 10px;
    background-color: #D8EDF6 !important;
    box-sizing: border-box;
    border-radius: 7px 7px 0 0;
}

#box-projeto-topo2 {
    height: 30px;
    line-height: 30px;
    width: 640px;
    text-align: left;
    background: url(../projetos/imagens/box-modelo-topo.gif) no-repeat;
    padding-left: 10px;
}

#box-projeto-detalhes, .box-projeto-detalhes {
    text-align: left;
    background: #F4F4F4;
    padding: 5px 10px;
    border-radius: 0 0 10px 10px;
}

#box-modelo {
    width: 650px;
    text-align: left;
}

#box-modelo-descricao {
    height: 31px;
    line-height: 31px;
    width: 580px;
    text-align: left;
    padding-left: 10px;
    float: left;
    background: #f0f0f0;
    border-bottom: #FFFFFF 2px solid;
    border-right: #FFFFFF 1px solid;
}

#box-modelo-editar {
    height: 26px;
    line-height: 26px;
    width: 29px;
    text-align: center;
    float: left;
    background: #f0f0f0;
    border-bottom: #FFFFFF 2px solid;
    border-right: #FFFFFF 1px solid;
}

#box-modelo-excluir {
    height: 26px;
    line-height: 260px;
    width: 29px;
    text-align: center;
    float: left;
    background: #f0f0f0;
    border-bottom: #FFFFFF 2px solid;
}

#box-usuario {
    width: 640px;
    text-align: left;
    margin-bottom: 10px;
}

#box-usuario-topo {
    height: 30px;
    line-height: 30px;
    width: 640px;
    text-align: left;
    background: url(../usuarios/imagens/box-usuario-topo.gif) no-repeat;
    padding-left: 10px;
}

#box-usuario-detalhes {
    width: 640px;
    text-align: left;
    background: url(../projetos/imagens/box-projeto-detalhes-bg.gif) repeat-y;
    padding-left: 10px;
    border-radius: 0 0 7px 7px;
}

#box-monitoramento {
    width: 640px;
    text-align: left;
}

#box-monitoramento-topo {
    height: 30px;
    line-height: 30px;
    width: 640px;
    text-align: left;
    background: url(../monitoramento/imagens/box-monitoramento-topo.gif) no-repeat;
    padding-left: 10px;
}

#box-monitoramento-detalhes {
    width: 640px;
    text-align: left;
    background: url(../projetos/imagens/box-projeto-detalhes-bg.gif) repeat-y;
    padding-left: 10px;
}

#box-clientesparceiros {
    width: 640px;
    text-align: left;
    margin-bottom: 10px;
}

#box-clientesparceiros-topo {
    height: 30px;
    line-height: 30px;
    width: 640px;
    text-align: left;
    background: url(../clientes-parceiros/imagens/box-parceiros-topo.gif) no-repeat;
    padding-left: 10px;
}

#box-clientesparceiros-detalhes {
    width: 640px;
    text-align: left;
    background: url(../projetos/imagens/box-projeto-detalhes-bg.gif) repeat-y;
    padding-left: 10px;
}

#box-projeto-emdetalhes-projeto {
    width: 640px;
    text-align: left;
    vertical-align: top;
}

#box-projeto-emdetalhes-equipe {
    width: 640px;
    text-align: left;
}

#box-projeto-emdetalhes-resultado {
    width: 640px;
    height: auto;
    text-align: left;
}

#box-projeto-emdetalhes {
    width: 640px;
    text-align: left;
}

#box-projeto-emdetalhes-imagem {
    width: 40px;
    text-align: center;
    float: left;
}

#box-projeto-emdetalhes-textos {
    width: 580px;
    text-align: left;
    float: left;
    line-height: 18px;
}

#box-projeto-emdetalhes-logo {
    width: 150px;
    height: 115px;
    text-align: left;
    float: left;
    background: #fff;
    border: #dfdfdf 5px solid;
}

.list__inicial li {
    margin-top: 15px;
}
.list__item {
    border-radius: 4px;
    background: #F2F2F2;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    display: block;
    transition: background 0.5s ease,
                color 0.5s ease;
}
.list__item:hover {
    background: #ececec;
}
.list__item span {
    color: #268fa7;
    font-size: 4em;
}
.list__item:hover span {
    color: #146375;
}
.list__item p {
    margin: 10px 0;
}

#inicial-menu-master {
    height: auto;
    width: 660px;
    float: left;
}

#inicial-menu-icon {
    float: left;
    height: 199px;
    width: 160px;
}

#inicial-menu-icon a {
    background-color: #f2f2f2;
}

#inicial-menu-icon a.icon {
    display: block;
    height: 150px;
    margin: 5px 0;
    width: 160px;
}

#inicial-menu-icon a.icon img {
    margin: 35px 30px;
}

#inicial-menu-icon a.icon img.dashboard-icon {
    fill: #268fa7;
}

#inicial-menu-icon a h4 {
    background-color: #fff;
    font-weight: bolder;
    margin: 0;
    padding: 0;
    text-align: center;
}

#financeiro-geral-master {
    width: 610px;
}

#financeiro-geral-cabecalho-mes {
    height: 30px;
    line-height: 30px;
    width: 70px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #f4f4f4 1px solid;
    border-bottom: #f4f4f4 1px solid;
}

#financeiro-geral-cabecalho-rubricas {
    height: 30px;
    line-height: 30px;
    width: 98px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #f4f4f4 1px solid;
    border-bottom: #f4f4f4 1px solid;
}

#financeiro-geral-cabecalho-totalgasto {
    height: 30px;
    line-height: 30px;
    width: 98px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #f4f4f4 1px solid;
    border-bottom: #f4f4f4 1px solid;
}

#financeiro-geral-mes {
    height: 25px;
    line-height: 25px;
    width: 70px;
    float: left;
    background: #d5d5d5;
    text-align: center;
    border-right: #f4f4f4 1px solid;
    border-bottom: #f4f4f4 1px solid;
}

#financeiro-geral-rubricas {
    height: 25px;
    line-height: 25px;
    width: 98px;
    float: left;
    background: #e9e9e9;
    text-align: right;
    border-right: #f4f4f4 1px solid;
    border-bottom: #f4f4f4 1px solid;
}

#financeiro-geral-totalgasto {
    height: 25px;
    line-height: 25px;
    width: 98px;
    float: left;
    background: #d5d5d5;
    text-align: right;
    border-right: #f4f4f4 1px solid;
    border-bottom: #f4f4f4 1px solid;
}

#financeiro-geral-resultados-mes {
    height: 25px;
    line-height: 25px;
    width: 70px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #f4f4f4 1px solid;
    border-bottom: #f4f4f4 1px solid;
}

#financeiro-geral-resultados-rubricas {
    height: 25px;
    line-height: 25px;
    width: 87px;
    float: left;
    background: #c6c6c6;
    text-align: right;
    border-right: #f4f4f4 1px solid;
    border-bottom: #f4f4f4 1px solid;
}

#financeiro-geral-resultados-totalgasto {
    height: 25px;
    line-height: 25px;
    width: 98px;
    float: left;
    background: #c6c6c6;
    text-align: right;
    border-right: #f4f4f4 1px solid;
    border-bottom: #f4f4f4 1px solid;
}

#financeiro-admrubricas-master {
    width: 430px;
}

#financeiro-admrubricas-cabecalho-nome {
    height: 30px;
    line-height: 30px;
    width: 240px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admrubricas-cabecalho-valorprevisto {
    height: 30px;
    line-height: 30px;
    width: 115px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admrubricas-cabecalho-botoes {
    height: 30px;
    line-height: 30px;
    width: 70px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admrubricas-nome {
    height: 25px;
    line-height: 25px;
    width: 240px;
    float: left;
    background: #dbdbdb;
    text-align: left;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admrubricas-valorprevisto {
    height: 25px;
    line-height: 25px;
    width: 115px;
    float: left;
    background: #dbdbdb;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admrubricas-botoes {
    height: 25px;
    line-height: 25px;
    width: 70px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-master {
    width: 1060px;
    margin: 0 auto;
    float: inherit;
}

#financeiro-admrecursos-master {
    width: 620px;
    margin: 0 auto;
    float: inherit;
}

#financeiro-admcontratos-cabecalho-numero {
    height: 30px;
    line-height: 30px;
    width: 110px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-cabecalho-descricao {
    height: 30px;
    line-height: 30px;
    width: 270px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-cabecalho-valorprevisto {
    height: 30px;
    line-height: 30px;
    width: 120px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}


#financeiro-admcontratos-cabecalho-valor-realizado {
    height: 30px;
    line-height: 30px;
    width: 120px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-cabecalho-saldo {
    height: 30px;
    line-height: 30px;
    width: 120px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}


#financeiro-admcontratos-cabecalho-data-inicio {
    height: 30px;
    line-height: 30px;
    width: 100px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-cabecalho-data-fim {
    height: 30px;
    line-height: 30px;
    width: 100px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}


#financeiro-admcontratos-cabecalho-progresso-financeiro {
    height: 30px;
    line-height: 30px;
    width: 70px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-cabecalho-progresso-fisico {
    height: 30px;
    line-height: 30px;
    width: 70px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}


#financeiro-admcontratos-cabecalho-botoes {
    height: 30px;
    line-height: 30px;
    width: 60px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-numero {
    height: 25px;
    line-height: 25px;
    width: 110px;
    float: left;
    background: #dbdbdb;
    text-align: left;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-descricao {
    height: 25px;
    line-height: 25px;
    width: 270px;
    float: left;
    background: #dbdbdb;
    text-align: left;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    overflow: hidden;
}

#financeiro-admcontratos-valorprevisto {
    height: 25px;
    line-height: 25px;
    width: 120px;
    float: left;
    background: #dbdbdb;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}


#financeiro-admcontratos-valor-realizado {
    height: 25px;
    line-height: 25px;
    width: 120px;
    float: left;
    background: #dbdbdb;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-saldo{
    height: 25px;
    line-height: 25px;
    width: 120px;
    float: left;
    background: #dbdbdb;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}


#financeiro-admcontratos-data-inicio {
    height: 25px;
    line-height: 25px;
    width: 100px;
    float: left;
    background: #dbdbdb;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-data-fim {
    height: 25px;
    line-height: 25px;
    width: 100px;
    float: left;
    background: #dbdbdb;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}


#financeiro-admcontratos-progresso-financeiro {
    height: 25px;
    line-height: 25px;
    width: 70px;
    float: left;
    background: #dbdbdb;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-admcontratos-progresso-fisico {
    height: 25px;
    line-height: 25px;
    width: 70px;
    float: left;
    background: #dbdbdb;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}


#financeiro-admcontratos-botoes {
    height: 25px;
    line-height: 25px;
    width: 60px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-master {
    width: 100%;
}

#financeiro-fluxo-cabecalho-id {
    height: 30px;
    line-height: 30px;
    width: 40px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-cabecalho-descricao {
    height: 30px;
    line-height: 30px;
    width: 254px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-cabecalho-rubrica {
    height: 30px;
    line-height: 30px;
    width: 80px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-cabecalho-empresa {
    height: 30px;
    line-height: 30px;
    width: 110px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-cabecalho-receita {
    height: 30px;
    line-height: 30px;
    width: 110px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-cabecalho-despesa {
    height: 30px;
    line-height: 30px;
    width: 110px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-id {
    height: 30px;
    line-height: 30px;
    width: 40px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    overflow: hidden;
}

#financeiro-fluxo-descricao {
    height: 30px;
    line-height: 30px;
    width: 254px;
    float: left;
    background: #dbdbdb;
    text-align: left;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    overflow: hidden;
}

#financeiro-fluxo-rubrica {
    height: 30px;
    line-height: 10px;
    width: 80px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    overflow: hidden;
}

#financeiro-fluxo-empresa {
    height: 30px;
    line-height: 30px;
    width: 110px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    overflow: hidden;
}

#financeiro-fluxo-receita {
    height: 30px;
    line-height: 30px;
    width: 110px;
    float: left;
    background: #dbdbdb;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-despesa {
    height: 30px;
    line-height: 30px;
    width: 110px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-complemento {
    height: 30px;
    line-height: 30px;
    width: 659px;
    float: left;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-complemento-saldo {
    height: 30px;
    line-height: 30px;
    width: 659px;
    float: left;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-fluxo-saldo {
    height: 30px;
    line-height: 30px;
    width: 216px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-master {
    width: 615px;
}

#financeiro-empresa-cabecalho-principal {
    height: 30px;
    line-height: 30px;
    width: 609px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #f4f4f4 5px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-cabecalho-descricao {
    height: 30px;
    line-height: 30px;
    width: 245px;
    float: left;
    background: #cdcdcd;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-cabecalho-contrato {
    height: 30px;
    line-height: 30px;
    width: 90px;
    float: left;
    background: #cdcdcd;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-cabecalho-rubrica {
    height: 30px;
    line-height: 30px;
    width: 90px;
    float: left;
    background: #cdcdcd;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-cabecalho-data {
    height: 30px;
    line-height: 30px;
    width: 90px;
    float: left;
    background: #cdcdcd;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-cabecalho-valor {
    height: 30px;
    line-height: 30px;
    width: 90px;
    float: left;
    background: #cdcdcd;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-descricao {
    height: 33px;
    line-height: 33px;
    width: 245px;
    float: left;
    background: #dbdbdb;
    text-align: left;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-contrato {
    height: 33px;
    line-height: 33px;
    width: 90px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-rubrica {
    height: 34px;
    line-height: 12px;
    width: 90px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-data {
    height: 33px;
    line-height: 33px;
    width: 90px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-valor {
    height: 33px;
    line-height: 33px;
    width: 90px;
    float: left;
    background: #dbdbdb;
    text-align: right;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-valor-total {
    height: 33px;
    line-height: 33px;
    width: 90px;
    float: left;
    background: #c6c6c6;
    text-align: right;
    border-right: #f4f4f4 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-empresa-complemento {
    height: 33px;
    line-height: 33px;
    width: 515px;
    float: left;
    text-align: right;
    border-right: #f4f4f4 5px solid;
    border-bottom: #f4f4f4 1px solid;
}

#financeiro-mes-master {
    width: 615px;
}

#financeiro-mes-cabecalho-principal {
    height: 30px;
    line-height: 30px;
    width: 609px;
    float: left;
    background: #c6c6c6;
    text-align: center;
    border-right: #f4f4f4 5px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-mes-cabecalho-descricao {
    height: 30px;
    line-height: 30px;
    width: 335px;
    float: left;
    background: #cdcdcd;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-mes-cabecalho-contrato {
    height: 30px;
    line-height: 30px;
    width: 90px;
    float: left;
    background: #cdcdcd;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-mes-cabecalho-empresa {
    height: 30px;
    line-height: 30px;
    width: 90px;
    float: left;
    background: #cdcdcd;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-mes-cabecalho-valor {
    height: 30px;
    line-height: 30px;
    width: 90px;
    float: left;
    background: #cdcdcd;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-mes-descricao {
    height: 25px;
    line-height: 25px;
    width: 335px;
    float: left;
    background: #dbdbdb;
    text-align: left;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#financeiro-mes-contrato {
    height: 25px;
    line-height: 25px;
    width: 90px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-mes-empresa {
    height: 25px;
    line-height: 25px;
    width: 90px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-mes-valor {
    height: 25px;
    line-height: 25px;
    width: 90px;
    float: left;
    background: #dbdbdb;
    text-align: center;
    border-right: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-mes-valor-total {
    height: 25px;
    line-height: 25px;
    width: 90px;
    float: left;
    background: #c6c6c6;
    text-align: right;
    border-right: #f4f4f4 1px solid;
    border-bottom: #e9e9e9 1px solid;
}

#financeiro-mes-complemento {
    height: 25px;
    line-height: 25px;
    width: 514px;
    float: left;
    text-align: right;
    border-right: #f4f4f4 5px solid;
    border-bottom: #f4f4f4 1px solid;
}

#erroFormMsg {
    font-size: 12px;
}

#errorMsg {
    font-size: 12px;
}



/*TOOLTIP*/
.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    background: #fff;
    border: 2px solid grey;
    border-radius: 3px;
}

.ui-helper-hidden-accessible {
    display: none;
}

#dhtmltooltip {
    position: absolute;
    left: -300px;
    border: 0 solid black;
    visibility: hidden;
    z-index: 100;
}

#dhtmlpointer {
    position: absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

/* LINKS */
a {
    color: #1d8ea8;
    text-decoration: none;
}

a:hover {
    color: #146375;
    text-decoration: none;
}

/* FORMS */

.filtros-cliente {
    height: 16px;
    width: 230px;
    background: #f4f4f4;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.filtros-programa {
    height: 16px;
    width: 180px;
    background: #f4f4f4;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.filtros-busca {
    height: 22px;
    width: 100px;
    border: #ccc 1px solid;
    background: #f4f4f4;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.projeto-cadastro-list {
    height: 25px;
    width: 100%;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.projeto-cadastro-list-155 {
    height: 12px;
    width: 170px;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.projeto-cadastro-field-155 {
    width: 160px;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.projeto-cadastro-field-160 {
    width: 160px;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.projeto-cadastro-field-582 {
    width: 100%;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.projeto-cadastro-field-280 {
    width: 100%;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.projeto-cadastrohistorico-list-155 {
    height: 20px;
    width: 592px;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.projeto-cadastroarquivos-582 {
    height: 20px;
    width: 592px;
    border: #cccccc 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.projeto-cadastro-text {
    height: 90px;
    width: 100%;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.modelos-590 {
    height: 16px;
    width: 610px;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.modelos-list {
    height: 22px;
    width: 619px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #ccc;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #ccc;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.modelos-text {
    height: 100px;
    width: 610px;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.cadastro-usuario-285 {
    height: 16px;
    width: 285px;
    color: #666;
    background-color: transparent;
    border: none;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.cadastro-usuario-list {
    height: 16px;
    width: 300px;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.cadastro-usuario-list2 {
    height: 16px;
    width: 305px;
    color: #666;
    border: none;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.cadastro-usuario-185 {
    height: 16px;
    width: 185px;
    border: #c5c5c5 1px solid;
    background: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.cadastro-usuario-94 {
    height: 16px;
    width: 94px;
    color: #666;
    background-color: transparent;
    border: none;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.contato-text {
    height: 145px;
    width: 600px;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.cadastro-clienteparceiro-imagem {
    height: 22px;
    width: 280px;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.cadastro-clienteparceiro-obs {
    height: 50px;
    width: 610px;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.grafico-gerenciaretapas-70 {
    height: 15px;
    width: 60px;
    border: #d9d9d9 1px solid;
    background: #ececec;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.grafico-gerenciaretapas-40 {
    height: 15px;
    width: 30px;
    border: #d9d9d9 1px solid;
    background: #ececec;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.login {
    height: 16px;
    width: 166px;
    background: #FFFFFF;
    border: #FFFFFF 0 solid;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

.financeiro-adm-400 {
    height: 18px;
    width: 400px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.financeiro-adm-320 {
    height: 18px;
    width: 320px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.financeiro-adm-btn {
    height: 18px;
    width: 77px;
    border: #c5c5c5 1px solid;
    background: #ebebeb;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.financeiro-adm-530 {
    height: 18px;
    width: 530px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.financeiro-adm-258 {
    height: 18px;
    width: 261px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.financeiro-fluxo-busca-palavrachave {
    height: 18px;
    width: 135px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.financeiro-fluxo-busca-periodo {
    height: 18px;
    width: 108px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.financeiro-fluxo-busca-btn {
    height: 22px;
    width: 70px;
    border: #c5c5c5 1px solid;
    background: #ebebeb;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-cadastro-contratos-grande {
    height: 22px;
    width: 533px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-cadastro-contratos-nomecontrato {
    height: 18px;
    width: 380px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-cadastro-contratos-arquivo {
    height: 22px;
    width: 380px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-cadastro-contratos-numerocontrato {
    height: 18px;
    width: 140px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-cadastro-contratos-descricao {
    height: 60px;
    width: 530px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-cadastro-contratos-campo {
    height: 18px;
    width: 120px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-fluxodecaixa-palavrachave {
    height: 18px;
    width: 360px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-fluxodecaixa-rubrica {
    height: 22px;
    width: 210px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-edicaofinanceiro-listbox {
    height: 22px;
    width: 420px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-edicaofinanceiro-textarea {
    height: 60px;
    width: 416px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-edicaofinanceiro-valorprevisto {
    height: 18px;
    width: 150px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-usuarios-busca {
    height: 18px;
    width: 200px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.form-modelos-listar {
    height: 22px;
    width: 250px;
    border: #c5c5c5 1px solid;
    background: #fff;
    color: #666;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

/* GERAL */
.texto-padrao {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 20px;
}

.texto-menu-sublink {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

.texto-subtitulo {
    font-family: Arial, Verdana, sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.texto-branco {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #fff;
}

#formulario label {
    margin-top: 5px;
    display: block;
    font-weight: normal;
}

.texto-projeto-financeiro-conteudotabela {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #5c5c5c;
}

.texto-financeiro-valores {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    padding-right: 5px;
}

.texto-financeiro-valores-total {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    padding-right: 5px;
    font-weight: bold;
}

.texto-financeiro-adm-nomes {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    padding-left: 5px;
}

.texto-financeiro-ou {
    font-family: Arial, Verdana, sans-serif;
    font-size: 10px;
    color: #000;
}

.texto-titulo {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    padding: 10px 2px;
    font-weight: bold;
    text-transform: uppercase;
}

/* LISTAR PROJETOS*/
.inputListarProjeto {
    height: 18px;
    border: #CCCCCC 1px solid;
    background: #FFFFFF;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.erro {
    background: #FFD0D2 url(../admin/_img/layout/erro_bg.gif) no-repeat;
    border: 1px #fb868b solid;
    padding: 5px 5px 5px 40px;
}

.aviso {
    background: #fffcd4 url(../admin/_img/layout/aviso_bg.gif) no-repeat;
    border: 1px #fed450 solid;
    padding: 5px 5px 5px 40px;
}

.sucesso {
    background: #F1FFDB url(../admin/_img/layout/sucesso_bg.gif) no-repeat;
    border: 1px #a9df5c solid;
    padding: 5px 5px 5px 40px;
}

.hint {
    color: #333333;
    font-size: 0.8em;
}

/* AJAX LOADER*/
.ajaxloader {
    background: url(../ajax-loader.gif) no-repeat center center;
    height: 30px;
    width: 30px;
}

ul.parceiros, ul.cooperadas, ul.terceiros {
    list-style: none;
    padding: 0;
    margin: 5px 0;
    width: 100%;
    display: block;
    float: left;
    font-size: 85%;
}

button {
    cursor: pointer;
}

#beneficiados_div {
    margin: 15px 0;
}

fieldset {
    border: 1px #ccc solid;
    padding: 10px;
}

#fieldset_beneficiados {
    margin-bottom: 15px;
}

#fieldset_beneficiados input, #fieldset_beneficiados select {
    display: block;
    /*margin: 5px 0;*/
    width: 100%;
}

#pi_div {
    margin: 15px 0;
}

#fieldset_pi {
    margin-bottom: 15px;
}

#fieldset_pi input, #fieldset_pi select {
    display: block;
    /*margin: 5px 0;*/
}

h5 {
    margin: 5px 0;
}

.cadastro-parceiro {
    margin: 8px 0;
    width: 500px;
    float: left;
}

.cadastro-parceiro input {
    width: 100%;
}

.busca-parceiro {
    float: left;
    height: 30px;
    margin: 30px 10px 0;
}

hr {
    margin: 15px 0;
}

ul.terceiros {
    margin-bottom: 20px;
}

#data_fim_Year_ID {
    height: inherit;
}

#data_inicio_Year_ID {
    height: inherit;
}

#data_da_assinatura_Year_ID {
    height: inherit;
}

.participantes {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 125px;
    overflow: hidden;
}

.plano_gestao table label {
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 3px;
}
#tabela_investimentos td.form-group legend {
    margin-bottom: 20px;
}

.card .card-title span {
    font-size: 75%;
    color: #666;
}
.card .card-options span:first-child {
    margin-right: 5px;
}
.card .bg-info {
    background-color: #D8EDF6 !important;
}
.card-body, .card-footer {
    background: #F5F5F5;
}
.card-body .item {
    margin-bottom: 10px;
}
.card-body span {
    color: #878787;
}
.card-body p {
    margin: 0;
}
.card-body hr {
    border-top: 2px solid #FAFAFA;
    width: 100%;
}
.card-body hr.inverse {
    border-top: #FCFCFC;
}

/* Helpers */
.lead {
    margin-bottom: 0;
    margin-top: 25px;
}
.align-middle {
    vertical-align: middle!important;
}
.btn-group-lg>.btn, .btn-md {
    padding: 8px 12px;
    font-size: 15px;
    line-height: 1.333333;
    border-radius: 6px;
}
.card-status-bottom {
    position: absolute;
    border-radius: 0 0 3px 3px;
    top: auto;
    bottom: -1px;
}
.bg-sgp4 {
    background-color: #1D8EA8 !important;
}
.bg-sgp4-lighter {
    background-color: #EEF1F4 !important;
}
.bg-sgp4-lighter:hover {
    background-color: #FFFFFF !important;
}
.c-sgp4 {
    color: #1D8EA8 !important;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}
#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 70%;
    }
    #sidebar-wrapper {
    margin-left: 0;
    }

    #page-content-wrapper {
    min-width: 0;
    width: 100%;
    }

    #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
    }
}
.sub-menu:not(.clearfix){
    min-width: 230px;
}
body,
.menu,
.sub-menu {
    margin: 0;
    padding: 0;
}
.clearfix:after{
    content: '.';
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
    overflow: hidden;
}
.menu,
.sub-menu {
    z-index: 9;
    list-style: none;
    background: #000;
}
.sub-menu {
    background: #f4f4f4;
    /*background: #444;*/
}
.menu a {
    text-decoration: none;
    display: block;
    padding: 10px;
    /*color: #fff;*/
    color: black;
    font-family: sans-serif;
    font-size: 12px;
    /*text-transform: uppercase;*/
    font-weight: 700;
    border: 1px solid #D9D9D9;
}
.menu li {
    position: relative;
}
.menu > li {
    float: left;
}
.menu > li:hover {
    /*background: #444;*/
    background: #D9D9D9;
}
.menu li:hover > .sub-menu {
    display: block;
}
.sub-menu {
    display: none;
    position: absolute;
    min-width: 150px;
}
.sub-menu li:hover {
    /*background: #555;*/
    background: #D9D9D9;
}

.sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

.legend {
    display: inline-block;
    background: #e6e8e9;
    width: .75em;
    height: .75em;
    border-radius: 4px;
}