/*textarea resize */
/*( 'box-sizing' will not work with this code )*/
textarea{  
  /* box-sizing: padding-box; */
  //overflow:hidden;
  /* demo only: */
  padding:10px;
  width:100%;
  font-size:14px;
  /*margin:2px auto;*/
  display:block;
  border-radius:10px;
  border:4px solid #556677;
  overflow-y: scroll;
  height: 250px;
  resize: none; 
}

.destak{  
  background-color:#c1d7fd;
 
}

.destak{  
  background-color:#c1d7fd;
 
}

.num {
  text-align: right;
}

.suggestions { 
    background: white; 
    border: solid 1px #55A6C8; 
    z-index: 5;
    }
    
.suggestions DIV { 
    padding: 2px 4px 2px 4px; 
    }
    
div.suggestions:empty { 
    border: none;
}

input[type=checkbox].chkbox{
    width:100%;
    height: 25px;
}

input[type=checkbox].chkbox_bg{

    height: 28px;
}

.ovfl{
    width:100%;
    overflow-x:auto;
    -ms-overflow-x:scroll
}


#loading {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 99;
  text-align: center;
}

#loading-image {
  position: absolute;
  top: 100px;
  left: 240px;
  z-index: 100;
}


.chck
{
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
 
}


.imagem-central-redonda {
  /* Garante que o container da imagem seja quadrado */
  width: 200px;  /* ou a largura que deseja */
  height: 200px; /* mesma medida da largura para manter a proporção quadrada */
  overflow: hidden; /* esconde as partes da imagem que excedem o container */
  border-radius: 50%; /* faz o container se tornar um círculo */
  display: flex;
  justify-content: center;
  align-items: center;
}

.imagem-central-redonda img {
  /* Use a largura original e altura da imagem se conhecer, ou use valores que garantam cobertura total */
  width: auto; /* ajusta automaticamente a largura da imagem */
  height: 80%; /* faz a altura da imagem igual à do container para centralizar verticalmente */
  min-width: 80%; /* garante que a largura da imagem cubra completamente a largura do container */
}