hr{
    margin-top: var(--espaco-3);
    margin-bottom: var(--espaco-3);
    border-top: 1px dotted var(--cor-p2); 
  }

  @keyframes aparecer {
    from {opacity:0}
    to{opacity:1}   
  }

  .msgerro{
    padding: var(--espaco-1);
    border-radius: 5px;
    background:var(--cor-w);
    box-shadow:var(--sombra-peq);
    animation-name: aparecer;
    animation-duration: 0.8s;
    i {
      font-size:var(--fonte-1);
      color: var(--cor-p0);
      
    }  
      
  }

  .msgFont{
    font-size: calc(var(--fonte-2)*0.8);
    font-weight: 400;
    color: var(--cor-n2); 
  max-width:90%;
padding-left:var(--espaco-1);
overflow:hidden;}


  .msgErro{    
    border-left: var(--espaco-1) solid var(--err-h);
  
  }

  .msgOk{    
    border-left: var(--espaco-1) solid var(--act-h);
 
  }

    .msgAlert{    
    border-left: var(--espaco-1) solid var(--cor-ex1-h);
  
  }

  #breadcrumb {
    
    margin-top: calc(var(--espaco-4)*1.4);
    margin-bottom: 5vh;
    a{
      text-transform: uppercase;
      letter-spacing: 0.1em;
      text-decoration: none;
      color: var(--cor-p1);
      font-weight: 400;
      
    }
  
  }
  
  /* TABELA */

table{
  font-size: var(--fonte-1);
  th{
    background:var(--cor-p2);
  }
  td{
    background:var(--cor-w);
  }
}

  /* NAV */
nav{
 background-color: var(--cor-w);
 position: fixed;
 width: 100%;
 z-index:9999;
 top:0;

padding: var(--espaco-1);


}

nav a {
  color: var(--cor-p2);
}
/*

nav div{
 display: flex;
 justify-content: center;
 align-items: center;  
}
*/

nav img{
 max-height: var(--altura-1);
 max-width: 100%;
}

nav l{  
 position: relative; 
 font-size: calc(var(--fonte-2)*0.85);

}

nav l::after{
  content:' ';
  width: 0%;
  height: 4px;
  background: var(--cor-ex1);
  position: absolute;
  bottom: -5px;
  left:0;
}

nav l:hover{
  &:not(#notLi)::after {   
    width:100%;
    transition: 0.4s;
    
    }
}

  
/* Footer */

.footer {
  align-content: start;
  background:var(--cor-p0);
  height:15vh;
  width:100%;
  margin-top:10vh;
  p {
    font-size: var(--fonte-1);
    color: var(--cor-n0);
  }
  div{
    margin:var(--espaco-2);
    min-height:15%;
  }
  h3{
    color:var(--cor-p2);
    font-weight:800;
    font-size:var(--fonte-1);
  }

  a{
    position:relative;      
  }

  p{
    padding: var(--espaco-1);
  }

  p::after{
    content:'•';
    color:var(--cor-p2);
    font-weight:800;
    font-size:var(--fonte-1); 
    position:absolute;  
    top: calc(var(--fonte-1)*0.25);
    left: 0; 
    display:none;
  }

  p:hover {
    font-weight: 700;
    &::after{   
        display:block;
    }
  }
}
  
  /*BOTAO*/

  button, .botao-oval {    
    text-decoration: none;
    font-family: 'Rawline', sans-serif;
    font-weight: 600;
    font-size: var(--fonte-2);    
    border-radius: calc(var(--borda-rad-3)*3);    
    border: 1px solid var(--cor-p1);
    color: var(--cor-n0);
    background: var(--cor-p1);    
    padding: var(--espaco-1); 
    padding-left: var(--espaco-2); 
    padding-right: var(--espaco-2);       
    cursor: pointer; 
    transition: all .1s ease-in;
    box-shadow: var(--sombra-peq);
  }
   
  button:hover, .botao-oval:hover { 
    border: 1px solid var(--cor-p2);
    background: var(--cor-p2);
  }
  
  .-sec{
    border: 1px solid var(--cor-p1);
    color: var(--cor-p1);
    background: transparent;
  }

  .-ter{
    border: 1px solid var(--cor-n0);
    color: var(--cor-p1);
    background: transparent;
  } 
 
  .-n{
    border: 2px solid var(--err);
    background: var(--err);
    color: var(--cor-n0);
  }

  .-n:hover{
    border: 2px solid var(--err-h);
    background: var(--err-h);
    color: var(--cor-n0);
  }
  
  .-s{
    border: 2px solid var(--act);
    background: var(--act);
    color: var(--cor-n0);
  }

  .-s:hover{
    border: 2px solid var(--act-h);
    background: var(--act-h);
    color: var(--cor-n0);
  }
  
  .cor-bt:hover {    
    border: 2px solid var(--cor-n0);
    color: var(--cor-n0);
  }

  .-dis {    
    border: 1px solid var(--cor-n1);
    color: var(--cor-n1);
    background: transparent;
  }  

  .-dis:hover {    
    cursor: not-allowed; 
    background: transparent;
    border: 1px solid var(--cor-n1);
    color: var(--cor-n1);
  }

  .-p {    
    font-size: var(--fonte-1); 
    padding: var(--espaco-1);
    padding-left: calc(var(--espaco-2)*0.6); 
    padding-right: calc(var(--espaco-2)*0.6);

  }
  
  /*FORM*/

 

  form, #formSemTags {
    background:var(--cor-w);
    display:block;
    width: 100%;
    padding:var(--espaco-2);

    input, select, textarea {  
      width: 100%;    
      border: 1px solid var(--cor-n1);
      padding: var(--espaco-1);
      margin-top:var(--espaco-1);
      color: var(--cor-n2);
      font-weight: 500;
      font-family: 'Rawline', sans-serif;
      letter-spacing:0.05em;
      &:disabled{        
        color: var(--cor-n2);
        background:var(--cor-n0);
        border:0;
    
      }
      &:disabled:hover{
        color: var(--cor-n2);
        background:var(--cor-n0);
        border:0;
        cursor:not-allowed;
      }
      
    }
    input:hover, select:hover{
      border:1px solid var(--cor-p1)
    }

  button{
    margin-top: var(--espaco-2);
  }

    label:not(.checkbox label) {      
      font-size: var(--fonte-1);
      font-family: 'Rawline', sans-serif;
      color: var(--cor-p1);
   
    }
    .ac{
      width:100%;     
      justify-content: space-between;
      display:block;
      margin-bottom:var(--espaco-2);
      border: 1px solid var(--cor-n1);
      padding:var(--espaco-2);
   
    }
  }

  input, select {  font-size: calc(var(--fonte-2)*0.8);}


  #formButton, #atualReg{
    background:transparent;
    
    padding: var(--espaco-1);
    margin:0;
    div:not(.checkbox){
      border:0;      
      margin:0;
      padding: var(--espaco-1);
      display:flex;

    }
    input{
      border: 1px solid var(--cor-n1);
    }
 
    input:hover{
      border: 1px solid var(--cor-n1);
    }
  }

  #formChecks{
    padding:0; 
    box-shadow: var(--sombra-peq);
  
  }
  

  table{  
    border-collapse: collapse;
    width:100%;
        
  }

  td, tr, th{
    padding: var(--espaco-2);
    
    text-align: left;
    height: calc(var(--espaco-3)*1.75);
    font-weight: 500;
    font-family: 'Rawline', sans-serif;
    letter-spacing:0.01em;
    
    div {
      justify-content: start;
    }

    

  }

  th{
    font-family: 'Rawline', sans-serif;
    font-weight: 700;
  font-size: var(--fonte-1);
  l{
    text-decoration:none;
    color: var(--cor-n1);
    cursor:pointer;
  }
  }

  td{
    border-bottom: 1px solid var(--cor-p2);
   height: calc(var(--espaco-3)*2.5);
  }

