/*--- PRINCIPAL ---*/
@font-face {
    src: url('../Fonts/OpenSans-Regular_1.ttf');
    font-family: Open Sans Regular;
}

@font-face {
    src: url('../Fonts/OpenSans-Light_1.ttf');
    font-family: Open Sans Light;
}

body {
    padding: 0;
    margin: 0;
}

a {
    font-family: Open Sans Light !important;
    text-decoration: none !important;
    color: #fff !important;
    outline: none !important;
}

    a:hover {
        text-decoration: underline !important;
    }

td a {
    color:#333333!important;
}

h1 {
    font-family: Open Sans Regular !important;
    color: #555 !important;
    margin: 10px 0 25px 0 !important;
}

h3 {
    font-family: Open Sans Regular !important;
    color: #555 !important;
    margin: 10px 0 10px 0 !important;
}

/*--- HEADER ---*/
header {
    background: url('../Images/bg_header.png') no-repeat;
    background-size: 100%;
    background-position-x: 50%;
    background-position-y: 100%;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 899px) {
    header {
        background-position-y: 0;
    }
}

.h-cont {
    width: 100%;
    max-width: 1280px;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin: 0 auto;
}
    .h-cont p {
        font-family: Open Sans Light !important;
        color: #3682b7 !important;
        font-size: 14px;
        width: 100%;
        padding: 0;
        text-align: center;
        
    }

header img {
    /*width: 100%;
    max-width: 346px;
    height: auto;*/
    height:100%;
    max-height: 120px;
    padding: 0;
    margin: 20px 10px 0 10px;
    border: 0;
}

/*--- MENU ---*/
.menu {
    background: #3682b7 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 20px !important;
    padding: 0 !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
}

    .menu a {
        text-decoration: none !important;
    }

        .menu a:hover {
            color: #3682b7 !important;
        }

    .menu .navbar-toggle {
        background: #fff !important;
        color: #3682b7 !important;
    }

        .menu .navbar-toggle .icon-bar {
            background: #3682b7 !important;
        }

    .menu .navbar-collapse.in {
        background: #429ad8 !important;
    }

/*--- MAIN ---*/
.main {
    width: 100%;
    max-width: 1280px;
    min-height: 655px;
    padding: 10px;
    margin: 0 auto;
}

/*--- FOOTER ---*/
footer {
    background: #3682b7;
    width: 100%;
    max-width: 100%;
    height: auto;
    position: fixed;
    font-family: Open Sans Light;
    font-size: 12px;
    text-align: center;
    color: #fff;
    padding: 10px 0 10px 0;
    margin: 0;
    bottom: 0;
}


/*--- PÁGINAS ---*/

/*--- PÁGINA LOGIN ---*/
.login-title {
    width: 100%;
    max-width: 100%;
    height: auto;
    font-family: Open Sans Regular;
    font-size: 28px;
    text-align: center;
    color: #555;
    padding: 0;
    margin: 76px auto 76px auto;
}

.login-titles {
    width: 100%;
    max-width: 290px;
    height: auto;
    font-family: Open Sans Light;
    font-size: 18px;
    color: #3682b7;
    padding: 0;
    margin: 5px auto 5px auto;
}

.acesso-login {
    width: 100%;
    max-width: 290px;
    height: auto;
    padding: 0;
    margin: 0 auto;
}

.txtLogin {
    width: 100%;
    max-width: 285px;
    height: 40px;
    font-family: Open Sans Light;
    font-size: 14px;
    text-indent: 5px;
    color: #b2b2b2;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    border: 1px solid #b2b2b2;
}

.acesso-senha {
    width: 100%;
    max-width: 290px;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 auto;
}

.txtSenha {
    width: 100%;
    max-width: 228px;
    height: 40px;
    font-family: Open Sans Light;
    font-size: 14px;
    text-indent: 5px;
    color: #b2b2b2;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    border: 1px solid #b2b2b2;
}

.btnLogin {
    background: #77cd90;
    width: 100%;
    max-width: 45px;
    height: 40px;
    font-family: Open Sans Regular;
    font-size: 20px;
    text-align: center;
    color: #fff;
    padding: 0;
    margin-left: 12px;
    border-radius: 5px;
    border: 1px solid #52a764;
    cursor: pointer;
    outline: none !important;
}

    .btnLogin:hover {
        background: #52a764;
    }

