* {
    font-size: 14px;
    /* color: #878787; */
    /* background-color: #F5F7FD; */
}

@media (max-width: 768px) {
    * {
        font-size: 15px;
    }

    .btn {
        font-size: 18px !important;
        padding: 10px 22px !important;
        border-radius: 8px !important;
    }
}

.container-topo {
    /* background: transparent url(../img/layout/bg-content-gradient.jpg) repeat-x scroll 0 0; */
    /* background: linear-gradient(#ffffff, #ECECEC) repeat-x scroll 0 0; */
    background-color: #FFF;

}

#wrap-body {
    /* background: transparent url(../img/layout/bg-content-gradient.jpg) repeat-x scroll 0 0; */
    /* background: linear-gradient(#ffffff, #ECECEC) repeat-x scroll 0 0; */
    /* background-color: #e3e1e1; */

}

body {
    background-color: #F5F5F5 !important;
    color: #000000 !important;
    font-family: 'Roboto', sans-serif !important;
}



a {
    color: #525151 !important;
    text-decoration: none !important;
}

a.nav-link:hover {
	color: #FFF !important;
}

label {
    font-weight: 600;
}
.form-control {
    background-color: #fafafa !important;
    font-size: 13px !important;
    min-height: calc(1.3em + 0.5rem + calc(var(--bs-border-width)* 2)) !important;
    padding: 3px 4px 3px 4px !important;
}


.card-box {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .125);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #fff;

}

.card-box-title {
    padding: 5px !important;
    border-bottom: 1px solid #c3c3c3 !important;
    color: #1A345C !important;
    font-weight: bold;
}

.text-color-principal {
    color: #1A345C !important;
}

.bg-principal {
    background-color: #4b87e2 !important;
}

@media (max-width: 768px) {
    .logo-principal {
        display: flex;
        justify-content: center;
    }
}

.menu-principal {
    padding: 3px !important;
    /* display: flex; */
    align-items: center;
    border-radius: 3px;
    /*border: 1px solid rgba(0, 0, 0, .125);*/
}

.link-menu {
    font-size: 13px !important;
    padding: 0px !important;
    color: #EBEBE7!important;
    border-radius: 3px;
}

.link-menu-sub {
    font-size: 13px !important;
    padding: 10px;
    color: #EBEBE7;
    border: 1px solid #e3e1e1 !important;
    border-radius: 3px;
    /* border-bottom: #e3e1e1 1px solid !important; */
    /* padding-top: 10px!important; */
}

.link-menu-sub:hover {
    background-color: #386bb6 !important;
    color: #FFF !important;
}

.link-menu:hover {
    color: #FFF !important;
    background-color: #386bb6 !important;
    border-radius: 5px;
}

.card-pagina-principal {
    max-height: 43px;
    background: rgb(230, 230, 230);
    background: linear-gradient(0deg, rgba(230, 230, 230, 1) 9%, rgba(255, 255, 255, 1) 100%);

    padding-top: 0px !important;
}

.cord-pagina-principal-body {
    padding: 12px !important;
    min-height: 70px !important;
}

.card-info-principal {
    padding: 5px 10px 5px 15px !important;
}

@media screen and (max-width: 768px) {
    .cord-pagina-principal-body {
        padding: 12px !important;
        min-height: 20px !important;
        margin-top: 5px !important;
    }
}

.btn-custom {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    padding: 0.5rem;
    background-color: #20b65c;
    color: white;
    text-decoration: none;
}

.btn-custom-blue {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
    padding: 0.5rem;
    background-color: #08b0ce;
    color: white;
    text-decoration: none;
}

.text-muted {
    color: #878787 !important;
}

.paragrafo-link {
    /* line-height: 15px; */
    margin-bottom: 10px;
}


.barra-titulo {
    padding: 5px;
    border: 1px solid #BFBFBF;
    box-shadow: 0 .145rem .25rem rgba(0, 0, 0, .075) !important;
    border-radius: 4px;
    max-height: 8em;
    background: rgb(230, 230, 230);
    background: linear-gradient(180deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 68%);
    font-weight: 800;
}

.barra2 {
    padding: 2px;
    font-size: 11px !important;
    /* border: 1px solid #BFBFBF; */
    /* box-shadow: 0 .145rem .25rem rgba(0, 0, 0, .075) !important; */
    /* border-radius: 4px; */
    max-height: 8em;
    /* background: rgb(230, 230, 230); */
    /* background: linear-gradient(180deg, rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 68%); */
    font-weight: 800;
    text-align: center;
}

.ropape {
    background: rgb(236, 236, 236);
    background: linear-gradient(180deg, rgba(236, 236, 236, 1) 22%, rgba(251, 251, 251, 1) 100%);
}

.menu-topo {
    background: rgb(236, 236, 236);
    background: linear-gradient(0deg, rgb(248, 246, 246) 9%, rgb(236, 236, 236) 100%);
    box-shadow: 1px 1px 6px #cbcaca !important
}

@media (max-width: 701px) {
    .menu-topo {

    }
}

.cinza {
    background-color: #fafafa !important;
    /* background-color: #cb1414 !important; */
}

.disabled {
    background-color: #d1d0d0 !important;
}

a {
    color: #495057;
    text-decoration: none !important
}

.table-thead {
    background-color: #d5d5d5;

}

.btn-principal {
    border-color: #386bb6 !important;
    background: #386bb6 !important;
    color: #FFF !important
}

.btn-filter {
    border-color: #F5F7FD !important;
    background: #F5F7FD !important;
    color: #525151 !important;
    padding: 0px 5px 0px 5px !important;
}

.listar thead,
table.relatorio thead {
    /* background: url("../img/layout/bgThead.jpg") repeat-x scroll center bottom; */
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, #f4fbfc 12%, #DFE9EB 100%);
}

.listar thead tr td,
table.relatorio thead tr td {
    font-weight: bold !important;
    min-width: 20px;
}


.listar tbody,
table.relatorio tbody {
    background: #EEEEEE;
}

/* .listar tbody,
table.relatorio tbody tr td {
    border: 1px solid #FFF;
}

table.relatorio tbody tr td {
    border: 1px solid #FFF;
} */

.listar tbody tr {
    cursor: pointer;
}


.listar tbody tr:HOVER {
    background: #C9D8DA;
}

.listar tbody tr td,
table.relatorio tbody tr td {
    border-bottom: 1px solid #cbcfd0;
    border-right: 1px solid #FFF;
}

.listar tbody .selecionado {
    background: #706959;
    color: #fff;
    font-weight: bold !important;
}


.titulolinha1 {
    font-size: medium;
    color: #1A345C !important;
}

.titulolinha2 {
    font-size: small;
    color: #FF0000;
}


.texto-destaque {
    color: #8cc63f;
    font-size: 14px;
}

/* .btn-success .badge {
    color: #5cb85c !important;
    background-color: #ffffff;
} */

/* 
.degrade-designer {
    background: -webkit-linear-gradient(#ccd1ff, #fffbfb);
    
    background: -o-linear-gradient(#ccd1ff, #fffbfb);
    
    background: -moz-linear-gradient(#ccd1ff, #fffbfb);
    
   
     
} */

