// Colors
// -------------------------

/* Couleurs Client */
@lumix-color: @theme1Color; /* Couleur thème 1 */
@dark-color: @theme2Color; /* Couleur thème 2 */
@sunset-color: @hoverBackgroundColor; /* Couleur Survol */
@back-color: @backgroundColor; /* Couleur de background */
@finalprice-color: @priceColor; /* Couleur Prix */
@button-dark-color: @buttonDarkColor; /* Couleur Foncée */

/******* BOUTON *******/
.btn-outline-custom {
    background-color: @lumix-color;
    color: #fff;
    border-color: @dark-color;
}

.btn-outline-custom:hover,
.btn-outline-custom:focus,
.btn-outline-custom:active {
    color: #fff !important;
    background-color: @sunset-color !important;
}

.big-btn {
    background-color: @lumix-color;
    border-color: @button-dark-color;

    &::after {
        background: @button-dark-color;
    }

    &:hover {
        background: @button-dark-color;
        border-color: @lumix-color;
    }
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: @lumix-color;
}

.bootstrap-datetimepicker-widget {
    table td span.active {
        background-color: @lumix-color;
    }
}

/******* BODY *******/
body {
    background-color: @backgroundColor;
}

/*******  NAV LEFT *******/
#leftNav h5.active {
    background: @button-dark-color;
    color: #fff;
}

#leftNav li.active {
    background: @lumix-color;
    color: #fff;
}

#leftNav li.active a {
    color: #fff;
    font-weight: bold;
}

#leftNav li:hover {
    background: @lumix-color;
    color: #fff;
}

#leftNav li a:hover {
    font-weight: bold;
    color: #fff;
}

/*******  INSIDE PAGES  ********/

.stay-bloc {
    .deposit-price strong {
        color: @finalprice-color;
    }
}

/***** Range Label *****/
.range-slider__value {
    background: @button-dark-color;
}

/********  LOADER  *******/
.lds-ellipsis div {
    background: @lumix-color;
}


/*********  NAV TOGGLE  ********/
.navbar-toggle, .close-icon {
    color: @lumix-color;
}