﻿

[data-bs-theme=light] .e-btn, .e-css.e-btn {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: var(--manomay-emphasis-bg);
    border-color: #4e4e4d;
    color: var(--manomay-body-color);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

    [data-bs-theme=light] .e-btn:hover, .e-css.e-btn:hover {
        background: #4e4e4d;
        border-color: #4e4e4d;
        box-shadow: none;
        color: #fff;
    }

    [data-bs-theme=light].e-btn:visited, .e-css.e-btn:visited {
        background: var(--manomay-emphasis-bg);
        border-color: #4e4e4d;
        box-shadow: none;
        color: var(--manomay-body-color);
    }

        [data-bs-theme=light] .e-btn:visited:hover, .e-css.e-btn:visited:hover {
            background: #4e4e4d;
            border-color: #4e4e4d;
            box-shadow: none;
            color: #fff;
        }

[data-bs-theme=dark] .e-btn, .e-css.e-btn {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: var(--manomay-emphasis-bg);
    border-color: #4e4e4d;
    color: var(--manomay-body-color);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

    [data-bs-theme=dark] .e-btn:hover, .e-css.e-btn:hover {
        background: #4e4e4d;
        border-color: #4e4e4d;
        box-shadow: none;
        color: #fff;
    }

    [data-bs-theme=dark].e-btn:visited, .e-css.e-btn:visited {
        background: var(--manomay-emphasis-bg);
        border-color: #4e4e4d;
        box-shadow: none;
        color: var(--manomay-body-color);
    }

        [data-bs-theme=dark] .e-btn:visited:hover, .e-css.e-btn:visited:hover {
            background: #4e4e4d;
            border-color: #4e4e4d;
            box-shadow: none;
            color: #fff;
        }


.e-input-group, .e-input-group.e-control-wrapper, .e-float-input, .e-float-input.e-input-group, .e-float-input.e-control-wrapper, .e-float-input.e-input-group.e-control-wrapper {
    background: var(--manomay-emphasis-bg);
    color: var(--manomay-body-color);
}


[data-bs-theme=light] .e-control {
    font-family: var(--manomay-controls-font);
    font-size: 12px;
    font-weight: 400;
}

[data-bs-theme=dark] .e-control {
    font-family: var(--manomay-controls-font);
    font-size: 12px;
    font-weight: 400;
}



.e-menu-wrapper, .e-menu-container {
    background: var(--manomay-emphasis-bg);
    width: 100%;
}

    .e-menu-wrapper .e-menu, .e-menu-container .e-menu {
        background: var(--manomay-emphasis-bg);
    }

        .e-menu-wrapper .e-menu .e-menu-item .e-menu-url, .e-menu-container .e-menu .e-menu-item .e-menu-url {
            color: var(--manomay-heading-color);
        }

        [data-bs-theme=light] .e-menu-wrapper .e-menu .e-menu-item.e-focused, .e-menu-container .e-menu .e-menu-item.e-focused {
            color: var(--manomay-card-color);
            outline: none;
            outline-offset: 0;
            background: var(--manomay-emphasis-bg);
        }

        [data-bs-theme=dark] .e-menu-wrapper .e-menu .e-menu-item.e-focused, .e-menu-container .e-menu .e-menu-item.e-focused {
            color: var(--manomay-card-color);
            outline: none;
            outline-offset: 0;
            background: var(--manomay-gray-400);
        }

    .e-menu-wrapper .e-ul, .e-menu-container .e-ul {
        background: var(--manomay-emphasis-bg);
        color: var(--manomay-heading-color);
    }

        .e-menu-wrapper .e-ul .e-menu-item .e-menu-url, .e-menu-container .e-ul .e-menu-item .e-menu-url {
            color: var(--manomay-heading-color);
        }

        [data-bs-theme=light] .e-menu-wrapper .e-ul .e-menu-item.e-focused, .e-menu-container .e-ul .e-menu-item.e-focused {
            background-color: var(--manomay-emphasis-bg);
            color: var(--manomay-card-color);
            outline: none;
            outline-offset: 0;
        }

        [data-bs-theme=dark] .e-menu-wrapper .e-ul .e-menu-item.e-focused, .e-menu-container .e-ul .e-menu-item.e-focused {
            background-color: var(--manomay-gray-400);
            color: var(--manomay-card-color);
            outline: none;
            outline-offset: 0;
        }

.e-contextmenu-wrapper ul.e-ul, .e-contextmenu-container ul.e-ul {
    font-family: var(--manomay-controls-font);
}


.image-column {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
}

    .image-column img {
        margin-top: 8px;
        vertical-align: middle;
        width: 100%;
    }

@media screen and (max-width: 800px) {
    .image-column {
        flex: 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .image-column {
        flex: 100%;
        max-width: 100%;
    }
}


.e-grid {
    border-style: none none none;
    border-width: 1px;
    border-radius: 1px;
    border-color: var(--manomay-border-color-translucent);
    display: block;
}

    .e-grid td.e-active {
        background: var(--manomay-table-active-bg);
        color: var(--manomay-table-active-color);
        border: none;
    }

    .e-grid .e-gridheader {
        background-color: var(--manomay-emphasis-bg);
        color: var(--manomay-card-color);
        border-bottom-color: var(--manomay-border-color-translucent);
        border-top-color: var(--manomay-border-color-translucent);
        color: var(--manomay-card-color);
    }

    .e-grid .e-gridcontent {
        background-color: var(--manomay-emphasis-bg);
    }

    .e-grid .e-rowcell, .e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse, .e-grid .e-rowdragdropcell, .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand, .e-grid .e-detailindentcell, .e-grid .e-detailcell, .e-grid .e-emptyrow.e-show-added-row .e-lastrowcell {
        border-color: var(--manomay-border-color-translucent);
        border-top-color: var(--manomay-border-color-translucent);
    }

    .e-grid .e-groupdroparea.e-grouped {
        background-color: var(--manomay-body-bg);
    }

    .e-grid .e-rowdragheader, .e-grid .e-grouptopleftcell {
        background-color: var(--manomay-body-bg);
    }

    .e-grid .e-verticallines tr th, .e-grid .e-grouptopleftcell, .e-grid .e-rowdragheader, .e-grid .e-gridpopup .e-content, .e-grid .e-filterbarcell, .e-grid .e-filterbarcelldisabled, .e-grid.e-default .e-grouptopleftcell, .e-grid.e-default .e-rowdragheader, .e-grid .e-headercell, .e-grid .e-summarycell, .e-grid .e-detailheadercell, .e-grid [aria-selected] + tr .e-detailindentcell, .e-grid.e-default .e-gridheader .e-headercell.e-firstheader, .e-grid.e-default.e-horizontallines .e-headercell.e-firstheader, .e-grid .e-filterbarcell input, .e-grid .e-headercontent, .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell, .e-grid.e-default.e-horizontallines .e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell, .e-grid.e-default .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell, .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
        border-color: var(--manomay-border-color-translucent);
        border-top-color: rgb(222, 226, 230);
    }

    .e-grid .e-summarycell, .e-grid .e-groupcaption, .e-grid .e-indentcell, .e-grid .e-recordplusexpand, .e-grid .e-recordpluscollapse {
        background-color: var(--manomay-body-bg);
        color: #343a40;
    }

        .e-grid .e-summaryrow .e-summarycell, .e-grid .e-summaryrow .e-templatecell, .e-grid .e-summarycontent .e-indentcell, .e-grid .e-indentcell.e-detailindentcelltop, .e-grid .e-groupfooterrow.e-summaryrow .e-indentcell.e-indentcelltop {
            background-color: var(--manomay-card-bg);
            border-color: #dee2e6;
            color: var(--manomay-card-color);
        }

    .e-grid .e-table {
        background-color: var(--manomay-emphasis-bg);
    }

    .e-grid .e-headercell, .e-grid .e-detailheadercell {
        background-color: var(--manomay-emphasis-bg);
    }

    .e-grid th.e-headercell[aria-sort="ascending"]:not(.e-columnselection) .e-headertext, .e-grid th.e-headercell[aria-sort="descending"]:not(.e-columnselection) .e-headertext, .e-grid th.e-headercell[aria-sort="ascending"] .e-sortfilterdiv, .e-grid th.e-headercell[aria-sort="descending"] .e-sortfilterdiv {
        color: var(--manomay-card-color);
        opacity: 1;
    }

    .e-grid .e-rowcell:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-detailrowcollapse:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-detailrowexpand:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-gridheader .e-rowdragdrop:not(.e-editedbatchcell):not(.e-updatedtd), .e-grid .e-emptyrow:not(.e-editedbatchcell):not(.e-updatedtd) {
        color: var(--manomay-card-color);
    }

[data-bs-theme=light] .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #e7e7e7;
    color: var(--manomay-card-color);
}

[data-bs-theme=dark] .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
    background-color: #242424;
    color: var(--manomay-card-color);
}