#tableMeio {
  
  &::-webkit-scrollbar { width: var(--espaco-1); height: var(--espaco-1); }
  &::-webkit-scrollbar-thumb {  background-color: var(--cor-p2);}
  &::-webkit-scrollbar-track {  background:var(--cor-n1);    }      
}

#scrollPreench{
  width: 100%; height: var(--espaco-1); background-color: var(--cor-n1);
}


select{

  padding: var(--espaco-1);
  min-width: 8%;
  color: var(--cor-n2);
  font-weight: 600;
  font-family: 'Rawline', sans-serif;
  letter-spacing:0.1em;
  border-color: var(--cor-n1);

}


.checkbox{
  background:transparent;

  font-size: var(--fonte-1);
  label{
    font-family: 'Rawline', sans-serif;
    background:var(--cor-w);
    padding-left: var(--espaco-2);
    padding-right: var(--espaco-2);
    cursor:pointer;
    &:hover{
      background:var(--cor-n1);
    }
    i{
    color: var(--cor-p1);
    }
  }
 
  input{
    display:none;
    &:checked + label{
      
      l, i{
 
        color:var(--cor-w);
        font-weight:600;
   
      }
      background:var(--cor-p1);
      color:var(--cor-w);
      font-weight:600;
      &:hover{
        background:var(--cor-p2);
      }
    }
 
  }

}


#slider{
  height: 5px;
  border-radius: 5px;
  background: var(--cor-n1);
  position: relative;
}

#slider .progress{
  height: 5px;
  background: var(--cor-p2);
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
}

.range-input{
  position: relative;
}

.range-input input{
  position: absolute;
  top: -7px;
  width: 100%;
  height: 5px;
  appearance: none;
  -webkit-appearance: none;
  pointer-events:none;
  background: none;
  
}

input[type="range"]::-webkit-slider-thumb{
  height: 16px;
  width: 16px;
  border-radius:50%;
  -webkit-appearance: none;
  pointer-events:auto;
  background: var(--cor-p2);
}

input[type="range"]::-moz-range-thumb{
  height: 16px;
  width: 16px;
  border:none;
  border-radius:50%;
  -moz-appearance: none;
  pointer-events:auto;
  background: var(--cor-p2);
}

#datainidisab, #dataFimdisab{
      width: 2em;
      text-align:right;        
      font-weight:800;    
      font-size: var(--fonte-3);
      color: var(--cor-n2);
      border: 1px solid var(--cor-n1)
  }

  #datainidisab{
      text-align:left;
  }

  .img{
    background-image: url('https://www.gov.br/gestao/pt-br/assuntos/estatais/copy_of_estatais/@@govbr.institucional.banner/b8aaf53f-9dd6-44d8-ae8d-9dd8b292ca58/@@images/0323aa86-9687-4901-8d44-bba1cb907561.png');        
    background-size: cover;  
    background-position: center; 
    background-repeat: no-repeat;                 
}