.btnEsqueci {
    font-family: Open Sans Light;
    font-size: 15px;
    color: #b2b2b2;
    padding: 0;
    margin: 12px 0 0 5px;
    cursor: pointer;
}

.casa {
    width: 100%;
    max-width: 1280px;
    height: auto;
    text-align: right;
    padding: 0;
    margin: 150px auto 0 auto;
}

    .casa img {
        width: 100%;
        max-width: 412px;
        height: auto;
        padding: 0;
        margin: 0;
        border: 0;
    }

/*--- PÁGINA CADASTRO DEFAULT ---*/
.cad-group-show {
    width: 100%;
    max-width: 1280px;
    height: auto;
    font-family: Open Sans Regular;
    font-size: 14px;
    color: #777;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0 auto;
}

.cad-group {
    width: 100%;
    max-width: 1280px;
    height: auto;
    font-family: Open Sans Regular;
    font-size: 14px;
    color: #777;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    margin: 0 auto;
}

    .cad-group a, a:visited, a:hover, a:active {
        color: inherit;
    }

.cad-group-matricula {
    width: 100%;
    max-width: 70px;
    height: auto;
    font-family: Open Sans Light;
    padding: 0;
    margin: 0 4px 12px 0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

.cad-group-nome {
    width: 100%;
    max-width: 300px;
    height: auto;
    font-family: Open Sans Light;
    padding: 0;
    margin: 0 4px 12px 0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

.cad-group-cpf {
    width: 100%;
    max-width: 100px;
    height: auto;
    font-family: Open Sans Light;
    padding: 0;
    margin: 0 4px 12px 0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

.cad-group-rg {
    width: 100%;
    max-width: 80px;
    height: auto;
    font-family: Open Sans Light;
    padding: 0;
    margin: 0 4px 12px 0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

.cad-group-tel {
    width: 100%;
    max-width: 120px;
    height: auto;
    font-family: Open Sans Light;
    padding: 0;
    margin: 0 4px 12px 0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

.cad-group-cel {
    width: 100%;
    max-width: 120px;
    height: auto;
    font-family: Open Sans Light;
    padding: 0;
    margin: 0 4px 12px 0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

.cad-group-email {
    width: 100%;
    max-width: 258px;
    height: auto;
    font-family: Open Sans Light;
    padding: 0;
    margin: 0 4px 12px 0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

.cad-group-opcoes {
    width: 100%;
    max-width: 128px;
    height: auto;
    font-family: Open Sans Light;
    padding: 0;
    margin: 0 0 12px 0;
}

.cad-group-login {
    width: 100%;
    max-width: 200px;
    height: auto;
    font-family: Open Sans Light;
    padding: 0;
    margin: 0 4px 12px 0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

.cad-group-ativo {
    width: 100%;
    max-width: 50px;
    height: auto;
    font-family: Open Sans Light;
    padding: 0;
    margin: 0 4px 12px 0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

.cad-item-none {
    display: none;
}

@media screen and (max-width: 1280px) {
    .cad-group-show {
        display: none;
    }

    .cad-item-none {
        display: block;
    }
}

/*--- PÁGINA CADASTRO INCLUIR ---*/
.inputForm {
    width: 100%;
    max-width: 1280px;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 20px;
}

.inputForm-cont {
    background: #eee;
    max-width: 100%;
    height: auto;
    font-family: Open Sans Light;
    color: #777;
    padding: 5px;
    margin: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #eee;
}

.inputForm-Incluir {
    width: 100%;
    max-width: 302px;
    height: auto;
    font-family: Open Sans Light;
    font-size: 14px;
    color: #777;
    padding: 5px;
    margin: 0;
    border: 0;
    border-right: 1px solid #777;
    border-bottom: 1px solid #777;
}

.inputForm-Image {
    width: 100%;
    max-width: 100px;
    height: 133px;
    padding: 0;
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid #777;
}

.txtFonteStyle {
    font-family: Open Sans Regular;
    color: #555;
}

.txtMatricula {
    width: 100%;
    max-width: 225px;
    margin-right: 10px;
}

.txtID {
    width: 100%;
    max-width: 207px;
    margin-right: 10px;
}

.txtNome {
    width: 100%;
    max-width: 1025px;
}

.txtNome2 {
    width: 100%;
    max-width: 982px;
}

.txtQtdeCotas {
    width: 100%;
    max-width: 50px;
    margin-left:5px;
}

.txtNomeRazao {
    width: 100%;
    max-width: 915px;
    margin-right: 10px;
}

.txtDescricao {
    width: 100%;
    max-width: 100%;
}

.txtCPF, .txtRG, .txtRgOrgao {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtCNPJ {
    width: 100%;
    max-width: 335px;
}

.txtDataNasc {
    width: 100%;
    max-width: 225px;
}

.txtEstCivil, .txtRegimeCasamento, .txtQtdeDep {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtNacionalidade {
    width: 100%;
    max-width: 225px;
}

.txtProfissao, .txtCargo {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtRenda {
    width: 100%;
    max-width: 570px;
}

.txtCEP {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtLogradouro {
    width: 100%;
    max-width: 235px;
    margin-right: 10px;
}

.txtEndereco {
    width: 100%;
    max-width: 705px;
    margin-right: 10px;
}

.txtNumero {
    width: 100%;
    max-width: 200px;
}

.txtComplemento {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtBairro, .txtCidade {
    width: 100%;
    max-width: 347px;
    margin-right: 10px;
}

.txtUF {
    width: 100%;
    max-width: 100px;
}

.txtTelefone {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtFax {
    width: 100%;
    max-width: 347px;
    margin-right: 10px;
}

.txtCelular {
    width: 100%;
    max-width: 347px;
    margin-right: 10px;
}

.txtEmail {
    width: 100%;
    max-width: 558px;
}

.txtNomeMae {
    width: 100%;
    max-width: 625px;
    margin-right: 10px;
}

.txtNomePai {
    width: 100%;
    max-width: 625px;
}

.txtNomeConjuge {
    width: 100%;
    max-width: 625px;
    margin-right: 10px;
}

.txtCPFConjuge, .txtRGConjuge {
    width: 100%;
    max-width: 225px;
    margin-right: 10px;
}

.txtDtNascConjuge {
    width: 100%;
    max-width: 155px;
}

.txtNacionalidadeConjuge, .txtCargoConjuge {
    width: 100%;
    max-width: 308px;
    margin-right: 10px;
}

.txtRendaConjuge {
    width: 100%;
    max-width: 624px;
}

.txtCooperado {
    width: 100%;
    max-width: 100%;
}

.txtNroContrato {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtData {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtUnidade {
    width: 100%;
    max-width: 570px;
}

.txtValor, .txtQtdeParcelas {
    width: 100%;
    max-width: 313px;
    margin-right: 10px;
}

.txtValorInicial {
    width: 100%;
    max-width: 280px;
    margin-right: 10px;
}

.txtValorMensal {
    width: 100%;
    max-width: 291px;
}

.txtValorPago, .txtValorDevedor, .txtDataVencto, .txtQtdeCotasPagar {
    width: 100%;
    max-width: 245px;
    margin-right: 10px;
}

.txtValorMensal2 {
    width: 100%;
    max-width: 240px;
    /*margin-right: 10px;*/
}

.txtSituacao, .txtDiasAtraso {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtAnoBase {
    width: 100%;
    max-width: 279px;
    margin-right: 10px;
}

.txtPrimeiroVencto {
    width: 100%;
    max-width: 279px;
}

.txtObserv, .txtObservGeral {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtObservM {
    width: 100%;
    max-width: 100%;
}

.txtObservTelefone {
    width: 100%;
    max-width: 570px;
}

.txtNroBanco {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtMensal {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtConta {
    width: 100%;
    max-width: 218px;
    margin-right: 10px;
}

.txtNomeReduzido {
    width: 100%;
    max-width: 335px;
}

.txtNomeRedUsuario {
    width: 100%;
    max-width: 335px;
    margin-right: 10px;
}

.txtClassFinanc {
    width: 100%;
    max-width: 335px;
}

.txtHistorico {
    width: 100%;
    max-width: 1025px;
}











.ddlStatus {
    max-width: 80px;
    height: 32px;
    border: 1px solid #eee;
}

/*--- BOTÕES ---*/
.btnIncluir {
    background: #77cd90;
    font-family: Open Sans Regular;
    font-size: 14px;
    color: #fff;
    padding: 4px;
    margin-bottom: 12px;
    border-radius: 5px;
    border: 1px solid #52a764;
}

    .btnIncluir:hover {
        background: #52a764;
    }

.btnAlt-Ex {
    width: 100%;
    max-width: 128px;
    height: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0;
    margin: 0;
}

.btnAlterar {
    background: transparent; /*#fff;*/
    /*font-family: Open Sans Regular;*/
    font-size: 12px;
    color: #ec9e2e!important;
    padding: 4px;
    margin: 0; /*margin: 5px 2.5px 0 5px;*/
    /*border-radius: 5px;
    border: 1px solid #ec9e2e;*/
}

    .btnAlterar:hover {
        background: #eee;
    }

.btnExcluir {
    background: transparent; /*#fff;*/
    /*font-family: Open Sans Regular;*/
    font-size: 12px;
    color: #db5c42!important;
    padding: 4px;
    margin: 0; /*margin: 5px 5px 0 2.5px;*/
    /*border-radius: 5px;
    border: 1px solid #db5c42;*/
}

    .btnExcluir:hover {
        background: #eee;
    }

.btnVisualizar2 {
    background: transparent; /*#fff;*/
    /*font-family: Open Sans Regular;*/
    font-size: 12px;
    color: #db5c42!important;
    padding: 4px;
    margin: 0; /*margin: 5px 5px 0 2.5px;*/
    /*border-radius: 5px;
    border: 1px solid #db5c42;*/
}

    .btnVisualizar2:hover {
        background: #eee;
    }

.btnTransferencia {
    /*background: #fff;
    font-family: Open Sans Regular;*/
    font-size: 12px;
    color: #52A764!important;
    padding: 4px;
    margin: 0; /*margin: 5px 5px 0 2.5px;*/
    /*border-radius: 5px;
    border: 1px solid #52A764;*/
}

    .btnTransferencia:hover {
        background: #eee;
    }

.btnTransferencia2 {
    /*background: #fff;
    font-family: Open Sans Regular;*/
    font-size: 12px;
    color: #52A764 !important;
    padding: 4px;
    margin: 0; /*margin: 5px 5px 0 2.5px;*/
    /*border-radius: 5px;
    border: 1px solid #52A764;*/
}

    .btnTransferencia2:hover {
        background: #eee;
        text-transform:none!important;
        text-decoration:none!important;
    }

.btnMudar {
    /*background: #fff;
    font-family: Open Sans Regular;*/
    font-size: 12px;
    color: #3682B7!important;
    padding: 4px;
    margin: 0; /*margin: 5px 5px 0 2.5px;*/
    /*border-radius: 5px;
    border: 1px solid #3682B7;*/
}

    .btnMudar:hover {
        background: #eee;
    }

.btnBuscar, .btnSalvar {
    background: #77cd90;
    font-family: Open Sans Regular;
    font-size: 14px;
    color: #fff;
    padding: 4px;
    margin: 0;
    border-radius: 5px;
    border: 1px solid #52a764;
}

    .btnBuscar:hover, .btnSalvar:hover {
        background: #52a764;
    }

.btnSalvar2 {
    background: #fff;
    /*font-family: Open Sans Regular;*/
    font-size: 12px;
    color: #52a764!important;
    padding: 4px;
    margin: 5px 5px 0 2.5px;
    /*border-radius: 5px;
    border: 1px solid #52a764;*/
}

    .btnSalvar2:hover {
        background: #eee;
    }



.btnPesquisar, .btnGerarParcelas {
    background: #eee;
    font-family: Open Sans Regular;
    font-size: 14px;
    color: #b2b2b2;
    padding: 4px;
    margin: 0 6px 12px 0;
    border-radius: 5px;
    border: 1px solid #b2b2b2;
}

    .btnPesquisar:hover, .btnGerarParcelas:hover {
        background: #ddd;
        color: #777;
    }

.btnVisualizar {
    background: transparent; /*#fff;*/
    font-family: Open Sans Regular;
    font-size: 12px;
    color: #52A764;
    padding: 4px;
    margin: 0; /*margin: 5px 2.5px 0 5px;*/
    border-radius: 5px;
    border: 1px solid #52A764;
}

    .btnVisualizar:hover {
        background: #eee;
    }

.btnPaginador {
    background: #eee;
    font-family: Open Sans Regular;
    font-size: 14px;
    color: #b2b2b2;
    padding: 4px;
    margin: 0 6px 12px 0;
    border-radius: 5px;
    border: 1px solid #b2b2b2;
}

    .btnPaginador:hover {
        background: #ddd;
        color: #777;
    }

.btnVoltar {
    background: #fff!important;
    font-family: Open Sans Regular!important;
    font-size: 14px;
    color: #bbb!important;
    padding: 4px;
    margin: 0 0 0 10px;
    border-radius: 5px;
    border: 1px solid #bbb!important;
    text-transform:none!important;
    text-decoration:none!important;
}

    .btnVoltar:hover {
        background: #eee;
    }

.dropdown-menu li a {
    color: #777 !important;
}

    .dropdown-menu li a:hover {
        color: #fff !important;
    }

.textbox {
    border: none;
    border: 1px solid #777;
    width: 100%;
    /*max-width: 302px;*/
    font-family: Open Sans Light;
    font-size: 14px;
    color: #777;
}

.flex {
    display: flex !important;
    width: 100% !important;
    max-width: 900px !important;
}

    .flex > input, .flex > select {
        height: 30px !important;
    }

    .flex > span {
        margin-top: 5px !important;
    }

.opcoes {
    width: 55px !important;
}

.opcoes2 {
    width: 105px !important;
}

.opcoes3 {
    width: 90px !important;
}

.opcoes > input {
    padding: 0 0 0 5px !important;
}


.grdConteudo > tbody > tr > td {
    padding: 0px 5px 0px 5px !important;
}
.grdConteudo > tbody > tr > th {
    padding: 5px 5px 5px 5px !important;
}

    .grdConteudo > tbody > tr > td > input {
        padding: 0;
        margin: 1px !important;
        padding: 0px 2px 0px 2px !important;
    }

table > tbody > tr > td {
    padding: 0px 5px 0px 5px !important;
    height: 26px;
    vertical-align:middle!important;
}

table > tbody > tr > th {
    padding: 5px 5px 5px 5px !important;
}

.grdConteudo > tbody > tr > td > input {
    padding: 0;
    margin: 1px !important;
    padding: 0px 2px 0px 2px !important;
}


.txtSituacao2 {
    border: none;
    border: 1px solid #777;
    width: 100%;
    max-width: 150px;
    font-family: Open Sans Light;
    font-size: 14px;
    color: #777;
}


.dropbox {
    border: none;
    border: 1px solid #777;
    width: 100%;
    max-width: 200px;
    height: 24px;
    font-family: Open Sans Light;
    font-size: 14px;
    color: #777;
}


@media screen and (max-width:395px) {
    .main {
        font-size: 10px;
    }

    .btnUpload {
        font-size: 10px;
    }

    .btnVisualizar {
        padding: 0px 4px 0px 3px;
        font-size: 8px;
    }

    .btnExcluir {
        padding: 0px 4px 0px 3px;
        font-size: 8px;
        width: 34px;
    }

    .Visualizar2 {
        padding: 0px 4px 0px 3px;
        font-size: 8px;
        width: 34px;
    }

    .btnAlterar {
        margin-left: 5px;
        padding: 0px 4px 0px 3px;
        font-size: 8px;
        width: 34px;
    }

    .user-m {
        margin-left: 2px;
    }

    .muda1 {
        margin-right: 27px;
    }

    .muda2 {
        margin-right: 52px;
    }
}

@media screen and (max-width:305px) {
    .div-btnEntrar {
        padding: 0;
    }
}

.ddlSelecao {
    font-family: Open Sans Light !important;
}
    .ddlSelecao option {
        font-family: Open Sans Light !important;
    }