.degrade-designer {
    background: -webkit-linear-gradient(#D9D8D3, #fffbfb);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#D9D8D3, #fffbfb);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#D9D8D3, #fffbfb);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#D9D8D3, #ffffff);
    /* Standard syntax */
}

[data-tooltip] {
    position: relative;
    font-weight: bold;
}

[data-tooltip]:after {
    display: none;
    position: absolute;
    top: -5px;
    padding: 5px;
    border-radius: 3px;
    left: calc(100% + 2px);
    content: attr(data-tooltip);
    /* white-space: nowrap; */
    background-color: #0095ff;
    color: White;
}

[data-tooltip]:hover:after {
    display: block;
}

.coluna-70center {
    margin: auto;
    width: 70%;
    padding: 0px;

}


.coluna-260center {
    margin: auto;
    width: 50%;
    padding: 10px;
}


.outro1 {
    float: left;
    margin-right: 10px;
}

.qualoutro {
    margin-top: -23px;
}



.checkboxgrande {
    width: 25px;
    margin-top: 2px;
    display: inline;
    height: 25px;

    padding: 0 0 0 25px;
    margin: 0 10px 0 0;

    background-color: #00B717 !important;
    border-right: 3px solid #00B717 !important;
    border-bottom: 3px solid #00B717 !important;

}


.selectpadrao {
    width: 195px;
}

.camposobrigatorio {
    color: #FF3333;
    float: right;
}

.camposobrigatorio2 {
    color: #FF3333;
    float: right;

}

/* Elementos comuns 
------------------------------------------*/
.sair {
    float: right;
    margin-top: 0px;
    margin-right: 20px;
}

.logo1 {
    float: left;
    width: 280px;
    margin-left: 10px;
}

.logo2 {}


#logonew {
    min-height: 100px;
}

.nomeboldlogo {
    font-size: 14px;
    font-weight: bold;
}

.nomesemboldlogo {
    clear: both;
    font-size: 14px;
}

.leitura {
    border: none;
    outline: none;
}

.linkprincipal {
    margin-left: 20px;
}

.linktexto {
    margin-left: 25px;
}

#wrap-content {

    /*background:transparent url(../img/layout/bg-content-gradient.jpg) repeat-x scroll 0 0;*/

}

/* #wrap-body {
    background: transparent url(../img/layout/bg-content-gradient.jpg) repeat-x scroll 0 0;

} */

#header {
    background-color: #FFF;
    border: 1px solid #D3D3D3;
    margin: 0 auto;
    width: 1024px;
}

#content-wrap,
#top-footer,
#bottom-footer p,
#feature {
    background-color: #FFF;
    margin: 0 auto;
    width: 1024px;
}

#header-fluid {
    background-color: #FFF;
    border: 1px solid #D3D3D3;
    margin: 0 auto;
    width: 99.9%;
    min-width: 1024px;
}

#header-fluid-extendido {
    background-color: #FFF;
    border: 1px solid #D3D3D3;
    margin: 0 auto;
    width: 99.3%;
    min-width: 1024px;
}

#header-fluid-extendido-menor {
    background-color: #FFF;
    border: 1px solid #D3D3D3;
    margin: 0 auto;
    width: 80%;
    min-width: 1024px;
}




#content-wrap-fluid,
#top-footer-fluid,
#bottom-footer-fluid p,
#feature-fluid {
    background-color: #FFF;
    margin: 0 auto;
    width: 99.9%;
    min-width: 1024px;
}


#content-wrap-fluid-menor,
#top-footer-fluid-menor,
#bottom-footer-fluid-menor p,
#feature-fluid-menor {
    background-color: #FFF;
    margin: 0 auto;
    width: 80%;
    min-width: 1024px;
}


input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999999;
}

#content-wrap,
#content-wrap-fluid-menor {
    border-right: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    /*padding:10px 0 10px;
	min-height:100px;
	background:transparent url(../img/layout/bg-content-inner-top.png) no-repeat scroll 0 25px;
	*/

}

#content {
    padding: 10px 0px 5px 0px;
    border: 0px;
    background-color: #FFF;
    margin-top: 0px;

    /*border-top:1px solid #D3D3D3;*/
}

#sociofoto {
    max-width: 240px;
    max-height: 240px;
    padding: 5px;
}

#sociofoto2 {
    width: 280px;
    height: 210px;
    padding: 5px;
}

.error {
    /*	border: #FF3333 solid 1px;*/


}

.red {
    color: #FF3333;
    font-weight: bold;
}

.erro {

    border: none;
    color: #FF3333;
    background: #FFFFCC;
    font-size: 12px;
    font-weight: bold;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif;
    text-align: justify;
    padding: 0px 2px;
    margin: 5px;
}

label.error {

    border: none;
    color: #FF3333;
    background: #FFFFCC;
    font-size: 12px;
    font-weight: bold;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif;
    text-align: justify;
    padding: 0px 2px;
    margin: 5px;
}

.error2 {

    border: none;
    color: #FF3333;
    background: #FFFFCC;
    font-size: 12px;
    font-weight: bold;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif;
    text-align: justify;
    padding: 0px 2px;
    margin: 5px;
}


.sucesso-2 {
    color: #5cb85c;
    background: #FFFFCC;
    font-weight: bold;
    text-align: justify;
    padding: 0px 2px;
}

.sucesso {
    background-image: url("../img/icones/ok.png");
    background-repeat: no-repeat;
    border-bottom: 3px solid #5cb85c;
    border-top: 3px solid #5cb85c;
    color: #5cb85c;
    list-style: outside none none;
    padding: 10px;
}

.erromsg {
    background-image: url("../img/icones/warningred32.png");
    background-repeat: no-repeat;
    border-bottom: 3px solid #FF2F2F;
    border-top: 3px solid #FF2F2F;
    color: #FF2F2F;
    list-style: outside none none;
    padding: 10px;
}

.notice {
    background-image: url("../img/icones/warning.png");
    background-repeat: no-repeat;
    border-bottom: 3px solid #CC9900;
    border-top: 3px solid #CC9900;
    color: #CC9900;
    list-style: outside none none;
    padding: 10px;
}

.notice-info {
    background-image: url("../img/icones/notice-info.png");
    background-repeat: no-repeat;
    border-bottom: 3px solid #84A7DB;
    border-top: 3px solid #84A7DB;
    color: #84A7DB;
    list-style: outside none none;
    padding: 10px;
}

.processando {
    border-bottom: 3px solid #ff6600;
    border-top: 3px solid #ff6600;
    color: #ff6600;
    list-style: outside none none;
    padding: 2px;
}

.sucessosemlogo {
    border-bottom: 3px solid #5cb85c;
    border-top: 3px solid #5cb85c;
    color: #5cb85c;
    list-style: outside none none;
    padding: 5px;
    margin: 10px 0px 10px 0px;
}

.errosemlogo {
    border-bottom: 3px solid #FF1520;
    border-top: 3px solid #FF1520;
    color: #FF1520;
    list-style: outside none none;
    padding: 10px;
}

.msgs {
    margin-left: 30px;
}



