@primary-color: #666;
@secondary-color: #ddd;

h1, h2, h3, h4, h5, h6, a,
.btn-link,
.text-primary, a:active, a:focus,
.btn-link:active, .btn-link:focus {
    color: @primary-color;
}

a:hover,
a:active,
a:focus, .btn-link:hover,
.btn-link:active,
.btn-link:focus {
    color: darken(@primary-color, 20%);
}

/*buttons*/
.btn-primary {
    background-color: @primary-color;
    border-color: darken(@primary-color, 2%);
    box-shadow: none;
}

.btn-primary:hover {
    background-color: darken(@primary-color, 20%);
    border-color: darken(@primary-color, 22%);
    box-shadow: none;
}

.btn-primary:focus,
.btn-primary:active {
    background-color: darken(@primary-color, 20%) !important;
    border-color: darken(@primary-color, 22%) !important;
    box-shadow: none !important;
    color: #fff !important;
}

.btn-primary.disabled {
    background-color: lighten(@primary-color, 50%);
    border-color: lighten(@primary-color, 50%);
}

.sweet-alert:not(.delete-confirmation) button.confirm {
    background-color: @primary-color !important;
    border-color: darken(@primary-color, 2%) !important;
    box-shadow: none !important;
}

.sweet-alert:not(.delete-confirmation) button.confirm:hover {
    background-color: darken(@primary-color, 20%) !important;
    border-color: darken(@primary-color, 22%) !important;
    box-shadow: none !important;
}


/*header*/
#header nav .navbar-collapse.expanded {
    background-color: @primary-color;
}

#header nav .navbar-toggler .navbar-toggler-icon-text,
#header nav .navbar-toggler i {
    color: @primary-color;
}

#header.active nav .navbar-toggler .navbar-toggler-icon-text,
#header.active nav .navbar-toggler i {
    color: @primary-color !important;
}

#header .fixed-vertical-mobile-menu a {
    color: @primary-color !important;
}

#header .fixed-vertical-mobile-menu a:hover {
    color: darken(@primary-color, 20%) !important;
}


/*pagination*/
.pagination a {
    color: @primary-color;
}

.pagination .active a {
    background-color: @primary-color !important;
    border-color: @primary-color !important;
}

.pagination .active a:hover {
    background-color: darken(@primary-color, 20%) !important;
}


/*my account*/
#nav_my_account li a.active {
    background-color: @primary-color;
}



/*application wizard*/
ul.nav-wizard {
    background-color: @primary-color !important;
}

ul.nav-wizard li:after {
    border: 24px solid transparent;
    border-left: 16px solid @primary-color;
    border-right: 0;
}

ul.nav-wizard li.active {
    color: #666;
    background: @primary-color !important;
}

ul.nav-wizard li.active:after {
    border-left: 16px solid @primary-color !important;
}

ul.nav-wizard li.active:before {
    border-left: 16px solid @primary-color !important;
}