.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons {
    color: #000;
    font-weight: bold;
}

.e-toolbar .e-toolbar-item .e-tbar-btn:focus {
    background: none;
}

    .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
        color: #000;
    }


.e-toolbar .e-toolbar-item .e-tbar-btn:active {
    background: #9ccc65;
}



.e-toolbar .e-toolbar-item .e-tbar-btn:hover {
    background: #9ccc65;
    color: #fff;
}

.e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
    color: #fff;
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
    font-size: 13px;
}

.e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    font-size: 14px;
    padding: 2px;
}


.e-pager.sf-pager .e-numericcontainer a {
    font-size: 12px;
}

/* To change toast icon styles */
.e-toast-container .e-toast .e-toast-icon {
    font-size: 20px;
}

/* To change sfbutton styles */
.e-btn.e-primary:hover, .e-css.e-btn.e-primary:hover {
    background-color: #6c8d45;
}

.e-btn.e-secondary:hover, .e-css.e-btn.e-secondary:hover {
    background-color: #9ccc65;
}

/* form textbox border  */
.e-input-group.e-success, .e-input-group.e-control-wrapper.e-success, .e-input-group.e-success:not(.e-float-icon-left), .e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left) {
    border-color: #ced4da;
}



.e-customsize.e-checkbox-wrapper .e-frame {
    height: 20px;
    width: 20px;
    padding: 3px 0;
}

.e-customsize.e-checkbox-wrapper .e-check {
    font-size: 12px;
}

.e-customsize.e-checkbox-wrapper .e-ripple-container {
    height: 52px;
    top: -11px;
    width: 47px;
}

.e-customsize.e-checkbox-wrapper .e-label {
    line-height: 20px;
  /*  font-size: 20px;*/
}



.e-grid .e-altrow {
    background-color: #f8f9fa;
}

.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
    color: white;
}



.e-dialog .e-footer-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top: 1px solid #dee2e6;
    bottom: 0;
    display: flex !important;
    right: 0;
    width: 100%;
    justify-content: space-between;
}

    .e-dialog .e-footer-content .e-btn {
        margin-left: 0px;
    }



.e-btn {
    outline: none !important;
    border: none !important;
    background-color: #9ccc65;
}

    .bt-primary:hover {
        background-color: #82C23C !Important;
    }

    .e-btn:focus, .e-btn:active {
        background-color: #9ccc65;
    }

.bt-secondary {
    background-color: lightgrey;
}

.bt-delete {
    background-color: #cc0000;
}

    .bt-delete:focus, .bt-delete:active {
        background-color: #cc0000 !important;
    }

    .bt-delete:hover {
        background-color: red !Important;
    }

.bt-publish {
    background-color: lightgrey;
}
    .bt-publish:focus, .bt-publish:active {
        background-color: lightgrey !important;
    }

    .bt-publish:hover {
        background-color: orange !Important;
    }


.bt-publish-active {
    background-color: orange;
}
    .bt-publish-active:focus, .bt-publish-active:active {
        background-color: darkorange !important;
    }

    .bt-publish-active:hover {
        background-color: darkorange !Important;
    }

.upload-as-button .e-upload {
                border: none;       
            }

.upload-as-button .e-file-drop {
    display: none;
}

.upload-as-button .e-upload .e-upload-browse-btn::before {
    content: "\F42A";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    padding-right: 5px;
}

.e-progress-btn {
    background-color: lightgrey!important;
}

    .e-progress-btn:hover {
        background-color: #9ccc65 !important;
    }


button, input[type="button"], input[type="submit"] {
    /*color: #050 !important;*/
    /*font: bold 84% 'trebuchet ms',helvetica,sans-serif !important;*/
/*    background-color: #fed !important;
    border: 1px solid !important;
    border-color: #696 #363 #363 #696 !important;*/
    box-shadow: none !important;
    transform: none !important;
}

.e-grid .e-rowcell
{
    font-size:13px;
}