/*---Main app. logo---
*   Put your logo in the directory of this .css file.
*   Then copy relative path to your logo in url(...);
*   E.G.: background-image: url(./logo.png);
*/
.app-logo.navbar-brand {
    background-image: url(./logo.png);
}

/*---Background color of header panel.---
*   Default values:
*       background-color: #e95a5a;
*/
.navbar-default {
    background-color: #e95a5a;
}

/*---Styles for navigation bar.---
/*  Background and font colors nav. bar buttons.
*   Default values:
*       color: #fff;
*       background-color: #e95a5a;
*/
.navbar-default .navbar-nav > li > a {
    background-color: #e95a5a;
    color: #fff;
}

/*  Background and font colors for active nav. bar buttons.
*   Default values:
*       color: #fff;
*       background-color: #d85050;
*/
.navbar-default .navbar-nav > .active > a {
    background-color: #d85050;
    color: #fff;
}

/*  Background and font colors for hovered or focused nav. bar buttons.
*   Default values:
*       background-color: #f65959;
*       color: rgba(255, 255, 255, 0.9);
*       text-shadow: white;
*/
.navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: #f65959;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: white;
}

/*---Secondary navigation active button---
*   Background and font colors.
*   Default values:
*       color: #ffffff !important;
*       background-color: #e95a5a !important;
*/
.nav-wizard > li.active > a,
.nav-wizard > li.active > a:hover,
.nav-wizard > li.active > a:focus {
    color: #ffffff !important;
    background-color: #e95a5a !important;
}
/*  Color of arrow between buttons.
*   Default values:
*       border-left-color: #e95a5a !important;
*/
.nav-wizard > li.active > a:after {
    border-left-color: #e95a5a !important;
}

/*---Styles for buttons.---
*   Background and font colors.
*   Default values:
*       color: #fff;
*       background-color: #e95a5a;
*/
.app-btn {
    color: #fff;
    background-color: #56d693;;
}

/*  Background, font and border colors when button is focused or hovered.
*   Default values:
*       color: #fff;
*       background-color: #cb5b5b;
*       border-color: #671919;
*/

@media (any-hover: hover) {
    .app-btn:hover{
        background-color: rgb(67, 179, 114);
        border-color: rgba(85, 201, 135, 0.92);
    }
}

/*  Background color for active button.
*   Default values:
*       background-color: #864343;
*/
.app-btn:active {
    background-color: rgb(67, 179, 114);
}