.errolistar {
    border: none;
    color: #FF3333;
    background: #FFFFCC;
    font-size: 20px;
    font-weight: bold;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif;
    text-align: center;
    padding: 0px 2px;
    margin: 5px;
}


.coluna,
.coluna-margin,
.coluna-direita,
.coluna-esquerda,
.coluna-maior-esquerda,
.coluna-tres-direita,
.coluna-tres-direita,
.coluna-tres-meio,
.coluna-tres-unica,
.coluna-tres-esquerda,
.coluna-quatro-direita {
    margin: 0 10px 20px;
}


.icon-esquerda {
    float: left;
    margin-top: 7px;
    margin-right: 10px;
}

.coluna-unica {
    margin: 0 10px 0px;
    width: 100%;
}


.coluna-direita {
    float: right;
    width: 439px;
}

.coluna-esquerda {
    float: left;
    width: 440px;
}

.coluna-esquerda150 {
    width: 150px;
}

.coluna-esquerda500 {
    width: 500px;
}

.coluna-direita300 {
    margin: 0 10px 20px;
    float: right;
    width: 300px;
}

.coluna-esquerda300 {
    margin: 0 10px 20px;
    float: left;
    width: 300px;
}

.coluna-direita400 {
    margin: 0 10px 20px;
    float: right;
    width: 400px;
}

.coluna-esquerda400 {
    margin: 0 10px 20px;
    float: left;
    width: 400px;
}

.coluna-maior-esquerda {
    float: left;
    width: 585px;
}

.coluna-maior-esquerda1 {
    float: left;
}

.coluna-maior-direita {
    float: right;
    width: 585px;
}

.coluna-maior-direita2 {
    float: right;
}

.plink {
    margin-bottom: 8px !important;
}

.plink a:hover {
    text-decoration: underline;
}

.coluna-dois-direita {
    float: left;
    width: 45%;
}

.coluna-dois-esquerda {
    float: right;
    width: 45%;
}

.coluna-tres-direita {
    float: left;
    width: 31%;
}

.coluna-tres-direita330 {
    float: left;
    width: 330px;
}

.coluna-tres-meio {
    float: left;
    width: 31%;
}

.coluna-tres-esquerda {
    float: left;
    width: 31%;
}

.coluna-quatro {
    margin: 0 18px 0;
    float: left;
    width: 23%;
}

.coluna-tres {
    margin: 0 5px 0;
    float: left;
    width: 32%;
}


.coluna-quatro-direita {
    float: left;
    width: 200px;
}

.coluna-dep {
    position: relative;
}

.coluna-700 {
    float: left;
    width: 700px;
}

.coluna-600 {
    float: left;
    width: 600px;
}

.coluna-650 {
    float: left;
    width: 650px;
}

.coluna-900 {
    float: left;
    width: 900px;
}

.coluna-1000 {
    float: left;
    width: 1000px;
}

.coluna-100t {
    float: left;
    width: 100%;
}


.coluna-280 {
    float: left;
    width: 280px;
}

.coluna-200 {
    float: left;
    width: 200px;
}

.coluna-550 {
    float: left;
    width: 550px;
}

.coluna-300 {
    float: left;
    width: 300px;
}

.coluna-350 {
    float: left;
    width: 350px;
}

.coluna-370 {
    float: left;
    width: 370px;
}

.coluna-400 {
    float: left;
    width: 400px;
}

.coluna-450 {
    float: left;
    width: 450px;
}

.coluna-500 {
    float: left;
    width: 500px;
}

.coluna-5p {
    float: left;
    width: 5%;
}

.coluna-10p {
    float: left;
    width: 10%;
}

.coluna-15p {
    float: left;
    width: 15%;
}

.coluna-20p {
    float: left;
    width: 20%;
}

.coluna-25p {
    float: left;
    width: 25%;
}

.coluna-30p {
    float: left;
    width: 30%;
}

.coluna-32p {
    float: left;
    width: 32%;
}

.coluna-35p {
    float: left;
    width: 25%;
}

.coluna-35pe {
    float: left;
    width: 35%;
}

.coluna-40p {
    float: left;
    width: 40%;
}

.coluna-45p {
    float: left;
    width: 45%;
}

.coluna-50p {
    float: left;
    width: 50%;
}

.coluna-55p {
    float: left;
    width: 55%;
}

.coluna-60p {
    float: left;
    width: 60%;
}

.coluna-66p {
    float: left;
    width: 66%;
}

.coluna-65p {
    float: left;
    width: 65%;
}

.coluna-70p {
    float: left;
    width: 70%;
}

.coluna-75p {
    float: left;
    width: 75%;
}

.coluna-80p {
    float: left;
    width: 80%;
}

.coluna-85p {
    float: left;
    width: 85%;
}

.coluna-90p {
    float: left;
    width: 90%;
}

.coluna-95p {
    float: left;
    width: 95%;
}

.coluna-100p {
    float: left;
    width: 100%;
}

.tablebalanco .borda {
    border-bottom: 1px solid #bfbfbf;
}

.coluna-50center {
    width: 40%;
    margin: 0 auto;
}


.coluna-55 {
    float: left;
    width: 55px;
}

.coluna-45 {
    float: left;
    width: 45px;
}


.coluna-70 {
    float: left;
    width: 70px;
}

.coluna-250 {
    float: left;
    width: 250px;
}

.coluna-160 {
    float: left;
    width: 160px;
}

.coluna-170 {
    float: left;
    width: 170px;
}

.coluna-180 {
    float: left;
    width: 180px;
}

.coluna-190 {
    float: left;
    width: 190px;
}


.coluna-150 {
    float: left;
    width: 150px;
}

.coluna-140 {
    float: left;
    width: 140px;

}

.coluna-210 {
    float: left;
    width: 210px;

}

.coluna-220 {
    float: left;
    width: 220px;

}

.coluna-230 {
    float: left;
    width: 230px;

}

.coluna-240 {
    float: left;
    width: 240px;

}

.coluna-130 {
    float: left;
    width: 130px;
}

.coluna-80 {
    float: left;
    width: 80px;
}

.coluna-120 {
    float: left;
    width: 120px;
}

.coluna-100real {
    float: left;
    width: 100px;
}

.coluna-100 {
    float: left;
    width: 60px;
}

.coluna-60 {
    float: left;
    width: 60px;
}

.coluna-60semleft {
    width: 60px;
}

.coluna-30 {
    float: left;
    width: 30px;
}

.hide {
    display: none;
}

/* 
.clear {
    clear: both;
} */

.btn_remove img {
    padding: 10px 5px 0;
}

.btn_add img {
    float: left;
    padding: 0px 5px 0;
}

.coluna-relatorio-selecionado {
    border: dashed 1px #C0BA02;
    background-color: #FBFBFB;
}

#addOcupacaoGravar,
#addPlanocontasGravar,
#addSecretaria {
    padding: 0px 5px;
    line-height: 40px;
}

.pesquisa {
    margin-top: 10px;
}

.pesquisa-superior div {
    margin: 0 10px;
}

.checkbox {
    width: 15px;
    margin-top: 2px;
}

.margin-150 {
    margin-left: 150px !important;
}

