/*fondo*/
body {
    font-family: "Ubuntu",Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: grey;
    background-color: rgba(255, 255, 255, 0.65);
    
}
.div-calculadora_perros {
    background: url(https://natuka.estaticos.com.es/desarrollo/img/bg_calculadora_perros.jpg) no-repeat center center !important;
    background-size: cover;
}
.div-calculadora_gatos {
    background: url(https://natuka.estaticos.com.es/desarrollo/img/bg_calculadora_perros.jpg) no-repeat center center !important;
    background-size: cover;
}
/*fondo de las barras*/
.btn-warning {
    align:center !important;
    color: black !important;
    background-color: FFA500;
    border-color: FFA500;
	width:20% !important;   
	margin-right:1px !important;
}

/*fondo de las barras activas*/
 .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
    color: black !important;
    background-color: beige !important;
    border-color: beige !important;
	width:300px !important;  
}


/*barra de racion diaria recomendada*/
.alert-warning {
    background-color: none !important;
    border-color: none !important;
    color: black !important;
} 
.alert-warning:hover {
    background-color: none !important;
    border-color: nonee !important;
    color: black !important;
     
}
.container {
    width: 500px !important;
}
/*hover barras*/
.btn-warning:hover {
  background-color: #FFA500 !important; 
  color: black !important;
  border-color: #FFA500 !important;
   
}
/*focus barras activa*/
.btn-warning.active:focus{
    background-color:beige !important;
    border-color:beige !important;
    
    
}
/*focus barras*/
.btn-warning:focus{
    background-color:beige !important;
   
    
}

/*fondo de las barras en mobile*/
@media (max-width:80%) {
.btn-warning {
	align:center !important;
    display:block ;
}
}