/*
 * app-light.css: Light theme color overrides only.
 * Do not include base or layout styles here.
 * Use app.css for all base and app-wide styles.
 */
/*  ROOT ------------------------------------------------------*/
:root {
    --input-bg: #fff;
}

/* GENERAL ---------------------------------------------------*/
/* ALERTS ----------------------------------------------------*/
/* BACKGROUNDS -----------------------------------------------*/
/* BUTTONS ---------------------------------------------------*/
[data-bs-theme=light] .btn-add-color {
    background-color: var(--bs-success-text);
}

[data-bs-theme=light] .btn-tools {
    border-color: transparent;
    color: rgba(var(--bs-btn-color), 0.25);
}

    [data-bs-theme=light] .btn-tools i {
        color: var(--bs-primary);
    }

    [data-bs-theme=light] .btn-tools:hover i {
        color: var(--bs-btn-hover-color);
    }

[data-bs-theme=light] .btn-inline-delete .btn-delete-color .k-svg-icon > svg {
    fill: var(--bs-danger);
}

/* CARDS -----------------------------------------------------*/
[data-bs-theme=light] .card {
    --bs-card-bg: #fff;
}

[data-bs-theme=light] .btn-card-header {
    color: var(--bs-body-color);
}


/* CTA -------------------------------------------------------*/


/* DIALOGS & WINDOWS -----------------------------------------*/
[data-bs-theme=light] .k-window,
[data-bs-theme=light] .k-dialog {
    border-color: var(--bs-modal-border-color);
    color: var(--bs-modal-color);
    background-color: var(--bs-body-bg);
}


/* DRAWER ----------------------------------------------------*/

/*  DROPDOWNS -------------------------------------------------*/
[data-bs-theme=dark] .k-list {
    /*kendo dropdown list content*/
    background-color: var(--bs-secondary-bg);
}


/* FORM ------------------------------------------------------*/
/*correction I expect bootstrap will fix*/
[data-bs-theme=light] .form-floating > .form-control:disabled ~ label::after {
    background-color: var(--bs-secondary-bg);
}

[data-bs-theme=light] .form-floating .form-control {
    background-color: var(--bs-white);
    border-color: var(--bs-border-color);
}

    [data-bs-theme=light] .form-floating .form-control:disabled {
        background-color: var(--bs-tertiary-bg);
        color: var(--bs-tertiary-color);
    }

[data-bs-theme=light] .form-floating label::after {
    background-color: var(--bs-white) !important;
}

[data-bs-theme=light] .form-footer {
    border-top: 1px solid var(--bs-border-color);
}

[data-bs-theme=light] .item-separator {
    background-color: var(--bs-border-color);
}

[data-bs-theme=light] .k-form, .k-form-inline {
    color: var(--bs-body-color);
}

[data-bs-theme=light] .k-form-field .k-input-md .k-input-inner,
[data-bs-theme=light] .k-form-field .k-picker-md .k-input-inner {
    background-color: var(--bs-tertiary-bg);
    color: var(--bs-body-color);
}