td.pago {
    color: green;
    font-size: 13px;
}

/* Fluxo de caixa
------------------------------------------*/
.caixa-balanco-wrap {
    border: 1px solid #ACACAC;
    background: #FFFFCC;
    font-weight: bolder;
    color: #666;
    display: block;
}

.caixa-balanco-wrap2 {
    border: 1px solid #ACACAC;
    background: #FFFFCC;
    color: #666;
}

.caixa-balanco-wrap3 {
    border: 1px solid #ACACAC;
    background: #a5a590;
    font-weight: bolder;
    color: #666;
    display: block;
    margin-top: 15px;
}

.caixa-balanco-fidaf {
    border: 1px solid #ACACAC;
    background: #ffffdf;
    font-weight: bolder;
    color: #666;
    display: block;
    margin-top: 15px;
}

.caixa-balanco-wrap4 {
    border: 1px solid #ACACAC;
    background: #FFFFCC;
    font-weight: bolder;
    color: #666;
    display: block;
    margin-bottom: 15px;
}

.caixa-balancoespaco {
    text-align: right;
    width: 150px !important;
    padding-right: 10px;
}

.caixa-balancocentral {
    text-align: center;
    width: 100% !important;
}

.caixa-positivog {
    text-align: center;
    width: 100% !important;
    font-size: 23px;
    color: green;

}

/* .caixa-balanco2 {
    text-align: right;
    width: 170px !important;
    padding-right: 10px;
} */

.caixa-balanco3 {
    text-align: right;
    width: 50% !important;
    padding-right: 10px;
}

.caixa-balanco {
    text-align: right;
    width: 80px;
    padding-right: 10px;
}

.caixa-balanco-wrap div {
    float: left;
    width: 95px;
    margin: 4px 0;
}


/* .caixa-balanco-wrap2 div {
    float: left;
    width: 95px;
    margin: 4px 0;
} */

.caixa-positivo {
    color: green;
}




.caixa-negativo {
    color: red;
}

.caixa-total {
    color: #000;
}

.balanco {
    display: block;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif !important;
    line-height: 133%;
    font-size: 15px !important;
    text-align: center;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 2px;

}



.balanco2 {
    display: block;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    text-align: center;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 0px;

}

.balanco-fidaf {
    display: block;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 15px !important;
    text-align: center;
    margin-bottom: 0px;
    margin: -10px -6px 0px -6px !important;
}

.caixa-mavegacao-data {
    margin: 0px auto 0px;
    display: table;
    max-width: 650px;
}

.caixa-navegacao-data-marcado {
    background: #C6C6C6;
}

/* .button-setas,
.caixa-navegacao-data-extenso {
    float: left;
    display: block;
    border: 1px solid #ACACAC;
    height: 25px;
    min-width: 6px;
    cursor: pointer;
    line-height: 25px;
    margin: 5px 2px !important;
    padding: 0px 8px;
} */

.caixa-navegacao-data-extenso {
    width: 200px;
    text-align: center;
    font-size: 12px;
    white-space: nowrap;
    color: #000000;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}

span.arrow_left,
span.arrow_right {
    background: transparent url(../img/layout/arrows.png) no-repeat -18px 8px;
    float: left;
    height: 25px;
    width: 6px;
}

span.arrow_right {
    background-position: -25px 8px;
}


/* Listas de dados 
------------------------------------------*/
.listar {
    width: 100%;
    font-size: 11px !important;
    line-height: 133%;
    /* font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif; */
    /* color: #666; */
}

.situacao {
    width: 100%;
    line-height: 133%;
    color: #FFF;
    background: #706959;
    padding: 0px 5px;
}

.situacao_txt {
    font-weight: bold;
    text-align: center;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif;
    color: #2C343A;
    font-weight: bold;
    background: #FFFFFF url(../img/layout/h1.jpg) repeat-x scroll center bottom;
    border: 1px solid #BFBFBF;
    display: block;
    padding: 5px 2px;

}


.textobold {
    border-bottom: 1px solid #bfbfbf !important;
    font-weight: bold !important;
    min-width: 20px !important;
}



.textoboldcenter {
    border-bottom: 1px solid #bfbfbf !important;
    font-weight: bold !important;
    min-width: 20px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}


.fundoverde {
    background: #438412;
    color: #fff;
}


.fundocinza {
    background: #C7C9C7;
}

.fundobranco {
    background: #ffffff !important;
    color: #000;
    cursor: default !important;
}


.textocodigocompleto {
    font-weight: bold !important;
    font-size: 33px !important;
}

.fundobrancoanalitica {
    background: #ffffff;
    color: #B20707;

}

.fundobrancoanaliticadestacada {
    background: #F9C425;
}

.odd {
    background: #EEE;
}

.acoes-lista {
    display: none;
    margin: 10px 0px;
    text-align: center;
}

.acoes-lista img {
    margin: 0 0 10px 0;
}

.acoes-view {
    margin: 50px 0px;
    text-align: center;
}

/* 
h1.barra2{
    height: 63px;    
}

h1.barra4{
    height: 40px;    
} */


/* 
div.barra2 {
    float: right;
    margin: 0 5px;
    text-align: center;
} */

div.barra2 p {
    display: block;
    padding: 0;
    margin: 0 !important;
}

/*div.barra2 p + p {
  display: block;
  caption-side: bottom;
}*/



h1.barra3 {
    height: 63px;
}

div.barra3 {
    float: left;
    /* margin:0 3px; */
    text-align: center;
}

div.barra3 p {
    display: block;
    width: 150px;
    color: #000000 !important;
    font-weight: bold !important;
    padding: 0;
    margin: 0 !important;
}



.linkproduto:link {
    color: #000000;
    text-decoration: none;
}

.linkproduto:visited {
    color: #000000;
    text-decoration: none;
}

.linkproduto:hover {
    color: #000000;
    text-decoration: none;
}

.linkproduto:active {
    color: #000000;

    text-decoration: none;
}


.acoes-view {
    margin: 50px 0px;
    text-align: center;
}

.titulo img {
    float: left;
    margin: 0px 10px 0px 0px;
}

.tamanho11 {
    font-size: 11px;
}

.tamanho12 {
    font-size: 12px;
}

.tamanho13 {
    font-size: 13px;
}

.tituloazul {
    font-size: 12px;
    color: #00F;
}

.tituloverde {
    font-size: 12px;
    color: #090;
}

.titulolinha5 {
    margin-top: 2px;
    line-height: 18px;
}

.titulolinha {
    margin-top: 10px;
    margin-left: 5px;
    line-height: 18px;
}



.titulolinha3 {
    font-size: 22px;
    color: #FF0000;
}

.titulolinha4 {
    font-size: 14px;
    color: #5CB85C;
}


.imprimirtodos {
    position: absolute;
    font-size: 18px;
    margin-top: -22px;
    margin-left: -12px;

}

.imprimirtodos1 {
    position: absolute;
    font-size: 18px;
    margin-top: -22px;

}


.titulolinha2_15 {
    font-size: 15px;
    font-weight: bold;
    color: #FF0000;
}

.linhaatencao {
    font-size: 18px;
    color: #FF0000;
}



.acoes-view2 {
    float: right;
    margin: 10px 0px;

}

/* .acoes-view3 {
    float: right;
    margin: 10px 0px;

} */

.acoes-view4 {
    margin-top: -35px;

}

.acoes-view2 img {
    width: 32px;
    height: 32px;
}

/* 
.acoes-lista a,
.acoes-view a,
.acoes-view2 a,
.acoes-view3 a,
.lista-menu a {
    margin: 10px;
} */

.lista-menu {
    margin: 20px 10px;
    text-align: center;
}

.lista-menu img {
    width: 36px;
    height: 36px;
}

.center {
    text-align: center;
}

/* Topo 
------------------------------------------*/
#feature #feature-text {
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 8px 10px;
    color: #000;
    font-variant: small-caps;
}

