/*
 * 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.
 */


/* 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 -----------------------------------------------------*/

/* 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=light] .k-list {
    /*kendo dropdown list content*/
    /*background-color: var(--bs-secondary-bg);*/
}

/* FORM ------------------------------------------------------*/

[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, [data-bs-theme=light] .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-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);*/
}

.k-picker-solid.k-invalid:focus,
.k-picker-solid.k-invalid.k-focus,
.k-picker-solid.ng-invalid.ng-touched:focus,
.k-picker-solid.ng-invalid.ng-touched.k-focus,
.k-picker-solid.ng-invalid.ng-dirty:focus,
.k-picker-solid.ng-invalid.ng-dirty.k-focus {
    box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--kendo-color-error, #dc3545) 25%, transparent);
}

/*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.active {
        border-right-color: var(--bs-body-bg) !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 --------------------------------------------------*/

/* VALIDATION ------------------------------------------------*/
[data-bs-theme=light] .form-control.k-invalid,
[data-bs-theme=light] .k-picker-solid.k-invalid,
[data-bs-theme=light] .k-picker-solid.ng-invalid.ng-touched,
[data-bs-theme=light] .k-picker-solid.ng-invalid.ng-dirty {
    border-color: var(--kendo-color-error, #dc3545);
    background-color: var(--bs-danger-bg-subtle);
}

    [data-bs-theme=light] .k-picker-solid.k-invalid .k-input-inner,
    [data-bs-theme=light] .k-picker-solid.ng-invalid.ng-touched .k-input-inner,
    [data-bs-theme=light] .k-picker-solid.ng-invalid.ng-dirty .k-input-inner {
        background-color: var(--bs-danger-bg-subtle);
    }