/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
  position: absolute;
  right: 25px;
  top: 0;
  color: #000;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: red;
  cursor: pointer;
}


  /*-- Modal Controle de Caixa Cadastrar--*/
  .modal2 {
    display: none;
    }
    .modal2:target {
    display: flex;
    }
    .modal2 {
    text-align: left;
    backdrop-filter: blur(2px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2rem;
    }
    
    .modal2:target {
    justify-content: space-around;
    align-items: center;
    }
    
    .modal2_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: default;
    }
    
    .modal2_content {
    min-width: 50%;
    position: relative;
    background-color: #f5f5f5;
    padding: 2.5rem;
    border-radius: 20px;
    }
    
    .modal2_close {
    color: #000;
    text-decoration: none;
    position: absolute;
    top: 5%;
    right: 1%;
    padding: 0 1.0rem;
    display: inline-block;
    font-size: 2.0em;
    }


  /*-- Modal Controle de Caixa consultar--*/
    .modal3 {
    display: none;
    }
    .modal3:target {
    display: flex;
    }
    .modal3 {
    text-align: left;
    backdrop-filter: blur(2px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2rem;
    }
    
    .modal3:target {
    justify-content: space-around;
    align-items: center;
    }
    
    .modal3_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: default;
    }
    
    .modal3_content {
    min-width: 50%;
    position: relative;
    background-color: #f5f5f5;
    padding: 2.5rem;
    border-radius: 20px;
    }
    
    .modal3_close {
    color: #000;
    text-decoration: none;
    position: absolute;
    top: 5%;
    right: 1%;
    padding: 0 1.0rem;
    display: inline-block;
    font-size: 2.0em;
    }


      /*-- Modal faturamento Cadastrar--*/
    .modal4 {
    display: none;
    }
    .modal4:target {
    display: flex;
    }
    .modal4 {
    text-align: left;
    backdrop-filter: blur(2px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2rem;
    }
    
    .modal4:target {
    justify-content: space-around;
    align-items: center;
    }
    
    .modal4_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: default;
    }
    
    .modal4_content {
    min-width: 50%;
    position: relative;
    background-color: #f5f5f5;
    padding: 2.5rem;
    border-radius: 20px;
    }
    
    .modal4_close {
    color: #000;
    text-decoration: none;
    position: absolute;
    top: 5%;
    right: 1%;
    padding: 0 1.0rem;
    display: inline-block;
    font-size: 2.0em;
    }


  /*-- Modal faturamento consultar--*/
    .modal5 {
    display: none;
    }
    .modal5:target {
    display: flex;
    }
    .modal5 {
    text-align: left;
    backdrop-filter: blur(2px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2rem;
    }
    
    .modal5:target {
    justify-content: space-around;
    align-items: center;
    }
    
    .modal5_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: default;
    }
    
    .modal5_content {
    min-width: 50%;
    position: relative;
    background-color: #f5f5f5;
    padding: 2.5rem;
    border-radius: 20px;
    }
    
    .modal5_close {
    color: #000;
    text-decoration: none;
    position: absolute;
    top: 5%;
    right: 1%;
    padding: 0 1.0rem;
    display: inline-block;
    font-size: 2.0em;
    }


  /*-- Modal Agendamento--*/
  .modal6 {
    display: none;
    }
    .modal6:target {
    display: flex;
    }
    .modal6 {
    text-align: left;
    backdrop-filter: blur(2px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2rem;
    
    }
    
    .modal6:target {
    justify-content: space-around;
    align-items: center;
    }
    
    .modal6_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: default;
    }
    
    .modal6_content {
    min-width: 50%;
    height: 100%;
    position: relative;
    background-color: #f5f5f5;
    padding: 2.5rem;
    border-radius: 20px;
    overflow-y:scroll;
    }
    
    .modal6_close {
    color: #000;
    text-decoration: none;
    position: absolute;
    top: 2%;
    right: 3%;
    padding: 0 1.0rem;
    display: inline-block;
    font-size: 2.5em;
    }


    
      /*-- Modal Tabela Valores--*/
  .modal7 {
    display: none;
    }
    .modal7:target {
    display: flex;
    }
    .modal7 {
    text-align: left;
    backdrop-filter: blur(2px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2rem;
    
    }
    
    .modal7:target {
    justify-content: space-around;
    align-items: center;
    }
    
    .modal7_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: default;
    }
    
    .modal7_content {
    min-width: 50%;
    height: 100%;
    position: relative;
    background-color: #f5f5f5;
    padding: 2.5rem;
    border-radius: 20px;
    overflow-y:scroll;
    }
    
    .modal7_close {
    color: #000;
    text-decoration: none;
    position: absolute;
    top: 2%;
    right: 3%;
    padding: 0 1.0rem;
    display: inline-block;
    font-size: 2.5em;
    }


    
      /*-- Modal Tabela documentos financiamento--*/
    .modal8 {
    display: none;
    }
    .modal8:target {
    display: flex;
    }
    .modal8 {
    text-align: left;
    backdrop-filter: blur(2px);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 2rem;
    }
    
    .modal8:target {
    justify-content: space-around;
    align-items: center;
    }
    
    .modal8_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: default;
    }
    
    .modal8_content {
    min-width: 50%;
    position: relative;
    background-color: #f5f5f5;
    padding: 2.5rem;
    border-radius: 20px;
    }
    
    .modal8_close {
    color: #000;
    text-decoration: none;
    position: absolute;
    top: 2%;
    right: 3%;
    padding: 0 1.0rem;
    display: inline-block;
    font-size: 2.5em;
    }

    
      /*-- Modal Tabela documentos transferencia/minuta--*/
      .modal9 {
        display: none;
        }
        .modal9:target {
        display: flex;
        }
        .modal9 {
        text-align: left;
        backdrop-filter: blur(2px);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        padding: 2rem;
        
        }
        
        .modal9:target {
        justify-content: space-around;
        align-items: center;
        }
        
        .modal9_overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        cursor: default;
        }
        
        .modal9_content {
        min-width: 50%;
        height: 100%;
        position: relative;
        background-color: #f5f5f5;
        padding: 2.5rem;
        border-radius: 20px;
        overflow-y:scroll;
        }
        
        .modal9_close {
        color: #000;
        text-decoration: none;
        position: absolute;
        top: 2%;
        right: 3%;
        padding: 0 1.0rem;
        display: inline-block;
        font-size: 2.5em;
        }