[data-bs-theme=light] .e-kanban {
    background: transparent;
}

[data-bs-theme=dark] .e-kanban {
    background: transparent;
}

[data-bs-theme=light] .e-kanban .e-kanban-table .e-header-cells {
    background: var(--manomay-kanban-column-bg);
}

[data-bs-theme=dark] .e-kanban .e-kanban-table .e-header-cells {
    background: var(--manomay-kanban-column-bg);
}

[data-bs-theme=light] .e-kanban .e-kanban-table.e-content-table .e-card {
    background-color: #f0f0f0
}

[data-bs-theme=dark] .e-kanban .e-kanban-table.e-content-table .e-card {
    background: var(--manomay-kanban-column-bg);
}

[data-bs-theme=light] .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
  background-color: #f0f0f0;
}

[data-bs-theme=dark] .e-kanban .e-kanban-table.e-content-table .e-content-row:not(.e-swimlane-row) td {
    background: #1f1f1f;
}

.e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper, .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container {
    height: inherit;
    overflow: auto;
    padding: 1px 1px 1px;
    
}


    .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card, .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card {
        border: 0px;
        border-bottom: 1px solid #a7a7a7;
        border-radius: 0px;
        box-shadow: none;
        margin-bottom: 7px;
        min-height: 50px;
        background-color: var(--manomay-emphasis-bg)
    }

        .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:focus, .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:focus {
            border: 0px;
            border-bottom: 1px solid #a7a7a7;
            border-radius: 0px;
            box-shadow: none;
            margin-bottom: 7px;
            min-height: 50px;
            background-color: var(--manomay-emphasis-bg)
        }

        .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card:hover, .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card:hover {
            border: 0px;
            border-bottom: 1px solid #a7a7a7;
            border-radius: 0px;
            box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);
            margin-bottom: 7px;
            min-height: 50px;
            background-color: var(--manomay-emphasis-bg)
        }

        .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection, .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection {
            border: 0px;
            border-bottom: 1px solid #a7a7a7;
            border-radius: 0px;
            box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);
            margin-bottom: 7px;
            min-height: 50px;
            background-color: var(--manomay-emphasis-bg)
        }

            .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-wrapper .e-card.e-selection:hover, .e-kanban .e-kanban-content .e-content-row .e-content-cells .e-card-container .e-card.e-selection:hover {
                border: 0px;
                border-bottom: 1px solid #a7a7a7;
                border-radius: 0px;
                box-shadow: 0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.1);
                margin-bottom: 7px;
                min-height: 50px;
                background-color: var(--manomay-emphasis-bg)
            }



