﻿/*Telerik CSS over-rides*/

/*.k-panelbar > .k-panelbar-header > .k-link {*/
/*color: white;*/ /*#ff6358;*/
/*background-color: cornflowerblue;*/ /*#ffffff;*/
/*color: white;*/ /*#ff6358;*/
/*background-color: darkblue;*/ /*#ffffff;*/
/*}*/

/* Overwrite colours as below for all variables: */
/*--kendo-color-primary-subtle
--kendo-color-primary-subtle-hover
--kendo-color-primary-subtle-active
--kendo-color-primary
--kendo-color-primary-hover
--kendo-color-primary-active
--kendo-color-primary-emphasis
--kendo-color-primary-on-subtle
--kendo-color-on-primary
--kendo-color-primary-on-surface*/

:root {
    --background-color: #F7F9FC;
    /*--text-color: #2d2d2d;*/
    --kendo-color-surface: #FCFCFD;
    --kendo-color-on-app-surface: #6c757d;
    /*--section-background-color: #FCFCFD;*/
    --kendo-color-base: #FCFCFD;
    --kendo-color-on-base: #6c757d;
    --kendo-color-primary: #3f80ea;
    --kendo-color-primary-hover: #0056b3;
    --kendo-color-secondary: #495057;
    --kendo-color-secondary-hover: #3E454C;
    --kendo-color-success: #4bbf73;
    --kendo-color-success-hover: #3FA767;
    --kendo-color-error: #d9534f;
    --kendo-color-error-hover: #C04B47;
    --kendo-color-warning: #e5a54b;
    --kendo-color-warning-hover: #CC9343;
    --kendo-color-info: #17CFC4;
    --kendo-color-info-hover: #149F96;
    --kendo-color-light: #F5F7FA;
    --kendo-color-light-hover: #E2E6EA;
    --kendo-color-dark: #1C2237;
    --kendo-color-dark-hover: #12161F;
    --kendo-button-disabled-bg: #D3D3D3;
    --kendo-button-solid-secondary-disabled-bg: #D3D3D3;
    --grid-row-hover-bg: #e7efff;
    --kendo-font-family: "Poppins", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
    /*--color-disabled: #D3D3D3;*/
}

.k-appbar {
    background-color: #283042 !important;
}

.k-tabstrip-items {
    /*border-right: 2px solid #E3E4E3;*/
}

.k-tabstrip-content {
    background-color: var(--background-color) !important;
}

.trv-page-container {
    background-color: var(--background-color);
}

.k-pane {
    background-color: var(--background-color);
}

.k-floating-label {
    font-weight: 400!important;
}

.k-grid a {
    color: var(--bs-link-color);
    text-decoration: underline;
}

    .k-grid a:hover {
        color: var(--bs-link-hover-color);
        text-decoration: underline;
    }

.k-grid a.gridcolumn-hyperlink {
    color: #3f80ea;
}

    .k-grid a.gridcolumn-hyperlink:hover {
        color: #3266bb;
        text-decoration: underline;
    }

/* BP050924 should be in a telerik override file */
.k-grid-header {
    font-weight: 700;
}

.k-grid {
    /*  Limites the display width of the grid on mobile, adds scroll bar instead */
    max-width: 100vw;
}

    .k-grid .k-table-tbody > tr.k-master-row:nth-of-type(odd) .k-table-td,
    .k-grid .k-table-tbody > tr.k-master-row.k-alt .k-table-td {
        background-color: var(--grid-row-odd-bg) !important;
    }

    .k-grid .k-table-tbody > tr.k-master-row:nth-of-type(even) .k-table-td {
        background-color: var(--grid-row-even-bg) !important;
    }

    .k-grid .k-table-tbody > tr.k-grouping-row .k-table-td,
    .k-grid .k-table-tbody > tr.k-detail-row .k-table-td {
        background-color: transparent !important;
    }

    .k-grid .k-table-tbody > tr:not(.k-selected):not(.k-grouping-row):not(.k-detail-row):hover > .k-table-td,
    .k-grid .k-table-tbody > tr.k-hover:not(.k-selected):not(.k-grouping-row):not(.k-detail-row) > .k-table-td {
        background-color: var(--grid-row-hover-bg) !important;
    }

.k-drawer, .k-panelbar-item, .k-panelbar {
    background-color: var(--background-color);
}

    .k-panelbar > .k-panelbar-header > .k-link {
        background-color: var(--background-color);
    }

/*.k-input-solid:disabled, .k-input-solid[disabled], .k-input-solid.k-disabled {
    color:color-mix(in srgb, var(--kendo-color-on-app-surface, rgb(0 0 0)) 40%, transparent);
}*/

.k-window-title {
    color: inherit;
    border-bottom: 1px solid lightgray;
}

/*// grid stop make rows auto height change if length text long*/

.k-grid tr {
    height: auto; /* Allow rows to adjust height automatically */
}

.k-grid td {
    white-space: normal; /* Allow text to wrap */
    word-wrap: break-word; /* Break long words */
    overflow: visible; /* Ensure content is visible */
    padding: 8px; /* Adjust padding as needed */
}

/*.k-breadcrumb {
    background-color: var(--background-color);
}*/

.k-breadcrumb-container {
    background: linear-gradient(to top, var(--kendo-color-primary-hover), var(--kendo-color-primary));
    width: 100%;
    color: white;
}

.k-breadcrumb-link.k-disabled {
    color: var(--color-disabled) !important;
}

.k-menu-link {
    padding-top: 0px;
    padding-bottom: 0px;
}

/*// old*/

/*.t-wireframeLink {*/
/*    background-color: darkred;
    color: white;*/
/*background-color: darkblue;
    color: white;
}

.t-row-pad {
    padding-top: 5px;
    padding-bottom: 5px;
}

.t-row-heading {
    padding-bottom: 10px;
}

.t-row-title {
    text-align: right;
}

.t-save-button .t-submit-button {
    text-align: center;
}*/

/* Limit white text to solid intent buttons only */
.k-button.k-button-solid-primary,
.k-button.k-button-solid-secondary,
.k-button.k-button-solid-success,
.k-button.k-button-solid-error,
.k-button.k-button-solid-warning {
    color: white;
}

    .k-button.k-button-solid-primary:hover,
    .k-button.k-button-solid-secondary:hover,
    .k-button.k-button-solid-success:hover,
    .k-button.k-button-solid-error:hover,
    .k-button.k-button-solid-warning:hover {
        color: white;
    }

/* Align checkbox label to top, setup for filters, may mess with inline */
.k-checkbox-wrap {
    align-items: start!important;
    vertical-align: top!important;
}