/*backbround for the toolbar*/
.k-grid  {
    /*background-color: darkgray;*/
    
}


/*backbround for the toolbar*/
.k-grid .k-toolbar {
    /*background-color: darkgray;*/
    line-height: 20px;
}

/*background for the buttons in the toolbar*/
.k-toolbar .k-button {
    background-color: yellow;
    background-image: none;
}


/* Custom grid header background */
.custom-grid .k-grid-header {
    /*background-color: #808080;  #007bff  Your desired color */
    color: white; /* Optional: changes the text color in the header */
}

/* Optionally, you can change the header cell color as well */

.custom-grid .k-header {
    background-color: #606070; /*  Match the header background */
    height: 26px;
    font-weight: 400;
    font-size: 16px;
    color: white; /* Make the text white for better contrast */
}


.custom-grid {
    background-color: #FFF; /*  Match the header background */
    height: 29px;
    /*font-weight: 400;
    font-size: 16px;*/
    color: white; /* Make the text white for better contrast */
}



/* Set font size for all rows in the TelerikGrid */
.k-grid-row {
   
    font-size: 1em;
}

    /* Set font size for cell content inside the row */
    .k-grid .k-grid-content .k-grid-row td {
        font-size: 12px;
    }



/* Change background color for normal rows */
.k-grid .k-grid-content .k-grid-row {
   /* background-color: #ffffff;  White color for normal rows */
}


/* PDF - EXCEL  OUTPUT */
.btn-function_2 {
    background-color: green;
    color: #fff;
    border: none;
}


/* ***************** */
.btn-function {
    background-color: #0d6efd;
    color: #fff;
    border: none;
}

.btn-edit {
    background-color: #7f7f7f;
    color: #fff;
    opacity: 0.95;
    border: none;
}

.btn-delete {
    background-color: #dc3545;
    opacity: 0.9;
    color: #fff;
    border: none;
}

.btn-details {
    background-color: #0d9bfd;
    color: #fff;
    opacity: 0.8;
    border: none;
}

.btn {
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    .btn:hover {
        opacity: 0.9;
    }




/*.headerBtn {
    background-color: #609070;
    color: white;
}

.addBtn {
    background-color: #0d6efd;*/ /* #abbde1; */
    /*color: white;
}

.editBtn {
    background-color: #fd7e14;
    color: white;
}

.deleteBtn {
    background-color: #dc3545;
    color: white;
}

.detailsBtn {
    background-color: #0dcaf0;*/ /* #0dcaf0     custom*/
    /*color: white;
}*/



/* - ---------------------------------------------------------------------------------- */


/* Change background color for alternating rows */
.k-grid .k-grid-content {
  /*  background-color: #ffffff;  Light gray color for alternate rows */
}

/* Change background color for alternating rows */
    .k-grid .k-grid-content .k-grid-row.k-alt {
        background-color: #808080; /* Light gray color for alternate rows */
    }



/*
.highlightCellBackGround {
    background-color: lightyellow;
}*/

.negativeValuesRowFormatting {
    color: lightcoral;
}

.positiveValuesRowFormatting {
    /* background-color: green;*/
}



.negativeValuesRowFormattingBK {
    color: lightcoral;
}

.positiveValuesRowFormattingBK {
   background-color: green;
}