#logoff-right {
    float: right;
    padding: 25px 25px 0px;
    text-align: center;
    clear: both;
}

#logoff-right-extendido {
    float: right;
    padding: 10px 10px 0px;
    text-align: center;
    clear: both;
    min-width: 550px;
}

#logoff {
    text-align: center;
    padding: 5px;
}

#logo {
    margin: 0px 10px;
    min-height: 100px;
}


.sindicato-nome {
    clear: both;
    float: right;
    font-size: 140%;
    font-weight: bold;
    padding: 15px 25px 0px;
    text-align: right;
}

.nomebold {
    clear: both;
    font-size: 120%;
    font-weight: bold;
    padding: 25px 25px 0px;
}

.nomesembold {
    clear: both;
    font-size: 18px;
    padding: 8px 25px 0px;
}



/* Rodape
------------------------------------------*/
#footer {}

#footer #top-footer,
#footer #top-footer-fluid {
    border-right: 1px solid #D3D3D3;
    border-left: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
    background: transparent url(../img/layout/bg-content-gradient.jpg) repeat-x scroll 0 0;
    overflow: hidden;
}

#footer #top-footer span,
#footer #top-footer p,
#footer #top-footer-fluid span,
#footer #top-footer-fluid p {
    float: right;
    padding: 20px 10px;
}


.verticalmeio {
    vertical-align: middle !important;
}



.pull-right {
    float: right;
    padding: 15px
}

#footer #top-footer p,
#footer #top-footer-fluid p {
    line-height: 15px;
    text-align: right;
    padding-left: 25px;
    background: transparent url(../img/layout/arrow.gif) no-repeat scroll 0 10px;
}

#footer #bottom-footer {
    background: #929292 none repeat scroll 0 0;
    height: 142px;
}

#bottom-footer p {
    color: #D3D3D3;
    padding: 35px 0 0 0;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

/* Login 
------------------------------------------*/
/* #login {
    margin: 0 auto;
    width: 250px;
} */


.mensagem-demonstracao2 {
    position: absolute;
    width: 300px;
    padding: 0px;
    margin-left: 645px;
    top: 120px;
    color: #FFF;
    font-size: 11px !important;
}

.mensagem-demonstracao {
    position: absolute;
    width: 300px;
    padding: 0px;
    margin-left: 645px;
    top: 200px;
    color: #FFF;
    font-size: 11px !important;
}

.mensagem2 {
    position: absolute;
    width: 300px;
    padding: 0px;
    margin: 0 auto;
    margin-left: 45%;
    top: 150px;
    color: #FFF;
    font-size: 11px !important;
}

.mensagem-demonstracao .usuario-senha {
    float: left;
    width: 140px;
    text-align: center;
}

.bordaBox {
    bbackground: transparent;
}

.bordaBox .b1,
.bordaBox .b2,
.bordaBox .b3,
.bordaBox .b4,
.bordaBox .b1b,
.bordaBox .b2b,
.bordaBox .b3b,
.bordaBox .b4b {
    display: block;
    overflow: hidden;
    font-size: 1px;
}

.bordaBox .b1,
.bordaBox .b2,
.bordaBox .b3,
.bordaBox .b1b,
.bordaBox .b2b,
.bordaBox .b3b {
    height: 1px;
}

.bordaBox .b2,
.bordaBox .b3,
.bordaBox .b4 {
    background: #3D3C3A;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.bordaBox .b1 {
    margin: 0 5px;
    background: #999;
}

.bordaBox .b2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.bordaBox .b3 {
    margin: 0 2px;
}

.bordaBox .b4 {
    height: 2px;
    margin: 0 1px;
}

.bordaBox .conteudo {
    padding: 4px;
    display: block;
    background: #ffffff;
    border-left: 4px solid #3D3C3A;
    border-right: 4px solid #3D3C3A;
    color: #000;
}

.bordaBox2 {
    bbackground: transparent;
}

.bordaBox2 .b1,
.bordaBox2 .b2,
.bordaBox2 .b3,
.bordaBox2 .b4,
.bordaBox2 .b1b,
.bordaBox2 .b2b,
.bordaBox2 .b3b,
.bordaBox2 .b4b {
    display: block;
    overflow: hidden;
    font-size: 1px;
}

.bordaBox2 .b1,
.bordaBox2 .b2,
.bordaBox2 .b3,
.bordaBox2 .b1b,
.bordaBox2 .b2b,
.bordaBox2 .b3b {
    height: 1px;
}

.bordaBox2 .b2,
.bordaBox2 .b3,
.bordaBox2 .b4 {
    background: #3D3C3A;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.bordaBox2 .b1 {
    margin: 0 5px;
    background: #999;
}

.bordaBox2 .b2 {
    margin: 0 3px;
    border-width: 0 2px;
}

.bordaBox2 .b3 {
    margin: 0 2px;
}

.bordaBox2 .b4 {
    height: 2px;
    margin: 0 1px;
}

.bordaBox2 .conteudo {
    padding: 2px;
    display: block;
    background: #ffffff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.hand {
    cursor: pointer;
}

.cursor-pointer-efeito:hover {
    cursor: pointer;
    background-color: #F5F5F5;
    transform: scale(1.1);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cursor-pointer {
    cursor: pointer;
}

/* Apresentacao
------------------------------------------*/
.menu-icones {
    min-height: 135px;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    width: 32%;
}

.menu-icones img {
    float: left;
    width: 40px;
    height: 40px;
}

.menu-icones p,
.menu-icones h3 {
    margin: 0px;
    padding: 8px 0 0 5px;
}

td.nao_pago {
    background: transparent url(../img/icones/nao_pago.png) no-repeat center;
}

td.pago {
    background: transparent url(../img/icones/pago.png) no-repeat center;
}

.tabela-mensalidades td {
    text-align: center;
}

.atrazado,
.emdia {
    width: 175px;
    border: 1px solid #999;
    color: #206627;
    background: #FFFFCC url(../img/icones/tick.png) no-repeat 4px 4px;
    font-size: 16px;
    font-weight: bold;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif;
    padding: 10px 0px 10px 40px;
    margin: 5px;
}

.atrazado {
    color: #FF3333;
    background: #FFFFCC;
    padding: 10px 5px;
    width: 205px;
    display: none;
    text-align: center;
}


#editar-n-inscricao {
    float: right;
    padding: 8px 0px 0px;
    cursor: pointer;
}

