/****************************************\
         T R E E   G R I D   
\****************************************/
.color-1 { background-color: #5f1b2b; }
.color-2 { background-color: #af1731; }
.color-3 { background-color: #c79b66; }
.color-4 { background-color: #e2be96; }
.color-5 { background-color: #0a322b; }
.color-6 { background-color: #246257; }
.color-7 { background-color: #3d9b84; }
.color-8 { background-color: #b2b2b1; }

.color1 { background-color: #5f1b2b; }
.color2 { background-color: #246257; }
.color3 { background-color: #c79b66; }
.color4 { background-color: #af1731; }
.color5 { background-color: #3d9b84; }
.color6 { background-color: #e2be96; }


.custom-card {
  border-radius: 25px;
  color: white;
}

.custom-card a {
  color: white;
  text-decoration: none;
}

.custom-card a:hover {
  color: white;
  text-decoration: underline;
}


/****************************************\
          F L O A T    
\****************************************/
.dropdown-float{
    background: none;
    box-shadow: none;
    width: auto;
    position: fixed;
    left: 0px!important;
}

.button-circle,
.button-circle:hover{
    border-radius: 50%;
    background: #5f1b2b;
    width: 40px;
    padding: 5px!important;
    height: 40px;
    position: static;
    z-index: 10000 !important;
}

.item_float img{
    height: 30px;
    padding: 5px;
    filter: brightness(0) invert(1)!important;
}

.button_informa,
.button_informa:hover{
  background: #5f1b2b;
  color: #fff;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}


.uk-tooltip{
  display: block;
  font-size: 0.75rem;
  text-align: center;
  margin-top: 0.5rem;
  z-index: 10000 !important;
}