.purple .navbar {
    background: #6c6c6c;
}
.purple .navbar .navbar-nav > .nav-item > .nav-link {
    color: #fff;
    font-weight: 400;
}
.purple .navbar .navbar-nav > .nav-item > .nav-link:hover {
    color: #4a4593000;
}
.purple .navbar .navbar-nav > .nav-item > .nav-link.active, .purple .navbar .navbar-nav > .nav-item > .nav-link:hover, .purple .navbar .navbar-nav > .nav-item > .nav-link:focus {
    background: #dfdfdf;
    color: #000;
}
.purple .navbar .menu-large ul .nav-item a:hover {
    background: #ffc107;
    color: #4a4593 !important;
    font-weight: 500;
}
.purple .navbar .menu-large ul .nav-item a:hover {
    background: #4a4593;
    color: #fff !important;
}
.purple .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    background: #4a4593;
}
.purple .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .purple .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
    color: #ffffff !important;
    font-weight: 500;
}
.purple .app-appbar-notification svg {
    color: #fff;
}
.purple .e-card .e-card-header {
    background-color: #4a4593;
}
.purple .title {
    color: #fff;
}
.purple .arrows li a {
    color: #fff !important;
}
.purple .arrows li::before {
    border-right: 1px solid #fff;
}
.purple .sub-header {
    background-color: #4a4593;
    color: #fff;
}
.purple .sub-header h5 {
    color: #fff;
}
.purple .e-toolbar-item.e-active .e-tab-wrap:focus {
    background: #4a4593 !important;
}

.purple .btnFont {
    background-color: #dfdfdf !important;
    color: #4a4593 !important;
}
.purple .btnFont:hover {
    background: #6c6c6c !important;
    color: #fff !important;
}
.purple .e-toolbar-item.e-active .e-tab-wrap {
    background: #4a4593;
}
.purple .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
    color: #fff;
    background-color: #4a4593;
    font-weight: 500;
}
.purple .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    background: #4a45933;
}
/*.purple .e-grid .e-headercell {
    background-color: #4a459361 !important;
}*/
.purple.e-dialog .e-dlg-header-content {
    background-color: #4a4593;
    color: #fff;
}
.purple.title {
    color: #fff;
}
.purple.e-popup .e-footer-content {
    background: #4a4593;
}
.purple .btnFont {
    background-color: #dfdfdf !important;
    color: #4a4593 !important;
}
/*Active tab highlight*/
.purple .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:after {
    content: '';
    display: block;
    z-index: 999 !important;
    left: 50%;
    bottom: -12px;
    position: absolute;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #4a4593;
}
.purple.e-dialog .e-dlg-header-content .e-dlg-header h5 {
    color: #fff;
}
.purple .e-tab .e-tab-header .e-toolbar-item.dilo-tab.e-active .e-tab-wrap:after {
    display: none;
}
/*Active tab highlight*/
.purple .arrows .e-settings:before {
    color: #fff;
}
.purple .e-popup .e-footer-content {
    background: #4a4593;
    padding: 4px 8px;
}
.purple  .e-dialog .e-footer-content .e-btn {
    font-size: 12px;
    color: #fff;
}
.purple .e-tab .e-tab-header .e-indicator {
    background: #ffca1c !important;
}
.purple button.btnFont:disabled, .purple button[disabled] {
    background-color: #e55353 !important;
    color: #000 !important;
    cursor: no-drop;
}
.purple button.navbar-toggler {
    background: #4a4593 !important;
    border: 0;
}
/*03-Mar-22*/
.purple .e-dialog .e-dlg-header-content {
    background-color: #4a4593;
}
.purple .e-dialog .e-dlg-header-content .e-dlg-header h5 {
    color: #fff;
}

.purple .e-popup .e-footer-content {
    background-color: #4a4593;
}
.purple .dialogposition.showorder button.btnFont {
    background-color: #dfdfdf !important;
    color: #4a4593 !important;
}

.purple .dialogposition.showorder button.btnFont:hover {
    background: #6c6c6c !important;
    color: #fff !important;
}
/*22-Feb-22*/
/*07-Mar-22*/
.purple .e-pager .e-currentitem,
.purple .e-pager .e-currentitem:hover {
    background: #4a4593;
    color: #fff;
    opacity: 1;
}
/*07-Mar-22*/
/*08-Mar-22*/
.purple .pagination li.page-item .page-link:hover {
    background: #4a4593;
    color: #fff;
}
/*08-Mar-22*/
/*11-Mar-22*/
.purple .e-dropdown-btn.material-type {
    background: #dfdfdf;
    color: #4a4593;
}

.purple .e-dropdown-btn.material-type:after {
    content: "";
    background: url(/Image/down-arrow.png) no-repeat;
    background-size: contain;

}
.purple .e-dropdown-btn.material-type:hover {
    padding: 5px 14px 3px 5px;
   /* background: #6c6c6c !important;*/
    color: #000 !important;
}
.purple .arrows .e-small.action-btton {
    background-color: #dfdfdf;
}
.purple .arrows .e-small.action-btton:hover {
    background: #6c6c6c !important;
}
.purple .arrows .e-icons.e-filter:before {
    color: #000;
}
.purple .e-dropdown-popup.e-control.material-type ul .e-item:active, .purple .e-dropdown-popup.e-control.material-type ul .e-item.e-selected {
    background-color: #e0e0e0;
    color: rgba(0,0,0,0.87);
}

.purple .e-dropdown-popup ul .e-item:hover {
    background-color: #e0e0e0;
    color: rgba(0,0,0,0.87);
}
/*11-Mar-22*/
/*15-Mar-22*/
.purple h5.dilo-title {
    background: #4a4593;
    color: #fff;
}
/*15-Mar-22*/
.purple .count button.e-dropdown-btn.count:hover {
    background: transparent;
}
.purple ul.e-dropdown-menu li.e-item:hover {
    background: #4a4593;
    color: #fff;
}
.purple .arrows .e-control.e-icons.e-settings:before {
    color: #fff;
}
.e-dialog .e-dlg-header-content .e-dlg-header {
    color: #fff;
}