/** boutons **/


.gridExtranetMVCWrapper .k-button-solid-base.k-selected {
    color: #005521;
    border-color: #a7b6ad;
    background: #ddece3;
}



/*** slection camapgne **/

.selectCampagneGrid {
    background: #eee;
    border-color:#e5e5e5;
}


.gridExtranetMVCWrapper .selectCampagneGrid .k-button {
    background: #fff;
}

.selectCampagneGrid .k-button.k-selected {
    background: #005521;
    color: #fff;
}

.selectCampagneGrid .k-selected span.k-button-text:after {
    background: #fff;
}

/* toolbar : zone de bouton entete grile */

.exportGrid .k-button {
    background: #fff;
}

.triGrid .k-button.k-selected {
    background: #005521;
    color: #fff;
}



/* bouton compacter agrandir et filtre non soldes  */

.detailGrid.k-button,
.filtreNonSolde.k-button {
    background: #fff;
}

.detailGrid span.k-button-text:before,
.filtreNonSolde span.k-button-text:before {
    background-color: #727272;
}




/* grille */


/* entete grille */

.gridExtranetMVCWrapper .k-grid-header {
    background: #ddece3;
    color: #005521;
    border-bottom-color: #005521;
    border-top-color: #005521;
}

.gridCompact tr.k-grouping-row.k-grouping-row-base:nth-of-type(even) {
    background: #e7efef;
}

.gridExtranetMVCWrapper .k-grid-header th {
    border-color: #b4c3c5;
}


/** groupe row **/

.gridExtranetMVCWrapper .k-grouping-row {
    background: #f4f4ef;
    background: #EEF2F0;
}


/** groupe row affichage de la campagne **/

.gridExtranetMVCWrapper .k-grouping-row-campagne {
    background: #bad9de;
}


/*** grille **/

.gridExtranetMVCWrapper .k-grid .k-alt {
    background-color: rgba(0, 0, 0, .05);
}



/* grille hover */

.gridExtranetMVCWrapper .k-grid tbody>tr:not(.k-detail-row).k-hover,
.gridExtranetMVCWrapper .k-grid tbody>tr:not(.k-detail-row):hover {
    background-color: rgba(0, 0, 0, .15);
    background: #d3e9d2;
    background: #DEE8D7;
    background: #e9e6db;
}

/* detail row */

.gridExtranetMVCWrapper .k-detail-row {
    background: #fafafa;
}

.gridExtranetMVCWrapper .k-detail-row.k-alt {
    background: #eaeaea;
}


.gridCellInfos {
    color: #1f4549;
}


/*pager*/


.gridExtranetMVCWrapper .k-pager-numbers .k-link.k-selected {
    background: #005521;
}

.gridExtranetMVCWrapper .k-pager-numbers .k-link,
.gridExtranetMVCWrapper .k-pager-nav.k-link,
.k-pager-refresh {
    color: #3e3e3e;
}

.gridExtranetMVCWrapper .k-icon:focus,
.k-icon:hover {
    color: #3e3e3e;
}

/**/


.gridExtranetMVCWrapper .k-grid-content {
    border-left-color: #dee2e6;
    background: #fff;
}


/** grille livraison cere ****/

.gridLivraisonsCereWrapper.gridExtranetMVCWrapper .k-grid .k-alt {
    background-color: rgba(0, 0, 0, .07);
}

.gridLivraisonsCereWrapper.gridExtranetMVCWrapper .k-detail-row.k-alt {
    background: #eaeaea;
}

/** entete double colonne recap apport et balance agee **/

.gridRecapApportsWrapper .k-grid-header tr:first-of-type .k-header {
    border-left-color: #dce4e6;
}

.k-grid-balance-agee .k-grid-header tr:first-of-type .k-header {
    border-right-color: #dce4e6;
}

.gridRecapApportsWrapper .k-grid-header tr:nth-of-type(2) .k-header,
.k-grid-balance-agee .k-grid-header tr:nth-of-type(2) .k-header {
    border-left-color: #dce4e6;
    border-top-color: 1px solid #dce4e6;
}



/* recap apprort style mobile **/

.colGridMobileTitle {
    color: #005521;
}



/* zone de cumul footer grid recap apport */

.gridExtranetMVCWrapper .k-grid tr.k-group-footer,
.gridExtranetMVCWrapper .k-grid .k-group-footer td {
    background: #d1dbd4;
    background: #d8e0db;
}

/** lien grille encours tc **/

.linkGridTxt {
    color: #005521;
}



/*******************************/
/******** grille actura ********/




/**/

/* responsive  */

@media (max-width: 849px) {


    .gridActuraEnCoursWrapper .k-grid-content {
        border-top-color: #cdcdcd;
    }

}


/***************************/
/****** grille worflow *****/


/** grid workflow  header - tableau commande en cours **/

.wrapperGridWorkflow .RadGrid_MetroTouch th.rgHeader {
    background: #eff8fa;
    border-top-color:  #005521;
    border-bottom-color:  #005521;
}

.wrapperGridWorkflow .RadGrid_MetroTouch th.rgHeader,
.wrapperGridWorkflow .RadGrid_MetroTouch th.rgHeader a {
    color: #005521;
}


.headerGridWorkflow .btnExporter.RadButton.rbSkinnedButton input.rbDecorated {
    color: #2c2c2c;
}

/*** detail grid workflow ***/



.wrapperGridWorkflow .rgDetailTable table th {
    color: #005521;
    background: #eff8fa;
    border-color: #c8c8c8 !important;
}