/* https://getbootstrap.com/docs/5.1/customize/color/ */
/* https://fonts.google.com/icons */
/* https://htmlcolorcodes.com */

/* ////////CORES */

.borda-vermelha{
  border: 0px solid red;
}
.borda-azul{
  border: 0px solid blue;
}
.borda-verde{
  border: 0px solid green;
}
.borda-preta{
  border: 0px solid black;
}

.rolagem{
    overflow-y: scroll;
}
*{
    padding: 0px;
}
.total{
  display: flex;
  margin:auto;
  width: 1360px;
}
.central{
  display: block;
  /* width: 965px; */
}
.superior{
  display: flex;
  width: 1000px;
  height: 40px;
}
.esquerda{
  /* color: white; */
  width: 145px;
  display: none;
  font-size: 12px;
  font-weight: 600;
  /* background-color: #dcdcdc; */
  padding: 0px;
}
.btn-sidebar{
  font-size:12px;
  width: 125px;
  padding: 8px; 
}
.btn{
  font-size: 12px;
}
.btnmeu .material-icons{
  font-size: 36;
  color: green;
}
.direita{
  width: 226px;
}
.principal{
  width: 500px;
  background-color: #fafafa;
}

.rodape {
  position: fixed;
  bottom: 0;
  width: 1340px;
  height: 75px;    
  text-align: center;
  /* line-height: 100px; */
  z-index: 100;
}

/* BUTTONS */
.btn-primaria{
  background-color: #dda900;
  color: white;
}

.btn-primaria:hover {
  background-color: #aa8200;
  color: white;
}

.btn-primaria-claro{
  background-color: #f7c933;
  color: white;
}

.btn-primaria-claro:hover{
  background-color: #d6a70c;
  color: white;
}

/* BOTAO DESABILITAR E HABILITAR */

.loader-circle {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2.5px solid rgba(143, 143, 143, 0.486);
  border-top-color: rgb(221, 221, 221);
  animation: loader-circle 1s linear infinite;
}

@keyframes loader-circle {
  0% {
      transform: rotate(0);
  }

  100% {
      transform: rotate(360deg);
  }
}

.pointer {
  cursor: pointer;
}

/* TEXTO */
.txt-branco {
  color: white;
}

.txt-dec-none {
  text-decoration: none;
}

.txt-preto {
  color: black;
}

.uppercase {
  text-transform: uppercase;
}

.not-linha {
  white-space: nowrap;
}
/* LARGURA */
.larg-45{
  width: 45px;
}