#editar-n-inscricao img {
    width: 20px;
    height: 20px;
}


img.logo-grande {
    max-width: 512px;
    max-height: 256px;
    margin: 5px;
}


img.logo-pequeno {
    max-width: 256px;
    max-height: 128px;
    margin: 5px;
}

.coluna-150new {
    float: left;
    width: 150px;
    margin-right: 20px;

}

.readonly {
    background-color: #ddd;
    color: #000000;
}

/*Para criação de arvore*/
.tree {
    background: white;
    font: normal normal 13px/1.4 Calibri, Helmet, FreeSans, Sans-Serif;
}

.tree,
.tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tree ul {
    margin-left: 1em;
    /* indentation */
    position: relative;
}

.tree ul ul {
    margin-left: .5em
}

/* (indentation/2) */

.tree ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 1px solid;
}

.tree li {
    margin: 0;
    padding: 0 0.8em;
    /* indentation + .5em */
    line-height: 2em;
    /* default list item's `line-height` */
    color: #5D5E60;
    font-weight: bold;
    position: relative;
}

.tree ul li:before {
    content: "";
    display: block;
    width: 10px;
    /* same with indentation */
    height: 0;
    border-top: 1px solid;
    margin-top: -1px;
    /* border top width */
    position: absolute;
    top: 1em;
    /* (line-height/2) */
    left: 0;
}

.tree ul li:last-child:before {
    background: white;
    /* same with body background */
    height: auto;
    top: 1em;
    /* (line-height/2) */
    bottom: 0;

}


.pb {
    -moz-user-select: none;
    margin-top: 18px;
    position: relative;
}

.pb #pbb {
    background: #dfdfe0 none repeat scroll 0 0;
    bottom: 39px;
    height: 5px;
    margin: 0 auto;
    margin-top: 15px !important;
    position: relative;
    width: 85%;
}

@media screen and (max-width: 767px) {
    .pb #pbb {
        bottom: 29px;
        height: 3px;
    }
}

.pb ul {
    font-size: 0.1px;
    position: relative;
    text-align: justify;
    width: 100%;
    z-index: 5;
}

.pb ul::after {
    content: "";
    display: inline-block;
    width: 100%;
}

.pb li {
    color: #bfc0c0;
    display: inline-block;
    line-height: 1.3;
    position: relative;
    text-align: center;
    width: 10%;
    z-index: 4;
}

.pb li .stepName {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 9px;
    text-transform: uppercase;
    vertical-align: bottom;
}

@media screen and (max-width: 767px) {
    .pb li .stepName {
        font-size: 11px;
    }
}

@media screen and (max-width: 480px) {
    .pb li .stepName {
        display: none;
    }
}

.pb li .step {
    background-color: #fff;
    border: 4px solid #dfdfe0;
    border-radius: 50px;
    clear: left;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    width: 40px;
    margin: 0px 0px 0px 20%;
    padding: 3px 1px 1px 0;
}

.textostep {

    font-size: 26px !important;
    margin-top: -5px !important;

}

@media screen and (max-width: 767px) {
    .pb li .step {
        background-color: #dfdfe0;
        border: 0 none;
        color: #fff;
        height: 35px;
        width: 35px;
    }
}

.pb li.act .stepName {
    color: #6fb229;
}

.pb li.act .step {
    border-color: #8cc63f;
    color: #8cc63f;
}

@media screen and (max-width: 767px) {
    .pb li.act .step {
        background-color: #8cc63f;
        color: #fff;
    }
}

.pb li.past .stepName {
    color: #5f6062;
}

.pb li.past .step {
    border-color: #7f8081;
    color: #5f6062;
}

.oculta {
    display: none !important;
}

.infoplano {
    margin-left: 30px;
    list-style-type: square;
}

.infoplano li {
    margin-top: 5px;
}

.btn-default {
    text-shadow: 0 1px 0 #fff;
}

.btn {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
}

.btn-default {
    border-color: #cccccc !important;
    color: #333333;
    background-color: #e6e6e6;
}

.btn-sm,
.btn-group-sm>.btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-default:hover {
    background-color: #ffffff;
    border-color: #adadad;
    color: #333333;
}

/*FFFF66*/
.btn-yellow {
    background-color: #FFFF66;
    border-color: #e5e51d;
    border-radius: 6px;
    color: #666666;
    cursor: pointer;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 15px;
}

.btn-red {
    background-color: #ef332f;
    border-color: #d43f3a;
    border-radius: 6px;
    color: #666666;
    cursor: pointer;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 15px;
}

.btn-success {
    background-color: #259c28;
    border-color: #259c28;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 15px;
}

.btn-sucess {
    background-color: #31ce36;
    border-color: #31ce36;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 15px;
}

.btn-sucessred {
    background-color: #ff5050;
    border-color: #4cae4c;
    border-radius: 6px;
    color: #fff;
    cursor: pointer;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif !important;
    font-size: 15px;
}

.fa-change-hover:hover {
    color: #ffffff;
}

.fa-change-hover-darker:hover {
    color: #a5a590;
}

a.sort.asc {
    background-image: url("../img/icones/sort_asc.png");
}

a.sort.desc {
    background-image: url("../img/icones/sort_desc.png");
}

