body{
    background-color: var(--main);
}

/* navbar */
.navbar-default{
    background-color: var(--navbar-top-background);
    border-color: var(--border-main);
    background-image: var(--navbar-background-image);
}
.navbar-default a{
    color: var(--navbar-top-text);
}
.navbar-default a:hover, .navbar-default a:focus{
    color: var(--link-focus-text);
}

/* sidebar */
.navbar-default .sidebar{
    background-color: var(--main);
    border-color: var(--border-main);
    background-image: none;
}
.navbar-default .sidebar a{
    color: var(--link);
}
.navbar-default .sidebar .nav > li > a:hover{
    background-color: var(--link-focus);
    color: var(--link-focus-text);
}
.sidebar-nav > .nav > li > a:hover, .sidebar-nav > .nav>li>a:focus {
    background-color: var(--link-focus);
    color: var(--link-focus-text);
}
.leone-container{
    width: 250px;
    height: 550px;
    background-image: var(--leone-background-image);
    background-position: center;
}

/* tabs sinistro detail */
.nav-tabs > li > a:hover, .nav-tabs >li>a:focus {
    background-color: var(--main);
    color: var(--link-focus);
}

/* menu user */
.nav .dropdown>a:hover, .nav .dropdown>a:focus{
    background-color: var(--link-focus);
}
/* titoli pagina */
h1{
    color: var(--fourth);
    text-transform: capitalize;
}

/* bottoni */
.btn.btn-primary {
    background-color: var(--second);
}

.panel-info {
    border-color: var(--third);
  }

.panel-info>.panel-heading {
background-color:var(--third);
color: var(--third-text);
}


.panel-primary > .panel-heading {
    color: #fff;
    background-color: var(--second);
    border-color: var(--second);
  }