body {
  background-color: #fdfdfd; 
  color: #f2f2f2;
}

.btn-editar, .btn-editar-user {
  background-color: #d3d3d3; 
  padding: 5px 1px 6px 6px; 
  border-radius: 8px; 
  margin: 5px;
  cursor: pointer;
}

.branco {
  background-color: rgb(255, 255, 255); 
  border-radius: 50%; 
  padding: 3px 11px; 
  margin: 0px 10px 0px 0px
}

.verde {
  background-color: green; 
  border-radius: 50%; 
  padding: 3px 11px; 
  margin: 0px 10px 0px 0px
}

.amarelo {
  background-color: yellow; 
  border-radius: 50%; 
  padding: 3px 11px; 
  margin: 0px 10px 0px 0px
}

.vermelho {
  background-color: red; 
  border-radius: 50%; 
  padding: 3px 11px; 
  margin: 0px 10px 0px 0px
}

.table-hover>tbody>tr:hover {
  background-color: #3570a3 !important;
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #214462;
  overflow: hidden;  
} 
  
/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 6px 6px;
  text-decoration: none;
  font-size: 12px;
  margin: 5px;
} 

.separador {
  padding: 6px 0px !important;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #ffffff;
  color: #0D7377;
  font-weight: bold;
  border-radius: 5px;
  margin: 5px;
}

.topmenu{
  float: right;
  margin-top: 10px;
  margin-right: 20px;
}

.topmenu p {
  color: #fff;
  float: left;
  margin-right: 20px;
}

.table-format tr {
  background-color: #064441;
}
 
.table-format .icon {
  float: right;
  margin: 0px 10px;
  width: 20px;
  height: 20px; 
}

.table-format .col-action { 
  text-align: center;
}

.table-format .paginate_button {
  color:  #fff;
}
 
.box{
  float: left;
  width: 192px;
  min-height: 205px; 
  max-height: 205px;
  border-radius: 10px;
  margin: 0px 10px 20px;
  padding: 10px;
  background-color: #ffffff22;
  overflow: hidden;
}

.box h3 {
  font-size: 370%;
  font-weight: bold;
}

.box span {
  font-size: 130%;
  font-weight: bold;
  color: #17B9BF;
}

.box p {
  font-size: 130%;
  font-weight: bold; 
}

.totalizadores {
  /* background-color: #ffffff22; */
  border-radius: 10px;
}

 .rows-totalizadores {
  display: block;
  height: 15px;
  padding-bottom: 40px;
  margin-bottom: 15px;
  border-bottom: 1px solid #2B898C;
}

.totalizadores h3 {
  text-align: center;
  font-size: 14px;  
  margin-bottom: 40px;
}

.totalizadores div {
  width: 100%; 
}

.totalizadores p {
  color: #fff;
  font-weight: bold;
  float: left;
}

.totalizadores p span {
  color: #81AE5E;
}

.valores {
  font-weight: bold;  
  font-size: 16px;
  float: right;
  color: #17B9BF;
}