/* GRID ------------------------------------------------------*/
/*row inherits from this*/
[data-bs-theme=light] .k-table, [data-bs-theme=light] .k-data-table {
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

[data-bs-theme=light] .k-master-row .k-grid-content-sticky {
    /*background-color: rgba(var(--bs-body-bg-rgb), 1.0);*/
}

[data-bs-theme=light] .k-master-row.k-table-alt-row .k-grid-content-sticky,
[data-bs-theme=light] .k-master-row.k-table-alt-row .k-grid-row-sticky {
    /*should be equal to --bs-body-bg with opacity .04*/
    /*background-color: rgba(var(--bs-body-bg-rgb), 1.0);*/
}

/*cell & frozen column border*/
[data-bs-theme=light] .k-grid,
[data-bs-theme=light] .k-grid td,
[data-bs-theme=light] .k-grid .k-table-td,
[data-bs-theme=light] .k-grid .k-table-row,
[data-bs-theme=light] .k-grid .k-grid-content,
[data-bs-theme=light] .k-grid .k-grid-header-locked,
[data-bs-theme=light] .k-grid .k-grid-content-locked,
[data-bs-theme=light] .k-grid-header .k-header.k-grid-header-sticky,
[data-bs-theme=light] .k-grid-header .k-filter-row .k-grid-header-sticky,
[data-bs-theme=light] .k-grid-footer-sticky {
    /* border-color: var(--bs-border-color);*/
}

    [data-bs-theme=light] .k-grid a, td[role=gridcell] a {
        color: var(--bs-link-color);
    }

[data-bs-theme=light] .input-group-text {
    border-color: var(--bs-border-color);
}

/* ICONS -----------------------------------------------------*/

/* INPUTS ----------------------------------------------------*/
[data-bs-theme=light] .k-form-field .k-input-md .k-input-inner,
[data-bs-theme=light] .k-form-field .k-picker-md .k-input-inner,
[data-bs-theme=light] .k-input-inner {
    background-color: var(--input-bg);
}

[data-bs-theme=light] .k-input-outline,
[data-bs-theme=light] .k-input-solid,
[data-bs-theme=light] .k-picker-outline,
[data-bs-theme=light] .k-picker-solid {
    border-color: var(--bs-border-color);
    background-color: var(--input-bg);
}

[data-bs-theme=light] .k-menu:not(.k-context-menu) {
    /*background-color: unset;*/
}

[data-bs-theme=light] .k-menu-group,
[data-bs-theme=light] .k-menu.k-context-menu {
    border-color: var(--bs-border-color);
    background-color: var(--bs-body-bg);
}

[data-bs-theme=light] .k-messagebox-error {
    border-width: 1px 1px 1px 6px;
    border-color: red;
    background-color: var(--bs-danger-text-emphasis);
    color: #fbedee;
}

[data-bs-theme=light] .k-picker-outline:focus,
[data-bs-theme=light] .k-picker-outline.k-focus,
[data-bs-theme=light] .k-picker-solid:focus,
[data-bs-theme=light] .k-picker-solid.k-focus {
    /*border-color: #86b7fe;*/
    /*box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
}

/*the popup element of dropdowns*/
[data-bs-theme=light] .k-popup {
    /*border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    background-color: var(--bs-secondary-bg-subtle);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);*/
}


/* LINKS -----------------------------------------------------*/
[data-bs-theme=light] .nav-pills {
    --bs-nav-pills-link-active-color: var(--bs-emphasis-color);
    --bs-nav-pills-link-active-bg: var(--bs-secondary-bg);
}

[data-bs-theme=light] .nav-pills .nav-link.active,
[data-bs-theme=light] .nav-pills .show > .nav-link {
    border: 1px solid var(--bs-border-color) !important;
}

[data-bs-theme=light] .nav-pills .nav-link.main-link:focus,
[data-bs-theme=light] .nav-pills .nav-link.main-link:hover {
    background-color: var(--bs-nav-pills-link-active-bg);
    border: 1px solid var(--bs-border-color);
}

/* LIST GROUP ------------------------------------------------*/

/* NAVS ------------------------------------------------------*/
.navbar-dark {
    /*--bs-navbar-color: rgba(255, 255, 255, 0.55);*/
}

/* SIDEBAR ---------------------------------------------------*/

/* TABLES ----------------------------------------------------*/

/* TABS ------------------------------------------------------*/

/* TIPS & TOOLTIPS -------------------------------------------*/
[data-bs-theme=light] .k-tooltip {
    color: var(--bs-body-bg);
    background-color: var(--bs-emphasis-color);
    border-radius: var(--bs-border-radius);
}

[data-bs-theme=light] .k-tooltip-content {
    /*font-weight: 500;*/
    /*background-color: var(--bs-emphasis-color);*/
    /*border-radius: var(--bs-border-radius);*/
}

/* TOOLBARS --------------------------------------------------*/