.invisible-scrollbar {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}


.material-symbols-outlined {
  cursor: pointer;
  border: none;
  background: none;
}

.input-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.input-number {
  appearance: textfield;
  -moz-appearance: textfield;
}

    
.invisible-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome, Safari e Edge */
}

.container-fluid {
  pointer-events: none;
}

.container-fluid * {
  pointer-events: auto;
}


.estilo_desktop {
  padding: 0px;
  margin: 0px;
}

.estilo_tablet {
  padding: 0px;
  margin: 0px;
}

.estilo_mobile {
  padding: 0px;
  margin: 0px;
}



@media (min-width: 1512) and (max-width: 10000px) {

  .estilo_desktop {
    visibility: visible;
    display: block;
    padding: 0px;
    margin: 0px;
  }

}

@media (min-width: 1px) and (max-width: 1511px) {

  .estilo_desktop {
    visibility: hidden;
    display: none;
    padding: 0px;
    margin: 0px;
  }
}


@media (min-width: 701) and (max-width: 1511px) {

  .estilo_tablet {
    visibility: visible;
    display: block;
    padding: 0px;
    margin: 0px;
  }

}

@media (min-width: 1px) and (max-width: 700px) {
  .estilo_tablet {
    visibility: hidden;
    display: none;
    padding: 0px;
    margin: 0px;
  }
}


@media (min-width: 1512px) and (max-width: 10000px) {

  .estilo_tablet {
    visibility: hidden;
    display: none;
    padding: 0px;
    margin: 0px;
  }
}


@media (min-width: 1px) and (max-width: 700px) {
  .estilo_mobile {
    visibility: visible;
    display: block;
    padding: 0px;
    margin: 0px;
  }
}


@media (min-width: 701px) and (max-width: 10000px) {

  .estilo_mobile {
    visibility: hidden;
    display: none;
    padding: 0px;
    margin: 0px;
  }
}


@media (min-width: 701px) and (max-width: 10000px) {

  .estilo_desktop_tablet {
    visibility: visible;
    display: block;
    padding: 0px;
    margin: 0px;
  }

}


@media (min-width: 1px) and (max-width: 701px) {

  .estilo_desktop_tablet {
    visibility: hidden;
    display: none;
    padding: 0px;
    margin: 0px;
  }
}


@media (min-width: 1px) and (max-width: 1511px) {
  .estilo_mobile_tablet {
    visibility: visible;
    display: block;
    padding: 0px;
    margin: 0px;
  }
}


@media (min-width: 1512px) and (max-width: 10000px) {
  .estilo_mobile_tablet {
    visibility: hidden;
    display: none;
    padding: 0px;
    margin: 0px;
  }
}


@font-face {
  font-family: 'RobotoRegular';
  src: url("../webfonts/Roboto-Regular.ttf") format('truetype');
}




@media (min-width: 1200px) and (max-width: 10000px) {
	
  #div_principal {
    background-color: #eff6ff;
    padding-left: 40px;
    padding-right: 40px;
    margin: auto;
    border: solid;
    border-radius: 10px;
    border-width: 1px;
    border-color: transparent;
    width: calc(100% - 100px);
    height: calc(100vh - 220px);
    opacity: 100%;
    scrollbar-width:none;
  }


  
  .divcampostela {

      width: 100%;
      height: calc(100% - 10px); 
      padding: 0px;
      margin: 0px;
      overflow-y: scroll;
   } 


  .divconsultageral {

    background-color: #eff6ff;

    padding-left: 0px;
    padding-right: 0px;
    margin: auto;
    border: solid;
    border-radius: 10px;
    border-width: 1px;
    border-color: transparent;
    width: calc(100% - 140px);
    height: calc(100vh - 220px);
    opacity: 100%;
    scrollbar-width:none;
    z-index: 9999999;
    display:none;
    visibility: hidden;
    position: absolute;

  }
  


  .textodivconsultageral {
		
      font-family: RobotoRegular;
      font-size: 12px;
		
	}	
	
}

@media (min-width: 700px) and (max-width: 1199px) {
	
  #div_principal {
    background-color: #eff6ff;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
    border: solid;
    border-radius: 10px;
    border-width: 1px;
    border-color: transparent;
    width: calc(100% - 50px);
    height: calc(100vh - 160px);
    opacity: 100%;
    scrollbar-width:none;
  }

  
  .divconsultageral {
    
      background-color: #eff6ff;
      width: 100%; 
      height: 90%; 
      overflow-x: none;
      z-index: 9999999;
      scrollbar-width: none;
      display:none;
      visibility: hidden;
      position: absolute;
    
	}



  .divcampostela {

      width: 100%;
      height: calc(100% - 10px); 
      padding: 0px;
      margin: 0px;
      overflow-y: scroll;
   } 

	
	.textodivconsultageral {
		
		font-family: Arial;
		font-size: 14px;
		color:black;
		
	}		
	
	
}

@media (min-width: 1px) and (max-width: 699px) {
	

    #div_principal {
      background-color: #eff6ff;
      padding-left: 5px;
      padding-right: 5px;
      margin: auto;
      border: solid;
      border-radius: 10px;
      border-width: 1px;
      border-color: transparent;
      width: calc(100% - 20px);
      height: calc(100vh - 100px);
      opacity: 100%;
      scrollbar-width:none;
    }



   .divcampostela {

      width: 100%;
      height: calc(100% - 10px); 
      padding: 0px;
      margin: 0px;
      overflow-y: scroll;
   } 


  .divconsultageral {

    background-color: #eff6ff;

    padding-left: 0px;
    padding-right: 0px;
    margin: auto;
    border: solid;
    border-radius: 10px;
    border-width: 1px;
    border-color: transparent;
    width: calc(100% - 140px);
    height: calc(100vh - 220px);
    opacity: 100%;
    scrollbar-width:none;
    z-index: 9999999;
    display:none;
    visibility: hidden;
    position: absolute;

  }
  


	.textodivconsultageral {
		
		font-family: Arial;
		font-size: 12px;
		color:black;
		
	}
  
  
	
}