@font-face { font-family: didact_gothicregular; src: url(../webfonts/didactgothic-regular-webfont.eot); src: url(../webfonts/didactgothic-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../webfonts/didactgothic-regular-webfont.woff2) format('woff2'), url(../webfonts/didactgothic-regular-webfont.woff) format('woff'), url(../webfonts/didactgothic-regular-webfont.ttf) format('truetype'), url(../webfonts/didactgothic-regular-webfont.svg#didact_gothicregular) format('svg'); font-weight: 400; font-style: normal }
body, header, html { position: relative }
a, h1, h2, h3, h4, h5, h6 { font-family: didact_gothicregular }
h1 { font-weight: 600 }
table { font-size: 16px }
.body { background: url(../img/bg.jpg) center/cover no-repeat #f3f3f3; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover }
.body-internas {background: #fff !important;}
ul li { list-style: none }
label { font-family: didact_gothicregular }
.nav-link.active { color: #39a8b5 }
.dropdown-item.active, .dropdown-item:active { background-color: #39a8b5 }
.breadcrumb-item { font-size: 12px }
.breadcrumb-item .breadcrumb-item::before { display: inline-block; font-family: Poppins, sans-serif; padding-right: .3rem; color: #39a8b5; content: ">" }
.carteira { margin: auto; max-width: 585px; max-height: 1274px }
.label-login { font-size: 14px }
.shadow-padrao {}
.utilidade { background: rgba(74, 177, 192, .9); background: -webkit-linear-gradient(270deg, rgba(74, 177, 192, .9) 0, rgba(22, 109, 153, .8) 90%); background: -o-linear-gradient(270deg, rgba(74, 177, 192, .9) 0, rgba(22, 109, 153, .8) 90%); background: linear-gradient(360deg, rgba(74, 177, 192, .9) 0, rgba(22, 109, 153, .8) 90%); min-height: 425px }
.siscad { background: rgba(0, 0, 0, .35); min-height: 425px }
.consulta-cpf-cnpj { border: 1px solid #c2c2c2; box-shadow: 0 0 2px #d2d2d2; background: #fff; left: -2px; top: 70px; font-size: 12px; overflow: hidden; padding: 10px; position: absolute; max-width: 460px; width: 100%; z-index: 1; transition: .3s ease-out; -o-transition: .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out }
a.btn-util { background: rgba(255, 255, 255, .8); border-radius: 4px; color: #67a7c0; display: inline-block; padding: 8px; margin-bottom: 1rem !important; text-decoration: none; transition: .3s ease-out; -o-transition: .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; width: 80% }
.btn-util i { margin-left: -50px }
.texto-cinza { color: #717171 }
.texto-verde { color: #39a8b5 !important }
.bg-verde { background: #39a8b5 !important }
.input-filtros, .input-text { background: #eff0f2; border: 1px solid #eff0f2; border-radius: 4px; color: #67a7c0; margin-bottom: 1rem !important; padding: 8px }
.chosen-container { width: auto }
.input-text-pesquisa { background: #eff0f2; border: 1px solid #eff0f2; border-radius: 4px; color: #67a7c0; margin-bottom: 1rem !important; padding: 8px; height: auto; width: 80% }
.input-group-text, .select-group, input.form-control, select.form-control, textarea.form-control { background: #eff0f2 }
.btn-padrao {border-radius: 4px;border: none;padding: 8px;text-decoration: none;transition: .3s ease-out;-o-transition: .3s ease-out;-ms-transition: all .3s ease-out;-moz-transition: .3s ease-out;-webkit-transition: .3s ease-out;}
a.dt-button, button.dt-button, div.dt-button {/* background: #39a8b5; */color: #fff;border: none;border-radius: 4px;transition: .3s ease-out;-o-transition: .3s ease-out;-ms-transition: all .3s ease-out;-moz-transition: .3s ease-out;-webkit-transition: .3s ease-out;}
div.dt-button-collection a.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled) { background: #39a8b5; border-radius: 4px; box-shadow: none; color: #fff }
div.dt-button-collection .dt-button { border-radius: 4px; background: #dadada; color: gray }
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0 }
.text-classe { float: left; bottom: 50px; position: relative }
.itens-visiveis .dataTables_length { text-align: left !important }
.btn-pequeno { border-radius: 4px; border: none; padding: 4px; text-decoration: none; transition: .3s ease-out; -o-transition: .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out }
.btn-login { border-radius: 4px; border: none; padding: 8px; margin-bottom: 1rem !important; text-decoration: none; transition: .3s ease-out; -o-transition: .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out; width: 80% }
.btn-pesquisa { background: #eff0f2; color: #67a7c0; line-height: 0 !important; border-top-left-radius: 0; border-bottom-left-radius: 0 }
.redes { display: inline-block; vertical-align: top; width: auto; height: auto }
.redes a { display: block; width: 40px; height: 40px; background: #fff; border: 1px solid #dee2e6; border-radius: 5px; color: #39a8b5; padding-left: 6px; cursor: pointer; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out }
.redes i { font-size: 17px; line-height: 40px }
.rodape { background: rgba(0, 0, 0, .4); bottom: 0 }
.texto-rodape { font-size: 12px; padding-top: 8px; padding-bottom: 8px; color: #cbcbcb; bottom: 0; width: 100%; margin-bottom: 0; left: 0 }
.mini-foto { max-width: 40px; max-height: 40px; width: 100%; border-radius: 2.129em; overflow: hidden }
.foto-perfil {max-width: 150px;max-height: 150px;width: 100%;border-radius: 75px;overflow: hidden;padding: 0;width: 150px;height: 150px;}
.sidebar { border: 1px solid #c2c2c2; box-shadow: 0 0 2px #d2d2d2; padding: 20px; background: #fff; margin-bottom: 10px }
.tipo-impressao img { max-width: 25px; max-height: 25px }
.menu-lateral li { box-shadow: 0 0 2px #d2d2d2; color: #39a8b5; position: relative; display: block; list-style: none; margin-bottom: 10px; padding: 10px 10px 10px 20px; text-align: left; transition: .3s ease-out; -o-transition: .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out }
.menu-lateral i { padding-right: 15px }
.favoritos { background: #39a8b5; border: 1px solid #fff; color: #fff !important; transition: .3s ease-out; -o-transition: .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out }
.favoritos div { font-size: 18px; padding-left: 20px; vertical-align: middle; transition: .1s ease-out; -o-transition: .1s ease-out; -ms-transition: all .1s ease-out; -moz-transition: .1s ease-out; -webkit-transition: .1s ease-out }
.favoritos i { font-size: 20px; vertical-align: middle; transition: .1s ease-out; -o-transition: .1s ease-out; -ms-transition: all .1s ease-out; -moz-transition: .1s ease-out; -webkit-transition: .1s ease-out }
.input-file { height: 200px; color: gray }
input[type=date], input[type=email], input[type=number], input[type=password], input[type=string], input[type=text], select, textarea { border: 1px solid #eff0f2; box-shadow: none !important }
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=string], input[type=text]:focus, select:focus, textarea:focus { background: #fff; border: 1px solid #39a8b5; box-shadow: none !important }
input[type=radio]+label:before { content: ''; background: #fafafa; border: 1px solid gray; border-radius: 50%; display: inline-block; font-family: didact_gothicregular; margin-right: 3px; vertical-align: middle; margin-top: -6px; height: 16px; width: 16px }
input[type=radio]:checked+label:before { background: #4ab1c0; border: 1px solid #4ab1c0; color: #4ab1c0; font-size: 23px; padding-right: 5px; line-height: 13px }
::-webkit-input-placeholder { padding-left: 2px; color: #39a8b5 }
:-moz-placeholder { color: #39a8b5 }
::-moz-placeholder { color: #39a8b5 }
:-ms-input-placeholder { color: #39a8b5 }
@media (max-width:768px) {
    .siscad, .utilidade { min-height: 320px }
    .rodape { margin-top: 20px }
}
@media (max-width:575.97px) {
    .d-xs-none { display: none }
    .d-xs-block { display: block }
    .siscad, .utilidade { min-height: 290px }
}
@media (max-width:346px) {
    .label-login { font-size: 11px }
    .consulta-cpf-cnpj { font-size: 10px; max-width: 370px; width: 100% }
}
.input-file label { background: url(../img/up3.png) center no-repeat #f3f3f3; height: 100%; position: relative; padding: 10px; border: 1px dashed gray; z-index: 1; margin: 0 auto; width: 100%; overflow: auto }
.docs-preview { position: absolute; right: 50px; top: 190px }

a.btn-util:hover { background: #fff; border-radius: 4px; color: #3f99bd; text-decoration: none; transition: .3s ease-out; -o-transition: .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out }
a.dt-button:hover, button.dt-button:hover, div.dt-button:hover {/* background: #138496 !important; */color: #fff !important;/* border: none !important; */border-radius: 4px;transition: .3s ease-out;-o-transition: .3s ease-out;-ms-transition: all .3s ease-out;-moz-transition: .3s ease-out;-webkit-transition: .3s ease-out;}
.redes a.facebook:hover { background: #3b5998; border: 1px solid #3b5998; color: #fff; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out }
.redes a.twitter:hover { background: #00acee; border: 1px solid #00acee; color: #fff; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out }
.redes a.linkedin:hover { background: #0e76a8; border: 1px solid #0e76a8; color: #fff; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out }
.redes a.skype:hover { background: #00aff0; border: 1px solid #00aff0; color: #fff; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out }
.redes a.instagram:hover { background: #3f729b; border: 1px solid #3f729b; color: #fff; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out }
a, a:hover { text-decoration: none }
.menu-lateral li:hover { background: #39a8b5; color: #fff; padding: 10px 15px 10px 25px; text-decoration: none; transition: .3s ease-out; -o-transition: .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out }
.favoritos:hover { background: #fff; border: 1px solid #39a8b5; transition: .3s ease-out; -o-transition: .3s ease-out; -ms-transition: all .3s ease-out; -moz-transition: .3s ease-out; -webkit-transition: .3s ease-out }
.favoritos:hover div, .favoritos:hover i { color: #39a8b5; padding-left: 25px; transition: .1s ease-out; -o-transition: .1s ease-out; -ms-transition: all .1s ease-out; -moz-transition: .1s ease-out; -webkit-transition: .1s ease-out }
.btn-secondary:hover {
    background-color: black !important;
}
#filtros .fa-eraser{
    cursor: pointer;
}
div.dt-buttons{
    float: none;
}
[size="A4"] {
  background: white;
  width: 21cm;
  display: block;
  margin: 0.5cm auto;
  /*margin-bottom: 0.5cm;*/
  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
  padding: 0 5mm;
}
@media print {
    #top-nav{
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    body {
        margin: 0;
        box-shadow: 0;
        width: 21cm;
    }
    [size="A4"]{
        width: 100% !important;
        padding: 0;
    }
}