/* Syncfusion-Overrides */

/* Override Syncfusion Breadcrumb */
.e-breadcrumb {
    display: block;
    background-color: transparent;
    border-radius: 4px;
}

.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret, .e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
    color: white;
}

.e-contextmenu-wrapper ul .e-menu-item .e-caret, .e-contextmenu-container ul .e-menu-item .e-caret {
    color: white;
}

/* Override Syncfsion Dialog*/
.e-dialog .e-dlg-content {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-family: Lato, Tahoma, Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 15px;
    line-height: 1.25;
    overflow: auto;
    overflow-x: hidden;
}

.e-dialog .e-dlg-header {
    font-family: Lato, Tahoma, Helvetica, Arial, sans-serif;
    color: #990000;
    font-size: 18px;
    font-weight: 700;
}

.e-dialog .e-footer-content {
    text-align: center;
}

/************************************************************************************************/
/*Tab - Level 1: These tab changes will only affect the tab with cssClass="WelsTabsLevel1" or cssClass="WelsTabsLevel2"*/

.welsTabsLevel1.e-tab .e-tab-header .e-toolbar-items,
.welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
    height: 62px;
}

.welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
.welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
.welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
    height: 60px;
}

.welsTabsLevel2.e-tab .e-tab-header,
.welsTabsLevel2.e-tab .e-tab-header .e-toolbar-items {
    height: 30px;
    min-height: 30px;
}

    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-items,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
        height: 30px;
        min-height: 30px;
    }

    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
        height: 28px;
    }

    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        padding: 0px 0px;
    }

.welsTabsLevel1.e-tab .e-tab-header,
.welsTabsLevel2.e-tab .e-tab-header {
    margin-bottom: 14px;
}

    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon,
    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item .e-tab-text,
    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
        font-family: "Yanone Kaffeesatz",Tahoma,Helvetica,Arial,sans-serif;
        font-size: 1.4rem;
        font-weight: 700;
        padding: 0px 5px;
    }

    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item .e-tab-text,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
        font-family: "Yanone Kaffeesatz",Tahoma,Helvetica,Arial,sans-serif;
        font-size: 1.1rem;
        font-weight: 400;
        padding: 0px 10px;
    }

    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
        color: #990000;
    }

    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
        color: #ad3232; /*lighter hover red*/
    }

    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item .e-tab-text,
    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item .e-tab-text,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
        color: #122560;
    }

    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item.e-active,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item.e-active {
        border-top-color: #990000;
        border-right-color: #990000;
        border-left-color: #990000;
        border-bottom-color: #ffffff;
    }

    .welsTabsLevel1.e-tab .e-tab-header::before,
    .welsTabsLevel2.e-tab .e-tab-header::before {
        border-color: #990000;
    }

    .welsTabsLevel1.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover,
    .welsTabsLevel2.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
        background: #f4f4f4;
    }

/*End*****************************************************Tab Level 1*/

/* Syncfusion Spinner */

.e-icons {
    color: black;
    font-weight: bold;
}

::deep .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
    text-decoration: none;
}

.e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
    text-decoration: none;
}

::deep .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover {
    text-decoration: underline;
}

::deep .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text, ::deep .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover, ::deep .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus {
    color: #0f71cb;
}

/*.e-footer-content .e-btn:hover.e-flat:not([DISABLED]) {
    background: transparent;
    color: #6c757d;
}*/


.e-control.e-btn.e-lib.e-flat.welsErrorDialog {
    color: #000000;
    background-color: transparent;
}



/****************** Tooltip override (start) ***************/

.wels-tooltip-override.e-tooltip-wrap.e-popup {
    background-color: #fff;
    border: 1px solid #000;
}

.wels-tooltip-override.e-tooltip-wrap .e-tip-content {
    color: #000;
}

.wels-tooltip-override.e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
    color: #fff;
}

.wels-tooltip-override.e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom {
    color: #fff;
}

.wels-tooltip-override.e-tooltip-wrap .e-arrow-tip-inner.e-tip-left {
    color: #fff;
}

.wels-tooltip-override.e-tooltip-wrap .e-arrow-tip-inner.e-tip-right {
    color: #fff;
}

/****************** Tooltip override (end) ***************/