﻿/*Permet de centrer la premiere colonne dans une grid telerik*/
.center-first-column th:first-child,
.center-first-column td:first-child {
    text-align: center;
}

/*Pas dans themeBuilder, permet de mettre le meme padding sur le footer des totaux (datagrid)*/
tfoot.k-table-tfoot > tr.k-table-row > td {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}


.k-input {
    pointer-events: auto !important;
}


/*color-theme*/
.no-scroll-y-grid .k-grid-content {
    overflow-y: hidden !important;
    padding-right: 8px;
}
.no-scroll-grid .k-grid-content {
    overflow-y: hidden;
}

.no-scroll-grid .k-grid-header,
.no-scroll-grid .k-grid-footer {
    padding: 0px;
}

.color-theme-primary {
    color: var(--tb-kendo-btn-oulined-color-primary);
}

.color-theme-secondary {
    color: var(--kendo-color-secondary);
}

.color-theme-success {
    color: var(--kendo-color-success);
}

.color-theme-warning {
    color: var(--kendo-color-warning);
}

.color-theme-error {
    color: var(--kendo-color-error);
}

.color-theme-info {
    color: var(--kendo-color-info);
}

.color-theme-link-hover-text {
    color: #f39200;
}

.color-theme-selected-text {
    color: var(--tb-kendo-selected-text);
}

.color-theme-series-a {
    color: var(--tb-kendo-series-a);
}

.color-theme-series-b {
    color: var(--kendo-color-series-b);
}

.color-theme-series-c {
    color: var(--kendo-color-series-c);
}

.color-theme-series-d {
    color: var(--kendo-color-series-d);
}

.color-theme-series-e {
    color: var(--kendo-color-series-e);
}

.color-theme-series-f {
    color: var(--kendo-color-series-f);
}

/*color-theme-primary deja utilisé mais mal fait, ça utilise la primary oulined*/
.color-theme-primary-reel {
    color: var(--kendo-color-on-primary)
}

/*Permet d'utiliser les variables SCSS des themes telerik*/
/*color-theme*/
/*background-color-theme*/
.background-color-theme-primary {
    background-color: var(--kendo-color-primary);
}

.background-color-theme-secondary {
    background-color: var(--kendo-color-secondary);
}

.background-color-theme-info {
    background-color: var(--kendo-color-info);
}

.background-color-theme-warning {
    background-color: var(--kendo-color-warning);
}

.background-color-theme-error {
    background-color: var(--kendo-color-error);
}

.background-color-theme-success {
    background-color: var(--kendo-color-success);
}


.background-color-theme-primary-95 {
    background-color: color-mix(in srgb,var(--kendo-color-primary),#0000 95%);
}

.background-color-theme-secondary-95 {
    background-color: color-mix(in srgb,var(--kendo-color-secondary),#0000 95%);
}

.background-color-theme-info-95 {
    background-color: color-mix(in srgb,var(--kendo-color-info),#0000 95%);
}

.background-color-theme-warning-95 {
    background-color: color-mix(in srgb,var(--kendo-color-warning),#0000 95%);
}

.background-color-theme-error-95 {
    background-color: color-mix(in srgb,var(--kendo-color-error),#0000 95%);
}

.background-color-theme-success-95 {
    background-color: color-mix(in srgb,var(--kendo-color-success),#0000 95%);
}

.background-color-body-bg {
    background-color: var(--kendo-color-app-surface);
}

.background-color-theme-series-b {
    background-color: var(--kendo-color-series-b);
}

.background-color-theme-series-c {
    background-color: var(--kendo-color-series-c);
}

.background-color-theme-series-d {
    background-color: var(--kendo-color-series-d);
}

.background-color-theme-series-e {
    background-color: var(--kendo-color-series-e);
}

.background-color-theme-series-f {
    background-color: var(--kendo-color-series-f);
}

.background-contrast {
    background-color: var(--kendo-color-surface) !important; /*doublon avec background-color-base-bg*/
}

/*background-color-theme*/

/*cache l'emplacement de la scrollbar dans un tableau*/
.no-scroll-grid .k-grid-content {
    overflow-y: hidden;
}

.no-scroll-grid .k-grid-header {
    padding: 0px;
}

/* width des scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: var(--kendo-color-surface);
}
/* coleur des scrollbar */
/*::-webkit-scrollbar-track {*/
/*background: var(--kendo-color-surface);*/
/*}*/

::-webkit-scrollbar-thumb {
    background: var(--kendo-color-base-emphasis);
}

    ::-webkit-scrollbar-thumb:hover {
        background: color-mix(in srgb,var(--kendo-color-secondary-hover),#0000 40%);
    }



/* Liserés colorés en bas des header des Grid */
th.k-header.k-table-th.borderBottomColorWarning span.k-cell-inner,
th.k-header.k-table-th.borderBottomColorSuccess span.k-cell-inner,
th.k-header.k-table-th.borderBottomColorInfo span.k-cell-inner,
th.k-header.k-table-th.borderBottomColorError span.k-cell-inner {
    border-bottom: solid;
    border-bottom-width: 8px;
}

th.k-header.k-table-th.borderBottomColorWarning span.k-cell-inner {
    border-bottom-color: color-mix(in srgb,var(--kendo-color-warning),#0000 30%) !important;
}

th.k-header.k-table-th.borderBottomColorSuccess span.k-cell-inner {
    border-bottom-color: color-mix(in srgb,var(--kendo-color-success),#0000 30%) !important;
}

th.k-header.k-table-th.borderBottomColorInfo span.k-cell-inner {
    border-bottom-color: color-mix(in srgb,var(--kendo-color-info),#0000 30%) !important;
}

th.k-header.k-table-th.borderBottomColorError span.k-cell-inner {
    border-bottom-color: color-mix(in srgb,var(--kendo-color-error),#0000 30%) !important;
}

/* Correctif positionnement header suite update telerik passage .net8 */
th.k-header.text-align-center.k-table-th span.k-column-title,
th.k-header.text-center.k-table-th span.k-column-title,
th.k-header.align-right.k-table-th span.k-column-title {
    width: 100% !important;
}