/* Syncfusion theme */

.e-toolbar {
    padding: 5px 0;
    margin: 5px 0;
}

.e-toolbar-items {
    height: 60px;
}

.e-toolbar-item button.e-btn {
    font-size: 0.9em;
    background-color: white;
    color: var(--kgc-f1c);
}

    .e-toolbar-item button.e-btn:hover .e-icons,
    .e-toolbar-item button.e-btn:hover .e-tbar-btn-text {
        color: var(--kgc-f1c);
    }

    .e-toolbar-item button.e-btn:hover {
        background: var(--kgc-f2c) !important;
        border: 1px solid var(--kgc-f2c) !important;
        color: var(--kgc-f2c) !important;
    }

        .e-toolbar-item button.e-btn:hover .e-icons,
        .e-toolbar-item button.e-btn:hover .e-tbar-btn-text {
            color: white !important;
        }

.e-gridheader,
.e-gridheader .e-table,
.e-gridheader .e-table .e-headercell {
    background: var(--kgc-f1c) !important;
    border-color: var(--kgc-f1c) !important;
    color: white !important;
}

/* Tab Section */
.e-tab-header .e-toolbar-items {
    border-bottom: 1px solid var(--kgc-f1c) !important;
    border-radius: 5px 5px 0 0;
}

.e-tab .e-tab-header .e-toolbar-item.e-hover {
    border: 1px solid var(--kgc-f2c) !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    border-bottom: 1px solid var(--kgc-f2c) !important;
    background-color: var(--kgc-f3c) !important;
}

    .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text {
        color: white !important;
    }

.e-tab-header .e-toolbar-item.e-active {
    border-bottom: 1px solid var(--kgc-f1c) !important;
    background-color: var(--kgc-f1c) !important;
}

.e-tab-header .e-active .e-tab-text {
    color: white !important;
}


/* Dashboard */
.auto-left {
    margin-left: auto;
}

.e-panel-content {
    padding: 1rem;
}

    .e-panel-content .root-container {
        height: 100%;
        background-color: aqua;
    }

/*Cards*/

.e-card {
    padding: 0px;
}

    .e-card .e-card-content {
        padding: 8px
    }

    .e-card.kgc-cc {
        width: 100%;
        margin-bottom: 15px;
    }

        .e-card.kgc-cc .e-card-header {
            background-color: hsla(172, 100%, 34%, 1);
            padding: 5px 10px;
            min-height: 10px;
        }

            .e-card.kgc-cc .e-card-header .e-card-header-caption .e-card-header-title {
                font-size: 1.4em;
                color: white;
                font-weight: bold;
            }

        .e-card.kgc-cc .e-card-content {
            background-color: white;
            color: var(--kgc-fbc);
            padding: 10px 15px;
        }

/*        .e-card.kgc-cc.head .e-card-content {
            background-color: #F2F2F2;
        }*/
/*End Cards*/