.e-kanban .e-kanban-table.e-content-table .e-card .e-card-content {
    color: var(--manomay-body-color)
}



.e-card {
    font-family: var(--manomay-controls-font)
}

[data-bs-theme=light] .e-card-header {
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 10px;
}

[data-bs-theme=dark] .e-card-header {
    background-color: rgba(36, 36, 36, 0.65);
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 10px;
}

[data-bs-theme=light] .e-card-header-title {
    color: #676767;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
}

[data-bs-theme=dark] .e-card-header-title {
    color: #aaa;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
}

.e-card-sub-title {
    color: #6d7b9d;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
}






.e-treeview {
    display: block;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

    .e-treeview .e-list-item {
        list-style: none;
        padding: 4px 0;
    }

.custom.e-treeview .e-fullrow {
    height: 40px;
}

[data-bs-theme=light] .custom.e-treeview:hover .e-fullrow:hover .e-hover .e-list-item:hover .e-level-2:hover .e-active:hover {
    color: #111;
    background-color: #f0f0f0;
}

[data-bs-theme=dark] .custom.e-treeview:hover .e-fullrow:hover .e-hover .e-list-item:hover .e-level-2:hover .e-active:hover {
    color: #111;
    background-color: #f0f0f0;
}

[data-bs-theme=light] .e-node-focus {
    color: #111;
    background-color: #f0f0f0;
}

[data-bs-theme=dark] .e-node-focus {
    color: #111;
    background-color: #f0f0f0;
}

.custom.e-treeview .e-list-text {
    line-height: normal;
}

.e-treeview .e-list-text {
    box-sizing: border-box;
    display: inline-block;
    line-height: 34px;
    margin: 0;
    min-height: 34px;
    padding: 0px;
    text-decoration: none;
    vertical-align: middle;
    color: var(--manomay-mnavbar-leftbar-link-hover-color);
    
}

[data-bs-theme=light] .e-treeview .e-list-item.e-active {
    color: #111;
}

[data-bs-theme=dark] .e-treeview .e-list-item.e-active {
    color: #111;
}

.e-treeview .e-list-item.e-node-focus {
    background-color: var(--manomay-mnavbar-leftbar-bg-color);
}

[data-bs-theme=light] .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: var(--manomay-mnavbar-leftbar-bg-color);
    border-color: var(--manomay-mnavbar-leftbar-bg-color);
}