a.sort {
    padding-right: 16px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.iconespincipal {
    margin-top: 10px;
}

.scheduler-borderprincipal {
    border: 1px groove #D3D3D3 !important;
    border-radius: 6px;
    box-shadow: 0 0 0 0 #D3D3D3;
    margin: 0 !important;
    padding: 0 1.4em 1.4em !important;
}


.textonegritoxml {
    float: left;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    width: 250px;
    margin-right: 5px;
    clear: both;
}

.redxml {
    text-align: left;
    font-size: 15px;
    color: #FF3333;
    font-weight: bold;
}

.normalxml {
    text-align: left;
    font-size: 15px;
}

.nivel {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
}

.caixa-balanco3 {
    text-align: right;
    width: 55% !important;
    padding-right: 10px;
}

.caixa-balanco-wrap3 div {
    float: left;
    margin: 4px 0;
}

.caixa-balanco-fidaf div {
    float: left;
    margin: 4px 0;
    font-size: 12px;
}

.caixa-balanco-wrap4 div {
    float: left;
    margin: 4px 0;
}


.caixa-negativog {
    text-align: center;
    width: 100% !important;
    font-size: 23px;
    color: red;

}

/* 
@media print {

    .no-print,
    .pesquisa,
    .submit,
    .fa,
    .acoes-view3,
    nav,
    footer,
    video,
    audio,
    object,
    embed {
        display: none;
    }

    #wrap-body {
        background: none;
    }

    .yes-print {
        display: inline !important;
    }
} */

.botaocentralizadoref {
    margin-left: 35%;
}

.linkpginicial {
    position: relative;
    float: left;
    width: 86px;
    height: 94px;
    background-color: #F3F3F3;
    border-radius: 10px;
    margin-right: 12px;
    margin-top: 6px;
    box-shadow: 0px 0px 0.3em #666;
    -webkit-box-shadow: 0px 0px 0.3em #666;
    -moz-box-shadow: 0px 0px 0.3em #666;
    text-align: center;
}

.linkpginicial img {
    position: absolute;
    left: 50%;
    margin-left: -22px;
    margin-top: 05px;
    width: 44px;
    height: 42px;
}

.linkpginicial span {
    position: relative;
    top: 50px;
    font-size: 10px;
}

.bottom {
    vertical-align: bottom !important;
}


.conteudocenter {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.dropbtn {
    font-size: 16px;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif !important;
    letter-spacing: 1px;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    text-align: left;
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: -50px;
}

.dropdown-content a {
    font-size: 13px;
    color: black;
    padding: 6px 8px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #999999;
    color: #FFF;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #999999;
    border-color: #999999;
}

.uppercase {
    text-transform: uppercase !important;
}

ul.circulo {
    list-style-type: circle !important;
    margin: 20px;
}

ul.quadrado {
    list-style-type: square !important;
}

ol.romanos {
    list-style-type: upper-roman !important;
}

ol.letras {
    list-style-type: lower-alpha !important;
}


.quebrapag {
    page-break-before: always;
}


.direita10 {
    margin-right: 10px;
}

.direita20 {
    margin-right: 20px;
}

.direita30 {
    margin-right: 30px;
}

.margin-baixo10 {
    margin: 0px 0px 08px 10px;
}

.margin-baixo {
    margin: -5px 5px 0px 5px;
}

.radio {
    width: auto !important;
    vertical-align: bottom !important;
}

.checkbox {
    width: auto !important;
    vertical-align: revert !important;
}


.mb-10 {
    margin-bottom: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.anterior {
    color: #E96B00;
    /*#ff0000*/
    font-size: 10px;
    font-family: "Helvetica Neue LTW1G", Verdana, Helvetica, Arial, sans-serif !important;
    margin-bottom: 3px;
}

/* modal para preview de fotos  */

#foto1Imagem {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#foto2Imagem {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#foto3Imagem {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#foto4Imagem {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#foto5Imagem {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#foto6Imagem {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#foto7Imagem {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#foto8Imagem {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}


/* Caption of Modal Image */
/* #legenda {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 720px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
} */

/* Add Animation */
/* .modal-content,
#legenda {
    animation-name: zoom;
    animation-duration: 0.6s;
} */

@keyframes zoom {
    from {
        transform: scale(0.1)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/*.icone-sobe {*/
/*    --bs-icon-link-transform: translate3d(0, -.125rem, 0)*/
/*}*/

.checkbox-medio {
    width: 16px !important;
    height: 16px !important;
    margin-top: 1px !important;
}

.altura-100-tela {
    min-height: 82vh;
    margin: 0px;
    padding-bottom: 50px; /* ajuste conforme necessário */
}

/*.h-100{*/
/*    min-height: 100vh;*/
/*}*/

.alert-top-success {
    border-top: 4px solid #31ce36
}

.alert-top-danger {
    border-top: 4px solid #f25961
}

.alert-top-info {
    border-top: 4px solid #266CB0
}

.card-box-curso {
    padding: 10px;
    border-radius: 10px;
    background-clip: padding-box;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
}


/* Quando for desktop (a partir de 769px) */
@media (min-width: 769px) {
    .card-box-login {
        padding: 10px;
        border-radius: 10px;
        background-clip: padding-box;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .125);
        border-top: 5px solid #31ce36
        /*height: 80vh;*/
    }
}

/* Quando for mobile (até 768px) */
@media (max-width: 768px) {
    .card-box-login {
        padding: 10px;
        border-radius: 10px;
        background-clip: padding-box;
        margin-top: 5px;
        margin-bottom: 5px;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .125);
        border-top: 5px solid #31ce36;
        height: 100vh;
    }
}

/* Quando for mobile (até 768px) */
@media (max-width: 768px) {
    .body-loin {
        display: flex;
        justify-content: center;
        align-items: flex-start;  /* Alinha no topo */
        /*padding-top: 30px;        !* Afasta do topo, ajusta como quiser *!*/
        height: 100%;
        /*margin: 10px;*/
    }
}
/* Quando for desktop (a partir de 769px) */
@media (min-width: 769px) {
    .body-loin {
        display: flex;
        justify-content: center;
        align-items: flex-start;  /* Alinha no topo */
        /*padding-top: 30px;        !* Afasta do topo, ajusta como quiser *!*/
        height: 100%;
        margin: 10px;
    }
}
/*
    painel de navegação 
**/

.page-header {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    margin-top: 20px;
}

.page-header .page-title {
    margin-bottom: 0
}

.page-header .btn-page-header-dropdown {
    width: 35px;
    height: 35px;
    font-size: 1rem;
    padding: 0;
    color: #6b6b6b;
    box-shadow: 0 2px 14px 0 rgba(144, 116, 212, .1) !important;
    border: 0
}

.page-header .btn-page-header-dropdown:after {
    display: none
}

.page-header .dropdown-menu {
    margin-top: 15px;
    top: 0 !important
}

.page-header .dropdown-menu:after {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    right: 32px;
    content: ''
}

.breadcrumbs {
    list-style: none;
    display: inline;
    width: auto;
    border-left: 1px solid #efefef;
    /* margin-left: 25px; */
    padding-left: 25px;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 100%;
}

.breadcrumbs li {
    display: inline-block
}

.breadcrumbs li a {
    color: #2a2f5b;
    font-size: 13px
}

.breadcrumbs li a i {
    font-size: 16px
}

.breadcrumbs li a:hover {
    text-decoration: none
}

.breadcrumbs li.separator {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px
}

.btn-round {
    border-radius: 100px !important;
}

.btn-icon.btn-sm {
    height: 2rem;
    min-width: 2rem;
    width: 2rem;
}

.oculto {
    display: none !important;
}

.swal-footer {
    text-align: center;
}

@media (max-width: 768px) {
    .form-control {
        font-size: 16px !important;
        height: 40px;
    }
}

.table-rounded {
    border-radius: 8px;
    overflow: hidden;
}

.table thead {
    background-color: #386bb6;
    color: white;
}

.table tbody tr:nth-child(odd) {
     background-color: #F4F4F4;
}

.table tbody tr:hover {
    background-color: #E0E0E0;
}
.fixed-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ccc;
    z-index: 9999;
    padding: 10px 0;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}
@media (max-width: 700px) {
    .fixed-footer {
        display: block;
    }
}

@media (min-width: 701px) {
    .fixed-footer {
        display: none;
    }
}
.card-round {
    border-radius: 10px
}


.card-stats .card-body {
    padding: 15px !important
}

.card-stats .card-title {
    margin-bottom: 0 !important
}

.card-stats .card-category {
    margin-top: 0
}
.col-icon {
    font-size: 20px
}
.card-stats .col-icon {
    width: 55px;
    height: 55px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 5px
}

@media (max-width: 400px) {
    .card-stats .col-icon {
        width: 35px;
        height: 35px;
        padding-left: 0;
        padding-right: 0;
        margin-left: 5px
    }
}

.card-stats .icon-big.icon-black,
.card-stats .icon-big.icon-danger,
.card-stats .icon-big.icon-info,
.card-stats .icon-big.icon-primary,
.card-stats .icon-big.icon-secondary,
.card-stats .icon-big.icon-success,
.card-stats .icon-big.icon-warning {
    border-radius: 5px
}

.card-stats .icon-big.icon-black i,
.card-stats .icon-big.icon-danger i,
.card-stats .icon-big.icon-info i,
.card-stats .icon-big.icon-primary i,
.card-stats .icon-big.icon-secondary i,
.card-stats .icon-big.icon-success i,
.card-stats .icon-big.icon-warning i {
    color: #fff !important
}

.card-stats .icon-big.icon-black {
    background: #1a2035
}

.card-stats .icon-big.icon-primary {
    background: #1572e8
}

.card-stats .icon-big.icon-secondary {
    background: #6861ce
}

.card-stats .icon-big.icon-success {
    background: #31ce36
}

.card-stats .icon-big.icon-warning {
    background: #ffad46
}

.card-stats .icon-big.icon-info {
    background: #48abf7
}

.card-stats .icon-big.icon-danger {
    background: #f25961
}

.card-stats .icon-big.round {
    border-radius: 50% !important
}

.card-stats .icon-big i.fa,
.card-stats .icon-big i.fab,
.card-stats .icon-big i.fal,
.card-stats .icon-big i.far,
.card-stats .icon-big i.fas {
    font-size: .8em
}

.card-stats .col-stats {
    align-items: center;
    display: flex;
    padding-left: 15px
}

.card .card-title {
    font-size: 18px
}


.card-stats .icon-big {
    width: 100%;
    height: 100%;
    font-size: 2.2em;
    /* min-height: 64px; */
    display: flex;
    align-items: center;
    justify-content: center
}

.selectgroup {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.selectgroup-item {
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    font-weight: 400 !important
}

.selectgroup-item+.selectgroup-item {
    margin-left: -1px
}

.selectgroup-item:not(:first-child) .selectgroup-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.selectgroup-item:not(:last-child) .selectgroup-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.selectgroup-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0
}

.selectgroup-button {
    display: block;
    border: 1px solid rgba(0, 40, 100, .12);
    text-align: center;
    padding: .375rem 1rem;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    color: #9aa0ac;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem;
    line-height: 1.5rem;
    min-width: 2.375rem
}

.selectgroup-button-icon {
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: 1rem
}

.selectgroup-input:checked+.selectgroup-button {
    border-color: #1572e8;
    z-index: 1;
    color: #1572e8;
    background: rgba(21, 114, 232, .15)
}

.selectgroup-input:focus+.selectgroup-button {
    border-color: #1572e8;
    z-index: 2;
    color: #1572e8;
    box-shadow: 0 0 0 2px rgba(21, 114, 232, .25)
}

.selectgroup-pills {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start
}

.selectgroup-pills .selectgroup-item {
    margin-right: .5rem;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.selectgroup-pills .selectgroup-button {
    border-radius: 50px !important
}

.selectgroup.selectgroup-primary .selectgroup-input:checked+.selectgroup-button {
    border-color: #1572e8;
    color: #1572e8;
    background: rgba(21, 114, 232, .15)
}

.selectgroup.selectgroup-primary .selectgroup-input:focus+.selectgroup-button {
    border-color: #1572e8;
    color: #1572e8;
    box-shadow: 0 0 0 2px rgba(21, 114, 232, .25)
}

.selectgroup.selectgroup-secondary .selectgroup-input:checked+.selectgroup-button {
    border-color: #6861ce;
    color: #6861ce;
    background: rgba(104, 97, 206, .15)
}

.selectgroup.selectgroup-secondary .selectgroup-input:focus+.selectgroup-button {
    border-color: #6861ce;
    color: #6861ce;
    box-shadow: 0 0 0 2px rgba(104, 97, 206, .25)
}

.selectgroup.selectgroup-info .selectgroup-input:checked+.selectgroup-button {
    border-color: #48abf7;
    color: #48abf7;
    background: rgba(72, 171, 247, .15)
}

.selectgroup.selectgroup-info .selectgroup-input:focus+.selectgroup-button {
    border-color: #48abf7;
    color: #48abf7;
    box-shadow: 0 0 0 2px rgba(72, 171, 247, .25)
}

.selectgroup.selectgroup-success .selectgroup-input:checked+.selectgroup-button {
    border-color: #31ce36;
    color: #31ce36;
    background: rgba(49, 206, 54, .15)
}

.selectgroup.selectgroup-success .selectgroup-input:focus+.selectgroup-button {
    border-color: #31ce36;
    color: #31ce36;
    box-shadow: 0 0 0 2px rgba(49, 206, 54, .25)
}

.selectgroup.selectgroup-warning .selectgroup-input:checked+.selectgroup-button {
    border-color: #ffad46;
    color: #ffad46;
    background: rgba(255, 173, 70, .15)
}

.selectgroup.selectgroup-warning .selectgroup-input:focus+.selectgroup-button {
    border-color: #ffad46;
    color: #ffad46;
    box-shadow: 0 0 0 2px rgba(255, 173, 70, .25)
}

.selectgroup.selectgroup-danger .selectgroup-input:checked+.selectgroup-button {
    border-color: #f25961;
    color: #f25961;
    background: rgba(242, 89, 97, .15)
}

.selectgroup.selectgroup-danger .selectgroup-input:focus+.selectgroup-button {
    border-color: #f25961;
    color: #f25961;
    box-shadow: 0 0 0 2px rgba(242, 89, 97, .25)
}

.text-black{
    color: #000000;!important;
}
.bolinha {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #ccc; /* cor da borda */
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 20px;
}
/* Margin Top (mt) */
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

.mt--1 { margin-top: -0.25rem !important; }
.mt--2 { margin-top: -0.5rem !important; }
.mt--3 { margin-top: -1rem !important; }
.mt--4 { margin-top: -1.5rem !important; }
.mt--5 { margin-top: -3rem !important; }

/* Margin Right (mr) */
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

.mr--1 { margin-right: -0.25rem !important; }
.mr--2 { margin-right: -0.5rem !important; }
.mr--3 { margin-right: -1rem !important; }
.mr--4 { margin-right: -1.5rem !important; }
.mr--5 { margin-right: -3rem !important; }

/* Margin Bottom (mb) */
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

.mb--1 { margin-bottom: -0.25rem !important; }
.mb--2 { margin-bottom: -0.5rem !important; }
.mb--3 { margin-bottom: -1rem !important; }
.mb--4 { margin-bottom: -1.5rem !important; }
.mb--5 { margin-bottom: -3rem !important; }

/* Margin Left (ml) */
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

.ml--1 { margin-left: -0.25rem !important; }
.ml--2 { margin-left: -0.5rem !important; }
.ml--3 { margin-left: -1rem !important; }
.ml--4 { margin-left: -1.5rem !important; }
.ml--5 { margin-left: -3rem !important; }

/* Padrão: some no mobile */
.hide-mobile {
    display: none !important;
}

/* Padrão: some no desktop */
.hide-desktop {
    display: none !important;
}

/* 100% Image Width on Smaller Screens */
/* @media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
} */