/*
 |------------------------------------------------------------------------------|
 |--                                  DEMO                                    --|
 |------------------------------------------------------------------------------|
*/
:root {
    /*-----------Variable Couleur pour le portail-----------*/
    --mainColor: #ffffff; /*Couleur Fond logo*/
    --navColor: #357d96; /*Nav Bar 2(longue)*/
    --kendoMainColor: #357d96; /*Couleur du navbar Kendo*/
    --kendoHoverColor: #4c92ab; /*couleur hover du bouton du kendo toolbar*/
    --kendoBtnTextColor: white;/* Couleur texte bouton kendo*/
    --menuTextColor: #185b73; /* couleur du texte dans le li*/
    --menuBackgroundColor: #f1f6fb; /* couleur de fond pour les menu li*/

    /*----------------- Variable Couleur pour Login Demo-------------------*/
    --loginBackgroundColor: #343a40; /* Couleur de Fond de la page login*/
    --cookieConsentBackColor: #272c33; /*Couleur de fond de la div du Footer de la page Login*/
    --cookieConsentColor: white; /*Couleur du texte des cookies*/
    --loginCopyrightColor: white; /*Couleur du texte du copyright sur la page login*/

    /*----------------- Adaptation style de base kendo---------------------*/
    --kendo-font-family: 'Poppins';
    --kendo-font-size: 16px;
}

/*
 |------------------------------------------------------------------------------|
 |----------------------------- Login ------------------------------------------|
 |------------------------------------------------------------------------------|
*/

#bodybackground {
    background-color: var(--loginBackgroundColor) !important;
}

.footerdiv {
    background-color: var(--cookieConsentBackColor);
}

.navbar {
    margin-bottom: 0px;
}

.copyrightLogin {
    font-size: 12px;
    color: var(--loginCopyrightColor);
    text-decoration: none;
}

    .copyrightLogin:hover {
        color: var(--loginCopyrightColor);
        font-weight: bold;
        text-decoration: none;
    }

#cookieconsent {
    color: var(--cookieConsentColor);
}

.styleP {
    font-size: 12px;
    line-height: 20px !important;
    color: var(--cookieConsentColor);
}

.logologin {
    width: 300px;
}

/*
 |------------------------------------------------------------------------------|
 |--------------------------- End Login ----------------------------------------|
 |------------------------------------------------------------------------------|
*/

/*
 |------------------------------------------------------------------------------|
 |--------------------------- Couleur NavBar -----------------------------------|
 |------------------------------------------------------------------------------|
*/

/*background du logo*/
.logo {
    background: var(--mainColor) !important;
   padding:0px!important;
}



/*Background du navbar long -- Nav de droite Sans logo*/
.header-desktop2 {
    background: var(--navColor) !important;
}

/*
 |------------------------------------------------------------------------------|
 |-------------------------- END Couleur NavBar --------------------------------|
 |------------------------------------------------------------------------------|
*/

/*
 |------------------------------------------------------------------------------|
 |----------------------------- Couleur li -------------------------------------|
 |------------------------------------------------------------------------------|
*/
/*couleur du hover des li -- Sous menu*/
.navbar-sidebar2 .navbar__list li:hover > a {
    color: var(--menuTextColor) !important;
}
/*Couleur des menu li -- Avant déroulement*/
.navbar-sidebar2 .navbar__list li.active > a {
    color: var(--menuTextColor) !important;
}


/*Couleur des li/a -- Sous menu*/
.navbar-sidebar2 .navbar__list li a {
    color: var(--menuTextColor) !important;
}
/*background des li -- Sous menu*/
.navbar-sidebar2 .navbar__sub-list li {
    background: var(--menuBackgroundColor) !important;
}

/*Li qui permet de changer de client*/
.liclient {
    border-bottom: 1px solid #f2f2f2;
    color: var(--menuTextColor) !important;
    padding: 10px 35px;
    display: block;
}

/*
 |------------------------------------------------------------------------------|
 |----------------------------- END li -----------------------------------------|
 |------------------------------------------------------------------------------|
*/

/*
 |------------------------------------------------------------------------------|
 |----------------------------- Kendo Grid -------------------------------------|
 |------------------------------------------------------------------------------|
*/
.k-grid-toolbar.k-toolbar {
    border-color: var(--kendoMainColor) !important;
    background-color: var(--kendoMainColor) !important;
    padding: .429em;
}

.k-gantt-toolbar .k-button,
.k-gantt > .k-header .k-link,
.k-gantt > .k-header li,
.k-grid .k-grid-toolbar .k-button,
.k-scheduler .k-header .k-button,
.k-scheduler .k-header .k-link,
.k-scheduler .k-header li,
.km-pane-wrapper .k-header .k-button {
    color: var(--kendoBtnTextColor);
    background-color: var(--kendoMainColor) !important;
    border-color: var(--kendoMainColor) !important;
    box-shadow: none;
}

.k-grid-toolbar .k-button:hover {
    background-color: var(--kendoHoverColor) !important;
    border-color: var(--kendoMainColor)
}

/*Multi upload*/
.k-upload .k-dropzone {
    background-color: var(--kendoMainColor);
}
.k-upload .k-upload-button {
    background-color: var(--kendoMainColor);
    border-color: var(--kendoMainColor);
    color: var(--kendoBtnTextColor)!important;
}

.k-actions .k-upload-selected {
    border-color: var(--kendoMainColor);
    color: var(--kendoBtnTextColor)!important;
    background-color: var(--kendoMainColor);
    background-position: 50% 50%;
    box-shadow: none;
    width: 50%;
}


    .k-actions .k-upload-selected :hover {
        color: var(--kendoBtnTextColor)!important;
    }

.k-actions .k-clear-selected {
    border-color: var(--kendoMainColor);
    color: var(--kendoBtnTextColor)!important;
    background-color: var(--kendoMainColor);
    background-position: 50% 50%;
    box-shadow: none;
    width: 50%;
}

    .k-actions .k-clear-selected :hover {
        color: var(--kendoBtnTextColor)!important;
    }

.k-grid-header .k-table-th {
    font-weight:400
}

/*
 |------------------------------------------------------------------------------|
 |------------------------- END Kendo Grid -------------------------------------|
 |------------------------------------------------------------------------------|
*/