[data-bs-theme=dark] .e-treeview .e-list-item.e-active > .e-fullrow {
    background-color: var(--manomay-mnavbar-leftbar-bg-color);
    border-color: var(--manomay-mnavbar-leftbar-bg-color);
}

[data-bs-theme=light] .e-treeview .e-list-item.e-active > .e-text-content {
    color: rgba(var(--manomay-tertiary-color-rgb), var(--manomay-text-opacity)) !important;
    background-color: var(--manomay-mnavbar-leftbar-bg-color);
}

[data-bs-theme=dark] .e-treeview .e-list-item.e-active > .e-text-content {
    color: rgba(var(--manomay-tertiary-color-rgb), var(--manomay-text-opacity));
    background-color: var(--manomay-mnavbar-leftbar-bg-color);
}

[data-bs-theme=light] .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
    color: var(--manomay-mnavbar-leftbar-link-active-color);
}

[data-bs-theme=dark] .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
    color: var(--manomay-mnavbar-leftbar-link-active-color);
}

    .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
        color: #111;
    }

/*    .e-treeview .e-list-item.e-active:hover {
        color: #111;
        background-color: aqua;
    }*/

/*        .e-treeview .e-list-item.e-active:hover > .e-text-content .e-list-text {
            color: #111;
            background: rgba(0,0,0,0);
        }*/


.e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
    background-color: var(--manomay-mnavbar-leftbar-bg-color);
    border: none;
}

    .e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
        color: #1869b1;
    }

        .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
            color: #1869b1;
        }

.e-treeview .e-list-item.e-active.e-hover > .e-text-content {
    color: #111;
    background-color: var(--manomay-mnavbar-leftbar-bg-color);
}

[data-bs-theme=light] .eicon {
    float: left;
    padding-top: 6px;
    height: 30px;
    width: 30px;
    background: #fff;
    text-align: center;
    vertical-align: middle;
    border-radius: 12%;
    margin-top: 4px;
    margin-right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    color: #808080;
}

[data-bs-theme=dark] .eicon {
    float: left;
    padding-top: 6px;
    height: 30px;
    width: 30px;
    background: #242424;
    text-align: center;
    vertical-align: middle;
    border-radius: 12%;
    margin-top: 4px;
    margin-right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
    color: #8d8d8d;
}

.ename {
    font-size: 13px;
    padding-top: 5px;
}

.esubname {
    font-size: 10px;
    opacity: .67;
}


