#autenticando {
  margin: 0 auto;
}

#left-menu-storagelab-logo {
  width: 240px;
}

body {
    overflow-y: unset !important;
  }
  
  .font-family-monospace {
    font-family: "monospace", Times, serif;
  }
  
  .display-none {
    display: none;
  }
  
  .float-left {
    float: left;
  }
  
  .float-right {
    float: right;
  }
  .list-style-none{
    list-style: none;
  }
  
  .text-align-right {
    text-align: right;
  }
  
  .clear-both {
    clear: both;
  }
  
  .tin-size {
    width: 50px;
  }
  
  .min-size {
    width: 100px;
  }
  
  .pequeno-size {
    width: 150px;
  }
  
  .medio-size {
    width: 100%;
    max-width: 270px;
    min-width: 270px;
  }
  
  .pagador-size {
    width: 100%;
    max-width: 315px;
    min-width: 315px;
  }
  
  .grande-size {
    width: 100%;
    max-width: 480px;
    min-width: 270px;
  }
  
  .form-group.ml-2.apresentante-select .select2-container {
    width: 100%;
    max-width: 466.8px;
    min-width: 466.8px;
  }
  
  .uf-size {
    width: 100%;
    max-width: 175px;
    min-width: 175px;
  }
  
  .cep-size {
    width: 100%;
    max-width: 120px;
    min-width: 120px;
  }
  
  .valor-size {
    width: 100%;
    max-width: 150px;
    min-width: 150px;
  }
  
  .cnpj-size {
    width: 100%;
    max-width: 180px;
    min-width: 180px;
  }
  
  .documento-size {
    width: 100%;
    max-width: 180px;
  }
  .nome-size {
    width: 100%;
    max-width: 475px;
  }
  
  .endereco-size {
    width: 100%;
    max-width: 475px;
  }
  
  .bairro-size {
    width: 100%;
    max-width: 270px;
  }
  
  .cidade-size {
    width: 100%;
    max-width: 270px;
  }
  
  .status-size {
    width: 100%;
    max-width: 70px;
  }
  
  .boleto-table-size {
    width: 100%;
    max-width: 380px;
  }
  
  .ativo-size {
    width: 130px;
  }
  
  .contribuinte-size,
  .atos-size {
    width: 100%;
    max-width: 400px;
  }
  
  .filter-block-250 {
    width: 100%;
    max-width: 250px;
    min-width: 250px;
  }
  
  .filter-block-460 {
    width: 100%;
    max-width: 430px;
    min-width: 430px;
  }
  
  
  .w-20 {
    width: 20%;
  }
  
  .w-90 {
    width: 90%;
  }
  
  .w-100px {
    width: 100px;
  }
  
  .w-40px {
    width: 40px;
  }
  
  .w-150 {
    width: 150px;
  }
  
  .w-200 {
    width: 200px;
  }
  
  .w-200{
    height: 200px;
  }
  
  .popover-irregular {
    background: #fbcdcd !important;
  }
  
  .popover-irregular:hover {
    background: #fbcdcdd5 !important
  }
  
  .bg-azul-menu, .bg-azul-menu:hover, .bg-azul-menu:focus {
    background: #354052;
    color: #FFC
  }
  
  .card-dashboard{
    max-width: 160px;
    max-height: 160px;
  
    height: 100%;
    width: 100%;
  
    background: #354052;
    color: #FFC
  }
  
  .card-dashboard > .feather{
    width: 100%;
    height: 35px;
    margin-bottom: .5rem;
  }
  
  
  
  .white-space-nowrap{
    white-space: nowrap;
  }
  .gap-02{
    gap: .2rem
  }
  .gap-1 {
    gap: 1em;
  }
  
  .gap-2 {
    gap: 2em;
  }
  
  .gap-3 {
    gap: 3em;
  }
  
  .gap-4 {
    gap: 4em;
  }
  
  .gap-5 {
    gap: 5em;
  }
  .gap-6{gap: 6em;}
  
  .gap-7{gap: 7em;}
  
  .gap-8{gap: 8em;}
  
  .gap-9{gap: 9em;}
  
  .gap-10 {
    gap: 10px;
  }
  
  .gap-20 {
    gap: 20px;
  }
  
  .gap-30 {
    gap: 30px;
  }
  
  .gap-40 {
    gap: 40px;
  }
  
  .gap-50 {
    gap: 50px;
  }
  
  .gap-60 {
    gap: 60px;
  }
  
  .gap-70 {
    gap: 70px;
  }
  
  .gap-80 {
    gap: 80px;
  }
  
  .gap-90 {
    gap: 90px;
  }
  
  .gap-100 {
    gap: 100px;
  }
  
  .pb-04 {
    padding-bottom: 0.4rem !important;
  }
  
  .mt-17px {
    margin-top: 16px;
  }
  
  .grd {
    max-width: 100%;
    width: 29rem;
  }
  
  .med {
    max-width: 100%;
    width: 14rem;
  }
  
  .min {
    max-width: 100%;
    width: 10rem;
  }
  
  .code-size {
    max-width: 100%;
    width: 5rem;
  }
  
  
  
  .data-size {
    width: 100%;
    max-width: 110px;
    min-width: 110px;
  }
  
  .required-sign {
    color: red;
    font-weight: bold;
  }
  
  .visualizar-label {
    display: block;
    font-weight: bold;
    margin: 0;
    font-size: 15px;
  }
  
  .datatables-multi {
    width: 100%;
  }
  
  .text-uppercase {
    text-transform: uppercase;
  }
  
  /* Remove default bullets */
  
  ul,
  #tree-list {
    list-style-type: none;
  }
  
  /* Remove margins and padding from the parent ul */
  
  #tree-list {
    margin: 0;
    padding: 0;
  }
  
  #tree-list .custom-checkbox {
    cursor: pointer;
  }
  
  /* Style the tree-dad/arrow */
  
  .tree-dad {
    cursor: pointer;
    user-select: none;
    /* Prevent text selection */
  }
  
  /* Create the tree-dad/arrow with a unicode, and style it */
  
  .tree-dad::before {
    content: '\25B6';
    color: black;
    display: inline-block;
    margin-right: 6px;
  }
  
  /* Rotate the tree-dad/arrow icon when clicked on (using JavaScript) */
  
  .tree-dad-down::before {
    transform: rotate(90deg);
  }
  
  /* Hide the tree-sons list */
  
  .tree-sons {
    display: none;
  }
  
  /* Show the tree-sons list when the user clicks on the tree-dad/arrow (with JavaScript) */
  
  .active {
    display: block;
  }
  
  .log-acao-titulo {
    text-transform: capitalize;
  }
  
  .json-tree-view {
    padding: 5px 20px;
    border-radius: 10px;
  }
  
  a.json-toggle:before {
    margin-top: -3px !important;
  }
  
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: 0px;
  }
  
  .timeline {
    max-height: 450px;
    overflow: auto;
    padding-right: 5px;
  }
  
  /* width */
  
  ::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  
  ::-webkit-scrollbar-thumb {
    background: #313b4c;
  }
  
  /* Handle on hover */
  
  ::-webkit-scrollbar-thumb:hover {
    background: #313b4c;
  }
  
  .form-plus-button-area {
    padding-top: 28px;
    margin: 0;
  }
  
  .label-visualizacao {
    font-weight: bold;
    color: #343a40;
  }
  
  main.content{
    padding: 2rem 1rem !important;
  }
  
  
  
  .qtdeEmpresas {
    font-size: 0.6rem;
    position: absolute;
    color: snow;
    margin: -1.8vh 0 0 0.5vw;
    display: block;
    background: #a180da;
    padding: 1px 5px;
    border-radius: 10px;
  }
  
  .qtdDajes,
  .qtdIntimacaoes {
    font-size: 0.6rem;
    position: absolute;
    color: snow;
    margin: -1rem 0;
    display: block;
    background: rgb(254, 43, 43);
    padding: 1px 5px;
    border-radius: 10px;
    right: 1rem
  }
  
  .qtd_empresas_visualizar {
    display: flex;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    flex: 1;
  }
  
  .footer {
    padding: 10px 5px !important;
    /*background: #354052 !important;*/
    background: black !important;
    color: white !important;
  }
  
  .footer .text-muted {
    color: white !important;
  }
  
  .footer .text-muted .text-left p.mb-0 {
    padding-top: 7px;
  }
  
  .table-item-cadastrado-editado {
    background: #737373 !important;
    color: white;
  }
  
  table {
    width: 100% !important;
  }
  
  .border-top-white {
    border-top: 2px solid #fff;
  }
  
  textarea.form-control {
    height: 55px;
  }
  
  #usuario-img {
    width: 150px;
    height: 150px;
  }
  
  .replicar-demais-atos-valor,
  .replicar-apresentacao-valor {
    width: 100%;
    max-width: 150px;
    min-width: 150px;
  }
  
  .color-bg-card {
    background: #eff5f9;
  }
  
  .text-dark {
    color: #495057 !important;
  }
  
  #apresentante-nav .lead p {
    font-size: 15px;
    line-height: 23px;
  }
  
  /* --------------- load ------------- */
  
  .pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  
  .pace-inactive {
    display: none;
  }
  
  .pace .pace-progress {
    background: #47bac1;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 5px;
  }
  
  /* --------------- load ------------- */
  
  .select2-results__message {
    display: none;
  }
  
  .select2-selection--single {
    height: 100% !important;
  }
  
  .select2-selection__rendered {
    word-wrap: break-word !important;
    text-overflow: inherit !important;
    white-space: normal !important;
  }
  .tipo-apresentante-btn-selected {
    background: #8459ce !important;
  }
  
  .data-keyup-option {
    list-style: none;
    margin: 0;
    padding: 0;
    background: antiquewhite;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  
  .data-keyup-option li {
    padding: 5px 10px;
    cursor: pointer;
  }
  
  .data-keyup-option li:hover {
    background: rgb(218, 184, 140);
  }
  
  .shadow-apresentante {
    box-shadow: 0 0 0.875rem 0 rgb(53 64 82 / 15%) !important;
    background-color: #f5f9fc;
  }
  
  .btn-right-field {
    position: absolute;
    right: 0;
    margin-right: -125px;
    /*margin-top: -31px;*/
    margin-top: 29px;
  }
  
  .default-validation-error {
    position: absolute;
    margin: 9px 0 0 5px;
  }
  
  /*#visualizar-titulo-box .card-body {
      padding: 5px 0 !important;
  }*/
  
  #visualizar-titulo-box-info hr {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  #visualizar-titulo-box-info .row {
    padding: 0 5px;
  }
  
  #visualizar-titulo-box-info .row div {
    padding-top: 6px;
  }
  
  .visualizar-titulo-toggle {
    cursor: pointer;
  }
  
  .visualizar-titulo-toggle:hover {
    background: #eee;
  }
  
  .visualizar-titulo-toggle-active {
    background: #eee;
  }
  
  #info-apresentante-nome {
    font-size: 15px;
  }
  
  #info-apresentante-box .card-text span {
    font-weight: bold;
  }
  
  #loading {
    display: none;
    background-color: black;
    opacity: 0.68;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999999999;
  }
  
  #default-loading-spinner {
    width: 80px;
    height: 80px;
    position: fixed;
    inset: 50%;
  }
  
  #spinner-loading-text{
    display: flex!important;
    justify-content: center!important;
  }
  
  .remessa-acoes-btn {
    width: 38px;
  }
  
  .titulo-remessa-acoes-btn-box {
    width: 96px;
  }
  
  #total-titulos-remessa-box,
  #total-titulos-regulares-box,
  #total-titulos-irregulares-box {
    cursor: pointer;
  }
  
  #total-titulos-remessa-box:hover,
  #total-titulos-regulares-box:hover,
  #total-titulos-irregulares-box:hover {
    color: blue;
  }
  
  #total-titulos-custas-antecipadas-box {
    border: 1px solid red;
    float: right;
    padding: 5px;
    border-radius: 7px;
    color: red;
    margin-top: -6px;
    cursor: pointer;
  }
  
  .total-titulos-custas-antecipadas-box-selected {
    background: red;
    color: white !important;
  }
  
  .total-titulos-remessa-selected {
    font-weight: bold;
    color: blue;
  }
  
  /***************************************************************************/
  .custom-switch .custom-control-label:after,
  .custom-control-label:after {
    cursor: pointer;
  }
  .tag-badge-success:after,
  .tag-status-success,
  .tag-status-success.tag-status:after,
  .tag-status-success.tag-status:before {
    background-color: #5cb85c;
  }
  
  @-webkit-keyframes iconAlertAnim {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(50px);
      transform: scale(0.4) translateY(50px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0) scale(1);
      transform: translateY(0) scale(1);
    }
  }
  
  @keyframes iconAlertAnim {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.4) translateY(50px);
      transform: scale(0.4) translateY(50px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0) scale(1);
      transform: translateY(0) scale(1);
    }
  }
  
  /* FILTER */
  
  .to-right {
    float: right;
  }
  
  /*.remessa-titulo-irregular:hover {
      background-color: red !important;
      color: white;
  }*/
  
  ::-webkit-input-placeholder {
    text-transform: capitalize !important;
  }
  
  ::-webkit-input-placeholder {
    /* Chrome, Safari */
    text-transform: capitalize !important;
  }
  
  :-moz-placeholder {
    /* Firefox 18- */
    text-transform: capitalize !important;
  }
  
  ::-moz-placeholder {
    /* Firefox 19+ */
    text-transform: capitalize !important;
  }
  
  :-ms-input-placeholder {
    /* IE */
    text-transform: capitalize !important;
  }
  
  .ui-dialog {
    z-index: 99999;
  }
  
  .bg-azul {
    color: #ffffff !important;
    background: #5b7dff !important;
  }
  
  .btn-azul {
    color: #ffffff !important;
    background: #5b7dff !important;
    border-color: #5b7dff !important;
    font-weight: 900;
  }
  
  .btn-azul:hover,
  .btn-azul:active,
  .btn-azul:focus {
    color: #ffffff !important;
    filter: brightness(0.9) !important;
    border-color: none !important;
    font-weight: 900;
  }
  
  .btn-orange {
    color: #ffffff !important;
    background: #feb548 !important;
    border-color: #feb548 !important;
    font-weight: 900;
  }
  
  .btn-orange:hover,
  .btn-orange:active,
  .btn-orange:focus {
    color: #ffffff !important;
    filter: brightness(0.9) !important;
    border-color: none !important;
    font-weight: 900;
  }
  
  .bg-orange {
    color: #ffffff !important;
    background: #feb548 !important;
    border-color: #feb548 !important;
  }
  
  .bg-vermelho-fraco {
    color: #d9534f !important;
    background: #FCE8E6 !important;
    border-color: #FCE8E6 !important;
  }
  
  .data-keyup-cidade > li {
    padding: 0.45rem;
    background-color: ivory;
    cursor: pointer;
    vertical-align: middle;
  }
  
  .data-keyup-cidade > li:hover {
    background-color: #47bac1;
  }
  
  .cidade-options {
    overflow-y: auto;
    max-height: 150px;
  }
  
  .sw-btn-prev {
    border-color: #47bac1 !important;
    background: #47bac1 !important;
  }
  
  .sw-btn-next {
    border-color: #47bac1 !important;
    background: #47bac1 !important;
  }
  
  .sw-btn-next:hover {
    border-color: #80cfd4 !important;
    background: #80cfd4 !important;
  }
  
  .sw-btn-prev:hover {
    border-color: #80cfd4 !important;
    background: #80cfd4 !important;
  }
  
  .z-index-1 {
    z-index: 1;
  }
  
  .lh-1 {
    line-height: 1 !important;
  }
  
  .lh-2 {
    line-height: 1.6;
  }
  
  .vh-18 {
    max-height: 18vh;
    min-height: 100%;
  }
  
  .fw-bold {
    font-weight: bolder;
  }
  
  #taxasDropdown {
    width: 250px;
    height: 10rem;
    top: 28px !important;
    overflow: auto !important;
  }
  
  #taxasDropdown li {
    pointer-events: none;
  }
  
  #historicoDropdown {
    width: 300px;
    height: 12rem;
    top: 28px !important;
    overflow: auto !important;
  }
  
  #historicoDeSelosDropdown {
    width: 400px;
    height: 12rem;
    top: 28px !important;
    overflow: auto !important;
  }
  
  
  .dropdown-divider-md {
    width: 30rem;
    max-width: 100%;
  
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
  }
  
  .fw-bold {
    font-weight: bolder;
  }
  
  .badge-true, .badge-S {
    background-color: #5fc27e;
  }
  
  .badge-expirado {
    background-color: #f44455;
  }
  
  .badge-false,
  .badge-cancelamento,
  .badge-cancelado-true {
    background-color: #f44455;
  }
  
  .badge-pago,
  .badge-concluido,
  .badge-negativa,
  .badge-cancelado-false {
    background-color: #5fc27e;
  }
  
  .badge-liberado,
  .badge-inteiro-teor {
    background-color: #a180da;
  }
  
  .badge-diferido {
    background-color: #47bac1;
  }
  
  .badge-isento {
    background-color: #5b7dff;
  }
  
  .badge-utilizado,
  .badge-ordem-judicial-false {
    background-color: #5fc27e;
  }
  
  .badge-vencido,
  .badge-positiva,
  .badge-cancelado {
    background-color: #f44455;
  }
  
  .badge-nao_pago,
  .badge-aberto,
  .badge-ordem-judicial-true,
  .badge-N {
    background-color: #feb548;
  }
  
  [mais-filtros-container] {
    right: 0;
    z-index: 1;
    backdrop-filter: blur(5px);
  }
  
  .card-mais-filtros {
    box-shadow: lightgrey 0px 10px 10px 0px;
  }
  
  #adicionar-filtros:hover {
    filter: brightness(95%);
  }
  
  .campo-data-com-unico-label {
    width: 195px;
    display: inline-block;
  }
  
  .btn-toolbar.sw-toolbar.sw-toolbar-bottom.justify-content-end {
    border: none;
    padding: 0;
  }
  .nav.nav-tabs.step-anchor {
    overflow-x: auto !important;
    flex-wrap: nowrap;
  }
  
  .nav.nav-tabs.step-anchor::-webkit-scrollbar {
    display: none;
  }
  o .wizard-primary.sw-theme-arrows > ul.step-anchor > li.active > a,
  .wizard.sw-theme-arrows > ul.step-anchor > li.done > a {
    padding-right: 1rem !important;
  }
  
  .flex-auto {
    flex: auto;
  }
  
  .mb-1-9 {
    margin-bottom: 0.19rem !important;
  }
  
  /*SOBREESCREVENDO DATATABLES CHECKBOX */
  
  table.dataTable tbody td.select-checkbox::before,
  table.dataTable tbody td.select-checkbox::after,
  table.dataTable tbody th.select-checkbox::before,
  table.dataTable tbody th.select-checkbox::after {
    top: 50%;
  }
  
  table.dataTable tbody td.select-checkbox:before,
  table.dataTable tbody th.select-checkbox:before {
    border-radius: 0px !important;
    pointer-events: none !important;
    background-color: #dee2e6 !important;
    border: 1px solid #adb5bd !important;
    border-radius: 0.2rem !important;
    width: 1rem !important;
    height: 1rem !important;
  }
  table.dataTable tbody td.select-checkbox:before table.dataTable tbody th.select-checkbox:before {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  }
  
  table.dataTable tr.selected td.select-checkbox:after,
  table.dataTable tr.selected th.select-checkbox:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%47bac1' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E") !important;
  }
  
  table.dataTable tbody td.select-checkbox::after {
    background: no-repeat 50%/50% 50% !important;
  }
  
  .outline-none {
    outline: none !important;
  }
  
  /*SOBREESCREVENDO DATATABLES CHECKBOX */
  
  .ml--4px {
    margin-left: -4px;
  }
  
  .ml-1px {
    margin-left: 1px;
  }
  
  .ml-2px {
    margin-left: 2px;
  }
  
  /* PROTOCOLO BUTTON */
  [data-remove-protocolo] {
    font-size: 16px;
    transition: all 0.5s;
  }
  
  [data-remove-protocolo]:hover {
    cursor: pointer;
    background-color: red;
  }
  
  [data-icon-button] {
    display: none;
    border: none;
    outline: transparent;
    background-color: transparent;
    color: white;
    font-size: 16px;
    padding: 0;
    transition: all 0.5s;
  }
  
  [data-remove-protocolo]:hover button {
    display: inline-block;
  }
  
  #baixar-remessa-epc:hover {
    cursor: pointer;
  }
  /* PROTOCOLO BUTTON */
  .bg-irregular {
    background-color: #fbcdcd !important;
  }
  
  .flex-1 {
    flex: 1;
  }
  
  .flex-2 {
    flex: 2;
  }
  
  .flex-3 {
    flex: 3;
  }
  
  .flex-4 {
    flex: 4;
  }
  
  .flex-5 {
    flex: 5;
  }
  
  .flex-6 {
    flex: 6;
  }
  .fs-20 {
    font-size: 20px;
  }
  
  .ml--02rem{
    margin-left: -0.2rem;
  }
  
  .form-label,
  .custom-control-label {
    color: #343a40;
    font-weight: bold;
  }
  
  .container-form-titulo-titulo {
    display: flex;
    flex-direction: column;
    max-width: 50rem;
    width: 100%;
  }
  
  
  
  .form-titulo-duol-inputs {
    /* flex: 1; */
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
  
  .block-with-text {
    text-overflow: ellipsis;
    width: 14rem;
    white-space: nowrap;
    overflow: hidden;
  }
  
  .block-with-text:hover {
    white-space: normal;
    overflow: auto;
    width: 100%;
  }
  
  #centraliza-progress {
    width: -webkit-fill-available;
    height: 1.5rem;
    position: fixed;
    top: 50%;
    left: 2%;
    right: 2%;
  }
  
  .progress-bar {
    animation: progress-bar 1.25s linear normal;
  }
  
  @keyframes progress-bar {
    0% {
      width: 10%;
    }
  
    30% {
      width: 30%;
    }
  
    68%,
    72% {
      left: 70%;
    }
  
    100% {
      width: 100%;
    }
  }
  
  span.text-overflow {
    display: inline-block;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  span.text-overflow:hover {
    display: block;
    width: 180px;
    white-space: nowrap;
  }
  
  /* PASSWORD CONTAINER */
  
  #message {
    display: none;
    color: #000;
    position: relative;
    width: 24rem;
    /* box-shadow: -10px 7px 10px 0px rgba(0, 0, 0, 0.2); */
    margin: 0 0 1rem 0;
    background: linear-gradient(to bottom right, #ffffff, #e4e4e4);
    box-shadow: -9px 9px 9px rgba(0, 0, 0, 0.5);
  
    border-radius: 10px;
    padding: 20px;
  
  }
  
  #message p {
    margin-top: 5px;
    padding: 0px 1rem;
    margin: 10px 0;
  }
  
  .valid {
    color: #24c432;
  }
  
  .valid:before {
    position: relative;
    left: -15px;
    content: "\f164"; /* código Unicode do ícone */
    font-family: "Font Awesome 5 Free"; /* a fonte do ícone */
    font-weight: 700;
  }
  
  .invalid {
    color: #ff1424;
  }
  
  .invalid:before {
    position: relative;
    left: -15px;
    content: "\f165"; /* código Unicode do ícone */
    font-family: "Font Awesome 5 Free"; /* a fonte do ícone */
    font-weight: 700;
  }
  
  .password-input {
    border: none;
    outline: none;
  }
  
  .image-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }
  
  #container-img-perfil{
    display: flex;
    flex: 1;
    justify-content: left;
  }
  
  .overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  
  .image-container:hover .overlay {
    opacity: 1;
    pointer-events: auto;
  }
  
  .text-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .line1 {
    font-size: 14px;
    margin-bottom: 5px;
    color: #fff;
  }
  
  .line2 {
    font-size: 14px;
    color: #fff;
  }
  
  #imageLabel {
    font-size: 18px;
    margin-bottom: 5px;
    color: #fff;
  }
  
  .fa-camera {
    font-size: 24px;
    color: #fff;
  }
  
  .perfilDropdown {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
  }
  
  .perfil-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
  }
  
  .perfil-toggle:hover {
    background-color: #f5f5f5;
  }
  
  .perfil-toggle i {
    margin-left: 8px;
  }
  
  .perfilDropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 4px;
    padding: 8px 0;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    z-index: 2;
  }
  
  .perfilDropdown .option {
    padding: 8px 12px;
    cursor: pointer;
  }
  
  .perfilDropdown .option:hover {
    background-color: #c6c6c6;
  }
  
  .image-container:hover img {
    filter: brightness(50%);
  }
  
  .foto-label {
    cursor: pointer;
  }
  
  #foto-file {
    cursor: pointer;
  }
  
  .background-gray-configuracoes {
    background-color: gray;
    padding: 10px;
    /* width: 300px; */
    /* height: 300px; */
  }
  
  .background-gray-configuracoes span {
    color: white;
  }
  
  #foto-view {
    object-fit: cover;
    height: 260px;
    width: 260px;
  }
  
  .underline-link {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  
  .bold-text {
    font-weight: 600;
    color: #000;
  }
  
  .modal-divider {
    border-top: 1px solid #e9ecef;
    margin: 16px 0;
  }
  
  #baixar-boleto-retorno:hover {
    cursor: pointer;
  }
  
  
  #historicoDeSelosDropdown {
    left: -240px !important;
  }
  
  #button-mais-acoes-certidao, .mais-acoes {
    height: 25px !important;
  }
  
  
  .modal-backdrop.show,
  .modal-open .modal {
    overflow-y: auto !important;
  }
  
  .daje-modal {
    max-height: 80vh;
    overflow-y: auto;
  }
  
  #logo-page-login{
    position: fixed;
    bottom: 20px;
    right: 20px;
  }
  .tela-formatada-visualizacao{display: flex;flex: 1}
  
  .opacity-model {opacity: 0.5;}
  
   /* RESPONSIBLE FOR RESPONSIVE LAYOUT --------------------------------------------------*/
  
  @media (max-width: 450px) {
    .min-size {
      width: 90%;
    }
    .pequeno-size {
      width: 90%;
    }
    .input-com-btn {
      width: 90%;
    }
  }
  
  @media(max-width: 500px){
    .card-dashboard {
      max-width: 100%;
    }
  
    .flex-w499-column {
      flex-direction: column;
    }
  }
  
  @media (max-width: 550px) {
    .input-com-btn {width: 80% }
  
    .filter-block-460,
    .filter-block-250,
    .contribuinte-size,
    .atos-size {
      max-width: 100%;
      min-width: 100%;
    }
  
    .filter-block-460 {
      display: flex;
      flex-direction: column;
    }
  }
  
  @media (max-width: 599px) {
    .flex-w599-column {
      flex-direction: column;
    }
  }
  
  @media(max-width: 768px) {
    #logo-page-login{
      margin: 0 4.5rem;
      left: 0;
      right: 0;
    }
  
    #titulo-visualizar-daje{font-size: 1.2rem}
    .tela-formatada-visualizacao{display: block}
  
  }
  
  @media (max-width: 991.98px) {
    .main {
      overflow: hidden;
    }
  
    main.content{
      padding: 1.5rem 0 !important;
    }
  }
  
  @media(max-width: 1400px){
    #container-img-perfil{justify-content: center}
  }
  
  #folder-name {
    max-width: 250px;
  }