@charset "UTF-8";
/**
 * ej2 styles
 */

.e-icons {
    font-family: 'e-icons';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    speak: none;
    text-transform: none;
}

/*! common core */
.e-control,
.e-css {
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.e-overlay {
    background-color: #383838;
    filter: alpha(opacity=50);
    height: 100%;
    opacity: .5;
    pointer-events: none;
    -ms-touch-action: none;
    touch-action: none;
    width: 100%;
}

.e-hidden {
    display: none;
}

.e-reset {
    border: 0;
    font-size: 100%;
    line-height: normal;
    list-style: none;
    margin: 0;
    outline: 0 none;
    padding: 0;
    text-decoration: none;
}

.e-disabled {
    background-image: none;
    cursor: default;
    filter: alpha(Opacity=35);
    opacity: .35;
}

.e-ul {
    list-style-type: none;
}

.e-front {
    z-index: 100;
}

.e-header {
    display: table;
    font-weight: bold;
    height: 45px;
    width: 100%;
    z-index: 10001;
}

.e-view {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

.e-header .e-text {
    line-height: 45px;
    text-indent: 15px;
}

.e-header > * {
    display: table-cell;
}

.e-has-header > .e-view {
    top: 45px;
}

.e-control:focus,
.e-control *:focus {
    outline: none;
}

.e-clearfix {
    min-height: 0;
}

    .e-clearfix::before,
    .e-clearfix::after {
        border-collapse: collapse;
        content: '';
        display: table;
        line-height: 0;
    }

    .e-clearfix::after {
        clear: both;
    }

.e-prevent-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.e-in-wrap {
    border: 1px solid;
    display: block;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.e-rtl {
    direction: rtl;
}

.e-control,
.e-control [class^='e-'],
.e-control [class*=' e-'] {
    box-sizing: border-box;
}

    .e-control .e-input.e-placeholder {
        color: #bbb;
        font-style: italic;
        position: absolute;
        top: 0;
        white-space: nowrap;
    }

.e-textbox {
    height: 30px;
    line-height: 1.908em\9;
    outline: medium none;
    padding-left: .857em;
    width: 100%;
}

.e-header {
    background: #fff;
    border: #000;
    color: #333;
}

.e-content {
    background: #fff;
    color: #333;
}

.e-default {
    background: #fff;
    color: #333;
}

.e-hover {
    background: #adadad;
    color: #333;
}

.e-active {
    background: #444;
    color: #333;
}

.e-error {
    color: #a94442;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.e-warning {
    color: #fff;
}

.e-success {
    color: #3c763d;
}

.e-information {
    color: #31708f;
}

.e-block-touch {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

.e-text-left {
    text-align: left;
}

.e-text-right {
    text-align: right;
}

.e-text-center {
    text-align: center;
}

.e-text-justify {
    text-align: justify;
}

.e-shadow {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.4);
}

.e-textwrap {
    height: auto;
    line-height: 18px;
    white-space: normal;
}

/*! responsive desktop */
@media screen and (min-width: 961px) {
    .ts {
        border: 0;
    }
}

@media screen and (min-width: 1025px) {
    .ts {
        border: 0;
    }
}

@media screen and (min-width: 1281px) {
    .ts {
        border: 0;
    }
}

/*! responsive phone */
@media screen and (min-width: 320px) {
    .ts {
        border: 0;
    }
}

/*! responsive tablet */
@media (min-width: 481px) {
    .ts {
        border: 0;
    }
}

@media (min-width: 641px) {
    .ts {
        border: 0;
    }
}

/*! animation keyframes */
@keyframes SlideLeftOut {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(-100%, 0);
    }
}

@keyframes SlideLeftIn {
    from {
        transform: translate(-100%, 0);
    }

    to {
        transform: translate(0, 0);
    }
}

@keyframes SlideRightIn {
    from {
        transform: translate(100%, 0);
    }

    to {
        transform: translate(0, 0);
    }
}

@keyframes SlideRightOut {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(100%, 0);
    }
}

@keyframes SlideBottomIn {
    from {
        transform: translate(0, 100%);
    }

    to {
        transform: translate(0, 0);
    }
}

@keyframes SlideBottomOut {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(0, 100%);
    }
}

@keyframes SlideTopIn {
    from {
        transform: translate(0, -100%);
    }

    to {
        transform: translate(0, 0);
    }
}

@keyframes SlideTopOut {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(0, -100%);
    }
}

@keyframes SlideRight {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

@keyframes SlideLeft {
    from {
        width: 100%;
    }

    to {
        width: 0;
    }
}

@keyframes SlideDown {
    from {
        height: 0;
    }

    to {
        height: 100%;
    }
}

@keyframes SlideUp {
    from {
        height: 100%;
    }

    to {
        height: 0;
    }
}

@keyframes FadeIn {
    0% {
        filter: alpha(opacity=0);
        opacity: 0;
    }

    100% {
        filter: alpha(opacity=100);
        opacity: 1;
    }
}

@keyframes FadeOut {
    from {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    to {
        filter: alpha(opacity=0);
        opacity: 0;
    }
}

@keyframes ZoomIn {
    from {
        transform: translate(0, 0) scale(0);
    }

    to {
        transform: translate(0, 0) scale(1);
    }
}

@keyframes ZoomOut {
    from {
        transform: translate(0, 0) scale(1);
    }

    to {
        transform: translate(0, 0) scale(0);
    }
}

@keyframes FadeZoomIn {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(0);
    }

    to {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes FadeZoomOut {
    from {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: scale(1);
    }

    to {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: scale(0);
    }
}

@keyframes FlipRightDownIn {
    from {
        transform: perspective(400px) rotateY(-180deg);
        transform-origin: right center;
        transform-style: preserve-3d;
    }

    to {
        transform: rotateY(0deg);
        transform-origin: right center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipRightDownOut {
    from {
        transform: perspective(400px) rotateY(0deg);
        transform-origin: right center;
        transform-style: preserve-3d;
    }

    to {
        transform: rotateY(-180deg);
        transform-origin: right center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipRightUpIn {
    from {
        transform: perspective(400px) rotateY(135deg);
        transform-origin: right center;
        transform-style: preserve-3d;
    }

    to {
        transform: rotateY(0deg);
        transform-origin: right center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipRightUpOut {
    from {
        transform: perspective(400px) rotateY(0deg);
        transform-origin: right center;
        transform-style: preserve-3d;
    }

    to {
        transform: rotateY(135deg);
        transform-origin: right center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipLeftDownIn {
    from {
        transform: perspective(400px) rotateY(-180deg);
        transform-origin: left center;
        transform-style: preserve-3d;
    }

    to {
        transform: rotateY(0deg);
        transform-origin: left center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipLeftDownOut {
    from {
        transform: perspective(400px) rotateY(0deg);
        transform-origin: left center;
        transform-style: preserve-3d;
    }

    to {
        transform: rotateY(135deg);
        transform-origin: left center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipLeftUpIn {
    from {
        transform: perspective(400px) rotateY(-135deg);
        transform-origin: left center;
        transform-style: preserve-3d;
    }

    to {
        transform: rotateY(0deg);
        transform-origin: left center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipLeftUpOut {
    from {
        transform: perspective(400px) rotateY(0deg);
        transform-origin: left center;
        transform-style: preserve-3d;
    }

    to {
        transform: rotateY(135deg) perspective(200px);
        transform-origin: left center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipYLeftIn {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: perspective(400px) rotateY(180deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }

    50% {
        transform: perspective(700px) rotateY(90deg);
    }

    to {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: rotateY(0deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipYLeftOut {
    from {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: perspective(400px) rotateY(0deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }

    50% {
        transform: perspective(700px) rotateY(90deg);
    }

    75% {
        transform: perspective(850px) rotateY(125deg);
    }

    to {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: rotateY(180deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipYRightIn {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: perspective(400px) rotateY(-180deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }

    50% {
        transform: perspective(700px) rotateY(-90deg);
    }

    to {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: rotateY(0deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipYRightOut {
    from {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: perspective(400px) rotateY(0deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }

    50% {
        transform: perspective(700px) rotateY(-90deg);
    }

    to {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: rotateY(-180deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipXDownIn {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: perspective(400px) rotateX(180deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }

    50% {
        transform: perspective(700px) rotateX(90deg);
    }

    to {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: rotateX(0deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipXDownOut {
    from {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: perspective(400px) rotateX(0deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }

    50% {
        transform: perspective(700px) rotateX(90deg);
    }

    75% {
        transform: perspective(850px) rotateX(125deg);
    }

    to {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: rotateX(180deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipXUpIn {
    from {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: perspective(400px) rotateX(-180deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }

    50% {
        transform: perspective(700px) rotateX(-90deg);
    }

    to {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: rotateX(0deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }
}

@keyframes FlipXUpOut {
    from {
        filter: alpha(opacity=100);
        opacity: 1;
        transform: perspective(400px) rotateX(0deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }

    50% {
        transform: perspective(700px) rotateX(-90deg);
    }

    to {
        filter: alpha(opacity=0);
        opacity: 0;
        transform: rotateX(-180deg);
        transform-origin: center center;
        transform-style: preserve-3d;
    }
}

.e-ripple,
.e-ripple-style {
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 0, 0);
}

    .e-ripple-element,
    .e-ripple-style::after {
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 100%;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        transform: scale(0);
        transition: opacity, transform 0ms cubic-bezier(0, 0.1, 0.2, 1);
    }

    .e-ripple-style::after {
        background: rgba(0, 0, 0, 0.3);
        content: '';
        display: block;
        height: 50%;
        left: 25%;
        opacity: 0;
        top: 25%;
        transform: scale(3);
        transition: transform .5s, opacity .5s;
        width: 50%;
    }

    .e-ripple-style:active::after {
        opacity: 1;
        transform: scale(0);
        transition: 0s;
    }

/*! component's default definitions and variables */
/*! component's theme wise override fabric-definitions and variables */
/*! accordion icons */
.e-accordion .e-tgl-collapse-icon::before {
    content: "";
}

.e-accordion .e-tgl-collapse-icon.e-expand-icon {
    transform: rotate(-180deg);
}

/*! accordion layout */
.e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
.e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    font-size: 16px;
}

.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel,
.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel {
    font-size: 14px;
}

    .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
    .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content {
        padding: 0;
    }

    .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion,
    .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-acrdn-content .e-accordion {
        border: 0;
    }

    .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
    .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
        padding: 0 30px 0 45px;
    }

    .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
    .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
        padding: 0 30px;
    }

    .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content,
    .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-header .e-acrdn-header-content {
        font-size: 14px;
    }

.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header {
    line-height: 48px;
    min-height: 50px;
    padding: 0 30px 0 15px;
}

    .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon,
    .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-toggle-icon {
        height: 50px;
        min-height: 50px;
        min-width: 24px;
        right: 15px;
    }

    .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon,
    .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon {
        display: inline-block;
        padding: 0 10px 0 0;
    }

.e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
.e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
    padding: 15px;
}

    .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
    .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
        padding: 15px 15px 15px 45px;
    }

    .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
    .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
        padding: 15px 15px 15px 60px;
    }

    .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header,
    .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
        padding: 0 30px;
    }

.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content,
.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
    padding: 0;
}

.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content,
.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-content {
    padding: 15px 45px 15px 15px;
}

.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content,
.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel.e-nested > .e-acrdn-content {
    padding: 0;
}

.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content,
.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
    padding: 15px 60px 15px 15px;
}

.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header,
.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
    padding: 0 45px 0 30px;
}

.e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header,
.e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
    padding: 0 30px;
}

.e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header,
.e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header {
    padding: 0 15px 0 30px;
}

    .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon,
    .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon {
        left: 15px;
        right: auto;
    }

    .e-bigger .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon,
    .e-accordion.e-bigger.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
        padding: 0 0 0 10px;
    }

.e-accordion {
    display: block;
    position: relative;
}

    .e-accordion .e-acrdn-item {
        border-radius: 4px;
        margin-top: 5px;
    }

        .e-accordion .e-acrdn-item .nested .e-acrdn-item + .e-acrdn-item {
            margin-top: 0;
        }

        .e-accordion .e-acrdn-item:not(.e-select) {
            margin-top: 5px;
        }

            .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
                margin-bottom: 0;
                margin-top: 0;
            }

            .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item.e-select {
                margin-top: 5px;
            }

        .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header {
            border: 0;
        }

        .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select {
            margin: 2px;
        }

        .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content {
            font-weight: normal;
        }

        .e-accordion .e-acrdn-item.e-selected {
            padding-top: 0;
        }

            .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header .e-acrdn-header-content {
                font-weight: normal;
            }

    .e-accordion .e-acrdn-item {
        overflow: hidden;
        padding-top: "";
        position: relative;
    }

        .e-accordion .e-acrdn-item.e-hide {
            display: none;
        }

        .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
            font-size: 16px;
        }

        .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
            cursor: pointer;
        }

            .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
                text-decoration: underline;
            }

        .e-accordion .e-acrdn-item .e-acrdn-header {
            border-radius: 4px;
            line-height: 39px;
            min-height: 40px;
            overflow: hidden;
            padding: 0 30px 0 15px;
            text-decoration: none;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .e-accordion .e-acrdn-item .e-acrdn-header > * {
                display: inline-block;
            }

            .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
                display: none;
                font-size: 12px;
                height: 40px;
                min-height: 40px;
                min-width: 24px;
                position: absolute;
                right: 15px;
                top: 0;
            }

                .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon .e-tgl-collapse-icon.e-icons {
                    display: table-cell;
                    text-align: center;
                    vertical-align: middle;
                }

            .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
                transition: .5s ease 0s;
            }

            .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
                display: inline-block;
                padding: 0 10px 0 0;
            }

        .e-accordion .e-acrdn-item .e-acrdn-panel {
            font-size: 14px;
            overflow-y: hidden;
            text-decoration: none;
            width: 100%;
        }

            .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
                padding: 0;
            }

                .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-acrdn-panel.e-nested > .e-acrdn-content {
                    padding: 0;
                }

                .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion {
                    border: 0;
                }

                    .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
                        padding: 0 30px 0 45px;
                    }

            .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected .e-acrdn-header > .e-acrdn-header-content {
                font-weight: normal;
            }

            .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-nested .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
                font-weight: normal;
            }

            .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
                padding: 15px 15px 15px 45px;
            }

            .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
                padding: 15px 15px 15px 60px;
            }

            .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
                line-height: 1.5;
                overflow: hidden;
                padding: 15px;
                text-overflow: ellipsis;
            }

                .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content > * {
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
                    padding: 0 30px;
                }

                .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header-content {
                    font-size: 14px;
                }

        .e-accordion .e-acrdn-item .e-content-hide {
            display: none;
        }

    .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content .e-accordion .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-header {
        padding: 0 45px 0 30px;
    }

    .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-content .e-acrdn-header {
        padding: 0 30px;
    }

    .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
        padding: 15px 45px 15px 15px;
    }

    .e-accordion.e-rtl .e-acrdn-item .e-acrdn-panel .e-acrdn-panel .e-acrdn-panel .e-acrdn-content {
        padding: 15px 60px 15px 15px;
    }

    .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header {
        padding: 0 15px 0 30px;
    }

        .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-toggle-icon {
            left: 15px;
            right: auto;
        }

        .e-accordion.e-rtl .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
            padding: 0 0 0 10px;
        }

/*! accordion theme */
.e-accordion {
    -webkit-tap-highlight-color: transparent;
    background: #fff;
    border: 1px none #ddd;
}

    .e-accordion .e-active {
        background: #fff;
    }

    .e-accordion .e-acrdn-item.e-overlay {
        background: #fff;
    }

    .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
        background: "";
    }

    .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header .e-acrdn-header-content {
        color: #333;
    }

    .e-accordion .e-acrdn-item.e-select {
        border: 1px solid #ddd;
    }

        .e-accordion .e-acrdn-item.e-select .e-acrdn-header {
            background: #f5f5f5;
        }

        .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
            color: #333;
        }

    .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
        color: #333;
    }

    .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
        color: #333;
    }

    .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
        background: "";
    }

    .e-accordion .e-acrdn-item .e-acrdn-header:hover {
        background: "";
    }

    .e-accordion .e-acrdn-item .e-acrdn-header:active {
        background: "";
    }

    .e-accordion .e-acrdn-item .e-acrdn-header:focus {
        background: "";
    }

    .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header,
    .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
        background: #f5f5f5;
    }

        .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon,
        .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
            color: #333;
        }

        .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
        .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content,
        .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon,
        .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
            color: #333;
        }

    .e-accordion .e-acrdn-item.e-selected {
        border: 1px solid #ddd;
    }

        .e-accordion .e-acrdn-item.e-selected + .e-selected {
            border: 1px solid #ddd;
            border-top: 1px none #000;
        }

        .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
            background: #f5f5f5;
            border: 0;
            border-bottom: 1px solid #ddd;
            border-radius: 0;
        }

        .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel {
            background: #fff;
        }

            .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
                color: #333;
            }

            .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-header-content {
                color: #333;
            }

    .e-accordion .e-acrdn-item .e-toggle-icon {
        color: #333;
    }

    .e-accordion .e-acrdn-item .e-acrdn-panel {
        font-size: 14px;
    }

.e-float-input .e-clear-icon::before,
.e-float-input.e-control-wrapper .e-clear-icon::before {
    content: "";
    font-family: 'e-icons';
}

.e-input-group .e-clear-icon::before,
.e-input-group.e-control-wrapper .e-clear-icon::before {
    content: "";
    font-family: 'e-icons';
}

/*! input layout */
.e-input-group,
.e-input-group.e-control-wrapper {
    display: table;
    line-height: 1.4;
    margin-bottom: 0;
}

    input.e-input,
    .e-input-group input.e-input,
    .e-input-group.e-control-wrapper input.e-input,
    textarea.e-input,
    .e-input-group textarea.e-input,
    .e-input-group.e-control-wrapper textarea.e-input {
        border: 0 solid;
        border-width: 1px;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
        font-weight: 400;
        height: auto;
        line-height: inherit;
        margin: 0;
        margin-bottom: 0;
        outline: none;
        padding: 0;
        text-indent: 12px;
        width: 100%;
    }

        input.e-input,
        .e-input-group input.e-input,
        .e-input-group input,
        .e-input-group.e-control-wrapper input.e-input,
        .e-input-group.e-control-wrapper input,
        .e-float-input input,
        .e-float-input.e-input-group input,
        .e-float-input.e-control-wrapper input,
        .e-float-input.e-control-wrapper.e-input-group input,
        input.e-input:focus,
        .e-input-group input.e-input:focus,
        .e-input-group input:focus,
        .e-input-group.e-control-wrapper input.e-input:focus,
        .e-input-group.e-control-wrapper input:focus,
        .e-float-input input:focus,
        .e-float-input.e-input-group input:focus,
        .e-float-input.e-control-wrapper input:focus,
        .e-float-input.e-control-wrapper.e-input-group input:focus {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            input.e-input,
            .e-input-group input.e-input,
            .e-input-group input,
            .e-input-group.e-control-wrapper input.e-input,
            .e-input-group.e-control-wrapper input,
            .e-float-input input,
            .e-float-input.e-input-group input,
            .e-float-input.e-control-wrapper input,
            .e-float-input.e-control-wrapper.e-input-group input,
            .e-input-group,
            .e-input-group.e-control-wrapper,
            .e-float-input,
            .e-float-input.e-control-wrapper {
                border-radius: 4px;
            }

.e-input:focus {
    border-width: 1px;
    padding-bottom: 0;
}

.e-input.e-small:focus {
    border-width: 1px;
    padding-bottom: 0;
}

.e-input.e-bigger:focus,
.e-bigger .e-input:focus {
    padding-bottom: 0;
}

.e-input.e-small.e-bigger:focus,
.e-bigger .e-input.e-small:focus {
    padding-bottom: 0;
}

.e-input-group input.e-input:focus,
.e-input-group.e-control-wrapper input.e-input:focus,
.e-input-group textarea.e-input:focus,
.e-input-group.e-control-wrapper textarea.e-input:focus {
    padding: 0;
}

input.e-input.e-bigger,
textarea.e-input.e-bigger,
.e-input-group.e-bigger .e-input,
.e-input-group.e-bigger.e-control-wrapper .e-input,
.e-bigger input.e-input,
.e-bigger textarea.e-input,
.e-bigger .e-input-group .e-input,
.e-bigger .e-input-group.e-control-wrapper .e-input {
    font-size: 15px;
    line-height: inherit;
    margin-bottom: 0;
    padding: 0;
}

.e-input-group.e-bigger,
.e-bigger .e-input-group,
.e-input-group.e-control-wrapper.e-bigger,
.e-bigger .e-input-group.e-control-wrapper {
    margin-bottom: 0;
}

    .e-input-group.e-bigger .e-input:focus,
    .e-bigger .e-input-group .e-input:focus,
    .e-input-group.e-control-wrapper.e-bigger .e-input:focus,
    .e-bigger .e-input-group.e-control-wrapper .e-input:focus {
        padding: 0;
    }

.e-input-group .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon {
    -ms-flex-align: center;
    align-items: center;
    border: 0 solid;
    border-width: 0;
    box-sizing: content-box;
    cursor: pointer;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 12px;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    min-height: 32px;
    min-width: 32px;
    padding: 0;
    text-align: center;
    border: 1px solid;
    border-bottom: 0;
    border-collapse: collapse;
    border-top: 0;
}

    .e-input-group .e-input-group-icon:last-child,
    .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
        border-right-width: 0;
    }

    .e-input-group .e-input-group-icon + .e-input-group-icon .e-input-group.e-control-wrapper .e-input-group-icon + .e-input-group-icon {
        border-left-width: 0;
    }

    .e-input-group .e-input-group-icon:first-child,
    .e-input-group.e-control-wrapper .e-input-group-icon:first-child {
        border-left-width: 0;
    }

.e-input-group.e-rtl .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child {
    border-left-width: 0;
    border-right-width: 1px;
}

.e-input-group.e-rtl .e-input-group-icon:first-child,
.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:first-child {
    border-left-width: 1px;
    border-right-width: 0;
}

.e-input-group.e-rtl .e-input-group-icon + .e-input-group-icon,
.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon + .e-input-group-icon {
    border-left-width: 1px;
    border-right-width: 0;
}

.e-input-group .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper .e-input-group-icon:last-child {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.e-input-group .e-input-group-icon:first-child,
.e-input-group.e-control-wrapper .e-input-group-icon:first-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.e-input-group.e-rtl .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
}

.e-input-group.e-rtl .e-input-group-icon:first-child,
.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
}

.e-input-group.e-bigger .e-input-group-icon,
.e-input-group .e-input-group-icon.e-bigger,
.e-bigger .e-input-group .e-input-group-icon,
.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon {
    min-height: 38px;
    min-width: 38px;
}

.e-input-group.e-bigger .e-input-group-icon,
.e-input-group .e-input-group-icon.e-bigger,
.e-bigger .e-input-group .e-input-group-icon,
.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon {
    font-size: 14px;
    padding: 0;
}

.e-input[disabled],
.e-input-group .e-input[disabled],
.e-input-group.e-control-wrapper .e-input[disabled],
.e-input-group.e-disabled,
.e-input-group.e-disabled input,
.e-input-group.e-disabled input.e-input,
.e-input-group.e-disabled textarea,
.e-input-group.e-disabled textarea.e-input,
.e-input-group.e-control-wrapper.e-disabled,
.e-input-group.e-control-wrapper.e-disabled input,
.e-input-group.e-control-wrapper.e-disabled input.e-input,
.e-input-group.e-control-wrapper.e-disabled textarea,
.e-input-group.e-control-wrapper.e-disabled textarea.e-input,
.e-float-input.e-disabled input,
.e-float-input.e-disabled textarea,
.e-float-input input[disabled],
.e-float-input input.e-disabled,
.e-float-input.e-control-wrapper.e-disabled input,
.e-float-input.e-control-wrapper.e-disabled textarea,
.e-float-input.e-control-wrapper input[disabled],
.e-float-input.e-control-wrapper input.e-disabled,
.e-input-group.e-disabled span,
.e-input-group.e-control-wrapper.e-disabled span {
    cursor: not-allowed;
}

.e-input[disabled],
.e-input-group.e-disabled,
.e-input-group.e-control-wrapper.e-disabled,
.e-float-input input[disabled],
.e-float-input input.e-disabled,
.e-float-input.e-control-wrapper input[disabled],
.e-float-input.e-control-wrapper input.e-disabled {
    border-color: #ccc;
    border-style: solid;
}

.e-input-group.e-disabled,
.e-input-group.e-control-wrapper.e-disabled {
    border-bottom-style: solid;
    border-width: 1px;
}

.e-input[disabled],
.e-input-group.e-disabled,
.e-input-group.e-control-wrapper.e-disabled,
.e-float-input.e-disabled,
.e-float-input input[disabled],
.e-float-input input.e-disabled,
.e-float-input.e-disabled input,
.e-float-input.e-control-wrapper.e-disabled,
.e-float-input.e-control-wrapper input[disabled],
.e-float-input.e-control-wrapper input.e-disabled,
.e-float-input.e-control-wrapper.e-disabled input {
    filter: alpha(opacity=100);
    opacity: 1;
}

.e-input.e-rtl,
.e-input-group.e-rtl,
.e-input-group.e-control-wrapper.e-rtl {
    direction: rtl;
}

.e-input.e-corner {
    border-radius: 4px;
}

.e-input-group,
.e-input-group.e-control-wrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

    .e-input-group .e-input-group-icon,
    .e-input-group.e-control-wrapper .e-input-group-icon {
        display: -ms-flexbox;
        display: flex;
    }

    .e-input-group .e-input-group-icon,
    .e-input-group.e-control-wrapper .e-input-group-icon {
        white-space: nowrap;
    }

    .e-input-group.e-corner .e-input:first-child,
    .e-input-group.e-corner .e-input-group-icon:first-child,
    .e-input-group.e-control-wrapper.e-corner .e-input:first-child,
    .e-input-group.e-control-wrapper.e-corner .e-input-group-icon:first-child {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .e-input-group.e-corner .e-input:last-child,
    .e-input-group.e-corner .e-input-group-icon:last-child,
    .e-input-group.e-control-wrapper.e-corner .e-input:last-child,
    .e-input-group.e-control-wrapper.e-corner .e-input-group-icon:last-child {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .e-input.e-small,
    .e-input-group.e-small .e-input,
    .e-input-group.e-control-wrapper.e-small .e-input {
        font-size: 13px;
        line-height: inherit;
        padding: 0;
    }

        .e-input-group.e-small .e-input:focus,
        .e-input-group.e-control-wrapper.e-small .e-input:focus {
            padding: 0;
        }

        .e-input.e-small.e-bigger,
        .e-input-group.e-small.e-bigger .e-input,
        .e-input-group.e-small .e-input.e-bigger,
        .e-input-group.e-control-wrapper.e-small.e-bigger .e-input,
        .e-input-group.e-control-wrapper.e-small .e-input.e-bigger,
        .e-bigger .e-input.e-small,
        .e-bigger .e-input-group.e-small .e-input,
        .e-bigger .e-input-group.e-control-wrapper.e-small .e-input {
            font-size: 14px;
            padding: 0;
        }

            .e-input-group.e-small.e-bigger .e-input:focus,
            .e-input-group.e-small .e-input.e-bigger:focus,
            .e-bigger .e-input-group.e-small .e-input:focus,
            .e-input-group.e-control-wrapper.e-small.e-bigger .e-input:focus,
            .e-input-group.e-control-wrapper.e-small .e-input.e-bigger:focus,
            .e-bigger .e-input-group.e-control-wrapper.e-small .e-input:focus {
                font-size: 14px;
                padding: 0;
            }

    .e-input-group.e-small .e-input-group-icon,
    .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
        font-size: 10px;
        min-height: 26px;
        min-width: 26px;
        padding: 0;
    }

        .e-input-group.e-small.e-bigger .e-input-group-icon,
        .e-input-group.e-small .e-input-group-icon.e-bigger,
        .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
        .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
        .e-bigger .e-input-group.e-small .e-input-group-icon,
        .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
            font-size: 12px;
            min-height: 34px;
            min-width: 34px;
            padding: 0;
        }

label.e-float-text,
.e-float-input label.e-float-text,
.e-float-input.e-control-wrapper label.e-float-text,
.e-float-input input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    left: 0;
    overflow: hidden;
    padding-left: 10px;
    pointer-events: none;
    position: absolute;
    text-overflow: ellipsis;
    top: -11px;
    transform: translate3d(0, 16px, 0) scale(1);
    transform-origin: left top;
    transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 100%;
}

label.e-float-text,
.e-float-input label.e-float-text,
.e-float-input.e-control-wrapper label.e-float-text,
.e-float-input input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
    top: -11px;
}

label.e-float-text,
.e-float-input label.e-float-text,
.e-float-input.e-control-wrapper label.e-float-text,
.e-float-input input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-bigger input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input.e-bigger input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-bigger.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger.e-small .e-float-input input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-bigger.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-bigger input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input.e-control-wrapper input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input.e-control-wrapper input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input.e-control-wrapper.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input.e-control-wrapper.e-bigger input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-bigger.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger.e-small .e-float-input.e-control-wrapper input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-bigger.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
    -moz-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    box-sizing: border-box;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    font-style: normal;
}

    .e-float-input.e-bigger label.e-float-text,
    .e-float-input label.e-float-text.e-bigger,
    .e-float-input input.e-bigger ~ label.e-float-text,
    .e-bigger .e-float-input label.e-float-text,
    .e-float-input.e-bigger input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-bigger .e-float-input input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-float-input.e-control-wrapper.e-bigger label.e-float-text,
    .e-float-input.e-control-wrapper label.e-float-text.e-bigger,
    .e-float-input.e-control-wrapper input.e-bigger ~ label.e-float-text,
    .e-bigger .e-float-input.e-control-wrapper label.e-float-text,
    .e-float-input.e-control-wrapper.e-bigger input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-bigger .e-float-input.e-control-wrapper input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
        font-size: 15px;
    }

.e-float-input.e-small label.e-float-text,
.e-float-input.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-small label.e-float-text,
.e-float-input.e-control-wrapper.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input.e-control-wrapper input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
    font-size: 13px;
}

.e-float-input.e-small.e-bigger label.e-float-text,
.e-bigger .e-float-input.e-small label.e-float-text,
.e-bigger .e-float-input.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input.e-bigger input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-bigger.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger.e-small .e-float-input input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-bigger.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-small.e-bigger label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input.e-control-wrapper.e-bigger input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-bigger.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger.e-small .e-float-input.e-control-wrapper input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-bigger.e-small input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
    font-size: 14px;
    font-style: normal;
}

.e-float-input input:focus ~ label.e-float-text,
.e-float-input input:valid ~ label.e-float-text,
.e-float-input input ~ label.e-label-top.e-float-text,
.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input input label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
    font-size: 12px;
    padding-right: 0;
    transform: translate3d(-10px, -39px, 0) scale(1);
}

.e-float-input.e-bigger input:focus ~ label.e-float-text,
.e-float-input.e-bigger input:valid ~ label.e-float-text,
.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger input label.e-float-text.e-label-top,
.e-bigger .e-float-input input:focus ~ label.e-float-text,
.e-bigger .e-float-input input:valid ~ label.e-float-text,
.e-bigger .e-float-input input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input input label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top,
.e-bigger .e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper input label.e-float-text.e-label-top {
    padding-right: 0;
    transform: translate3d(-10px, -39px, 0) scale(1);
}

.e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
.e-float-input.e-bigger.e-small input:valid ~ label.e-float-text,
.e-float-input.e-bigger.e-small input ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger.e-small input label.e-float-text.e-label-top,
.e-bigger .e-float-input.e-small input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-small input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-small input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small input label.e-float-text.e-label-top,
.e-small .e-float-input.e-bigger input:focus ~ label.e-float-text,
.e-small .e-float-input.e-bigger input:valid ~ label.e-float-text,
.e-small .e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
.e-small .e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
.e-small .e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
.e-small .e-float-input.e-bigger input label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-bigger.e-small input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger.e-small input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger.e-small input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger.e-small input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger.e-small input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger.e-small input label.e-float-text.e-label-top,
.e-bigger .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input label.e-float-text.e-label-top,
.e-small .e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
.e-small .e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
.e-small .e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
.e-small .e-float-input.e-control-wrapper.e-bigger input label.e-float-text.e-label-top {
    padding-right: 0;
    transform: translate3d(-10px, -39px, 0) scale(1);
}

.e-float-input.e-bigger input:focus ~ label.e-float-text,
.e-float-input.e-bigger input:valid ~ label.e-float-text,
.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input input:focus ~ label.e-float-text,
.e-bigger .e-float-input input:valid ~ label.e-float-text,
.e-bigger .e-float-input input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text {
    font-size: 13px;
    padding-right: 0;
    top: 14px;
}

.e-float-input.e-small input:focus ~ label.e-float-text,
.e-float-input.e-small input:valid ~ label.e-float-text,
.e-float-input.e-small input ~ label.e-label-top.e-float-text,
.e-small .e-float-input input ~ label.e-label-top.e-float-text,
.e-float-input.e-small input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-small input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
.e-small .e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-label-top.e-float-text {
    font-size: 11px;
    padding-right: 0;
    top: 17px;
}

.e-float-input.e-small.e-bigger input:focus ~ label.e-float-text,
.e-float-input.e-small.e-bigger input:valid ~ label.e-float-text,
.e-float-input.e-small.e-bigger input ~ label.e-label-top.e-float-text,
.e-float-input.e-small.e-bigger input[readonly] ~ label.e-float-text,
.e-float-input.e-small.e-bigger input[disabled] ~ label.e-float-text,
.e-bigger .e-float-input.e-small input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-small input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-small input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small input[readonly] ~ label.e-float-text,
.e-bigger .e-float-input.e-small input[disabled] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger input[readonly] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger input[disabled] ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input[readonly] ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small input[disabled] ~ label.e-float-text {
    font-size: 12px;
    padding-right: 0;
    top: 16px;
}

.e-float-input,
.e-float-input.e-control-wrapper {
    line-height: 1.4;
    margin-bottom: 0;
    margin-top: 24px;
    padding-top: 0;
    position: relative;
    width: 100%;
}

    .e-float-input.e-bigger,
    .e-bigger .e-float-input,
    .e-float-input.e-control-wrapper.e-bigger,
    .e-bigger .e-float-input.e-control-wrapper {
        line-height: 1.5;
        margin-bottom: 0;
        margin-top: 24px;
        padding-top: 0;
        position: relative;
        width: 100%;
    }

    .e-float-input.e-small,
    .e-float-input.e-control-wrapper.e-small,
    .e-small .e-float-input.e-control-wrapper {
        line-height: 1.35;
        margin-bottom: 0;
        margin-top: 20px;
        padding-top: 0;
    }

        .e-float-input.e-small.e-bigger,
        .e-bigger.e-small .e-float-input.e-small,
        .e-bigger .e-float-input.e-small,
        .e-small .e-float-input.e-bigger,
        .e-float-input.e-control-wrapper.e-small.e-bigger,
        .e-bigger.e-small .e-float-input.e-control-wrapper.e-small,
        .e-bigger .e-float-input.e-control-wrapper.e-small,
        .e-small .e-float-input.e-control-wrapper.e-bigger {
            line-height: 1.4;
            margin-bottom: 0;
            margin-top: 21px;
            padding-top: 0;
        }

.e-input-group.e-bigger,
.e-bigger .e-input-group,
.e-input-group.e-control-wrapper.e-bigger,
.e-bigger .e-input-group.e-control-wrapper {
    line-height: 1.5;
}

    .e-input-group.e-small,
    .e-input-group.e-control-wrapper.e-small,
    .e-small .e-input-group,
    .e-small .e-input-group.e-control-wrapper,
    .e-input-group.e-small.e-bigger,
    .e-bigger.e-small .e-input-group.e-small,
    .e-bigger .e-input-group.e-small,
    .e-small .e-input-group.e-bigger,
    .e-input-group.e-control-wrapper.e-small.e-bigger,
    .e-bigger.e-small .e-input-group.e-control-wrapper.e-small,
    .e-bigger .e-input-group.e-control-wrapper.e-small,
    .e-small .e-input-group.e-control-wrapper.e-bigger {
        line-height: normal;
    }

.e-float-input.e-no-float-label,
.e-float-input.e-bigger.e-no-float-label,
.e-bigger .e-float-input.e-no-float-label,
.e-float-input.e-small.e-no-float-label,
.e-small .e-float-input.e-no-float-label,
.e-float-input.e-small.e-bigger.e-no-float-label,
.e-bigger .e-float-input.e-small.e-no-float-label,
.e-small .e-float-input.e-bigger.e-no-float-label,
.e-float-input.e-control-wrapper.e-no-float-label,
.e-float-input.e-control-wrapper.e-bigger.e-no-float-label,
.e-bigger .e-float-input.e-control-wrapper.e-no-float-label,
.e-float-input.e-control-wrapper.e-small.e-no-float-label,
.e-small .e-float-input.e-control-wrapper.e-no-float-label,
.e-float-input.e-control-wrapper.e-small.e-bigger.e-no-float-label,
.e-bigger .e-float-input.e-control-wrapper.e-small.e-no-float-label,
.e-small .e-float-input.e-control-wrapper.e-bigger.e-no-float-label {
    margin-top: 0;
}

.e-float-input input,
.e-float-input textarea,
.e-float-input.e-control-wrapper input,
.e-float-input.e-control-wrapper textarea {
    border: 0 solid;
    border-width: 1px;
    display: block;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.e-float-input input,
.e-float-input textarea,
.e-float-input.e-control-wrapper input,
.e-float-input.e-control-wrapper textarea {
    min-width: 0;
    padding: 0;
}

.e-float-input input,
.e-input-group input,
.e-float-input.e-control-wrapper input,
.e-input-group.e-control-wrapper input {
    text-indent: 12px;
}

    .e-float-input.e-bigger input,
    .e-float-input input.e-bigger,
    .e-bigger .e-float-input input,
    .e-float-input.e-bigger textarea,
    .e-float-input textarea.e-bigger,
    .e-bigger .e-float-input textarea,
    .e-float-input.e-control-wrapper.e-bigger input,
    .e-float-input.e-control-wrapper input.e-bigger,
    .e-bigger .e-float-input.e-control-wrapper input,
    .e-float-input.e-control-wrapper.e-bigger textarea,
    .e-float-input.e-control-wrapper textarea.e-bigger,
    .e-bigger .e-float-input.e-control-wrapper textarea {
        font-size: 15px;
        line-height: inherit;
        padding: 0;
    }

.e-float-input.e-small input,
.e-float-input.e-small textarea,
.e-float-input.e-control-wrapper.e-small input,
.e-float-input.e-control-wrapper.e-small textarea {
    font-size: 13px;
    line-height: inherit;
    padding: 0;
}

    .e-float-input.e-small.e-bigger input,
    .e-float-input.e-small input.e-bigger,
    .e-bigger .e-float-input.e-small input,
    .e-float-input.e-small.e-bigger textarea,
    .e-float-input.e-small textarea.e-bigger,
    .e-bigger .e-float-input.e-small textarea,
    .e-float-input.e-control-wrapper.e-small.e-bigger input,
    .e-float-input.e-control-wrapper.e-small input.e-bigger,
    .e-bigger .e-float-input.e-control-wrapper.e-small input,
    .e-float-input.e-control-wrapper.e-small.e-bigger textarea,
    .e-float-input.e-control-wrapper.e-small textarea.e-bigger,
    .e-bigger .e-float-input.e-control-wrapper.e-small textarea {
        font-size: 14px;
        line-height: inherit;
        padding: 0;
    }

.e-float-input input:focus,
.e-float-input.e-control-wrapper input:focus,
.e-float-input textarea:focus,
.e-float-input.e-control-wrapper textarea:focus {
    outline: none;
}

label.e-float-text,
.e-float-input label.e-float-text,
.e-float-input.e-control-wrapper label.e-float-text {
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.e-float-input input:valid ~ label.e-float-text,
.e-float-input input:focus ~ label.e-float-text,
.e-float-input input:valid ~ label.e-float-text.e-label-top,
.e-float-input input ~ label.e-float-text.e-label-top,
.e-float-input .e-input-in-wrap input:valid ~ label.e-float-text,
.e-float-input .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top,
.e-float-input .e-input-in-wrap input ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper input:valid ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper input ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-float-text.e-label-top {
    font-weight: bold;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

label.e-float-text,
.e-float-input label.e-float-text,
.e-float-input.e-control-wrapper label.e-float-text,
.e-float-input:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-bigger:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-bigger.e-control-wrapper:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-small:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-small.e-bigger:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input.e-small:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-small:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-small .e-float-input.e-control-wrapper:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
    font-weight: 400;
}

.e-float-input:not(.e-input-group) .e-float-line::before,
.e-float-input:not(.e-input-group) .e-float-line::after,
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before,
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
    bottom: 0;
    content: '';
    height: 2px;
    position: absolute;
    transition: .2s ease;
    width: 0;
}

.e-float-input:not(.e-input-group) .e-float-line::before,
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before {
    left: 50%;
}

.e-float-input:not(.e-input-group) .e-float-line::after,
.e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
    right: 50%;
}

.e-float-input:not(.e-input-group) input:focus ~ .e-float-line::before,
.e-float-input:not(.e-input-group) textarea:focus ~ .e-float-line::before,
.e-float-input:not(.e-input-group) input:focus ~ .e-float-line::after,
.e-float-input:not(.e-input-group) textarea:focus ~ .e-float-line::after,
.e-float-input.e-control-wrapper:not(.e-input-group) input:focus ~ .e-float-line::before,
.e-float-input.e-control-wrapper:not(.e-input-group) textarea:focus ~ .e-float-line::before,
.e-float-input.e-control-wrapper:not(.e-input-group) input:focus ~ .e-float-line::after,
.e-float-input.e-control-wrapper:not(.e-input-group) textarea:focus ~ .e-float-line::after {
    width: 50%;
}

.e-float-input .e-float-line,
.e-float-input.e-control-wrapper .e-float-line {
    display: block;
    position: relative;
    width: 100%;
}

.e-float-input.e-rtl,
.e-float-input.e-control-wrapper.e-rtl {
    direction: rtl;
}

    .e-float-input.e-rtl label.e-float-text,
    .e-float-input.e-control-wrapper.e-rtl label.e-float-text {
        right: 0;
        transform-origin: right top;
    }

        .e-float-input.e-rtl label.e-float-text,
        .e-float-input.e-rtl label.e-float-text.e-label-bottom,
        .e-rtl .e-float-input label.e-float-text .e-float-input.e-control-wrapper.e-rtl label.e-float-text,
        .e-float-input.e-rtl.e-control-wrapper label.e-float-text.e-label-bottom,
        .e-rtl .e-float-input.e-control-wrapper label.e-float-text {
            padding-right: 10px;
        }

.e-input-group.e-corner.e-rtl .e-input:first-child,
.e-input-group.e-corner.e-rtl .e-input-group-icon:first-child,
.e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:first-child,
.e-input-group.e-control-wrapper.e-corner.e-rtl .e-input-group-icon:first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
}

.e-input-group.e-corner.e-rtl .e-input:last-child,
.e-input-group.e-corner.e-rtl .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:last-child,
.e-input-group.e-control-wrapper.e-corner.e-rtl .e-input-group-icon:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
}

.e-input-group.e-warning::before,
.e-input-group.e-control-wrapper.e-warning::before {
    content: '';
}

.e-float-input input[disabled],
.e-float-input input.e-disabled,
.e-float-input.e-control-wrapper input[disabled],
.e-float-input.e-control-wrapper input.e-disabled {
    background: transparent;
    background-image: none;
    cursor: not-allowed;
}

.e-input-group.e-corner.e-rtl input.e-input:only-child,
.e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child {
    border-radius: 4px;
}

.e-input-group.e-rtl .e-input:not(:first-child):focus,
.e-input-group.e-control-wrapper.e-rtl .e-input:not(:first-child):focus {
    border-right-width: 0;
}

.e-input-group input.e-input,
.e-input-group.e-control-wrapper input.e-input {
    min-width: 0;
    width: 100%;
}

    .e-input-group input.e-input,
    .e-input-group textarea.e-input,
    .e-input-group input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus),
    .e-input-group textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]),
    .e-input-group.e-control-wrapper input.e-input,
    .e-input-group.e-control-wrapper textarea.e-input,
    .e-input-group.e-control-wrapper input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus),
    .e-input-group.e-control-wrapper textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) {
        border: 0 solid;
        border-width: 0;
    }

.e-input-group input.e-input,
.e-input-group textarea.e-input,
.e-input-group.e-bigger .e-input,
.e-input-group.e-control-wrapper input.e-input,
.e-input-group.e-control-wrapper textarea.e-input,
.e-input-group.e-control-wrapper.e-bigger .e-input,
.e-bigger .e-input-group .e-input,
.e-bigger .e-input-group.e-control-wrapper .e-input {
    margin-bottom: 0;
}

.e-input-group::before,
.e-input-group::after,
.e-input-group.e-control-wrapper::before,
.e-input-group.e-control-wrapper::after {
    content: '';
}

.e-input-group::before,
.e-input-group.e-control-wrapper::before {
    content: '';
}

.e-input-group.e-input-focus::before,
.e-input-group.e-input-focus::after,
.e-input-group.e-control-wrapper.e-input-focus::before,
.e-input-group.e-control-wrapper.e-input-focus::after {
    content: '';
}

.e-input-group::after,
.e-input-group.e-control-wrapper::after {
    content: '';
}

.e-input-group,
.e-input-group.e-control-wrapper {
    position: relative;
    width: 100%;
}

    .e-input.e-small,
    .e-input-group.e-small,
    .e-input-group.e-control-wrapper.e-small {
        margin-bottom: 0;
    }

        .e-input.e-small.e-bigger,
        .e-input-group.e-small.e-bigger,
        .e-input-group.e-control-wrapper.e-small.e-bigger,
        .e-bigger .e-input.e-small,
        .e-bigger .e-input-group.e-small,
        .e-bigger .e-input-group.e-control-wrapper.e-small {
            line-height: inherit;
            margin-bottom: 0;
        }

    .e-input-group .e-input-group-icon,
    .e-input-group.e-control-wrapper .e-input-group-icon {
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0;
    }

.e-float-input.e-input-group .e-input-group-icon,
.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
    margin-top: 0;
}

.e-input-group.e-bigger .e-input-group-icon,
.e-input-group .e-input-group-icon.e-bigger,
.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
.e-bigger .e-input-group .e-input-group-icon,
.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
}

.e-float-input.e-input-group.e-bigger .e-input-group-icon,
.e-float-input.e-input-group .e-input-group-icon.e-bigger,
.e-bigger .e-float-input.e-input-group .e-input-group-icon,
.e-float-input.e-control-wrapper.e-input-group.e-bigger .e-input-group-icon,
.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon.e-bigger,
.e-bigger .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
    margin-top: 0;
}

.e-input-group.e-small.e-bigger .e-input-group-icon,
.e-input-group.e-small .e-input-group-icon.e-bigger,
.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
.e-bigger .e-input-group.e-small .e-input-group-icon,
.e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
}

.e-float-input.e-input-group.e-small.e-bigger .e-input-group-icon,
.e-float-input.e-input-group.e-small .e-input-group-icon.e-bigger,
.e-bigger .e-float-input.e-input-group.e-small .e-input-group-icon,
.e-float-input.e-control-wrapper.e-input-group.e-small.e-bigger .e-input-group-icon,
.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon.e-bigger,
.e-bigger .e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon {
    margin-top: 0;
}

.e-input-group.e-small .e-input-group-icon,
.e-input-group.e-control-wrapper.e-small .e-input-group-icon,
.e-small .e-input-group .e-input-group-icon,
.e-small .e-input-group.e-control-wrapper .e-input-group-icon {
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
}

.e-float-input.e-input-group.e-small .e-input-group-icon,
.e-small .e-float-input.e-input-group .e-input-group-icon,
.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
.e-small .e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
    margin-top: 0;
}

.e-input-group .e-input-group-icon:last-child,
.e-input-group.e-bigger .e-input-group-icon:last-child,
.e-input-group .e-input-group-icon.e-bigger:last-child,
.e-bigger .e-input-group .e-input-group-icon:last-child,
.e-input-group.e-small .e-input-group-icon:last-child,
.e-input-group.e-small.e-bigger .e-input-group-icon:last-child,
.e-input-group.e-small .e-input-group-icon.e-bigger:last-child,
.e-input-group.e-control-wrapper .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger:last-child,
.e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon:last-child,
.e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger:last-child,
.e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child,
.e-bigger .e-input-group.e-small .e-input-group-icon:last-child {
    margin-right: 0;
}

.e-input-group,
.e-input-group.e-control-wrapper {
    border-bottom: 1px solid;
}

    .e-input-group,
    .e-input-group.e-success,
    .e-input-group.e-warning,
    .e-input-group.e-error,
    .e-input-group.e-control-wrapper,
    .e-input-group.e-control-wrapper.e-success,
    .e-input-group.e-control-wrapper.e-warning,
    .e-input-group.e-control-wrapper.e-error {
        border: 1px solid;
        border-width: 1px;
    }

        .e-input-group.e-rtl.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:not(:first-child):focus,
        .e-input-group.e-control-wrapper.e-rtl.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:not(:first-child):focus {
            border-right-width: 0;
        }

        .e-input-group.e-input-focus.e-corner,
        .e-input-group.e-control-wrapper.e-input-focus.e-corner {
            border-radius: 4px;
        }

        .e-input-group:not(.e-success):not(.e-warning):not(.e-error).e-disabled,
        .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error).e-disabled {
            border-style: solid;
        }

.e-float-custom-tag,
.e-float-custom-tag.e-control-wrapper {
    display: block;
}

    .e-float-custom-tag.e-input-group,
    .e-float-custom-tag.e-input-group.e-control-wrapper,
    .e-input-custom-tag,
    .e-input-custom-tag.e-input-group,
    .e-input-custom-tag.e-input-group.e-control-wrapper {
        display: -ms-inline-flexbox;
        display: inline-flex;
        vertical-align: middle;
    }

.e-input-group .e-input-group-icon,
.e-input-group.e-control-wrapper .e-input-group-icon {
    content: '';
}

    .e-input-group .e-input-group-icon::after,
    .e-input-group.e-control-wrapper .e-input-group-icon::after {
        content: '';
    }

    .e-input-group .e-input-group-icon.e-input-btn-ripple::after,
    .e-input-group.e-control-wrapper .e-input-group-icon.e-input-btn-ripple::after {
        content: '';
    }

input.e-input::-ms-clear,
.e-float-input input::-ms-clear,
.e-float-input.e-control-wrapper input::-ms-clear {
    display: none;
}

.e-float-input.e-input-group .e-float-line,
.e-float-input.e-input-group.e-control-wrapper .e-float-line,
.e-float-input.e-control-wrapper.e-input-group .e-float-line,
.e-float-input.e-control-wrapper.e-input-group.e-control-wrapper .e-float-line {
    bottom: -1px;
    position: absolute;
}

.e-float-input.e-input-group input,
.e-float-input.e-input-group textarea,
.e-float-input.e-input-group.e-control-wrapper input,
.e-float-input.e-input-group.e-control-wrapper textarea {
    border: 0;
}

.e-float-input.e-input-group .e-float-line,
.e-float-input.e-input-group .e-float-text,
.e-float-input.e-input-group.e-control-wrapper .e-float-line,
.e-float-input.e-input-group.e-control-wrapper .e-float-text {
    right: 0;
}

input.e-input::-webkit-input-placeholder,
input.e-input:-moz-placeholder,
input.e-input:-ms-input-placeholder,
input.e-input::-moz-placeholder {
    font-size: 14px;
    font-style: normal;
}

.e-bigger input.e-input::-webkit-input-placeholder,
input.e-bigger.e-input::-webkit-input-placeholder,
.e-bigger input.e-input:-moz-placeholder,
input.e-bigger.e-input:-moz-placeholder,
.e-bigger input.e-input:-ms-input-placeholder,
input.e-bigger.e-input:-ms-input-placeholder,
.e-bigger input.e-input::-moz-placeholder,
input.e-bigger.e-input::-moz-placeholder {
    font-size: 15px;
    font-style: normal;
}

.e-small input.e-input::-webkit-input-placeholder,
input.e-small.e-input::-webkit-input-placeholder,
.e-small input.e-input:-moz-placeholder,
input.e-small.e-input:-moz-placeholder,
.e-small input.e-input:-ms-input-placeholder,
input.e-small.e-input:-ms-input-placeholder,
.e-small input.e-input::-moz-placeholder,
input.e-small.e-input::-moz-placeholder {
    font-size: 13px;
    font-style: normal;
}

.e-bigger input.e-small.e-input::-webkit-input-placeholder,
.e-small input.e-bigger.e-input::-webkit-input-placeholder,
.e-bigger input.e-small.e-input:-moz-placeholder,
.e-small input.e-bigger.e-input:-moz-placeholder,
.e-bigger input.e-small.e-input:-ms-input-placeholder,
.e-small input.e-bigger.e-input:-ms-input-placeholder,
.e-bigger input.e-small.e-input::-moz-placeholder,
.e-small input.e-bigger.e-input::-moz-placeholder {
    font-size: 14px;
    font-style: normal;
}

input.e-input:-moz-placeholder {
    font-style: normal;
    -moz-user-select: none;
    user-select: none;
}

.e-input-group input.e-input:-moz-placeholder {
    font-style: normal;
    -moz-user-select: none;
    user-select: none;
}

.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
    font-style: normal;
    -moz-user-select: none;
    user-select: none;
}

input.e-input:-moz-placeholder {
    font-style: normal;
    -moz-user-select: none;
    user-select: none;
}

.e-input-group input.e-input:-moz-placeholder {
    font-style: normal;
    -moz-user-select: none;
    user-select: none;
}

.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
    font-style: normal;
    -moz-user-select: none;
    user-select: none;
}

textarea.e-input:-moz-placeholder {
    font-style: normal;
    -moz-user-select: none;
    user-select: none;
}

input.e-input::-moz-placeholder {
    font-style: normal;
    -moz-user-select: none;
    user-select: none;
}

textarea.e-input::-moz-placeholder {
    font-style: normal;
    -moz-user-select: none;
    user-select: none;
}

input.e-input:-ms-input-placeholder {
    font-style: normal;
    -ms-user-select: none;
    user-select: none;
}

textarea.e-input:-ms-input-placeholder {
    font-style: normal;
    -ms-user-select: none;
    user-select: none;
}

input.e-input::-webkit-input-placeholder {
    font-style: normal;
    -webkit-user-select: none;
    user-select: none;
}

textarea.e-input::-webkit-input-placeholder {
    font-style: normal;
    -webkit-user-select: none;
    user-select: none;
}

input.e-input,
.e-input-group input,
.e-input-group.e-control-wrapper input,
.e-float-input.e-control-wrapper input,
.e-input-group input.e-input,
.e-input-group.e-control-wrapper input.e-input,
.e-float-input input,
.e-float-input.e-control-wrapper input {
    box-sizing: border-box;
    height: 32px;
}

.e-float-input:not(.e-input-group) input,
.e-float-input:not(.e-input-group.e-control-wrapper) input,
.e-float-input.e-control-wrapper:not(.e-input-group) input,
.e-float-input.e-control-wrapper:not(.e-input-group.e-control-wrapper) input {
    box-sizing: border-box;
    height: 34px;
}

input.e-input.e-bigger,
.e-input-group.e-bigger input,
.e-input-group.e-bigger input.e-input,
.e-input-group.e-control-wrapper.e-bigger input,
.e-input-group.e-control-wrapper.e-bigger input.e-input,
.e-bigger .e-input-group input,
.e-bigger .e-input-group input.e-input,
.e-bigger .e-input-group.e-control-wrapper input,
.e-bigger .e-input-group.e-control-wrapper input.e-input,
.e-float-input.e-bigger input,
.e-float-input.e-bigger input.e-input,
.e-bigger .e-float-input input,
.e-bigger .e-float-input input.e-input,
.e-float-input.e-control-wrapper.e-bigger input,
.e-float-input.e-control-wrapper.e-bigger input.e-input,
.e-bigger .e-float-input.e-control-wrapper input,
.e-bigger .e-float-input.e-control-wrapper input.e-input {
    box-sizing: border-box;
    height: 38px;
}

.e-float-input.e-bigger:not(.e-input-group) input,
.e-float-input.e-bigger:not(.e-input-group) input.e-input,
.e-bigger .e-float-input:not(.e-input-group) input,
.e-bigger .e-float-input:not(.e-input-group) input.e-input,
.e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input,
.e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input.e-input,
.e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input,
.e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
    box-sizing: border-box;
    height: 40px;
}

input.e-input.e-small,
.e-input-group.e-small input,
.e-input-group.e-small input.e-input,
.e-small .e-input-group input,
.e-small .e-input-group input.e-input,
.e-input-group.e-control-wrapper.e-small input,
.e-input-group.e-control-wrapper.e-small input.e-input,
.e-small .e-input-group.e-control-wrapper input,
.e-small .e-input-group.e-control-wrapper input.e-input,
.e-float-input.e-small input,
.e-float-input.e-small input.e-input,
.e-small .e-float-input input,
.e-small .e-float-input input.e-input,
.e-float-input.e-control-wrapper.e-small input,
.e-float-input.e-control-wrapper.e-small input.e-input,
.e-small .e-float-input.e-control-wrapper input,
.e-small .e-float-input.e-control-wrapper input.e-input {
    box-sizing: border-box;
    height: 26px;
}

.e-float-input.e-small:not(.e-input-group) input,
.e-float-input.e-small:not(.e-input-group) input.e-input,
.e-small .e-float-input:not(.e-input-group) input,
.e-small .e-float-input:not(.e-input-group) input.e-input .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input,
.e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input,
.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
    box-sizing: border-box;
    height: 28px;
}

input.e-input.e-small.e-bigger,
.e-input-group.e-bigger.e-small input,
.e-input-group.e-bigger.e-small input.e-input,
.e-bigger.e-small .e-input-group input,
.e-bigger.e-small .e-input-group input.e-input,
.e-input-group.e-control-wrapper.e-bigger.e-small input,
.e-input-group.e-control-wrapper.e-bigger.e-small input.e-input,
.e-bigger.e-small .e-input-group.e-control-wrapper input,
.e-bigger.e-small .e-input-group.e-control-wrapper input.e-input,
.e-float-input.e-bigger.e-small input,
.e-float-input.e-bigger.e-small input.e-input,
.e-bigger.e-small .e-float-input input,
.e-bigger.e-small .e-float-input input.e-input,
.e-float-input.e-control-wrapper.e-bigger.e-small input,
.e-float-input.e-control-wrapper.e-bigger.e-small input.e-input,
.e-bigger.e-small .e-float-input.e-control-wrapper input,
.e-bigger.e-small .e-float-input.e-control-wrapper input.e-input {
    box-sizing: border-box;
    height: 34px;
}

.e-float-input.e-bigger.e-small:not(.e-input-group) input,
.e-float-input.e-bigger.e-small:not(.e-input-group) input.e-input,
.e-bigger.e-small .e-float-input:not(.e-input-group) input,
.e-bigger.e-small .e-float-input:not(.e-input-group) input.e-input,
.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input,
.e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input.e-input,
.e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
.e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
    box-sizing: border-box;
    height: 36px;
}

textarea.e-input,
.e-input-group textarea,
.e-input-group.e-control-wrapper textarea,
.e-float-input textarea,
.e-float-input.e-control-wrapper textarea {
    box-sizing: border-box;
    height: auto;
}

    .e-input-group textarea.e-input.e-bigger,
    .e-input-group.e-control-wrapper textarea.e-input.e-bigger,
    textarea.e-input.e-bigger,
    .e-input-group.e-bigger textarea,
    .e-input-group.e-bigger textarea.e-input,
    .e-bigger .e-input-group textarea,
    .e-bigger .e-input-group textarea.e-input,
    .e-input-group.e-control-wrapper.e-bigger textarea,
    .e-input-group.e-control-wrapper.e-bigger textarea.e-input,
    .e-bigger .e-input-group.e-control-wrapper textarea,
    .e-bigger .e-input-group.e-control-wrapper textarea.e-input,
    .e-float-input.e-bigger textarea,
    .e-float-input.e-bigger textarea.e-input,
    .e-bigger .e-float-input textarea,
    .e-bigger .e-float-input textarea.e-input,
    .e-float-input.e-control-wrapper.e-bigger textarea,
    .e-float-input.e-control-wrapper.e-bigger textarea.e-input,
    .e-bigger .e-float-input.e-control-wrapper textarea,
    .e-bigger .e-float-input.e-control-wrapper textarea.e-input {
        box-sizing: border-box;
        height: auto;
    }

    textarea.e-input.e-small,
    .e-input-group.e-small textarea,
    .e-input-group.e-small textarea.e-input,
    .e-small .e-input-group textarea,
    .e-small .e-input-group textarea.e-input,
    .e-input-group.e-control-wrapper.e-small textarea,
    .e-input-group.e-control-wrapper.e-small textarea.e-input,
    .e-small .e-input-group.e-control-wrapper textarea,
    .e-small .e-input-group.e-control-wrapper textarea.e-input,
    .e-float-input.e-small textarea,
    .e-float-input.e-small textarea.e-input,
    .e-small .e-float-input textarea,
    .e-small .e-float-input textarea.e-input,
    .e-float-input.e-control-wrapper.e-small textarea,
    .e-float-input.e-control-wrapper.e-small textarea.e-input,
    .e-small .e-float-input.e-control-wrapper textarea,
    .e-small .e-float-input.e-control-wrapper textarea.e-input {
        box-sizing: border-box;
        height: auto;
    }

        textarea.e-input.e-small.e-bigger,
        .e-input-group.e-bigger.e-small textarea,
        .e-input-group.e-bigger.e-small textarea.e-input,
        .e-bigger.e-small .e-input-group textarea,
        .e-bigger.e-small .e-input-group textarea.e-input,
        .e-input-group.e-control-wrapper.e-bigger.e-small textarea,
        .e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input,
        .e-bigger.e-small .e-input-group.e-control-wrapper textarea,
        .e-bigger.e-small .e-input-group.e-control-wrapper textarea.e-input,
        .e-float-input.e-bigger.e-small textarea,
        .e-float-input.e-bigger.e-small textarea.e-input,
        .e-bigger.e-small .e-float-input textarea,
        .e-bigger.e-small .e-float-input textarea.e-input,
        .e-float-input.e-control-wrapper.e-bigger.e-small textarea,
        .e-float-input.e-control-wrapper.e-bigger.e-small textarea.e-input,
        .e-bigger.e-small .e-float-input.e-control-wrapper textarea,
        .e-bigger.e-small .e-float-input.e-control-wrapper textarea.e-input {
            box-sizing: border-box;
            height: auto;
        }

input.e-input.e-bigger,
.e-input-group input.e-input.e-bigger,
.e-input-group input.e-input.e-bigger,
.e-input-group.e-control-wrapper input.e-input.e-bigger,
.e-input-group.e-control-wrapper input.e-input.e-bigger,
.e-input-group.e-bigger .e-input,
.e-input-group.e-control-wrapper.e-bigger .e-input,
.e-bigger input.e-input,
.e-bigger .e-input-group .e-input,
.e-bigger .e-input-group.e-control-wrapper .e-input,
.e-float-input.e-bigger input,
.e-float-input input.e-bigger,
.e-bigger .e-float-input input,
.e-float-input.e-control-wrapper.e-bigger input,
.e-float-input.e-control-wrapper input.e-bigger,
.e-bigger .e-float-input.e-control-wrapper input {
    text-indent: 14px;
}

input.e-input.e-small,
.e-input-group input.e-input.e-small,
.e-input-group.e-control-wrapper input.e-input.e-small,
.e-input-group.e-small .e-input,
.e-input-group.e-control-wrapper.e-small .e-input,
.e-small input.e-input,
.e-small .e-input-group .e-input,
.e-small .e-input-group.e-control-wrapper .e-input,
.e-float-input.e-small input,
.e-float-input input.e-small,
.e-small .e-float-input input,
.e-float-input.e-control-wrapper.e-small input,
.e-float-input.e-control-wrapper input.e-small,
.e-small .e-float-input.e-control-wrapper input {
    text-indent: 10px;
}

input.e-input,
.e-input-group input.e-input,
.e-input-group input,
.e-input-group.e-control-wrapper input.e-input,
.e-input-group.e-control-wrapper input,
.e-float-input input.e-input,
.e-float-input input,
.e-float-input.e-control-wrapper input.e-input,
.e-float-input.e-control-wrapper input,
.e-input-group input.e-input:focus,
.e-input-group.e-control-wrapper input.e-input:focus,
.e-float-input.e-control-wrapper input:focus,
.e-float-input input:focus {
    padding-left: 12px;
    text-indent: 0;
}

textarea.e-input,
.e-input-group textarea.e-input,
.e-input-group textarea,
.e-input-group.e-control-wrapper textarea.e-input,
.e-input-group.e-control-wrapper textarea,
.e-float-input textarea.e-input,
.e-float-input textarea,
.e-float-input.e-control-wrapper textarea.e-input,
.e-float-input.e-control-wrapper textarea,
.e-input-group textarea.e-input:focus,
.e-input-group.e-control-wrapper textarea.e-input:focus,
.e-float-input.e-control-wrapper textarea:focus,
.e-float-input textarea:focus {
    padding-left: 12px;
    padding-top: 12px;
    text-indent: 0;
}

input.e-input.e-rtl,
.e-input-group.e-rtl input.e-input,
.e-input-group.e-control-wrapper.e-rtl input.e-input,
.e-float-input.e-rtl input,
.e-float-input.e-control-wrapper.e-rtl input,
.e-rtl .e-input-group input.e-input,
.e-rtl .e-input-group.e-control-wrapper input.e-input,
.e-rtl .e-float-input input,
.e-rtl .e-float-input.e-control-wrapper input,
.e-input-group.e-rtl input.e-input,
.e-input-group.e-control-wrapper.e-rtl input.e-input,
.e-float-input.e-rtl input,
.e-float-input.e-control-wrapper.e-rtl input,
.e-rtl .e-input-group input.e-input,
.e-rtl .e-input-group.e-control-wrapper input.e-input,
.e-rtl .e-float-input input,
.e-rtl .e-float-input.e-control-wrapper input,
.e-input-group.e-rtl input.e-input:focus,
.e-input-group.e-control-wrapper.e-rtl input.e-input:focus,
.e-float-input.e-rtl input:focus,
.e-float-input.e-control-wrapper.e-rtl input:focus,
.e-rtl .e-input-group input.e-input:focus,
.e-rtl .e-input-group.e-control-wrapper input.e-input:focus,
.e-rtl .e-float-input input:focus,
.e-rtl .e-float-input.e-control-wrapper input:focus {
    padding-left: 0;
    padding-right: 12px;
    text-indent: 0;
}

textarea.e-input.e-rtl,
.e-input-group.e-rtl textarea.e-input,
.e-input-group.e-control-wrapper.e-rtl textarea.e-input,
.e-float-input.e-rtl textarea,
.e-float-input.e-control-wrapper.e-rtl textarea,
.e-rtl .e-input-group textarea.e-input,
.e-rtl .e-input-group.e-control-wrapper textarea.e-input,
.e-rtl .e-float-input textarea,
.e-rtl .e-float-input.e-control-wrapper textarea,
.e-input-group.e-rtl textarea.e-input,
.e-input-group.e-control-wrapper.e-rtl textarea.e-input,
.e-float-input.e-rtl textarea,
.e-float-input.e-control-wrapper.e-rtl textarea,
.e-rtl .e-input-group textarea.e-input,
.e-rtl .e-input-group.e-control-wrapper textarea.e-input,
.e-rtl .e-float-input textarea,
.e-rtl .e-float-input.e-control-wrapper textarea,
.e-input-group.e-rtl textarea.e-input:focus,
.e-input-group.e-control-wrapper.e-rtl textarea.e-input:focus,
.e-float-input.e-rtl textarea:focus,
.e-float-input.e-control-wrapper.e-rtl textarea:focus,
.e-rtl .e-input-group textarea.e-input:focus,
.e-rtl .e-input-group.e-control-wrapper textarea.e-input:focus,
.e-rtl .e-float-input textarea:focus,
.e-rtl .e-float-input.e-control-wrapper textarea:focus {
    padding-right: 12px;
    text-indent: 0;
}

input.e-input.e-small,
.e-small input.e-input,
.e-input-group.e-small input.e-input,
.e-input-group.e-control-wrapper.e-small input.e-input,
.e-float-input.e-small input,
.e-float-input.e-control-wrapper input.e-small,
.e-float-input.e-small input,
.e-float-input.e-control-wrapper input.e-small,
.e-input-group input.e-input.e-small,
.e-input-group.e-control-wrapper input.e-input.e-small,
.e-small .e-float-input input,
.e-small .e-float-input.e-control-wrapper input,
.e-small .e-input-group input.e-input,
.e-small .e-input-group.e-control-wrapper input.e-input,
.e-input-group.e-small input.e-input:focus,
.e-input-group.e-control-wrapper.e-small input.e-input:focus,
.e-float-input.e-small input:focus,
.e-float-input.e-control-wrapper.e-small input:focus,
.e-small .e-input-group.e-control-wrapper input.e-input:focus,
.e-small .e-input-group input.e-input:focus,
.e-small .e-float-input input:focus,
.e-small .e-float-input.e-control-wrapper input:focus {
    padding-left: 10px;
    text-indent: 0;
}

textarea.e-input.e-small,
.e-small textarea.e-input,
.e-input-group.e-small textarea.e-input,
.e-input-group.e-control-wrapper.e-small textarea.e-input,
.e-float-input.e-control-wrapper.e-small textarea,
.e-float-input.e-control-wrapper textarea.e-small,
.e-float-input.e-small textarea,
.e-float-input textarea.e-small,
.e-input-group textarea.e-input.e-small,
.e-input-group.e-control-wrapper textarea.e-input.e-small,
.e-small .e-float-input.e-control-wrapper textarea,
.e-small .e-float-input textarea,
.e-small .e-input-group textarea.e-input,
.e-small .e-input-group.e-control-wrapper textarea.e-input,
.e-input-group.e-small textarea.e-input:focus,
.e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
.e-float-input.e-small textarea:focus,
.e-float-input.e-control-wrapper.e-small textarea:focus,
.e-small .e-input-group textarea.e-input:focus,
.e-small .e-input-group.e-control-wrapper textarea.e-input:focus,
.e-small .e-float-input.e-control-wrapper textarea:focus,
.e-small .e-float-input textarea:focus {
    padding-left: 10px;
    text-indent: 0;
}

.e-rtl input.e-input.e-small,
input.e-input.e-small.e-rtl,
.e-small.e-rtl input.e-input,
.e-small input.e-input.e-rtl,
.e-float-input.e-control-wrapper.e-small.e-rtl input,
.e-float-input.e-small.e-rtl input,
.e-input-group.e-small.e-rtl input.e-input,
.e-input-group.e-control-wrapper.e-small.e-rtl input.e-input,
.e-rtl .e-float-input.e-small input,
.e-rtl .e-float-input.e-control-wrapper.e-small input,
.e-rtl .e-input-group.e-small input.e-input,
.e-rtl .e-input-group.e-control-wrapper.e-small input.e-input,
.e-float-input.e-rtl input.e-small,
.e-float-input.e-control-wrapper.e-rtl input.e-small,
.e-input-group.e-rtl input.e-input.e-small,
.e-input-group.e-control-wrapper.e-rtl input.e-input.e-small,
.e-rtl .e-float-input input.e-small,
.e-rtl .e-float-input.e-control-wrapper input.e-small,
.e-rtl .e-input-group input.e-input.e-small,
.e-rtl .e-input-group.e-control-wrapper input.e-input.e-small,
.e-small .e-float-input.e-rtl input,
.e-small .e-float-input.e-control-wrapper.e-rtl input,
.e-small .e-input-group.e-rtl input.e-input,
.e-small .e-input-group.e-control-wrapper.e-rtl input.e-input,
.e-small.e-rtl .e-float-input.e-control-wrapper input,
.e-small.e-rtl .e-float-input input,
.e-small.e-rtl .e-input-group.e-control-wrapper input.e-input,
.e-small.e-rtl .e-input-group input.e-input,
.e-small.e-rtl .e-input-group.e-control-wrapper input.e-input:focus,
.e-small.e-rtl .e-input-group input.e-input:focus,
.e-small.e-rtl .e-float-input.e-control-wrapper input:focus,
.e-small.e-rtl .e-float-input input:focus,
.e-small .e-input-group.e-control-wrapper.e-rtl input.e-input:focus,
.e-small .e-input-group.e-rtl input.e-input:focus,
.e-small .e-float-input.e-control-wrapper.e-rtl input:focus,
.e-small .e-float-input.e-rtl input:focus {
    padding-left: 0;
    padding-right: 10px;
    text-indent: 0;
}

.e-rtl textarea.e-input.e-small,
textarea.e-input.e-small.e-rtl,
.e-small.e-rtl textarea.e-input,
.e-small textarea.e-input.e-rtl,
.e-float-input.e-small.e-rtl textarea,
.e-float-input.e-control-wrapper.e-small.e-rtl textarea,
.e-input-group.e-small.e-rtl textarea.e-input,
.e-input-group.e-control-wrapper.e-small.e-rtl textarea.e-input,
.e-rtl .e-float-input.e-control-wrapper.e-small textarea,
.e-rtl .e-float-input.e-small textarea,
.e-rtl .e-input-group.e-small textarea.e-input,
.e-rtl .e-input-group.e-control-wrapper.e-small textarea.e-input,
.e-float-input.e-control-wrapper.e-rtl textarea.e-small,
.e-float-input.e-rtl textarea.e-small,
.e-input-group.e-rtl textarea.e-input.e-small,
.e-input-group.e-control-wrapper.e-rtl textarea.e-input.e-small,
.e-rtl .e-float-input.e-control-wrapper textarea.e-small,
.e-rtl .e-float-input textarea.e-small,
.e-rtl .e-input-group textarea.e-input.e-small,
.e-rtl .e-input-group.e-control-wrapper textarea.e-input.e-small,
.e-small .e-float-input.e-control-wrapper.e-rtl textarea,
.e-small .e-float-input.e-rtl textarea,
.e-small .e-input-group.e-rtl textarea.e-input,
.e-small .e-input-group.e-control-wrapper.e-rtl textarea.e-input,
.e-small.e-rtl .e-float-input.e-control-wrapper textarea,
.e-small.e-rtl .e-float-input textarea,
.e-small.e-rtl .e-input-group textarea.e-input,
.e-small.e-rtl .e-input-group.e-control-wrapper textarea.e-input,
.e-small.e-rtl .e-input-group textarea.e-input:focus,
.e-small.e-rtl .e-input-group.e-control-wrapper textarea.e-input:focus,
.e-small.e-rtl .e-float-input.e-control-wrapper textarea:focus,
.e-small.e-rtl .e-float-input textarea:focus,
.e-small .e-input-group.e-rtl textarea.e-input:focus,
.e-small .e-input-group.e-control-wrapper.e-rtl textarea.e-input:focus,
.e-small .e-float-input.e-control-wrapper.e-rtl textarea:focus,
.e-small .e-float-input.e-rtl textarea:focus {
    padding-right: 10px;
    text-indent: 0;
}

input.e-input.e-bigger,
.e-bigger input.e-input,
.e-input-group.e-bigger input.e-input,
.e-input-group.e-control-wrapper.e-bigger input.e-input,
.e-float-input.e-control-wrapper.e-bigger input,
.e-float-input.e-control-wrapper input.e-bigger,
.e-float-input.e-bigger input,
.e-float-input input.e-bigger,
.e-input-group input.e-input.e-bigger,
.e-input-group.e-control-wrapper input.e-input.e-bigger,
.e-bigger .e-float-input.e-control-wrapper input,
.e-bigger .e-float-input input,
.e-bigger .e-input-group.e-control-wrapper input.e-input,
.e-bigger .e-input-group input.e-input,
.e-input-group.e-bigger input.e-input:focus,
.e-input-group.e-control-wrapper.e-bigger input.e-input:focus,
.e-float-input.e-control-wrapper.e-bigger input:focus,
.e-float-input.e-bigger input:focus,
.e-bigger .e-input-group input.e-input:focus,
.e-bigger .e-input-group.e-control-wrapper input.e-input:focus,
.e-bigger .e-float-input.e-control-wrapper input:focus,
.e-bigger .e-float-input input:focus {
    padding-left: 14px;
    text-indent: 0;
}

    .e-rtl input.e-input.e-bigger,
    input.e-input.e-bigger.e-rtl,
    .e-bigger.e-rtl input.e-input,
    .e-bigger input.e-input.e-rtl,
    .e-float-input.e-control-wrapper.e-bigger.e-rtl input,
    .e-float-input.e-bigger.e-rtl input,
    .e-input-group.e-bigger.e-rtl input.e-input,
    .e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input,
    .e-rtl .e-float-input.e-control-wrapper.e-bigger input,
    .e-rtl .e-float-input.e-bigger input,
    .e-rtl .e-input-group.e-bigger input.e-input,
    .e-rtl .e-input-group.e-control-wrapper.e-bigger input.e-input,
    .e-float-input.e-control-wrapper.e-rtl input.e-bigger,
    .e-float-input.e-rtl input.e-bigger,
    .e-input-group.e-rtl input.e-input.e-bigger,
    .e-input-group.e-control-wrapper.e-rtl input.e-input.e-bigger,
    .e-rtl .e-float-input.e-control-wrapper input.e-bigger,
    .e-rtl .e-float-input input.e-bigger,
    .e-rtl .e-input-group input.e-input.e-bigger,
    .e-rtl .e-input-group.e-control-wrapper input.e-input.e-bigger,
    .e-bigger .e-float-input.e-control-wrapper.e-rtl input,
    .e-bigger .e-float-input.e-rtl input,
    .e-bigger .e-input-group.e-rtl input.e-input,
    .e-bigger .e-input-group.e-control-wrapper.e-rtl input.e-input,
    .e-bigger.e-rtl .e-float-input.e-control-wrapper input,
    .e-bigger.e-rtl .e-float-input input,
    .e-bigger.e-rtl .e-input-group input.e-input,
    .e-bigger.e-rtl .e-input-group.e-control-wrapper input.e-input,
    .e-bigger.e-rtl .e-input-group input.e-input:focus,
    .e-bigger.e-rtl .e-input-group.e-control-wrapper input.e-input:focus,
    .e-bigger.e-rtl .e-float-input.e-control-wrapper input:focus,
    .e-bigger.e-rtl .e-float-input input:focus,
    .e-bigger .e-input-group.e-rtl input.e-input:focus,
    .e-bigger .e-input-group.e-control-wrapper.e-rtl input.e-input:focus,
    .e-bigger .e-float-input.e-rtl input:focus,
    .e-bigger .e-float-input.e-control-wrapper.e-rtl input:focus {
        padding-left: 0;
        padding-right: 14px;
        text-indent: 0;
    }

textarea.e-input.e-bigger,
.e-bigger textarea.e-input,
.e-input-group.e-bigger textarea.e-input,
.e-input-group.e-control-wrapper.e-bigger textarea.e-input,
.e-float-input.e-control-wrapper.e-bigger textarea,
.e-float-input.e-control-wrapper textarea.e-bigger,
.e-float-input.e-bigger textarea,
.e-float-input textarea.e-bigger,
.e-input-group textarea.e-input.e-bigger,
.e-input-group.e-control-wrapper textarea.e-input.e-bigger,
.e-bigger .e-float-input.e-control-wrapper textarea,
.e-bigger .e-float-input textarea,
.e-bigger .e-input-group textarea.e-input,
.e-bigger .e-input-group.e-control-wrapper textarea.e-input,
.e-input-group.e-bigger textarea.e-input:focus,
.e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus,
.e-float-input.e-control-wrapper.e-bigger textarea:focus,
.e-float-input.e-bigger textarea:focus,
.e-bigger .e-input-group textarea.e-input:focus,
.e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
.e-bigger .e-float-input.e-control-wrapper textarea:focus,
.e-bigger .e-float-input textarea:focus {
    padding-left: 14px;
    text-indent: 0;
}

    .e-rtl textarea.e-input.e-bigger,
    textarea.e-input.e-bigger.e-rtl,
    .e-bigger.e-rtl textarea.e-input,
    .e-bigger textarea.e-input.e-rtl,
    .e-float-input.e-control-wrapper.e-bigger.e-rtl textarea,
    .e-float-input.e-bigger.e-rtl textarea,
    .e-input-group.e-bigger.e-rtl textarea.e-input,
    .e-input-group.e-control-wrapper.e-bigger.e-rtl textarea.e-input,
    .e-rtl .e-float-input.e-control-wrapper.e-bigger textarea,
    .e-rtl .e-float-input.e-bigger textarea,
    .e-rtl .e-input-group.e-bigger textarea.e-input,
    .e-rtl .e-input-group.e-control-wrapper.e-bigger textarea.e-input,
    .e-float-input.e-rtl textarea.e-bigger,
    .e-float-input.e-control-wrapper.e-rtl textarea.e-bigger,
    .e-input-group.e-rtl textarea.e-input.e-bigger,
    .e-input-group.e-control-wrapper.e-rtl textarea.e-input.e-bigger,
    .e-rtl .e-float-input textarea.e-bigger,
    .e-rtl .e-float-input.e-control-wrapper textarea.e-bigger,
    .e-rtl .e-input-group textarea.e-input.e-bigger,
    .e-rtl .e-input-group.e-control-wrapper textarea.e-input.e-bigger,
    .e-bigger .e-float-input.e-rtl textarea,
    .e-bigger .e-float-input.e-control-wrapper.e-rtl textarea,
    .e-bigger .e-input-group.e-rtl textarea.e-input,
    .e-bigger .e-input-group.e-control-wrapper.e-rtl textarea.e-input,
    .e-bigger.e-rtl .e-float-input textarea,
    .e-bigger.e-rtl .e-float-input.e-control-wrapper textarea,
    .e-bigger.e-rtl .e-input-group textarea.e-input,
    .e-bigger.e-rtl .e-input-group.e-control-wrapper textarea.e-input,
    .e-bigger.e-rtl .e-input-group textarea.e-input:focus,
    .e-bigger.e-rtl .e-input-group.e-control-wrapper textarea.e-input:focus,
    .e-bigger.e-rtl .e-float-input textarea:focus,
    .e-bigger.e-rtl .e-float-input.e-control-wrapper textarea:focus,
    .e-bigger .e-input-group.e-rtl textarea.e-input:focus,
    .e-bigger .e-input-group.e-control-wrapper.e-rtl textarea.e-input:focus,
    .e-bigger .e-float-input.e-rtl textarea:focus,
    .e-bigger .e-float-input.e-control-wrapper.e-rtl textarea:focus {
        padding-right: 14px;
        text-indent: 0;
    }

input.e-input.e-bigger.e-small,
.e-bigger input.e-input.e-small,
.e-input-group.e-small.e-bigger input.e-input,
.e-input-group.e-control-wrapper.e-small.e-bigger input.e-input,
.e-input-group.e-small input.e-input.e-bigger,
.e-input-group.e-control-wrapper.e-small input.e-input.e-bigger,
.e-bigger .e-input-group.e-small input.e-input,
.e-bigger .e-input-group.e-control-wrapper.e-small input.e-input,
.e-float-input.e-small.e-bigger input,
.e-float-input.e-small input.e-bigger,
.e-bigger .e-float-input.e-small input,
.e-float-input.e-control-wrapper.e-small.e-bigger input,
.e-float-input.e-control-wrapper.e-small input.e-bigger,
.e-bigger .e-float-input.e-control-wrapper.e-small input,
.e-bigger .e-input-group.e-small input.e-input:focus,
.e-bigger .e-input-group.e-control-wrapper.e-small input.e-input:focus,
.e-bigger .e-float-input.e-control-wrapper.e-small input:focus,
.e-bigger .e-float-input.e-small input:focus,
.e-small .e-input-group.e-bigger input.e-input:focus,
.e-small .e-input-group.e-control-wrapper.e-bigger input.e-input:focus,
.e-small .e-float-input.e-control-wrapper.e-bigger input:focus,
.e-small .e-float-input.e-bigger input:focus,
.e-input-group.e-bigger.e-small input.e-input:focus,
.e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus,
.e-float-input.e-control-wrapper.e-bigger.e-small input:focus,
.e-float-input.e-bigger.e-small input:focus {
    padding-left: 12px;
    text-indent: 0;
}

    .e-bigger input.e-input.e-small.e-rtl,
    .e-input-group.e-small.e-bigger.e-rtl input.e-input,
    .e-input-group.e-control-wrapper.e-small.e-bigger.e-rtl input.e-input,
    .e-input-group.e-small.e-rtl input.e-input.e-bigger,
    .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input.e-bigger,
    .e-bigger .e-input-group.e-small.e-rtl input.e-input,
    .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input,
    .e-float-input.e-small.e-bigger.e-rtl input,
    .e-float-input.e-small.e-rtl input.e-bigger,
    .e-bigger .e-float-input.e-small.e-rtl input,
    .e-float-input.e-control-wrapper.e-small.e-bigger.e-rtl input,
    .e-float-input.e-control-wrapper.e-small.e-rtl input.e-bigger,
    .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl input,
    .e-bigger.e-rtl input.e-input.e-small,
    .e-rtl .e-input-group.e-small.e-bigger input.e-input,
    .e-rtl .e-input-group.e-control-wrapper.e-small.e-bigger input.e-input,
    .e-rtl .e-input-group.e-small input.e-input.e-bigger,
    .e-rtl .e-input-group.e-control-wrapper.e-small input.e-input.e-bigger,
    .e-bigger.e-rtl .e-input-group.e-small input.e-input,
    .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small input.e-input,
    .e-rtl .e-float-input.e-control-wrapper.e-small.e-bigger input,
    .e-rtl .e-float-input.e-control-wrapper.e-small input.e-bigger,
    .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small input,
    .e-rtl .e-float-input.e-small.e-bigger input,
    .e-rtl .e-float-input.e-small input.e-bigger,
    .e-bigger.e-rtl .e-float-input.e-small input,
    .e-bigger .e-input-group.e-small.e-rtl input.e-input:focus,
    .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl input.e-input:focus,
    .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl input:focus,
    .e-bigger .e-float-input.e-small.e-rtl input:focus,
    .e-small .e-input-group.e-bigger.e-rtl input.e-input:focus,
    .e-small .e-input-group.e-control-wrapper.e-bigger.e-rtl input.e-input:focus,
    .e-small .e-float-input.e-control-wrapper.e-bigger.e-rtl input:focus,
    .e-small .e-float-input.e-bigger.e-rtl input:focus,
    .e-input-group.e-bigger.e-small.e-rtl input.e-input:focus,
    .e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl input.e-input:focus,
    .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl input:focus,
    .e-float-input.e-bigger.e-small.e-rtl input:focus,
    .e-bigger.e-rtl .e-input-group.e-small input.e-input:focus,
    .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small input.e-input:focus,
    .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small input:focus,
    .e-bigger.e-rtl .e-float-input.e-small input:focus,
    .e-small.e-rtl .e-input-group.e-bigger input.e-input:focus,
    .e-small.e-rtl .e-input-group.e-control-wrapper.e-bigger input.e-input:focus,
    .e-small.e-rtl .e-float-input.e-control-wrapper.e-bigger input:focus,
    .e-small.e-rtl .e-float-input.e-bigger input:focus,
    .e-rtl .e-input-group.e-bigger.e-small input.e-input:focus,
    .e-rtl .e-input-group.e-control-wrapper.e-bigger.e-small input.e-input:focus,
    .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small input:focus,
    .e-rtl .e-float-input.e-bigger.e-small input:focus {
        padding-left: 0;
        padding-right: 12px;
        text-indent: 0;
    }

textarea.e-input.e-bigger.e-small,
.e-bigger textarea.e-input.e-small,
.e-input-group.e-small.e-bigger textarea.e-input,
.e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input,
.e-input-group.e-small textarea.e-input.e-bigger,
.e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger,
.e-bigger .e-input-group.e-small textarea.e-input,
.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input,
.e-float-input.e-small.e-bigger textarea,
.e-float-input.e-small textarea.e-bigger,
.e-bigger .e-float-input.e-small textarea,
.e-float-input.e-control-wrapper.e-small.e-bigger textarea,
.e-float-input.e-control-wrapper.e-small textarea.e-bigger,
.e-bigger .e-float-input.e-control-wrapper.e-small textarea,
.e-bigger .e-input-group.e-small textarea.e-input:focus,
.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
.e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus,
.e-bigger .e-float-input.e-small textarea:focus,
.e-small .e-input-group.e-bigger textarea.e-input:focus,
.e-small .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus,
.e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus,
.e-small .e-float-input.e-bigger textarea:focus,
.e-input-group.e-bigger.e-small textarea.e-input:focus,
.e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus,
.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus,
.e-float-input.e-bigger.e-small textarea:focus {
    padding-left: 12px;
    text-indent: 0;
}

    .e-bigger textarea.e-input.e-small.e-rtl,
    .e-input-group.e-small.e-bigger.e-rtl textarea.e-input,
    .e-input-group.e-control-wrapper.e-small.e-bigger.e-rtl textarea.e-input,
    .e-input-group.e-small.e-rtl textarea.e-input.e-bigger,
    .e-input-group.e-control-wrapper.e-small.e-rtl textarea.e-input.e-bigger,
    .e-bigger .e-input-group.e-small.e-rtl textarea.e-input,
    .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl textarea.e-input,
    .e-float-input.e-small.e-bigger.e-rtl textarea,
    .e-float-input.e-small.e-rtl textarea.e-bigger,
    .e-bigger .e-float-input.e-small.e-rtl textarea,
    .e-float-input.e-control-wrapper.e-small.e-bigger.e-rtl textarea,
    .e-float-input.e-control-wrapper.e-small.e-rtl textarea.e-bigger,
    .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl textarea,
    .e-bigger.e-rtl textarea.e-input.e-small,
    .e-rtl .e-input-group.e-small.e-bigger textarea.e-input,
    .e-rtl .e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input,
    .e-rtl .e-input-group.e-small textarea.e-input.e-bigger,
    .e-rtl .e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger,
    .e-bigger.e-rtl .e-input-group.e-small textarea.e-input,
    .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small textarea.e-input,
    .e-rtl .e-float-input.e-control-wrapper.e-small.e-bigger textarea,
    .e-rtl .e-float-input.e-small textarea.e-bigger,
    .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small textarea,
    .e-rtl .e-float-input.e-control-wrapper.e-small.e-bigger textarea,
    .e-rtl .e-float-input.e-small textarea.e-bigger,
    .e-bigger.e-rtl .e-float-input.e-small textarea,
    .e-bigger.e-rtl .e-float-input.e-small.e-control-wrapper textarea,
    .e-bigger .e-input-group.e-small.e-rtl textarea.e-input:focus,
    .e-bigger .e-input-group.e-control-wrapper.e-small.e-rtl textarea.e-input:focus,
    .e-bigger .e-float-input.e-control-wrapper.e-small.e-rtl textarea:focus,
    .e-bigger .e-float-input.e-small.e-rtl textarea:focus,
    .e-small .e-input-group.e-bigger.e-rtl textarea.e-input:focus,
    .e-small .e-input-group.e-control-wrapper.e-bigger.e-rtl textarea.e-input:focus,
    .e-small .e-float-input.e-control-wrapper.e-bigger.e-rtl textarea:focus,
    .e-small .e-float-input.e-bigger.e-rtl textarea:focus,
    .e-input-group.e-bigger.e-small.e-rtl textarea.e-input:focus,
    .e-input-group.e-control-wrapper.e-bigger.e-small.e-rtl textarea.e-input:focus,
    .e-float-input.e-control-wrapper.e-bigger.e-small.e-rtl textarea:focus,
    .e-float-input.e-bigger.e-small.e-rtl textarea:focus,
    .e-bigger.e-rtl .e-input-group.e-small textarea.e-input:focus,
    .e-bigger.e-rtl .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
    .e-bigger.e-rtl .e-float-input.e-control-wrapper.e-small textarea:focus,
    .e-bigger.e-rtl .e-float-input.e-small textarea:focus,
    .e-small.e-rtl .e-input-group.e-bigger textarea.e-input:focus,
    .e-small.e-rtl .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus,
    .e-small.e-rtl .e-float-input.e-control-wrapper.e-bigger textarea:focus,
    .e-small.e-rtl .e-float-input.e-bigger textarea:focus,
    .e-rtl .e-input-group.e-bigger.e-small textarea.e-input:focus,
    .e-rtl .e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus,
    .e-rtl .e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus,
    .e-rtl .e-float-input.e-bigger.e-small textarea:focus {
        padding-right: 12px;
        text-indent: 0;
    }

.e-float-input .e-clear-icon,
.e-float-input.e-control-wrapper .e-clear-icon,
.e-input-group .e-clear-icon,
.e-input-group.e-control-wrapper .e-clear-icon {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
    min-width: 24px;
    outline: none;
    padding: 0;
    text-align: center;
}

    .e-float-input .e-clear-icon::before,
    .e-float-input.e-control-wrapper .e-clear-icon::before,
    .e-input-group .e-clear-icon::before,
    .e-input-group.e-control-wrapper .e-clear-icon::before {
        font-size: 12px;
        padding: 0;
        text-align: center;
        vertical-align: middle;
    }

.e-float-input.e-static-clear .e-clear-icon.e-clear-icon-hide,
.e-float-input.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide,
.e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide,
.e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide {
    display: -ms-flexbox;
    display: flex;
}

.e-float-input.e-small.e-bigger .e-clear-icon,
.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon,
.e-input-group.e-small.e-bigger .e-clear-icon,
.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon,
.e-small .e-input-group.e-bigger input ~ .e-clear-icon,
.e-small .e-input-group.e-control-wrapper.e-bigger input ~ .e-clear-icon,
.e-bigger .e-input-group.e-small input ~ .e-clear-icon,
.e-bigger .e-input-group.e-control-wrapper.e-small input ~ .e-clear-icon,
.e-small .e-float-input.e-control-wrapper.e-bigger input ~ .e-clear-icon,
.e-small .e-float-input.e-bigger input ~ .e-clear-icon,
.e-bigger .e-float-input.e-control-wrapper.e-small input ~ .e-clear-icon,
.e-bigger .e-float-input.e-small input ~ .e-clear-icon {
    padding-bottom: 0;
}

.e-float-input.e-small .e-clear-icon::before,
.e-float-input.e-control-wrapper.e-small .e-clear-icon::before,
.e-input-group.e-small .e-clear-icon::before,
.e-input-group.e-control-wrapper.e-small .e-clear-icon::before,
.e-float-input.e-control-wrapper input.e-small ~ .e-clear-icon::before,
.e-small .e-float-input.e-control-wrapper .e-clear-icon::before,
.e-float-input input.e-small ~ .e-clear-icon::before,
.e-small .e-float-input .e-clear-icon::before,
.e-small .e-input-group .e-clear-icon::before,
.e-small .e-input-group.e-control-wrapper .e-clear-icon::before {
    font-size: 10px;
}

.e-float-input.e-bigger .e-clear-icon::before,
.e-float-input.e-control-wrapper.e-bigger .e-clear-icon::before,
.e-input-group.e-bigger .e-clear-icon::before,
.e-input-group.e-control-wrapper.e-bigger .e-clear-icon::before,
.e-float-input.e-control-wrapper input.e-bigger ~ .e-clear-icon::before,
.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
.e-float-input input.e-bigger ~ .e-clear-icon::before,
.e-bigger .e-float-input .e-clear-icon::before,
.e-bigger .e-input-group .e-clear-icon::before,
.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before {
    font-size: 12px;
}

.e-float-input.e-small.e-bigger .e-clear-icon::before,
.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
.e-input-group.e-small.e-bigger .e-clear-icon::before,
.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
.e-small .e-input-group.e-bigger input ~ .e-clear-icon::before,
.e-small .e-input-group.e-control-wrapper.e-bigger input ~ .e-clear-icon::before,
.e-bigger .e-input-group.e-small input ~ .e-clear-icon::before,
.e-bigger .e-input-group.e-control-wrapper.e-small input ~ .e-clear-icon::before,
.e-small .e-float-input.e-control-wrapper.e-bigger input ~ .e-clear-icon::before,
.e-small .e-float-input.e-bigger input ~ .e-clear-icon::before,
.e-bigger .e-float-input.e-control-wrapper.e-small input ~ .e-clear-icon::before,
.e-bigger .e-float-input.e-small input ~ .e-clear-icon::before {
    font-size: 12px;
}

.e-input:not(:valid) ~ .e-clear-icon,
.e-input-group input.e-input:not(:valid) ~ .e-clear-icon,
.e-input-group.e-control-wrapper input.e-input:not(:valid) ~ .e-clear-icon,
.e-float-input input:not(:valid) ~ .e-clear-icon,
.e-float-input.e-control-wrapper input:not(:valid) ~ .e-clear-icon,
.e-float-input.e-input-group input:not(:valid) ~ .e-clear-icon,
.e-float-input.e-input-group.e-control-wrapper input:not(:valid) ~ .e-clear-icon {
    visibility: hidden;
}

.e-input-group .e-clear-icon.e-clear-icon-hide,
.e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
    visibility: hidden;
}

.e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide,
.e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide {
    cursor: pointer;
}

.e-input-group.e-disabled input.e-input:not(:valid) ~ .e-clear-icon,
.e-input-group.e-control-wrapper.e-disabled input.e-input:not(:valid) ~ .e-clear-icon,
.e-float-input.e-disabled input:not(:valid) ~ .e-clear-icon,
.e-float-input.e-input-group.e-disabled input:not(:valid) ~ .e-clear-icon,
.e-float-input.e-input-group.e-control-wrapper.e-disabled input:not(:valid) ~ .e-clear-icon,
.e-float-input.e-control-wrapper.e-disabled input:not(:valid) ~ .e-clear-icon,
.e-input-group.e-disabled .e-clear-icon.e-clear-icon-hide,
.e-input-group.e-control-wrapper.e-disabled .e-clear-icon.e-clear-icon-hide {
    cursor: not-allowed;
}

.e-float-input.e-control-wrapper input[readonly] ~ .e-clear-icon,
.e-float-input.e-control-wrapper.e-input-group input[readonly] ~ .e-clear-icon,
.e-float-input input[readonly] ~ .e-clear-icon,
.e-float-input.e-input-group input[readonly] ~ .e-clear-icon,
.e-input-group input[readonly] .e-clear-icon.e-clear-icon-hide,
.e-float-input.e-control-wrapper.e-input-group input[readonly] ~ .e-clear-icon,
.e-float-input.e-input-group.e-control-wrapper input[readonly] ~ .e-clear-icon,
.e-input-group.e-control-wrapper input[readonly] .e-clear-icon.e-clear-icon-hide {
    cursor: auto;
}

.e-input-group .e-clear-icon,
.e-input-group.e-control-wrapper .e-clear-icon {
    min-height: 0;
    min-width: 32px;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
}

.e-float-input.e-input-group .e-clear-icon,
.e-float-input.e-input-group.e-control-wrapper .e-clear-icon {
    padding-right: 0;
    padding-top: 0;
}

.e-input-group.e-bigger .e-clear-icon,
.e-input-group.e-control-wrapper.e-bigger .e-clear-icon,
.e-input-group .e-clear-icon.e-bigger,
.e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
.e-bigger .e-input-group .e-clear-icon,
.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
    min-height: 0;
    min-width: 38px;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
}

.e-input-group.e-float-input.e-bigger .e-clear-icon,
.e-input-group.e-float-input .e-clear-icon.e-bigger,
.e-bigger .e-input-group.e-float-input .e-clear-icon,
.e-input-group.e-control-wrapper.e-float-input.e-bigger .e-clear-icon,
.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-bigger,
.e-bigger .e-input-group.e-control-wrapper.e-float-input .e-clear-icon {
    padding-right: 0;
    padding-top: 0;
}

.e-input-group.e-small.e-bigger .e-clear-icon,
.e-input-group.e-small .e-clear-icon.e-bigger,
.e-bigger .e-input-group.e-small .e-clear-icon,
.e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon,
.e-input-group.e-control-wrapper.e-small .e-clear-icon.e-bigger,
.e-bigger .e-input-group.e-control-wrapper.e-small .e-clear-icon {
    min-height: 0;
    min-width: 34px;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
}

.e-input-group.e-float-input.e-small.e-bigger .e-clear-icon,
.e-input-group.e-float-input.e-small .e-clear-icon.e-bigger,
.e-bigger .e-input-group.e-float-input.e-small .e-clear-icon,
.e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon,
.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger,
.e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon,
.e-input-group.e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon,
.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon.e-bigger,
.e-bigger .e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon,
.e-input-group.e-control-wrapper.e-float-input.e-small.e-bigger .e-clear-icon,
.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon.e-bigger,
.e-bigger .e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon {
    padding-right: 0;
    padding-top: 0;
}

.e-input-group.e-small .e-clear-icon,
.e-input-group .e-clear-icon.e-small,
.e-small .e-input-group .e-clear-icon,
.e-input-group.e-control-wrapper.e-small .e-clear-icon,
.e-input-group.e-control-wrapper .e-clear-icon.e-small,
.e-small .e-input-group.e-control-wrapper .e-clear-icon {
    min-height: 0;
    min-width: 26px;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;
}

.e-input-group.e-float-input.e-small .e-clear-icon,
.e-input-group.e-float-input .e-clear-icon.e-small,
.e-small .e-input-group.e-float-input .e-clear-icon,
.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon,
.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small,
.e-small .e-input-group.e-control-wrapper.e-float-input .e-clear-icon,
.e-input-group.e-float-input.e-control-wrapper.e-small .e-clear-icon,
.e-input-group.e-float-input.e-control-wrapper .e-clear-icon.e-small,
.e-small .e-input-group.e-float-input.e-control-wrapper .e-clear-icon,
.e-input-group.e-control-wrapper.e-float-input.e-small .e-clear-icon,
.e-input-group.e-control-wrapper.e-float-input .e-clear-icon.e-small,
.e-small .e-input-group.e-control-wrapper.e-float-input .e-clear-icon {
    padding-right: 0;
    padding-top: 0;
}

.e-input:not(:valid),
.e-input:valid,
.e-float-input.e-control-wrapper input:not(:valid),
.e-float-input.e-control-wrapper input:valid,
.e-float-input input:not(:valid),
.e-float-input input:valid,
.e-input-group input:not(:valid),
.e-input-group input:valid,
.e-input-group.e-control-wrapper input:not(:valid),
.e-input-group.e-control-wrapper input:valid,
.e-float-input.e-control-wrapper textarea:not(:valid),
.e-float-input.e-control-wrapper textarea:valid,
.e-float-input textarea:not(:valid),
.e-float-input textarea:valid,
.e-input-group.e-control-wrapper textarea:not(:valid),
.e-input-group.e-control-wrapper textarea:valid,
.e-input-group textarea:not(:valid),
.e-input-group textarea:valid {
    box-shadow: none;
}

.e-input-group .e-input-in-wrap,
.e-input-group.e-control-wrapper .e-input-in-wrap,
.e-float-input .e-input-in-wrap,
.e-float-input.e-control-wrapper .e-input-in-wrap {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

    .e-float-input .e-input-in-wrap label.e-float-text,
    .e-float-input.e-control-wrapper .e-input-in-wrap label.e-float-text {
        right: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
    }

.e-float-input input.e-input,
.e-float-input.e-bigger .e-input,
.e-bigger .e-float-input .e-input,
.e-float-input.e-control-wrapper input.e-input,
.e-float-input.e-control-wrapper.e-bigger .e-input,
.e-bigger .e-float-input.e-control-wrapper .e-input {
    margin-bottom: 0;
}

.e-float-input textarea:focus ~ label.e-float-text,
.e-float-input textarea:valid ~ label.e-float-text,
.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
.e-float-input textarea label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
    font-size: 12px;
    padding-right: 0;
    transform: translate3d(-10px, -39px, 0) scale(1);
}

.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
.e-float-input.e-bigger textarea[readonly] ~ label.e-float-text,
.e-float-input.e-bigger textarea[disabled] ~ label.e-float-text,
.e-bigger .e-float-input textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input textarea:valid ~ label.e-float-text,
.e-bigger .e-float-input textarea[readonly] ~ label.e-float-text,
.e-bigger .e-float-input textarea[disabled] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper textarea[readonly] ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text {
    font-size: 13px;
    top: 14px;
}

.e-float-input.e-small textarea:focus ~ label.e-float-text,
.e-float-input.e-small textarea:valid ~ label.e-float-text,
.e-float-input.e-small textarea[readonly] ~ label.e-float-text,
.e-float-input.e-small textarea[disabled] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-float-text {
    font-size: 11px;
    top: 16px;
}

.e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text,
.e-float-input.e-small.e-bigger textarea:valid ~ label.e-float-text,
.e-float-input.e-small.e-bigger textarea[readonly] ~ label.e-float-text,
.e-float-input.e-small.e-bigger textarea[disabled] ~ label.e-float-text,
.e-bigger .e-float-input.e-small textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-small textarea:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-small textarea[readonly] ~ label.e-float-text,
.e-bigger .e-float-input.e-small textarea[disabled] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger textarea:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger textarea[readonly] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger textarea[disabled] ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small textarea[readonly] ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small textarea[disabled] ~ label.e-float-text {
    font-size: 12px;
    top: 16px;
}

.e-float-input textarea ~ .e-float-text,
.e-float-input.e-control-wrapper textarea ~ .e-float-text {
    top: 11px;
}

.e-float-input.e-bigger textarea ~ label.e-float-text,
.e-float-input textarea ~ label.e-float-text.e-bigger,
.e-float-input textarea.e-bigger ~ label.e-float-text,
.e-bigger .e-float-input textarea ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text,
.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-bigger,
.e-float-input.e-control-wrapper textarea.e-bigger ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-float-text {
    font-size: 15px;
    top: 14px;
}

.e-float-input.e-small textarea ~ label.e-float-text,
.e-float-input textarea ~ label.e-float-text.e-small,
.e-float-input textarea.e-small ~ label.e-float-text,
.e-small .e-float-input textarea ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text,
.e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-small,
.e-float-input.e-control-wrapper textarea.e-small ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper textarea ~ label.e-float-text {
    font-size: 13px;
    top: 9px;
}

.e-float-input.e-small.e-bigger textarea ~ label.e-float-text,
.e-small .e-float-input.e-bigger textarea ~ label.e-float-text,
.e-bigger .e-float-input.e-small textarea ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger textarea ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small textarea ~ label.e-float-text {
    font-size: 14px;
    top: 13px;
}

.e-input-group:hover:not(.e-disabled),
.e-input-group.e-control-wrapper:hover:not(.e-disabled),
.e-float-input:hover:not(.e-disabled),
.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
.e-float-input:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
.e-float-input:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
.e-float-input.e-control-wrapper:hover:not(.e-disabled),
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]),
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) input:not([disabled]),
.e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-disabled) textarea:not([disabled]) {
    border-bottom-width: 1px;
}

/*! input theme */
input.e-input,
.e-input-group input.e-input,
.e-input-group.e-control-wrapper input.e-input,
textarea.e-input,
.e-float-input input,
.e-float-input.e-control-wrapper input,
.e-float-input textarea,
.e-float-input.e-control-wrapper textarea {
    background: #fff;
    border-color: #ccc;
    color: #555;
}

.e-input-group,
.e-input-group.e-control-wrapper,
.e-float-input,
.e-float-input.e-control-wrapper {
    background: #fff;
}

    .e-input-group .e-input-group-icon,
    .e-input-group.e-control-wrapper .e-input-group-icon {
        background: #fff;
        border-color: #ccc;
        color: #333;
    }

    .e-input[readonly],
    .e-input-group .e-input[readonly],
    .e-input-group.e-control-wrapper .e-input[readonly] {
        background: #fff;
    }

    .e-input-group.e-disabled .e-input-group-icon,
    .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon {
        color: #999;
    }

    .e-input[disabled],
    .e-input-group .e-input[disabled],
    .e-input-group.e-control-wrapper .e-input[disabled],
    .e-input-group.e-disabled,
    .e-input-group.e-control-wrapper.e-disabled .e-float-input input[disabled],
    .e-float-input.e-control-wrapper input[disabled],
    .e-float-input.e-disabled,
    .e-float-input.e-control-wrapper.e-disabled {
        background: #eee;
        color: #999;
        border-color: #ccc;
    }

        .e-input-group.e-disabled .e-input-group-icon,
        .e-input-group.e-control-wrapper.e-disabled .e-input-group-icon {
            background: #eee;
            border-color: #ccc;
        }

    .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
    .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
        background: #e6e6e6;
        color: #333;
    }

    .e-input.e-success,
    .e-input.e-success:focus,
    .e-input-group.e-success input.e-input,
    .e-input-group.e-control-wrapper.e-success input.e-input,
    .e-input-group.e-success .e-input-group-icon,
    .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
        border-color: #3c763d;
    }

    .e-input.e-warning,
    .e-input.e-warning:focus,
    .e-input-group.e-warning input.e-input,
    .e-input-group.e-control-wrapper.e-warning input.e-input,
    .e-input-group.e-warning .e-input-group-icon,
    .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
        border-color: #8a6d3b;
    }

    .e-input.e-error,
    .e-input.e-error:focus,
    .e-input-group.e-error input.e-input,
    .e-input-group.e-control-wrapper.e-error input.e-input,
    .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
    .e-input-group.e-error .e-input-group-icon {
        border-color: #a94442;
    }

    label.e-float-text,
    .e-float-input:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-float-input.e-control-wrapper:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-float-input.e-bigger:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-bigger .e-float-input:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-float-input.e-small:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-float-input.e-control-wrapper.e-small:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-small .e-float-input:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-small .e-float-input.e-control-wrapper:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-float-input.e-small.e-bigger:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-bigger .e-float-input.e-small:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
    .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
        color: #999;
    }

    .e-float-input.e-error label.e-float-text,
    .e-float-input.e-control-wrapper.e-error label.e-float-text,
    .e-float-input.e-error input:focus ~ label.e-float-text,
    .e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
    .e-float-input.e-error textarea:focus ~ label.e-float-text,
    .e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
        color: #a94442;
    }

    .e-float-input input,
    .e-float-input textarea,
    .e-float-input.e-control-wrapper input,
    .e-float-input.e-control-wrapper textarea {
        border-bottom-color: #ccc;
    }

    .e-float-input.e-success input,
    .e-float-input.e-control-wrapper.e-success input {
        border-color: #3c763d;
    }

    .e-float-input.e-warning input,
    .e-float-input.e-control-wrapper.e-warning input {
        border-color: #8a6d3b;
    }

    .e-float-input.e-error input,
    .e-float-input.e-control-wrapper.e-error input {
        border-color: #a94442;
    }

    .e-float-input:not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
    .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
        color: #999;
    }

    .e-float-input.e-small textarea:focus,
    .e-float-input textarea:focus {
        border-color: #4caf50;
    }

    .e-input-group:not(.e-disabled) .e-input-group-icon:active,
    .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
        background: #d4d4d4;
        color: #333;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

    input.e-input::-moz-selection,
    textarea.e-input::-moz-selection,
    .e-input-group input.e-input::-moz-selection,
    .e-input-group.e-control-wrapper input.e-input::-moz-selection,
    .e-float-input input::-moz-selection,
    .e-float-input.e-control-wrapper input::-moz-selection {
        background: #4caf50;
        color: #fff;
    }

    input.e-input::selection,
    textarea.e-input::selection,
    .e-input-group input.e-input::selection,
    .e-input-group.e-control-wrapper input.e-input::selection,
    .e-float-input input::selection,
    .e-float-input.e-control-wrapper input::selection {
        background: #4caf50;
        color: #fff;
    }

    .e-float-input.e-small textarea::-moz-selection,
    .e-float-input textarea::-moz-selection {
        background: #4caf50;
        color: #fff;
    }

    .e-float-input.e-small textarea::selection,
    .e-float-input textarea::selection {
        background: #4caf50;
        color: #fff;
    }

input.e-input:-moz-placeholder {
    color: #999;
}

.e-input-group input.e-input:-moz-placeholder {
    color: #999;
}

.e-input-group input.e-input:-moz-placeholder,
.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
    color: #999;
}

input.e-input:-moz-placeholder {
    color: #999;
}

.e-input-group input.e-input:-moz-placeholder {
    color: #999;
}

.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
    color: #999;
}

textarea.e-input:-moz-placeholder {
    color: #999;
}

.e-input-group textarea.e-input:-moz-placeholder {
    color: #999;
}

.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder {
    color: #999;
}

input.e-input::-moz-placeholder {
    color: #999;
}

.e-input-group input.e-input::-moz-placeholder {
    color: #999;
}

.e-input-group.e-control-wrapper input.e-input::-moz-placeholder {
    color: #999;
}

textarea.e-input::-moz-placeholder {
    color: #999;
}

.e-input-group textarea.e-input::-moz-placeholder {
    color: #999;
}

.e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
    color: #999;
}

input.e-input:-ms-input-placeholder {
    color: #999;
}

.e-input-group input.e-input:-ms-input-placeholder {
    color: #999;
}

.e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder {
    color: #999;
}

textarea.e-input:-ms-input-placeholder {
    color: #999;
}

.e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder {
    color: #999;
}

.e-input-group textarea.e-input:-ms-input-placeholder {
    color: #999;
}

input.e-input::-webkit-input-placeholder {
    color: #999;
}

.e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder {
    color: #999;
}

.e-input-group input.e-input::-webkit-input-placeholder {
    color: #999;
}

textarea.e-input::-webkit-input-placeholder {
    color: #999;
}

.e-input-group textarea.e-input::-webkit-input-placeholder {
    color: #999;
}

.e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
    color: #999;
}

.e-input-group::before,
.e-input-group::after,
.e-input-group.e-control-wrapper::before,
.e-input-group.e-control-wrapper::after {
    content: '';
}

.e-input-group.e-success::before,
.e-input-group.e-success::after,
.e-input-group.e-control-wrapper.e-success::before,
.e-input-group.e-control-wrapper.e-success::after {
    content: '';
}

.e-input-group.e-warning::before,
.e-input-group.e-warning::after,
.e-input-group.e-control-wrapper.e-warning::before,
.e-input-group.e-control-wrapper.e-warning::after {
    content: '';
}

.e-input-group.e-error::before,
.e-input-group.e-error::after,
.e-input-group.e-control-wrapper.e-error::before,
.e-input-group.e-control-wrapper.e-error::after {
    content: '';
}

.e-input-group.e-success .e-input-group-icon,
.e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
.e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
    color: #333;
}

.e-input-group.e-warning .e-input-group-icon,
.e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
.e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
    color: #333;
}

.e-input-group.e-error .e-input-group-icon,
.e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
.e-input-group.e-control-wrapper.e-error .e-input-group-icon,
.e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
    color: #333;
}

.e-input-group input.e-input,
.e-input-group.e-control-wrapper input.e-input {
    border-color: #ccc;
}

.e-input:focus:not(.e-success):not(.e-warning):not(.e-error),
.e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus,
.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) input:focus,
.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus {
    border-color: var(--primary-color-empresa) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--primary-color-empresa);
}

.e-input:focus:not(.e-success):not(.e-warning).e-error,
.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(217, 83, 79, 0.6);
}

.e-input:focus:not(.e-error):not(.e-warning).e-success,
.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(92, 184, 92, 0.6);
}

.e-input:focus:not(.e-success):not(.e-error).e-warning,
.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 173, 78, 0.6);
}

.e-input-group:not(.e-float-input):not(.e-float-icon-left) .e-input:focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap .e-input:focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-float-input):not(.e-float-icon-left) .e-input:focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap .e-input:focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: none;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus,
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus {
    border-color: transparent;
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--primary-color-empresa) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--primary-color-empresa);
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(217, 83, 79, 0.6);
}

.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(92, 184, 92, 0.6);
}

.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 173, 78, 0.6);
}

.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus {
    border-color: #ccc;
}

.e-input-group:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #ccc;
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: var(--primary-color-empresa);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(217, 83, 79, 0.6);
}

.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(92, 184, 92, 0.6);
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 173, 78, 0.6);
}

.e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error),
.e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #ccc;
}

.e-input-group,
.e-input-group.e-control-wrapper {
    border-bottom-color: #ccc;
}

    .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
    .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus {
        border-bottom-color: transparent;
        border-top-color: transparent;
    }

    .e-input-group.e-success,
    .e-input-group.e-control-wrapper.e-success {
        border-color: #3c763d;
    }

    .e-input-group.e-warning,
    .e-input-group.e-control-wrapper.e-warning {
        border-color: #8a6d3b;
    }

    .e-input-group.e-error,
    .e-input-group.e-control-wrapper.e-error {
        border-color: #a94442;
    }

    .e-float-input .e-clear-icon,
    .e-float-input.e-control-wrapper .e-clear-icon,
    .e-input-group .e-clear-icon,
    .e-input-group.e-control-wrapper .e-clear-icon {
        color: #777;
    }

    .e-float-input:not(.e-disabled) .e-clear-icon:hover,
    .e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover,
    .e-input-group:not(.e-disabled) .e-clear-icon:hover,
    .e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
        color: #333;
    }

    .e-float-input.e-disabled .e-clear-icon,
    .e-float-input.e-control-wrapper.e-disabled .e-clear-icon,
    .e-input-group.e-disabled .e-clear-icon,
    .e-input-group.e-control-wrapper.e-disabled .e-clear-icon {
        color: #999;
    }

.e-float-input.e-input-focus .e-input:focus,
.e-float-input.e-control-wrapper.e-input-focus .e-input:focus {
    border-bottom-color: transparent;
    border-top-color: transparent;
}

.e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input:not(.e-error) input label.e-float-text.e-label-top,
.e-float-input.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input:not(.e-error) input:valid ~ label.e-float-text,
.e-bigger .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text {
    color: #333;
}

.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text {
    color: #333;
}

.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
.e-small .e-float-input:not(.e-error) input:focus ~ label.e-float-text,
.e-small .e-float-input:not(.e-error) input:valid ~ label.e-float-text,
.e-small .e-float-input:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-small .e-float-input:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top,
.e-small .e-float-input:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text {
    color: #333;
}

.e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-float-text.e-label-top,
.e-small .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text {
    color: #333;
}

.e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input:not(.e-error) textarea:valid ~ label.e-float-text,
.e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
.e-float-input:not(.e-error) textarea label.e-float-text.e-label-top,
.e-float-input.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text,
.e-bigger .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
    color: #333;
}

.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
    color: #333;
}

.e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-small .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top,
.e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
    color: #333;
}

.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-small .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
    color: #333;
}

.e-float-input.e-input-group.e-disabled .e-float-text,
.e-float-input.e-input-group.e-disabled .e-float-text.e-label-top,
.e-float-input input[disabled] ~ label.e-float-text,
.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-disabled label.e-float-text,
.e-float-input.e-disabled label.e-float-text.e-label-top,
.e-float-input:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
    color: #999;
}

.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text,
.e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top,
.e-float-input.e-control-wrapper input[disabled] ~ label.e-float-text,
.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-disabled label.e-float-text,
.e-float-input.e-control-wrapper.e-disabled label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
    color: #999;
}

input.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus),
textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) {
    border-color: #ccc;
}

.e-input-group.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-input-group.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) .e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
.e-float-input.e-control-wrapper.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]) {
    border-color: var(--primary-color-empresa);
}

.e-input-group:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-input-group.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input.e-control-wrapper:active:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
.e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
.e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]) {
    border-color: var(--primary-color-empresa);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--primary-color-empresa);
}

/*! component icons */
.e-input-group-icon.e-spin-up::before {
    content: "";
}

.e-input-group-icon.e-spin-down::before {
    content: "";
}

.e-input-group-icon.e-spin-up::before,
.e-input-group-icon.e-spin-down::before {
    font-family: 'e-icons';
}

.e-control-wrapper.e-numeric.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-focus) {
    border-color: #ccc;
    box-shadow: none;
}

/*! maskedtextbox layout */
/*! maskedtextbox theme */
.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
    cursor: default;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    z-index: 0;
}

.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
    padding: 2px 12px;
    text-align: center;
}

.e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
    padding: 2px 12px;
}

.e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
    padding: 2px 12px;
}

.e-bigger .e-slider-container .e-slider .e-handle,
.e-slider-container.e-bigger .e-slider .e-handle {
    height: 18px;
    width: 18px;
}

.e-bigger .e-slider-container.e-horizontal .e-slider .e-handle,
.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
    margin-left: -9px;
    top: calc(50% - 9px);
}

.e-bigger .e-slider-container.e-vertical .e-slider .e-handle,
.e-slider-container.e-bigger.e-vertical .e-slider .e-handle {
    left: calc(50% - 9px);
    margin-bottom: -9px;
}

.e-bigger .e-slider-container .e-scale .e-tick .e-tick-value,
.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value {
    font-size: 12px;
}

.e-slider-container {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    display: inline-block;
    height: 26px;
    line-height: normal;
    outline: none;
    position: relative;
    user-select: none;
}

    .e-slider-container::after {
        content: "bootstrap";
        display: none;
    }

    .e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
        margin: 0 -8px 0 0;
        top: calc(50% - 8px);
    }

    .e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-first-tick {
        background-position: right center;
        left: 0;
    }

    .e-slider-container.e-rtl.e-horizontal .e-scale.e-h-scale .e-tick.e-last-tick {
        background-position: left center;
    }

    .e-slider-container.e-rtl.e-horizontal .e-slider-button {
        margin-top: -7px;
    }

    .e-slider-container.e-rtl.e-vertical {
        direction: ltr;
    }

    .e-slider-container.e-disabled .e-btn {
        cursor: default;
    }

    .e-slider-container.e-disabled .e-slider .e-handle {
        cursor: default;
    }

        .e-slider-container.e-disabled .e-slider .e-handle.e-handle-disable {
            display: none;
        }

    .e-slider-container.e-horizontal {
        height: 48px;
        width: 100%;
    }

        .e-slider-container.e-horizontal .e-first-button {
            left: 0;
            margin-top: -9px;
            top: 50%;
        }

            .e-slider-container.e-horizontal .e-first-button .e-button-icon {
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAolBMVEUAAAD////////////////////////+/v7////+/v7////+/v7////+/v7////////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7///+y6E2hAAAANXRSTlMABAgMEBQYHCAkKCwwNEBESExUWFxkaGx0fICDh4ubn6Orr7O3u7/Hy8/T19vf4+fr7/P3+0e6nekAAAEFSURBVHjalZXJVgJBEASjnXHAEUQURZBFFAfZt+H/f82jedCXVpyjD1mvs4q/aR4uP1QJR7YUf1tgmYl/amEZXIRHLF31X7GUJ/E/fOB8I/46w5Hm4h9LLGPx63ssPQ08wNI+i/+GpdiLv/xH4IX4+waWqQa+w9LXwE9YOrX4ExzxCqzE3xVY3oMVGGrgHpYH9UdYWlqBuQ9cbLUCOY5UaeCS4INbPMVO19A1wdBVIli0CXhG+uIZYsui7uDJ1/Li0MRTHuXFKouOakZ0VMPwqLqBUckfiWzuTU7wNnwmgtdnDPFyxy7ouQ3hBeW50RW4SMSXrOdFg/chfCg8V1/RcjR+PXbfOBx/sErjBl8AAAAASUVORK5CYII=");
                background-repeat: no-repeat;
                background-size: cover;
                height: 8px;
                left: calc(50% - 5px);
                position: absolute;
                top: calc(50% - 4px);
                width: 8px;
            }

        .e-slider-container.e-horizontal .e-second-button {
            margin-top: -9px;
            right: 0;
            top: 50%;
        }

            .e-slider-container.e-horizontal .e-second-button .e-button-icon {
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAnFBMVEUAAAD////////////////////////+/v7////////+/v7////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////uN4ajAAAAM3RSTlMABAgMEBQYHCAoLDA0ODxASExcYGRobHR8g4uTl5ufo6ert7u/w8fLz9fb3+Pn6+/z9/tbKk6UAAABBklEQVR42q2VyRKCAAxDQRBZVMAFcRdxVxD0///Nk2M8OCQz9tx3SJu0xrvWz09VXaO5rCMQN4cgOgUQB5Mg+g8glgZRoydUwhALAB4hAZg7IEqXIJwrECeLIIIKiIyRMUDhKUNMkYgZ4Vv0iM945AzExSYID4XnjEci9MiMEZ6i8CFDYDhqKhwnIAomHO5XOFoEEaLwFSNjjMInDLHEcESMR/ZA3D0mHDcgzhYBFBrQOqJtPWLbouhUjF6Mi9s09/uVdj7sC5rPbd5ZjvYmTuBMHNBQHFC31gbkFNqAzIN4wVfij0ikL6RH2S2lT6qfowwd0fv/SY2xfy6/BS0C17b42oLfjS/tEHrYzreszwAAAABJRU5ErkJggg==");
                background-repeat: no-repeat;
                background-size: cover;
                height: 8px;
                left: calc(50% - 3px);
                position: absolute;
                top: calc(50% - 4px);
                width: 8px;
            }

        .e-slider-container.e-horizontal.e-slider-btn {
            padding: 0 38px;
        }

        .e-slider-container.e-horizontal .e-slider {
            height: 32px;
            position: relative;
            top: calc(50% - 16px);
            width: 100%;
        }

        .e-slider-container.e-horizontal .e-slider-track {
            height: 10px;
            left: 0;
            position: absolute;
            width: 100%;
            background: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
            top: calc(50% - 5px);
        }

        .e-slider-container.e-horizontal .e-handle {
            margin-left: -8px;
            top: calc(50% - 8px);
        }

        .e-slider-container.e-horizontal.e-scale-both .e-range {
            height: 8px;
        }

        .e-slider-container.e-horizontal .e-range {
            height: 8px;
            top: calc(50% - 4px);
        }

    .e-slider-container.e-vertical {
        height: inherit;
        padding: 38px 0;
        width: 48px;
    }

        .e-slider-container.e-vertical .e-slider {
            height: 100%;
            left: calc(50% - 16px);
            position: relative;
            width: 32px;
        }

        .e-slider-container.e-vertical .e-slider-track {
            background: #fff;
            bottom: 0;
            height: 100%;
            position: absolute;
            border: 1px solid #ccc;
            border-radius: 3px;
            left: calc(50% - 5px);
            width: 10px;
        }

        .e-slider-container.e-vertical.e-small-size.e-slider-btn {
            height: 100%;
            padding: 38px 0;
        }

            .e-slider-container.e-vertical.e-small-size.e-slider-btn .e-slider {
                height: 100%;
                width: 10px;
            }

        .e-slider-container.e-vertical .e-first-button {
            bottom: 0;
            margin-right: -9px;
            right: 50%;
        }

            .e-slider-container.e-vertical .e-first-button .e-button-icon {
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAApVBMVEUAAAD////////////////////+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////Ss6t3AAAANnRSTlMABAwQFBgcICQoLDA0OEBESExcYGRobHR8gIOHi4+Tl5ujq7O3u7/Dx8vP09fb3+Pn6+/z9/vRpbpFAAABHklEQVR4Ae3TW1PCMBAF4LOFgsj9ooCichcFoVBy/v9P0xGndktS8uT4wPeYmZPZnZPgf7h6EMCfjMF5Ad7CFUFuKvBUj0iQjNvw0jM8BcghLpMXMglwFuCCcMl0gJsb5KrtqAM8tJCje2Q2QDOAizwxAf6aBrAqLmgPcF2GRXVLV4D7Js50YqbBMM30ockjlRiNiMpELVKYU9lWgdIblfcSErcfVBZFfAkmVKIGfrRjKiPBST+zyB2+DakcO0g091TGAgRTKrsaUsprKq9h9mQZQjm7b0/lWZA1MHQyPVi0DnSI6rCqbGi1CuEQzGgxFrgNmWXu4WYp99BAPv18dFsOhblqy4OMdFt51Cc7duGttvMYXwmXHuMrIrj6Q58aX4DtQxE2xQAAAABJRU5ErkJggg==");
                background-repeat: no-repeat;
                background-size: cover;
                display: inline-block;
                height: 8px;
                left: calc(50% - 4px);
                position: absolute;
                top: calc(50% - 3.6px);
                width: 8px;
            }

        .e-slider-container.e-vertical .e-second-button {
            margin-right: -9px;
            right: 50%;
            top: 0;
        }

            .e-slider-container.e-vertical .e-second-button .e-button-icon {
                background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAApVBMVEUAAAD////////////////////+/v7////+/v7////+/v7////+/v7+/v7////////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7////+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7+/v7////4hhd5AAAANnRSTlMABAgMEBgcICQoLDA0OEBESExUXGBkbHR8gIOHi5Obn6Onq6+zt7u/x8vP09fb3+Pn6+/z9/tWLLgwAAABGElEQVR4Ae3UyXLyMBAE4NYvzPJDDARCyMKShbBAgo1wv/+jhSRVqhojqeRDqnLgu/nQh3GPBhd/mZ7PNSpobMhNA9HSjCd5F5FGBb8Vt4ihprRiBklWtGIG6WQU9i0EDY8sMX34qQkdxvBJlnR61nBqf9Bj24TDwNDr0EOZeqRg7PTuDmtvFHat8v+VHf5/p7ColRuUHV4bCg8KJ2pGIU/xQ91TMAO5hVYxwhf9SmHfhtXNKcz+Aa0dhWVSeknCug5DYaIg6CcKGcTncYgzYzkIRLwDh97BF1glcGpu3YGpgod+cQSKGwTcnQWyKwT1jQys6wizfcE2GGY3AnZHwuzOgcxShImtRuTRte8G1c56bYGKFC5+wyfN5oD6Q24erwAAAABJRU5ErkJggg==");
                background-repeat: no-repeat;
                background-size: cover;
                display: inline-block;
                height: 8px;
                left: calc(50% - 4px);
                position: absolute;
                top: calc(50% - 4.5px);
                width: 8px;
            }

        .e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
            margin-bottom: -8px;
        }

        .e-slider-container.e-vertical .e-slider .e-handle {
            margin-bottom: -8px;
            left: calc(50% - 8px);
        }

        .e-slider-container.e-vertical .e-slider .e-range {
            left: calc(50% - 4px);
            width: 8px;
        }

    .e-slider-container .e-range {
        border-radius: 3px;
        position: absolute;
        transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
    }

    .e-slider-container .e-slider {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        outline: 0 none;
        padding: 0;
        position: relative;
    }

        .e-slider-container .e-slider .e-handle {
            border-radius: 4px;
            box-sizing: border-box;
            cursor: pointer;
            height: 16px;
            outline: none;
            position: absolute;
            -ms-touch-action: none;
            touch-action: none;
            transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
            width: 16px;
            z-index: 10;
        }

            .e-slider-container .e-slider .e-handle.e-tab-handle {
                background-color: #e6e6e6;
                border-color: #4caf50;
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
            }

    .e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
        height: 5px;
        top: -9px;
    }

    .e-slider-container .e-tick-before.e-scale.e-h-scale .e-large {
        height: 8px;
        top: -9px;
    }

    .e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
        left: 4px;
        width: 5px;
    }

    .e-slider-container .e-tick-before.e-scale.e-v-scale .e-large {
        left: 1px;
        width: 8px;
    }

    .e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
        height: 5px;
        top: 6px;
    }

    .e-slider-container .e-tick-after.e-scale.e-h-scale .e-large {
        height: 8px;
        top: 9px;
    }

    .e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
        left: 19px;
        width: 5px;
    }

    .e-slider-container .e-tick-after.e-scale.e-v-scale .e-large {
        left: 19px;
        width: 8px;
    }

    .e-slider-container.e-scale-before .e-scale.e-v-scale {
        right: 9px;
    }

    .e-slider-container.e-scale-after .e-scale.e-v-scale {
        right: 9px;
    }

    .e-slider-container .e-tick-both.e-scale.e-h-scale .e-tick {
        height: calc(100% - 6px);
        top: -11px;
    }

    .e-slider-container .e-tick-both.e-scale.e-h-scale .e-large {
        height: 100%;
        top: -8px;
    }

    .e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
        background-position: center;
        width: 100%;
    }

    .e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
        width: 100%;
    }

    .e-slider-container .e-scale {
        box-sizing: content-box;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", "sans-serif";
        height: 28px;
        line-height: normal;
        list-style: none outside none;
        margin: 0;
        outline: 0 none;
        padding: 0;
        position: absolute;
        top: 16px;
        width: 100%;
        z-index: 1;
        font-size: 10px;
        margin-top: -5px;
    }

        .e-slider-container .e-scale .e-tick {
            background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNYtmzZfwAG2gLyNpL4dgAAAABJRU5ErkJggg==");
            cursor: pointer;
            outline: none;
            position: relative;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-position: center center;
        }

            .e-slider-container .e-scale .e-tick .e-tick-value {
                font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", "sans-serif";
                font-size: 10px;
                outline: none;
                position: absolute;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                white-space: nowrap;
            }

        .e-slider-container .e-scale.e-v-scale {
            height: 100%;
            left: calc(50% - 14px);
            top: 0;
            width: 28px;
            margin-top: -2px;
        }

            .e-slider-container .e-scale.e-v-scale .e-tick {
                background-repeat: repeat-x;
            }

                .e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
                    background-position-y: center;
                }

                .e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
                    background-position-y: bottom;
                    margin-top: 2px;
                }

        .e-slider-container .e-scale.e-h-scale .e-tick {
            display: inline-block;
            background-repeat: repeat-y;
            height: 100%;
            top: 0;
        }

            .e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before {
                top: -18px;
            }

            .e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after {
                bottom: -20px;
            }

            .e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
                bottom: -20px;
            }

                .e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
                    top: -18px;
                }

            .e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
                background-position: left center;
            }

            .e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick {
                background-position: right center;
            }

    .e-slider-container.e-horizontal.e-scale-both .e-scale {
        top: 15px;
    }

    .e-slider-container.e-vertical.e-scale-both .e-scale.e-v-scale {
        right: 10px;
    }

    .e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
        right: 17px;
    }

    .e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after {
        left: 19px;
    }

    .e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both {
        right: 44px;
    }

        .e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child {
            left: 42px;
        }

    .e-slider-container .e-slider .e-handle.e-handle-active {
        background-color: #e6e6e6;
        border-color: #ccc;
    }

    /*! component theme */
    .e-slider-container .e-slider-button {
        background-color: #777;
        border-radius: 50%;
        box-sizing: border-box;
        cursor: pointer;
        height: 18px;
        outline: none;
        padding: 0;
        position: absolute;
        width: 18px;
        border: 1px solid #777;
    }

    .e-slider-container .e-slider .e-range {
        background-color: #4caf50;
        z-index: 8;
    }

    .e-slider-container .e-slider .e-handle {
        background-color: #fff;
        border: 1px solid #ccc;
    }

        .e-slider-container .e-slider .e-handle.e-material-tooltip {
            background-color: transparent;
            border-color: transparent;
        }

        .e-slider-container .e-slider .e-handle.e-handle-first:hover {
            background-color: #e6e6e6;
            border-color: #ccc;
        }

        .e-slider-container .e-slider .e-handle.e-handle-first:active {
            background-color: #e6e6e6;
            border-color: #ccc;
        }

        .e-slider-container .e-slider .e-handle.e-handle-second:hover {
            background-color: #e6e6e6;
            border-color: #ccc;
        }

        .e-slider-container .e-slider .e-handle.e-handle-second:active {
            background-color: #e6e6e6;
            border-color: #ccc;
        }

    .e-slider-container.e-slider-hover .e-slider-track {
        background-color: #fff;
    }

    .e-slider-container.e-slider-hover .e-range {
        background-color: #4caf50;
    }

    .e-slider-container.e-slider-hover .e-handle {
        border-color: #ccc;
    }

.e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
    content: "";
}

.e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
    content: "";
}

.e-upload .e-upload-files .e-icons.e-msie::before {
    position: relative;
    right: 5px;
}

.e-bigger .e-upload {
    width: 100%;
}

    .e-bigger .e-upload .e-file-select-wrap {
        padding: 20px 0 20px 15px;
    }

.e-upload .e-file-select-wrap .e-file-drop {
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    margin-left: 11px;
}

.e-bigger .e-upload .e-upload-files .e-upload-file-list {
    font-size: 15px;
    line-height: normal;
    min-height: 108px;
}

    .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container {
        margin-left: 15px;
        top: 0;
    }

        .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
            font-size: 15px;
            padding-top: 15px;
        }

        .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
            font-size: 13px;
            padding: 10px 0;
        }

        .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
            font-size: 15px;
            padding-top: 15px;
            top: initial;
        }

        .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status {
            font-size: 13px;
            padding-bottom: 15px;
        }

        .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
            height: 5px;
        }

            .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap {
                height: 5px;
                width: 95%;
            }

                .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar {
                    height: 90%;
                }

            .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
                font-size: 12px;
                right: 16px;
                top: -36px;
            }

.e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons,
.e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons {
    font-size: 12px;
    margin: 15px;
    margin-top: -24px;
    padding: 24px;
    top: 50%;
}

.e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons {
    font-size: 12px;
}

.e-bigger .e-upload .e-upload-actions .e-btn {
    margin-left: 15px;
}

.e-bigger .e-upload .e-upload-actions .e-file-upload-btn,
.e-bigger .e-upload .e-upload-actions .e-file-clear-btn {
    margin: 15px;
}

.e-bigger .e-upload.e-rtl .e-file-select-wrap {
    padding: 20px 15px 20px 0;
}

    .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn {
        margin-right: 0;
    }

    .e-bigger .e-upload.e-rtl .e-file-select-wrap .e-file-drop {
        margin-right: 15px;
    }

.e-bigger .e-upload.e-rtl .e-upload-file-list .e-file-container {
    margin-left: 5px;
    margin-right: 15px;
}

    .e-bigger .e-upload.e-rtl .e-upload-file-list .e-file-container .e-file-status {
        top: 30px;
    }

    .e-bigger .e-upload.e-rtl .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
        left: 16px;
        right: initial;
    }

.e-bigger .e-upload.e-rtl .e-upload-file-list .e-file-remove-btn.e-icons,
.e-bigger .e-upload.e-rtl .e-upload-file-list .e-file-delete-btn.e-icons {
    left: 0;
    margin-left: 15px;
    margin-right: 15px;
    padding: 24px;
    top: 50%;
}

.e-upload {
    float: left;
    width: 100%;
}

    .e-upload .e-file-select-wrap {
        padding: 16px 0 16px 12px;
    }

        .e-upload .e-file-select-wrap .e-file-select,
        .e-upload .e-file-select-wrap .e-file-select .e-uploader {
            display: inline-block;
            width: 0;
        }

            .e-upload .e-file-select-wrap .e-file-select .e-uploader {
                opacity: 0;
            }

        .e-upload .e-file-select-wrap .e-file-drop {
            font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            margin-left: 11px;
        }

    .e-upload .e-upload-files {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

        .e-upload .e-upload-files .e-upload-file-list {
            font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            height: 100%;
            line-height: normal;
            min-height: 92px;
            position: relative;
        }

            .e-upload .e-upload-files .e-upload-file-list .e-file-container {
                display: block;
                height: 100%;
                margin-left: 12px;
                margin-right: 40px;
                min-height: 35px;
                position: relative;
                top: 0;
            }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
                    float: left;
                    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
                    font-size: 14px;
                    max-width: 75%;
                    overflow: hidden;
                    padding-top: 12px;
                    position: relative;
                    text-overflow: ellipsis;
                    top: 0;
                    white-space: nowrap;
                }

                    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name::before {
                        content: attr(data-tail);
                        float: right;
                    }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
                    display: block;
                    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
                    font-size: 14px;
                    padding-top: 12px;
                }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
                    display: block;
                    font-size: 12px;
                    padding: 8px 0;
                }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status {
                    display: block;
                    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
                    font-size: 12px;
                    padding-bottom: 12px;
                }

                    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-progress {
                        display: none;
                    }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap {
                    display: block;
                    height: 10px;
                    padding-bottom: 11px;
                    padding-top: 6px;
                    position: absolute;
                    width: 95%;
                }

                    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap {
                        border-radius: 2px;
                        display: block;
                        height: 4px;
                        width: 100%;
                    }

                        .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-inner-wrap .e-upload-progress-bar {
                            border-radius: 1px;
                            display: inherit;
                            height: 4px;
                        }

                    .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
                        float: right;
                        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
                        font-size: 12px;
                        position: relative;
                        right: 0;
                        top: -33px;
                    }

        .e-upload .e-upload-files .e-file-remove-btn.e-icons,
        .e-upload .e-upload-files .e-file-delete-btn.e-icons {
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer;
            display: -ms-inline-flexbox;
            display: inline-flex;
            font-size: 11px;
            height: 20px;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 12px;
            margin-top: -22px;
            padding: 16px;
            position: absolute;
            right: 0;
            top: 50%;
            vertical-align: middle;
            width: 20px;
        }

            .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress,
            .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress {
                cursor: default;
            }

            .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):hover,
            .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):hover,
            .e-upload .e-upload-files .e-clear-icon-focus {
                background-color: #e6e6e6;
                border-color: transparent;
                border-radius: 50%;
                box-shadow: 0 0 0 transparent;
            }

        .e-upload .e-upload-files .e-file-delete-btn.e-icons {
            font-size: 11px;
            opacity: 1;
        }

    .e-upload .e-file-select-wrap .e-btn,
    .e-upload .e-upload-actions .e-btn {
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        background-color: white;
        border-color: #596774;
        border: 2px solid #596774;
        color: #596774;
        font-weight: bold;
    }

button.e-css.e-btn {
}

.e-upload .e-upload-actions {
    float: right;
    position: relative;
}

    .e-upload .e-upload-actions .e-file-upload-btn,
    .e-upload .e-upload-actions .e-file-clear-btn {
        margin: 12px;
    }

.e-upload.e-rtl .e-file-select-wrap {
    padding: 16px 12px 16px 0;
}

    .e-upload.e-rtl .e-file-select-wrap .e-control.e-btn {
        margin-right: 0;
    }

    .e-upload.e-rtl .e-file-select-wrap .e-file-drop {
        margin-left: 5px;
        margin-right: 11px;
        position: relative;
    }

.e-upload.e-rtl .e-upload-actions {
    float: left;
}

.e-upload.e-rtl .e-upload-file-list .e-file-container {
    height: 100%;
    margin-left: 5px;
    margin-right: 11px;
    position: relative;
}

    .e-upload.e-rtl .e-upload-file-list .e-file-container .e-rtl-container {
        direction: ltr;
        float: right;
        width: 100%;
    }

    .e-upload.e-rtl .e-upload-file-list .e-file-container .e-file-type {
        float: right;
    }

    .e-upload.e-rtl .e-upload-file-list .e-file-container .e-file-name {
        float: right;
    }

    .e-upload.e-rtl .e-upload-file-list .e-file-container .e-file-size {
        direction: ltr;
        float: right;
        position: relative;
        text-align: right;
        width: 100%;
    }

    .e-upload.e-rtl .e-upload-file-list .e-file-container .e-upload-progress-wrap {
        float: right;
        position: initial;
        top: 23px;
        width: 86%;
    }

        .e-upload.e-rtl .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
            float: left;
            right: 0;
            top: -32px;
        }

.e-upload.e-rtl .e-upload-file-list .e-file-remove-btn.e-icons,
.e-upload.e-rtl .e-upload-file-list .e-file-delete-btn.e-icons {
    left: 0;
    margin-left: 11px;
    margin-right: 11px;
    right: auto;
    top: 50%;
}

.e-upload.e-disabled .e-file-drop {
    color: #000;
}

.e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-name,
.e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-type,
.e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-size,
.e-upload.e-disabled .e-upload-files .e-upload-file-list .e-file-container .e-file-status {
    color: #000;
}

.e-upload {
    border: 2px dashed #ccc;
}

    .e-upload .e-file-drop {
        color: #333;
    }

    .e-upload .e-upload-files {
        border-top: 1px solid #ddd;
    }

        .e-upload .e-upload-files .e-upload-file-list {
            border-bottom: 1px solid #ddd;
        }

            .e-upload .e-upload-files .e-upload-file-list.e-upload-li-focused {
                background-color: #888888;
            }

            .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
                color: #333;
            }

            .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
                color: #333;
            }

            .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
                color: #777;
            }

            .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status {
                color: #333;
            }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success {
                    color: #5cb85c;
                }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-fails {
                    color: #d9534f;
                }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-validation-fails {
                    color: #d9534f;
                }

            .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
                background-color: #e6e6e6;
            }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
                    background: #4caf50;
                }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-success {
                    background: #5cb85c;
                }

                .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-failed {
                    background: #d9534f;
                }

            .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-bar-text {
                color: #333;
            }

        .e-upload .e-upload-files .e-file-remove-btn.e-icons::before,
        .e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
            color: #000;
        }

        .e-upload .e-upload-files .e-file-remove-btn.e-icons.e-upload-progress::before,
        .e-upload .e-upload-files .e-file-delete-btn.e-icons.e-upload-progress::before {
            color: #999;
        }

.e-upload-drag-hover {
    outline: 2px dashed #4caf50;
}

/*! component icons */
.e-dialog .e-icon-dlg-close::before {
    content: "";
    position: relative;
}

.e-dialog .e-icon-dlg-close {
    opacity: initial;
}

    .e-dialog .e-icon-dlg-close:active {
        opacity: initial;
    }

    .e-dialog .e-icon-dlg-close:hover {
        opacity: initial;
    }

.e-bigger .e-dialog .e-icon-dlg-close::before {
    top: -5px;
}

/*! dialog layout */
.e-dialog {
    border: 1px solid #999;
    border-radius: 6px;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

    .e-dialog .e-dlg-header-content {
        border-radius: 6px 6px 0 0;
        line-height: 1.25;
        overflow: hidden;
    }

        .e-dialog .e-dlg-header-content + .e-dlg-content {
            padding-top: 15px;
        }

    .e-dialog .e-btn .e-btn-icon.e-icon-dlg-close {
        font-size: 10px;
        width: 10px;
    }

    .e-dialog .e-dlg-header,
    .e-dialog .e-dlg-header * {
        display: block;
        font-size: 18px;
        font-weight: 500;
        overflow: hidden;
        text-overflow: clip;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: top;
        white-space: nowrap;
        width: 85%;
    }

    .e-dialog .e-dlg-modal {
        position: fixed;
    }

    .e-dialog .e-scroll-disabled {
        overflow: hidden !important;
    }

    .e-dialog .e-dlg-content {
        display: block;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        font-size: 14px;
        font-weight: 300;
        line-height: 1.25;
        overflow: auto;
        overflow-x: hidden;
        /* height: 100px; */
    }

    .e-dialog .e-footer-content {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        border-top: 1px solid #e6e6e6;
        bottom: 0;
        display: block;
        right: 0;
        width: 100%;
    }

    .e-dialog .e-footer-content {
        text-align: right;
        padding: 5px;
    }

.e-bigger.e-dialog .e-dlg-header-content,
.e-bigger .e-dialog .e-dlg-header-content {
    padding: 18.75;
}

.e-bigger.e-dialog .e-dlg-content,
.e-bigger .e-dialog .e-dlg-content {
    padding: 18.75;
}

.e-bigger.e-dialog .e-footer-content,
.e-bigger .e-dialog .e-footer-content {
    padding: 18.75;
}

    .e-bigger.e-dialog .e-footer-content .e-btn,
    .e-bigger .e-dialog .e-footer-content .e-btn {
        margin-left: 10px;
    }

.e-bigger.e-dialog .e-btn.e-dlg-closeicon-btn,
.e-bigger .e-dialog .e-btn.e-dlg-closeicon-btn {
    bottom: 9px;
    height: 25px;
    left: 0;
    width: 25px;
}

.e-bigger.e-rtl .e-footer-content .e-btn,
.e-bigger .e-rtl .e-footer-content .e-btn {
    margin-left: 0;
    margin-right: 10px;
}

.e-bigger .e-dlg-header-content + .e-dlg-content {
    padding-top: 18.75;
}

.e-dialog .e-dlg-header-content {
    border-bottom: 1px solid #e6e6e6;
    padding: 15px;
}

.e-dialog .e-dlg-content {
    padding: 20px;
}

.e-dialog .e-footer-content {
    padding: 5px;
}

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

.e-rtl .e-footer-content .e-btn {
    margin-right: 8px;
}

.e-dialog.e-draggable .e-dlg-header-content {
    cursor: move;
}

.e-dialog {
    max-height: 98%;
    max-width: 100%;
    min-width: 240px;
}

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

.e-rtl .e-footer-content {
    text-align: left;
}

.e-rtl .e-footer-content {
    text-align: left;
}

.e-rtl .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    float: left;
    right: -4px;
}

.e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    background-color: transparent;
    border-color: transparent;
    border-radius: 50%;
    bottom: 6px;
    float: right;
    height: 20px;
    left: 0;
    position: relative;
    width: 20px;
}

.e-dlg-overlay {
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
}

.e-dlg-overflow-hidden {
    overflow: auto;
}

.e-dlg-fullscreen {
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
}

.e-popup.e-popup-open.e-dialog {
    display: -ms-inline-flexbox;
    display: block;
}

.e-dlg-container {
    -ms-flex-align: center;
    align-items: center;
    display: none;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.e-dlg-center-center {
    -ms-flex-pack: center;
    justify-content: center;
}

.e-dlg-left-center {
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.e-dlg-right-center {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.e-dlg-left-top {
    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.e-dlg-right-top {
    -webkit-align-items: flex-start;
    -webkit-justify-content: flex-end;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.e-dlg-center-top {
    -ms-flex-direction: column;
    flex-direction: column;
}

.e-dlg-left-bottom {
    -webkit-align-items: flex-end;
    -webkit-justify-content: flex-start;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.e-dlg-right-bottom {
    -webkit-align-items: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.e-dlg-center-bottom {
    -webkit-justify-content: flex-end;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.e-dialog .e-btn.e-dlg-closeicon-btn:hover,
.e-dialog .e-btn.e-dlg-closeicon-btn:focus,
.e-dialog .e-btn.e-dlg-closeicon-btn:active {
    background-color: transparent;
    border-color: transparent;
    box-shadow: 0 0 0 transparent;
}

.e-dialog {
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.e-dlg-overlay {
    background-color: #383838;
}

.e-footer-content {
    background-color: #fff;
}

.e-dlg-header,
.e-dlg-header * {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    opacity: 1;
}

.e-device .e-dlg-content,
.e-device .e-dlg-content * {
    font-size: 15px;
}

.e-dlg-header-content {
    background-color: #fff;
}

.e-dlg-content {
    background-color: #fff;
}

.e-icon-dlg-close {
    color: #000;
}

.e-dialog .e-btn.e-dlg-closeicon-btn:hover span {
    color: #000;
}

.e-icon-dlg-close:active {
    border-radius: 50%;
    color: #000;
    opacity: 1;
}

.e-icon-dlg-close:hover {
    color: #000;
}

.e-dlg-header-content .e-dlg-closeicon-btn:hover {
    background-color: transparent;
}

.e-dlg-header-content .e-dlg-closeicon-btn:active {
    background-color: transparent;
}

/*! popup layout */
.e-popup {
    height: auto;
    position: absolute;
    width: auto;
    z-index: 1000;
}

    .e-popup.e-popup-open {
        display: block;
    }

    .e-popup.e-popup-close {
        display: none;
    }

/*! component's default definitions and variables */
/*! component icons */
.e-tooltip-close::before {
    content: '\e7e9';
    font-size: 16px;
}

.e-arrow-tip-inner.e-tip-right::before {
    content: '\e848';
}

.e-arrow-tip-inner.e-tip-top::before {
    content: '\e918';
}

.e-arrow-tip-inner.e-tip-bottom::before {
    content: '\e919';
}

.e-arrow-tip-inner.e-tip-left::before {
    content: '\e84b';
}

/*! tooltip layout */
.e-tooltip-wrap {
    max-width: 350px;
    min-width: 30px;
    padding: 0;
    position: absolute;
    visibility: visible;
    /*! tooltip arrow */
    /*! tooltip sticky mode close icon */
    /*! tooltip content area */
}

    .e-tooltip-wrap .e-arrow-tip {
        overflow: hidden;
        position: absolute;
    }

        .e-tooltip-wrap .e-arrow-tip.e-tip-bottom {
            height: 8px;
            left: 50%;
            top: 100%;
            width: 16px;
        }

        .e-tooltip-wrap .e-arrow-tip.e-tip-top {
            height: 8px;
            left: 50%;
            top: -9px;
            width: 16px;
        }

        .e-tooltip-wrap .e-arrow-tip.e-tip-left {
            height: 16px;
            left: -9px;
            top: 48%;
            width: 8px;
        }

        .e-tooltip-wrap .e-arrow-tip.e-tip-right {
            height: 16px;
            left: 100%;
            top: 50%;
            width: 8px;
        }

    .e-tooltip-wrap .e-tooltip-close {
        float: right;
        position: absolute;
        right: -9px;
        top: -9px;
    }

    .e-tooltip-wrap .e-tip-content {
        background-color: inherit;
        height: 100%;
        line-height: 17px;
        overflow-x: hidden;
        padding: 3px 8px;
        position: relative;
        white-space: normal;
        width: 100%;
    }

    /*! Bigger Style */
    .e-bigger .e-tooltip-wrap .e-tip-content,
    .e-tooltip-wrap.e-bigger .e-tip-content {
        line-height: 20px;
        padding: 5px 10px;
    }

/*! Tooltip theme */
.e-tooltip-wrap {
    border-radius: 4px;
    filter: none;
    opacity: 1;
    /*! tooltip arrow */
    /*! tooltip sticky mode close icon */
    /*! tooltip content area */
}

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

    .e-tooltip-wrap .e-arrow-tip-outer {
        height: 0;
        left: 0;
        position: absolute;
        top: 0;
        width: 0;
    }

        .e-tooltip-wrap .e-arrow-tip-outer.e-tip-bottom {
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-top: 8px solid #000;
        }

        .e-tooltip-wrap .e-arrow-tip-outer.e-tip-top {
            border-bottom: 8px solid #000;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
        }

        .e-tooltip-wrap .e-arrow-tip-outer.e-tip-left {
            border-bottom: 8px solid transparent;
            border-right: 8px solid #000;
            border-top: 8px solid transparent;
        }

        .e-tooltip-wrap .e-arrow-tip-outer.e-tip-right {
            border-bottom: 8px solid transparent;
            border-left: 8px solid #000;
            border-top: 8px solid transparent;
        }

    .e-tooltip-wrap .e-arrow-tip-inner {
        height: 0;
        position: absolute;
        width: 0;
        z-index: 10;
    }

        .e-tooltip-wrap .e-arrow-tip-inner.e-tip-right, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-left, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-bottom, .e-tooltip-wrap .e-arrow-tip-inner.e-tip-top {
            color: #000;
            font-family: 'e-icons';
            font-size: 16px;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            line-height: 1;
            text-transform: none;
        }

    .e-tooltip-wrap .e-tooltip-close {
        background-color: #fff;
        border-radius: 8px;
        color: #000;
    }

        .e-tooltip-wrap .e-tooltip-close:hover {
            background-color: #ddd;
            color: #000;
        }

    .e-tooltip-wrap .e-tip-content {
        color: #fff;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
    }

    /*! bigger style */
    .e-bigger .e-tooltip-wrap .e-tip-content,
    .e-tooltip-wrap.e-bigger .e-tip-content {
        font-size: 13px;
    }

/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-spinner-pane {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 100%;
    z-index: 1000;
}

    .e-spinner-pane::after {
        content: "Bootstrap";
        display: none;
    }

    .e-spinner-pane.e-spin-left .e-spinner-inner {
        -webkit-transform: translateX(0%) translateY(-50%);
        left: 0;
        padding-left: 10px;
        transform: translateX(0%) translateY(-50%);
    }

    .e-spinner-pane.e-spin-right .e-spinner-inner {
        -webkit-transform: translateX(-100%) translateY(-50%);
        left: 100%;
        padding-right: 10px;
        transform: translateX(-100%) translateY(-50%);
    }

    .e-spinner-pane.e-spin-center .e-spinner-inner {
        -webkit-transform: translateX(-50%) translateY(-50%);
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
    }

    .e-spinner-pane.e-spin-hide {
        display: none;
    }

    .e-spinner-pane.e-spin-show {
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .e-spinner-pane .e-spinner-inner {
        -webkit-transform: translateX(-50%) translateY(-50%);
        left: 50%;
        margin: 0;
        position: absolute;
        text-align: center;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 1000;
    }

        .e-spinner-pane .e-spinner-inner .e-spin-label {
            font-family: "Inter","Helvetica Neue", "Segoe UI";
            font-size: 14px;
            margin-top: 10px;
            text-align: center;
        }

        .e-spinner-pane .e-spinner-inner .e-spin-material {
            animation: material-spinner-rotate 1568.63ms linear infinite;
            display: block;
            margin: 0 auto;
        }

            .e-spinner-pane .e-spinner-inner .e-spin-material .e-path-circle {
                fill: none;
                stroke-linecap: square;
            }

        .e-spinner-pane .e-spinner-inner .e-spin-fabric {
            animation: fabric-spinner-rotate 1.3s infinite cubic-bezier(0.53, 0.21, 0.29, 0.67);
            display: block;
            margin: 0 auto;
            overflow: visible;
        }

            .e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-arc,
            .e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-circle {
                fill: none;
                stroke-width: 1.5;
            }

        .e-spinner-pane .e-spinner-inner .e-spin-bootstrap {
            display: block;
            margin: 0 auto;
        }

        .e-spinner-pane .e-spinner-inner .e-spin-high-contrast {
            animation: fabric-spinner-rotate 1.3s infinite cubic-bezier(0.53, 0.21, 0.29, 0.67);
            display: block;
            margin: 0 auto;
            overflow: visible;
        }

            .e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc,
            .e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-circle {
                fill: none;
                stroke-width: 1.5;
            }

.e-spinner-pane {
    background-color: transparent;
}

    .e-spinner-pane.e-spin-overlay {
        background-color: rgba(255, 255, 255, 0.2);
    }

        .e-spinner-pane.e-spin-overlay .e-spinner-inner .e-spin-label {
            color: #333;
        }

        .e-spinner-pane.e-spin-overlay .e-spinner-inner .e-spin-bootstrap {
            fill: #000;
            stroke: #000;
        }

    .e-spinner-pane .e-spinner-inner .e-spin-label {
        color: #333;
    }

    .e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-circle {
        stroke: #000;
    }

    .e-spinner-pane .e-spinner-inner .e-spin-fabric .e-path-arc {
        stroke: #000;
    }

    .e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-circle {
        stroke: #000;
    }

    .e-spinner-pane .e-spinner-inner .e-spin-high-contrast .e-path-arc {
        stroke: #000;
    }

    .e-spinner-pane .e-spinner-inner .e-spin-material {
        stroke: #000;
    }

    .e-spinner-pane .e-spinner-inner .e-spin-bootstrap {
        fill: #000;
        stroke: #000;
    }

.e-dropdownbase .e-list-item .e-list-icon {
    padding: 0 10px 0 0;
}

.e-bigger .e-dropdownbase .e-list-item .e-list-icon {
    padding: 0 12px 0 0;
}

.e-bigger .e-dropdownbase,
.e-dropdownbase.e-bigger {
    min-height: 45px;
}

    .e-bigger .e-dropdownbase .e-list-item,
    .e-bigger .e-dropdownbase .e-list-group-item,
    .e-bigger .e-dropdownbase .e-fixed-head,
    .e-dropdownbase.e-bigger .e-list-item,
    .e-dropdownbase.e-bigger .e-list-group-item,
    .e-dropdownbase.e-bigger .e-fixed-head {
        line-height: 48px;
    }

        .e-bigger .e-dropdownbase .e-list-item .e-list-icon,
        .e-dropdownbase.e-bigger .e-list-item .e-list-icon {
            font-size: 20px;
        }

.e-dropdownbase {
    display: block;
    height: 100%;
    min-height: 36px;
    position: relative;
    width: 100%;
}

    .e-dropdownbase .e-list-parent {
        margin: 0;
        padding: 0;
    }

    .e-dropdownbase .e-list-group-item,
    .e-dropdownbase .e-fixed-head {
        cursor: default;
    }

    .e-dropdownbase .e-list-item {
        cursor: pointer;
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
        width: 100%;
    }

        .e-dropdownbase .e-list-item .e-list-icon {
            font-size: 16px;
            vertical-align: middle;
        }

    .e-dropdownbase .e-fixed-head {
       /* position: fixed;*/
    }

    .e-dropdownbase.e-content {
        overflow: auto;
        position: relative;
    }

.e-popup.e-ddl .e-dropdownbase.e-nodata {
    color: #777;
    cursor: default;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    padding: 14px 16px;
    text-align: center;
}

.e-dropdownbase.e-dd-group .e-list-item {
    padding-left: 30px;
    text-indent: 0;
}

.e-dropdownbase {
    border-color: rgba(119, 119, 119, 0.25);
}

    .e-dropdownbase .e-list-item {
        background-color: #fff;
        border-bottom: 1px;
        border-color: #fff;
        color: #333;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
        line-height: 26px;
        min-height: 26px;
        padding-right: 20px;
        text-indent: 20px;
    }

    .e-dropdownbase .e-list-group-item, .e-fixed-head {
        background-color: #fff;
        border-color: #fff;
        color: #777;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 12px;
        font-weight: normal;
        line-height: 26px;
        min-height: 26px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .e-dropdownbase .e-list-item.e-active,
    .e-dropdownbase .e-list-item.e-active.e-hover {
        background-color: #4caf50;
        border-color: #fff;
        color: #fff;
    }

    .e-dropdownbase .e-list-item.e-hover {
        background-color: #f5f5f5;
        border-color: #fff;
        color: #333;
    }

    .e-dropdownbase .e-list-item:last-child {
        border-bottom: 0;
    }

    .e-dropdownbase .e-list-item.e-item-focus {
        background-color: #f5f5f5;
    }

.e-bigger .e-dropdownbase .e-list-group-item,
.e-bigger .e-dropdownbase .e-fixed-head {
    font-size: 14px;
}

.e-popup.e-ddl {
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    margin-top: 3px;
    overflow: auto;
}

    .e-popup.e-ddl .e-input-group {
        width: auto;
    }

        .e-popup.e-ddl .e-input-group input {
            line-height: 15px;
        }

    .e-popup.e-ddl .e-dropdownbase {
        min-height: 26px;
    }

    .e-popup.e-ddl .e-filter-parent .e-input-group {
        display: -ms-flexbox;
        display: flex;
        width: auto;
    }

        .e-popup.e-ddl .e-filter-parent .e-input-group .e-back-icon {
            border: 0;
        }

.e-bigger .e-popup.e-ddl-device-filter {
    margin-top: 0;
}

.e-bigger .e-popup.e-ddl .e-list-item,
.e-bigger .e-popup.e-ddl .e-list-group-item,
.e-bigger .e-popup.e-ddl .e-fixed-head {
    font-size: 15px;
    line-height: 40px;
    padding-left: 0;
    text-indent: 24px;
}

.e-bigger .e-popup.e-ddl .e-dd-group .e-list-item {
    padding-left: 4px;
}

.e-bigger .e-popup.e-ddl .e-input-group {
    padding: 4px 0;
}

    .e-bigger .e-popup.e-ddl .e-input-group input,
    .e-bigger .e-popup.e-ddl .e-input-group input.e-input {
        height: 30px;
    }

.e-bigger .e-popup.e-ddl .e-dropdownbase {
    min-height: 40px;
}

.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:active,
.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon:hover,
.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:active,
.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-ddl-icon:hover,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:hover,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:hover {
    background: transparent;
    color: #333;
}

.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-ddl-icon,
.e-input-group.e-disabled.e-ddl .e-control.e-dropdownlist ~ .e-input-group-icon,
.e-control.e-dropdownlist .e-input-group.e-disabled.e-ddl .e-input-group-icon,
.e-control.e-dropdownlist .e-input-group.e-ddl .e-input-group-icon {
    border: 0;
}

.e-input-group:not(.e-disabled) .e-control.e-dropdownlist ~ .e-input-group-icon:active,
.e-control.e-dropdownlist .e-input-group:not(.e-disabled) .e-input-group-icon:active,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-back-icon:active,
.e-ddl.e-popup .e-input-group:not(.e-disabled) .e-clear-icon:active {
    box-shadow: none;
}

.e-ddl.e-popup .e-filter-parent {
    border-bottom: 1px solid #ccc;
}

.e-bigger .e-popup.e-ddl-device .e-input-group {
    margin: 0 0 0 55px;
}

.e-ddl .e-search-icon::before {
    content: "";
}

.e-ddl .e-back-icon::before {
    content: "";
    font-size: 20px;
}

.e-ddl.e-input-group.e-control-wrapper .e-ddl-icon::before {
    content: "";
    font-family: 'e-icons';
}

.e-bigger .e-input-group.e-ddl .e-input-filter,
.e-bigger .e-input-group.e-ddl .e-input-filter:focus {
    margin-left: -20px;
}

.e-bigger .e-ddl.e-popup .e-list-item,
.e-bigger .e-ddl.e-popup .e-list-group-item {
    font-size: 15px;
}

.e-bigger .e-ddl.e-popup .e-input-group {
    padding: 4px 0;
}

.e-popup-full-page {
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    right: 0;
    top: 0;
}

.e-ddl.e-control-wrapper .e-ddl-disable-icon {
    position: relative;
}

    .e-ddl.e-control-wrapper .e-ddl-disable-icon::before {
        content: '';
    }

.e-bigger .e-ddl-device .e-input-group {
    margin-left: 52px;
}

    .e-bigger .e-ddl-device .e-input-group .e-clear-icon {
        margin-right: 0;
    }

.e-ddl-device-filter .e-filter-parent {
    background-color: #fff;
}

.e-ddl input.e-input::-webkit-contacts-auto-fill-button {
    display: none;
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden;
}

.e-filter-parent {
    border: none;
    border-top-width: 0;
    box-shadow: 0;
    display: block;
    padding: 5px 8px;
}

.e-ddl.e-input-group:not(.e-disabled) {
    cursor: pointer;
}

.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::before,
.e-ddl.e-popup.e-ddl-device-filter .e-input-group.e-input-focus::after {
    width: 0;
}

.e-ddl.e-popup {
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
}

    .e-ddl.e-popup .e-search-icon {
        margin: 0;
        opacity: .57;
        padding: 8px;
    }

    .e-ddl.e-popup .e-filter-parent .e-back-icon {
        margin: -2px 10px 0 -54px;
        padding: 0;
        position: absolute;
    }

    .e-ddl.e-popup .e-filter-parent .e-input-filter,
    .e-ddl.e-popup .e-filter-parent .e-input-filter:focus {
        padding: 0 12px;
    }

    .e-ddl.e-popup .e-input-group {
        margin-bottom: 0;
    }

    .e-ddl.e-popup .e-ddl-footer,
    .e-ddl.e-popup .e-ddl-header {
        cursor: default;
    }

.e-bigger .e-popup .e-clear-icon {
    visibility: hidden;
}

.e-ddl.e-input-group .e-ddl-hidden {
    border: 0;
    height: 0;
    visibility: hidden;
    width: 0;
}

.e-ddl.e-input-group,
.e-ddl.e-input-group.e-input-focus:focus {
    outline: none;
}

.e-dropdownbase .e-list-item .e-highlight {
    display: inline;
    font-weight: bold;
    vertical-align: baseline;
}

.e-ddl.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
.e-float-input input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide),
.e-float-input.e-input-group input[readonly] ~ .e-clear-icon:not(.e-clear-icon-hide) {
    opacity: 1;
    visibility: visible;
}

.e-ddl.e-input-group .e-input-value,
.e-ddl.e-input-group .e-input-value:focus {
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    height: auto;
    margin: 0;
    outline: none;
    width: 100%;
}

.e-ddl.e-input-group input[readonly].e-input,
.e-ddl.e-input-group input[readonly],
.e-ddl.e-input-group .e-dropdownlist {
    pointer-events: none;
}

.e-popup {
    border-color: #ccc;
}

.e-float-input.e-input-group.e-ddl.e-control.e-icon-anim > .e-float-text,
.e-float-input.e-input-focus.e-input-group.e-ddl.e-control.e-keyboard > .e-float-text {
    color: #333;
}

/*! button layout */
.e-btn,
.e-css.e-btn {
    border: 1px solid;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 2.286em;
    outline: none;
    padding: 0 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

    .e-btn:disabled,
    .e-css.e-btn:disabled {
        cursor: default;
    }

    .e-btn:hover, .e-btn:focus,
    .e-css.e-btn:hover,
    .e-css.e-btn:focus {
        text-decoration: none;
    }

    .e-btn::-moz-focus-inner,
    .e-css.e-btn::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    .e-btn .e-btn-icon,
    .e-css.e-btn .e-btn-icon {
        display: inline-block;
        font-size: 12px;
        margin-top: -2px;
        vertical-align: middle;
        width: 1em;
    }

        .e-btn .e-btn-icon.e-icon-left,
        .e-css.e-btn .e-btn-icon.e-icon-left {
            margin-left: -0.5em;
            width: 1.688em;
        }

        .e-btn .e-btn-icon.e-icon-right,
        .e-css.e-btn .e-btn-icon.e-icon-right {
            margin-right: -0.5em;
            width: 1.688em;
        }

        .e-btn .e-btn-icon.e-icon-top,
        .e-css.e-btn .e-btn-icon.e-icon-top {
            display: block;
            margin-top: 0;
            width: auto;
        }

        .e-btn .e-btn-icon.e-icon-bottom,
        .e-css.e-btn .e-btn-icon.e-icon-bottom {
            display: block;
            margin-top: 0;
            width: auto;
        }

    .e-btn.e-icon-btn,
    .e-css.e-btn.e-icon-btn {
        padding: 0 8px;
    }

    .e-btn.e-round,
    .e-css.e-btn.e-round {
        border-radius: 50%;
        height: 2.429em;
        line-height: 1;
        padding: 0;
        width: 2.429em;
    }

        .e-btn.e-round .e-btn-icon,
        .e-css.e-btn.e-round .e-btn-icon {
            font-size: 16px;
            line-height: 2em;
            margin-top: 0;
            width: auto;
        }

    .e-btn.e-rtl .e-icon-right,
    .e-css.e-btn.e-rtl .e-icon-right {
        margin-left: -0.5em;
        margin-right: 0;
    }

    .e-btn.e-rtl .e-icon-left,
    .e-css.e-btn.e-rtl .e-icon-left {
        margin-left: 0;
        margin-right: -0.5em;
    }

    .e-btn.e-flat,
    .e-css.e-btn.e-flat {
        border: 1px solid;
    }

    .e-btn.e-small,
    .e-css.e-btn.e-small {
        font-size: 12px;
        line-height: 2.167em;
        padding: 0 10px;
    }

        .e-btn.e-small .e-btn-icon,
        .e-css.e-btn.e-small .e-btn-icon {
            font-size: 10px;
            width: 1em;
        }

            .e-btn.e-small .e-btn-icon.e-icon-left,
            .e-css.e-btn.e-small .e-btn-icon.e-icon-left {
                margin-left: -0.57143em;
                width: 1.7143em;
            }

            .e-btn.e-small .e-btn-icon.e-icon-right,
            .e-css.e-btn.e-small .e-btn-icon.e-icon-right {
                margin-right: -0.57143em;
                width: 1.7143em;
            }

            .e-btn.e-small .e-btn-icon.e-icon-top,
            .e-css.e-btn.e-small .e-btn-icon.e-icon-top {
                width: auto;
            }

            .e-btn.e-small .e-btn-icon.e-icon-bottom,
            .e-css.e-btn.e-small .e-btn-icon.e-icon-bottom {
                width: auto;
            }

        .e-btn.e-small.e-icon-btn,
        .e-css.e-btn.e-small.e-icon-btn {
            padding: 0 6px;
        }

        .e-btn.e-small.e-round,
        .e-css.e-btn.e-small.e-round {
            height: 2.334em;
            line-height: 1;
            padding: 0;
            width: 2.334em;
        }

            .e-btn.e-small.e-round .e-btn-icon,
            .e-css.e-btn.e-small.e-round .e-btn-icon {
                font-size: 14px;
                line-height: 1.8572em;
                width: auto;
            }

        .e-btn.e-small.e-rtl .e-icon-right,
        .e-css.e-btn.e-small.e-rtl .e-icon-right {
            margin-left: -0.57143em;
            margin-right: 0;
        }

        .e-btn.e-small.e-rtl .e-icon-left,
        .e-css.e-btn.e-small.e-rtl .e-icon-left {
            margin-left: 0;
            margin-right: btn-small-icon-margin;
        }

    .e-btn.e-block,
    .e-css.e-btn.e-block {
        display: block;
        width: 100%;
    }

.e-bigger .e-btn,
.e-bigger.e-btn,
.e-bigger .e-css.e-btn,
.e-bigger.e-css.e-btn {
    font-size: 16px;
    line-height: 2.375em;
    padding: 0 16px;
}

    .e-bigger .e-btn .e-btn-icon,
    .e-bigger.e-btn .e-btn-icon,
    .e-bigger .e-css.e-btn .e-btn-icon,
    .e-bigger.e-css.e-btn .e-btn-icon {
        font-size: 14px;
        width: 1em;
    }

        .e-bigger .e-btn .e-btn-icon.e-icon-left,
        .e-bigger.e-btn .e-btn-icon.e-icon-left,
        .e-bigger .e-css.e-btn .e-btn-icon.e-icon-left,
        .e-bigger.e-css.e-btn .e-btn-icon.e-icon-left {
            margin-left: -0.6111em;
            width: 2em;
        }

        .e-bigger .e-btn .e-btn-icon.e-icon-right,
        .e-bigger.e-btn .e-btn-icon.e-icon-right,
        .e-bigger .e-css.e-btn .e-btn-icon.e-icon-right,
        .e-bigger.e-css.e-btn .e-btn-icon.e-icon-right {
            margin-right: -0.6111em;
            width: 2em;
        }

        .e-bigger .e-btn .e-btn-icon.e-icon-top,
        .e-bigger.e-btn .e-btn-icon.e-icon-top,
        .e-bigger .e-css.e-btn .e-btn-icon.e-icon-top,
        .e-bigger.e-css.e-btn .e-btn-icon.e-icon-top {
            width: auto;
        }

        .e-bigger .e-btn .e-btn-icon.e-icon-bottom,
        .e-bigger.e-btn .e-btn-icon.e-icon-bottom,
        .e-bigger .e-css.e-btn .e-btn-icon.e-icon-bottom,
        .e-bigger.e-css.e-btn .e-btn-icon.e-icon-bottom {
            width: auto;
        }

    .e-bigger .e-btn.e-icon-btn,
    .e-bigger.e-btn.e-icon-btn,
    .e-bigger .e-css.e-btn.e-icon-btn,
    .e-bigger.e-css.e-btn.e-icon-btn {
        padding: 0 10px;
    }

    .e-bigger .e-btn.e-round,
    .e-bigger.e-btn.e-round,
    .e-bigger .e-css.e-btn.e-round,
    .e-bigger.e-css.e-btn.e-round {
        height: 2.5em;
        line-height: 1;
        padding: 0;
        width: 2.5em;
    }

        .e-bigger .e-btn.e-round .e-btn-icon,
        .e-bigger.e-btn.e-round .e-btn-icon,
        .e-bigger .e-css.e-btn.e-round .e-btn-icon,
        .e-bigger.e-css.e-btn.e-round .e-btn-icon {
            font-size: 18px;
            line-height: 2.1111em;
            width: auto;
        }

    .e-bigger .e-btn.e-rtl .e-icon-right,
    .e-bigger.e-btn.e-rtl .e-icon-right,
    .e-bigger .e-css.e-btn.e-rtl .e-icon-right,
    .e-bigger.e-css.e-btn.e-rtl .e-icon-right {
        margin-left: -0.6111em;
        margin-right: 0;
    }

    .e-bigger .e-btn.e-rtl .e-icon-left,
    .e-bigger.e-btn.e-rtl .e-icon-left,
    .e-bigger .e-css.e-btn.e-rtl .e-icon-left,
    .e-bigger.e-css.e-btn.e-rtl .e-icon-left {
        margin-left: 0;
        margin-right: -0.6111em;
    }

    .e-bigger .e-btn.e-small,
    .e-bigger.e-btn.e-small,
    .e-bigger .e-css.e-btn.e-small,
    .e-bigger.e-css.e-btn.e-small {
        font-size: 15px;
        line-height: 2.2667em;
        padding: 0 14px;
    }

        .e-bigger .e-btn.e-small .e-btn-icon,
        .e-bigger.e-btn.e-small .e-btn-icon,
        .e-bigger .e-css.e-btn.e-small .e-btn-icon,
        .e-bigger.e-css.e-btn.e-small .e-btn-icon {
            font-size: 12px;
            width: 1em;
        }

            .e-bigger .e-btn.e-small .e-btn-icon.e-icon-left,
            .e-bigger.e-btn.e-small .e-btn-icon.e-icon-left,
            .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-left,
            .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-left {
                margin-left: -0.5em;
                width: 2em;
            }

            .e-bigger .e-btn.e-small .e-btn-icon.e-icon-right,
            .e-bigger.e-btn.e-small .e-btn-icon.e-icon-right,
            .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-right,
            .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-right {
                margin-right: -0.5em;
                width: 2em;
            }

            .e-bigger .e-btn.e-small .e-btn-icon.e-icon-top,
            .e-bigger.e-btn.e-small .e-btn-icon.e-icon-top,
            .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-top,
            .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-top {
                width: auto;
            }

            .e-bigger .e-btn.e-small .e-btn-icon.e-icon-bottom,
            .e-bigger.e-btn.e-small .e-btn-icon.e-icon-bottom,
            .e-bigger .e-css.e-btn.e-small .e-btn-icon.e-icon-bottom,
            .e-bigger.e-css.e-btn.e-small .e-btn-icon.e-icon-bottom {
                width: auto;
            }

        .e-bigger .e-btn.e-small.e-icon-btn,
        .e-bigger.e-btn.e-small.e-icon-btn,
        .e-bigger .e-css.e-btn.e-small.e-icon-btn,
        .e-bigger.e-css.e-btn.e-small.e-icon-btn {
            padding: 0 9px;
        }

        .e-bigger .e-btn.e-small.e-round,
        .e-bigger.e-btn.e-small.e-round,
        .e-bigger .e-css.e-btn.e-small.e-round,
        .e-bigger.e-css.e-btn.e-small.e-round {
            height: 2.4em;
            line-height: 1;
            padding: 0;
            width: 2.4em;
        }

            .e-bigger .e-btn.e-small.e-round .e-btn-icon,
            .e-bigger.e-btn.e-small.e-round .e-btn-icon,
            .e-bigger .e-css.e-btn.e-small.e-round .e-btn-icon,
            .e-bigger.e-css.e-btn.e-small.e-round .e-btn-icon {
                font-size: 16px;
                line-height: 2.125em;
                width: auto;
            }

        .e-bigger .e-btn.e-small.e-rtl .e-icon-right,
        .e-bigger.e-btn.e-small.e-rtl .e-icon-right,
        .e-bigger .e-css.e-btn.e-small.e-rtl .e-icon-right,
        .e-bigger.e-css.e-btn.e-small.e-rtl .e-icon-right {
            margin-left: -0.5em;
            margin-right: 0;
        }

        .e-bigger .e-btn.e-small.e-rtl .e-icon-left,
        .e-bigger.e-btn.e-small.e-rtl .e-icon-left,
        .e-bigger .e-css.e-btn.e-small.e-rtl .e-icon-left,
        .e-bigger.e-css.e-btn.e-small.e-rtl .e-icon-left {
            margin-left: 0;
            margin-right: -0.5em;
        }

/*! button theme */
.e-btn,
.e-css.e-btn {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-color: #ccc;
    box-shadow: none;
    color: #333;
}

    .e-btn:hover,
    .e-css.e-btn:hover {
        background-color: #e6e6e6;
        border-color: #adadad;
        color: #333;
    }

    .e-btn:focus,
    .e-css.e-btn:focus {
        background-color: #e6e6e6;
        border-color: #8c8c8c;
        box-shadow: none;
        color: #333;
        outline: #fafafa 0 solid;
        outline-offset: 0;
    }

    .e-btn:active,
    .e-css.e-btn:active {
        background-color: #e6e6e6;
        border-color: #adadad;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        color: #333;
        outline: #fafafa 0 solid;
        outline-offset: 0;
    }

    .e-btn.e-active,
    .e-css.e-btn.e-active {
        background-color: #e6e6e6;
        border-color: #adadad;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        color: #333;
    }

        .e-btn.e-active:hover,
        .e-css.e-btn.e-active:hover {
            background-color: #e6e6e6;
            border-color: #e6e6e6;
            color: #333;
        }

    .e-btn:disabled,
    .e-css.e-btn:disabled {
        background-color: rgba(255, 255, 255, 0.65);
        border-color: rgba(204, 204, 204, 0.65);
        box-shadow: none;
        color: rgba(51, 51, 51, 0.65);
    }

    .e-btn.e-round,
    .e-css.e-btn.e-round {
        background-color: transparent;
        border-color: #ccc;
        color: #333;
    }

        .e-btn.e-round:hover,
        .e-css.e-btn.e-round:hover {
            background-color: #e6e6e6;
            border-color: #adadad;
            color: #333;
        }

        .e-btn.e-round:focus,
        .e-css.e-btn.e-round:focus {
            background-color: #e6e6e6;
            border-color: #8c8c8c;
            box-shadow: none;
            color: #333;
            outline: #fafafa 0 solid;
            outline-offset: 0;
        }

        .e-btn.e-round:active,
        .e-css.e-btn.e-round:active {
            background-color: #e6e6e6;
            border-color: #adadad;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #333;
            outline: #fafafa 0 solid;
            outline-offset: 0;
        }

        .e-btn.e-round:disabled,
        .e-css.e-btn.e-round:disabled {
            background-color: rgba(255, 255, 255, 0.65);
            border-color: rgba(204, 204, 204, 0.65);
            box-shadow: none;
            color: rgba(51, 51, 51, 0.65);
        }

    .e-btn.e-primary,
    .e-css.e-btn.e-primary {
        background-color: #35a04c;
        border-color: #349e4c;
        color: #fff;
    }

        .e-btn.e-primary:hover,
        .e-css.e-btn.e-primary:hover {
            background-color: #2a6496;
            border-color: #1f496e;
            color: #fff;
        }

        .e-btn.e-primary:focus,
        .e-css.e-btn.e-primary:focus {
            background-color: #2a6496;
            border-color: #142f46;
            box-shadow: none;
            color: #fff;
            outline: #fafafa 0 solid;
        }

        .e-btn.e-primary:active,
        .e-css.e-btn.e-primary:active {
            background-color: #2a6496;
            border-color: #1f496e;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #fff;
            outline: #fafafa 0 solid;
        }

        .e-btn.e-primary.e-active,
        .e-css.e-btn.e-primary.e-active {
            background-color: #2a6496;
            border-color: #3071a9;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #fff;
        }

        .e-btn.e-primary:disabled,
        .e-css.e-btn.e-primary:disabled {
            background-color: rgba(66, 139, 202, 0.65);
            border-color: rgba(204, 204, 204, 0.65);
            box-shadow: none;
            color: rgba(255, 255, 255, 0.65);
        }

    .e-btn.e-flat,
    .e-css.e-btn.e-flat {
        background-color: #fff;
        border-color: #ccc;
        box-shadow: none;
        color: #333;
    }

        .e-btn.e-flat:hover,
        .e-css.e-btn.e-flat:hover {
            background-color: #e6e6e6;
            border-color: #adadad;
            color: #333;
        }

        .e-btn.e-flat:focus,
        .e-css.e-btn.e-flat:focus {
            background-color: #e6e6e6;
            border-color: #8c8c8c;
            color: #333;
        }

        .e-btn.e-flat:active, .e-btn.e-flat.e-active,
        .e-css.e-btn.e-flat:active,
        .e-css.e-btn.e-flat.e-active {
            background-color: #e6e6e6;
            border-color: #adadad;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #333;
        }

        .e-btn.e-flat:disabled,
        .e-css.e-btn.e-flat:disabled {
            background-color: #fff;
            border-color: rgba(204, 204, 204, 0.65);
            box-shadow: none;
            color: rgba(51, 51, 51, 0.65);
        }

        .e-btn.e-flat.e-primary,
        .e-css.e-btn.e-flat.e-primary {
            background-color: #4caf50;
            border-color: #3c793f;
            color: #fff;
        }

            .e-btn.e-flat.e-primary:hover,
            .e-css.e-btn.e-flat.e-primary:hover {
                background-color: #3c793f;
                border-color: #345636;
                color: #fff;
            }

            .e-btn.e-flat.e-primary:focus,
            .e-css.e-btn.e-flat.e-primary:focus {
                background-color: #307233;
                border-color: #000000;
                color: #fff;
            }

            .e-btn.e-flat.e-primary:active, .e-btn.e-flat.e-primary.e-active,
            .e-css.e-btn.e-flat.e-primary:active,
            .e-css.e-btn.e-flat.e-primary.e-active {
                background-color: #2a6496;
                border-color: #1f496e;
                color: #fff;
            }

            .e-btn.e-flat.e-primary:disabled,
            .e-css.e-btn.e-flat.e-primary:disabled {
                background-color: rgba(255, 255, 255, 0.65);
                border-color: rgba(204, 204, 204, 0.65);
                box-shadow: none;
                color: rgba(51, 51, 51, 0.65);
            }

        .e-btn.e-flat.e-success,
        .e-css.e-btn.e-flat.e-success {
            background-color: #218739;
            border-color: #449d44;
            color: #fff;
        }

            .e-btn.e-flat.e-success:hover,
            .e-css.e-btn.e-flat.e-success:hover {
                background-color: #3d8b3d;
                border-color: #2d672d;
                color: #fff;
            }

            .e-btn.e-flat.e-success:focus,
            .e-css.e-btn.e-flat.e-success:focus {
                background-color: #3d8b3d;
                border-color: #1e441e;
                color: #fff;
            }

            .e-btn.e-flat.e-success:active, .e-btn.e-flat.e-success.e-active,
            .e-css.e-btn.e-flat.e-success:active,
            .e-css.e-btn.e-flat.e-success.e-active {
                background-color: #3d8b3d;
                border-color: #2d672d;
                color: #fff;
            }

            .e-btn.e-flat.e-success:disabled,
            .e-css.e-btn.e-flat.e-success:disabled {
                background-color: rgba(255, 255, 255, 0.65);
                border-color: rgba(204, 204, 204, 0.65);
                color: rgba(255, 255, 255, 0.65);
            }

        .e-btn.e-flat.e-info,
        .e-css.e-btn.e-flat.e-info {
            background-color: #1b809e;
            border-color: #31b0d5;
            color: #fff;
        }

            .e-btn.e-flat.e-info:hover,
            .e-css.e-btn.e-flat.e-info:hover {
                background-color: #28a1c5;
                border-color: #1f7e9a;
                color: #fff;
            }

            .e-btn.e-flat.e-info:focus,
            .e-css.e-btn.e-flat.e-info:focus {
                background-color: #28a1c5;
                border-color: #175b70;
                color: #fff;
            }

            .e-btn.e-flat.e-info:active, .e-btn.e-flat.e-info.e-active,
            .e-css.e-btn.e-flat.e-info:active,
            .e-css.e-btn.e-flat.e-info.e-active {
                background-color: #28a1c5;
                border-color: #1f7e9a;
                color: #fff;
            }

            .e-btn.e-flat.e-info:disabled,
            .e-css.e-btn.e-flat.e-info:disabled {
                background-color: rgba(255, 255, 255, 0.65);
                border-color: rgba(204, 204, 204, 0.65);
                color: rgba(255, 255, 255, 0.65);
            }

        .e-btn.e-flat.e-warning,
        .e-css.e-btn.e-flat.e-warning {
            background-color: #aa6708;
            border-color: #ec971f;
            color: #fff;
        }

            .e-btn.e-flat.e-warning:hover,
            .e-css.e-btn.e-flat.e-warning:hover {
                background-color: #df8a13;
                border-color: #b06d0f;
                color: #fff;
            }

            .e-btn.e-flat.e-warning:focus,
            .e-css.e-btn.e-flat.e-warning:focus {
                background-color: #df8a13;
                border-color: #81500b;
                color: #fff;
            }

            .e-btn.e-flat.e-warning:active, .e-btn.e-flat.e-warning.e-active,
            .e-css.e-btn.e-flat.e-warning:active,
            .e-css.e-btn.e-flat.e-warning.e-active {
                background-color: #df8a13;
                border-color: #b06d0f;
                color: #fff;
            }

            .e-btn.e-flat.e-warning:disabled,
            .e-css.e-btn.e-flat.e-warning:disabled {
                background-color: rgba(255, 255, 255, 0.65);
                border-color: rgba(204, 204, 204, 0.65);
                color: rgba(255, 255, 255, 0.65);
            }

        .e-btn.e-flat.e-danger,
        .e-css.e-btn.e-flat.e-danger {
            background-color: #dc3243;
            border-color: #c9302c;
            color: #fff;
        }

            .e-btn.e-flat.e-danger:hover,
            .e-css.e-btn.e-flat.e-danger:hover {
                background-color: #b42b27;
                border-color: #8b211e;
                color: #fff;
            }

            .e-btn.e-flat.e-danger:focus,
            .e-css.e-btn.e-flat.e-danger:focus {
                background-color: #b42b27;
                border-color: #611715;
                color: #fff;
            }

            .e-btn.e-flat.e-danger:active, .e-btn.e-flat.e-danger.e-active,
            .e-css.e-btn.e-flat.e-danger:active,
            .e-css.e-btn.e-flat.e-danger.e-active {
                background-color: #b42b27;
                border-color: #8b211e;
                color: #fff;
            }

            .e-btn.e-flat.e-danger:disabled,
            .e-css.e-btn.e-flat.e-danger:disabled {
                background-color: rgba(255, 255, 255, 0.65);
                border-color: rgba(204, 204, 204, 0.65);
                color: rgba(255, 255, 255, 0.65);
            }

    .e-btn.e-outline,
    .e-css.e-btn.e-outline {
        background-color: transparent;
        border-color: #4caf50;
        box-shadow: none;
        color: #4caf50;
    }

        .e-btn.e-outline:hover,
        .e-css.e-btn.e-outline:hover {
            background-color: #4caf50;
            border-color: #3071a9;
            color: #fff;
        }

        .e-btn.e-outline:focus,
        .e-css.e-btn.e-outline:focus {
            background-color: #2a6496;
            border-color: transparent;
            box-shadow: none;
            color: #fff;
        }

        .e-btn.e-outline:active, .e-btn.e-outline.e-active,
        .e-css.e-btn.e-outline:active,
        .e-css.e-btn.e-outline.e-active {
            background-color: #4caf50;
            border-color: #3071a9;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #fff;
        }

        .e-btn.e-outline:disabled,
        .e-css.e-btn.e-outline:disabled {
            background-color: transparent;
            border-color: rgba(66, 139, 202, 0.65);
            box-shadow: none;
            color: rgba(66, 139, 202, 0.65);
        }

        .e-btn.e-outline.e-primary,
        .e-css.e-btn.e-outline.e-primary {
            background-color: transparent;
            border-color: #4caf50;
            color: #4caf50;
        }

            .e-btn.e-outline.e-primary:hover,
            .e-css.e-btn.e-outline.e-primary:hover {
                background-color: #2a6496;
                border-color: #3071a9;
                color: #fff;
            }

            .e-btn.e-outline.e-primary:focus,
            .e-css.e-btn.e-outline.e-primary:focus {
                background-color: #2a6496;
                border-color: #142f46;
                color: #fff;
            }

            .e-btn.e-outline.e-primary:active, .e-btn.e-outline.e-primary.e-active,
            .e-css.e-btn.e-outline.e-primary:active,
            .e-css.e-btn.e-outline.e-primary.e-active {
                background-color: #2a6496;
                border-color: #3071a9;
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                color: #fff;
            }

            .e-btn.e-outline.e-primary:disabled,
            .e-css.e-btn.e-outline.e-primary:disabled {
                background-color: transparent;
                border-color: rgba(66, 139, 202, 0.65);
                box-shadow: none;
                color: rgba(66, 139, 202, 0.65);
            }

        .e-btn.e-outline.e-success,
        .e-css.e-btn.e-outline.e-success {
            background-color: transparent;
            border-color: #218739;
            color: #218739;
        }

            .e-btn.e-outline.e-success:hover,
            .e-css.e-btn.e-outline.e-success:hover {
                background-color: #3d8b3d;
                border-color: #2d672d;
                color: #fff;
            }

            .e-btn.e-outline.e-success:focus,
            .e-css.e-btn.e-outline.e-success:focus {
                background-color: #3d8b3d;
                border-color: #1e441e;
                color: #fff;
            }

            .e-btn.e-outline.e-success:active, .e-btn.e-outline.e-success.e-active,
            .e-css.e-btn.e-outline.e-success:active,
            .e-css.e-btn.e-outline.e-success.e-active {
                background-color: #3d8b3d;
                border-color: #2d672d;
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                color: #fff;
            }

            .e-btn.e-outline.e-success:disabled,
            .e-css.e-btn.e-outline.e-success:disabled {
                background-color: transparent;
                border-color: rgba(33, 135, 57, 0.65);
                box-shadow: none;
                color: rgba(33, 135, 57, 0.65);
            }

        .e-btn.e-outline.e-info,
        .e-css.e-btn.e-outline.e-info {
            background-color: transparent;
            border-color: #1b809e;
            color: #1b809e;
        }

            .e-btn.e-outline.e-info:hover,
            .e-css.e-btn.e-outline.e-info:hover {
                background-color: #28a1c5;
                border-color: #1f7e9a;
                color: #fff;
            }

            .e-btn.e-outline.e-info:focus,
            .e-css.e-btn.e-outline.e-info:focus {
                background-color: #28a1c5;
                border-color: #175b70;
                color: #fff;
            }

            .e-btn.e-outline.e-info:active, .e-btn.e-outline.e-info.e-active,
            .e-css.e-btn.e-outline.e-info:active,
            .e-css.e-btn.e-outline.e-info.e-active {
                background-color: #28a1c5;
                border-color: #1f7e9a;
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                color: #fff;
            }

            .e-btn.e-outline.e-info:disabled,
            .e-css.e-btn.e-outline.e-info:disabled {
                background-color: transparent;
                border-color: rgba(27, 128, 158, 0.65);
                box-shadow: none;
                color: rgba(27, 128, 158, 0.65);
            }

        .e-btn.e-outline.e-warning,
        .e-css.e-btn.e-outline.e-warning {
            background-color: transparent;
            border-color: #aa6708;
            color: #aa6708;
        }

            .e-btn.e-outline.e-warning:hover,
            .e-css.e-btn.e-outline.e-warning:hover {
                background-color: #df8a13;
                border-color: #b06d0f;
                color: #fff;
            }

            .e-btn.e-outline.e-warning:focus,
            .e-css.e-btn.e-outline.e-warning:focus {
                background-color: #df8a13;
                border-color: #81500b;
                color: #fff;
            }

            .e-btn.e-outline.e-warning:active, .e-btn.e-outline.e-warning.e-active,
            .e-css.e-btn.e-outline.e-warning:active,
            .e-css.e-btn.e-outline.e-warning.e-active {
                background-color: #df8a13;
                border-color: #b06d0f;
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                color: #fff;
            }

            .e-btn.e-outline.e-warning:disabled,
            .e-css.e-btn.e-outline.e-warning:disabled {
                background-color: transparent;
                border-color: rgba(170, 103, 8, 0.65);
                box-shadow: none;
                color: rgba(170, 103, 8, 0.65);
            }

        .e-btn.e-outline.e-danger,
        .e-css.e-btn.e-outline.e-danger {
            background-color: transparent;
            border-color: #dc3243;
            color: #dc3243;
        }

            .e-btn.e-outline.e-danger:hover,
            .e-css.e-btn.e-outline.e-danger:hover {
                background-color: #b42b27;
                border-color: #8b211e;
                color: #fff;
            }

            .e-btn.e-outline.e-danger:focus,
            .e-css.e-btn.e-outline.e-danger:focus {
                background-color: #b42b27;
                border-color: #611715;
                color: #fff;
            }

            .e-btn.e-outline.e-danger:active, .e-btn.e-outline.e-danger.e-active,
            .e-css.e-btn.e-outline.e-danger:active,
            .e-css.e-btn.e-outline.e-danger.e-active {
                background-color: #b42b27;
                border-color: #8b211e;
                box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                color: #fff;
            }

            .e-btn.e-outline.e-danger:disabled,
            .e-css.e-btn.e-outline.e-danger:disabled {
                background-color: transparent;
                border-color: rgba(220, 50, 67, 0.65);
                box-shadow: none;
                color: rgba(220, 50, 67, 0.65);
            }

    .e-btn.e-success,
    .e-css.e-btn.e-success {
        background-color: #218739;
        border-color: #449d44;
        color: #fff;
    }

        .e-btn.e-success:hover,
        .e-css.e-btn.e-success:hover {
            background-color: #3d8b3d;
            border-color: #2d672d;
            color: #fff;
        }

        .e-btn.e-success:focus,
        .e-css.e-btn.e-success:focus {
            background-color: #3d8b3d;
            border-color: #1e441e;
            box-shadow: none;
            color: #fff;
        }

        .e-btn.e-success:active, .e-btn.e-success.e-active,
        .e-css.e-btn.e-success:active,
        .e-css.e-btn.e-success.e-active {
            background-color: #3d8b3d;
            border-color: #2d672d;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #fff;
        }

        .e-btn.e-success:disabled,
        .e-css.e-btn.e-success:disabled {
            background-color: rgba(92, 184, 92, 0.65);
            border-color: rgba(204, 204, 204, 0.65);
            box-shadow: none;
            color: rgba(255, 255, 255, 0.65);
        }

    .e-btn.e-info,
    .e-css.e-btn.e-info {
        background-color: #1b809e;
        border-color: #31b0d5;
        color: #fff;
    }

        .e-btn.e-info:hover,
        .e-css.e-btn.e-info:hover {
            background-color: #28a1c5;
            border-color: #1f7e9a;
            color: #fff;
        }

        .e-btn.e-info:focus,
        .e-css.e-btn.e-info:focus {
            background-color: #28a1c5;
            border-color: #175b70;
            box-shadow: none;
            color: #fff;
        }

        .e-btn.e-info:active, .e-btn.e-info.e-active,
        .e-css.e-btn.e-info:active,
        .e-css.e-btn.e-info.e-active {
            background-color: #28a1c5;
            border-color: #1f7e9a;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #fff;
        }

        .e-btn.e-info:disabled,
        .e-css.e-btn.e-info:disabled {
            background-color: rgba(91, 192, 222, 0.65);
            border-color: rgba(204, 204, 204, 0.65);
            box-shadow: none;
            color: rgba(255, 255, 255, 0.65);
        }

    .e-btn.e-warning,
    .e-css.e-btn.e-warning {
        background-color: #aa6708;
        border-color: #ec971f;
        color: #fff;
    }

        .e-btn.e-warning:hover,
        .e-css.e-btn.e-warning:hover {
            background-color: #df8a13;
            border-color: #b06d0f;
            color: #fff;
        }

        .e-btn.e-warning:focus,
        .e-css.e-btn.e-warning:focus {
            background-color: #df8a13;
            border-color: #81500b;
            box-shadow: none;
            color: #fff;
        }

        .e-btn.e-warning:active, .e-btn.e-warning.e-active,
        .e-css.e-btn.e-warning:active,
        .e-css.e-btn.e-warning.e-active {
            background-color: #df8a13;
            border-color: #b06d0f;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #fff;
        }

        .e-btn.e-warning:disabled,
        .e-css.e-btn.e-warning:disabled {
            background-color: rgba(240, 173, 78, 0.65);
            border-color: rgba(204, 204, 204, 0.65);
            box-shadow: none;
            color: rgba(255, 255, 255, 0.65);
        }

    .e-btn.e-danger,
    .e-css.e-btn.e-danger {
        background-color: #dc3243;
        border-color: #c9302c;
        color: #fff;
    }

        .e-btn.e-danger:hover,
        .e-css.e-btn.e-danger:hover {
            background-color: #b42b27;
            border-color: #8b211e;
            color: #fff;
        }

        .e-btn.e-danger:focus,
        .e-css.e-btn.e-danger:focus {
            background-color: #b42b27;
            border-color: #611715;
            box-shadow: none;
            color: #fff;
        }

        .e-btn.e-danger:active,
        .e-css.e-btn.e-danger:active {
            background-color: #b42b27;
            border-color: #8b211e;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #fff;
        }

        .e-btn.e-danger.e-active,
        .e-css.e-btn.e-danger.e-active {
            background-color: #b42b27;
            border-color: #8b211e;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #fff;
        }

        .e-btn.e-danger:disabled,
        .e-css.e-btn.e-danger:disabled {
            background-color: rgba(217, 83, 79, 0.65);
            border-color: rgba(204, 204, 204, 0.65);
            box-shadow: none;
            color: rgba(255, 255, 255, 0.65);
        }

    .e-btn.e-link,
    .e-css.e-btn.e-link {
        background-color: transparent;
        border-color: transparent;
        border-radius: 0;
        box-shadow: none;
        color: #0d47a1;
    }

        .e-btn.e-link:hover, .e-btn.e-link:focus,
        .e-css.e-btn.e-link:hover,
        .e-css.e-btn.e-link:focus {
            border-radius: 0;
            color: #0a3576;
            text-decoration: underline;
        }

        .e-btn.e-link:disabled,
        .e-css.e-btn.e-link:disabled {
            background-color: transparent;
            box-shadow: none;
            color: rgba(51, 51, 51, 0.65);
            text-decoration: none;
        }

/*! calendar default definitions and variables */
/*! calendar bootstrap theme variables */
/*! component icons */
.e-calendar .e-header .e-date-icon-prev::before {
    content: "";
}

.e-calendar .e-header .e-date-icon-next::before {
    content: "";
}

/*! calendar layout */
.e-calendar {
    -webkit-tap-highlight-color: transparent;
    border-radius: 4px;
    display: block;
    overflow: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .e-calendar.e-rtl .e-header .e-title {
        float: right;
        text-align: right;
    }

    .e-calendar.e-rtl .e-header .e-icon-container {
        float: left;
    }

    .e-calendar .e-header {
        background: none;
        display: table;
        font-weight: normal;
        position: relative;
        text-align: center;
        width: 100%;
    }

        .e-calendar .e-header button {
            background: none;
            border: 0;
            padding: 0;
            text-decoration: none;
        }

        .e-calendar .e-header span {
            cursor: pointer;
            display: inline-block;
            font-size: 16px;
            font-weight: normal;
            line-height: 16px;
            padding: 10px;
            vertical-align: middle;
        }

            .e-calendar .e-header span.e-disabled {
                cursor: default;
            }

    .e-calendar .e-week-header {
        padding: 0 0 6px;
    }

    .e-calendar th {
        cursor: default;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
    }

    .e-calendar .e-content .e-selected,
    .e-calendar .e-content .e-state-hover {
        border-radius: 0;
    }

    .e-calendar .e-content span.e-day {
        border-radius: 0;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        overflow: hidden;
        padding: 0;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
    }

    .e-calendar .e-content th,
    .e-calendar .e-content td {
        box-sizing: border-box;
    }

        .e-calendar .e-content td.e-disabled {
            opacity: 1;
            pointer-events: none;
            -ms-touch-action: none;
            touch-action: none;
        }

    .e-calendar .e-content td {
        cursor: pointer;
        padding: 0;
        text-align: center;
    }

        .e-calendar .e-content td.e-week-number {
            color: #333;
            font-family: "Inter",normal;
            font-size: 14px;
            font-weight: 500;
        }

        .e-calendar .e-content td.e-overlay {
            background: none;
        }

    .e-calendar .e-content table {
        border-collapse: separate;
        border-spacing: 0;
        border-width: 0;
        float: left;
        margin: 0;
        outline: 0;
        padding: 0 0 10px;
        table-layout: fixed;
        width: 100%;
    }

    .e-calendar .e-content td.e-other-month > span.e-day {
        display: block;
        font-weight: normal;
    }

    .e-calendar .e-content tr.e-month-hide {
        display: none;
        font-weight: normal;
    }

    .e-calendar .e-content tr.e-month-hide,
    .e-calendar .e-content td.e-other-month {
        pointer-events: initial;
        -ms-touch-action: initial;
        touch-action: initial;
    }

        .e-calendar .e-content tr.e-month-hide,
        .e-calendar .e-content td.e-other-month.e-disabled {
            pointer-events: none;
            -ms-touch-action: none;
            touch-action: none;
        }

    .e-calendar .e-content td.e-week-number:hover span.e-day,
    .e-calendar .e-content td.e-week-number:hover {
        background-color: #fff;
        cursor: default;
    }

    .e-calendar .e-header .e-prev,
    .e-calendar .e-header .e-next {
        border-radius: 4px;
        display: inline-block;
        font-size: 14px;
        vertical-align: middle;
    }

    .e-calendar .e-header .e-title {
        cursor: pointer;
        display: inline-block;
        float: left;
        font-size: 16px;
        font-weight: 600;
        text-align: left;
    }

    .e-calendar .e-header .e-title {
        margin-left: 8px;
    }

    .e-calendar .e-header .e-prev:hover,
    .e-calendar .e-header .e-next:hover {
        cursor: pointer;
    }

    .e-calendar .e-header .e-prev.e-overlay,
    .e-calendar .e-header .e-next.e-overlay {
        background: none;
    }

    .e-calendar .e-header.e-decade .e-title,
    .e-calendar .e-header.e-year .e-title {
        margin-left: 15px;
    }

    .e-calendar .e-header.e-decade .e-title {
        cursor: default;
    }

    .e-calendar .e-header .e-icon-container {
        display: inline-block;
        float: right;
    }

    .e-calendar .e-footer-container {
        text-transform: uppercase;
    }

.e-calendar {
    max-width: 262px;
    min-width: 256px;
    padding: 12px;
}

    .e-calendar.e-week-number {
        min-width: 300px;
    }

    .e-calendar.e-week {
        max-width: 294px;
        min-width: 288px;
    }

    .e-calendar .e-header .e-title {
        line-height: 36px;
    }

    .e-calendar.e-rtl .e-header .e-title {
        text-align: right;
        text-indent: 4px;
    }

    .e-calendar .e-header {
        height: 36px;
    }

        .e-calendar .e-header.e-month {
            padding: 0;
        }

        .e-calendar .e-header.e-year, .e-calendar .e-header.e-decade {
            padding: 0 0 10px;
        }

    .e-calendar th {
        font-weight: 600;
        height: 28px;
    }

    .e-calendar .e-content .e-selected,
    .e-calendar .e-content .e-state-hover {
        border-radius: 0;
    }

    .e-calendar .e-content span.e-day {
        border: none;
        font-size: 14px;
        font-weight: normal;
        height: 28px;
        line-height: 28px;
        width: 34px;
    }

    .e-calendar .e-content.e-year table,
    .e-calendar .e-content.e-decade table {
        border-spacing: 0;
        padding: 0;
    }

    .e-calendar .e-content.e-month td {
        height: 28px;
        padding: 0;
    }

    .e-calendar .e-content .tfooter > tr > td {
        height: 36px;
        line-height: 36px;
    }

    .e-calendar .e-content.e-year td,
    .e-calendar .e-content.e-decade td {
        height: 54px;
        padding: 0;
    }

        .e-calendar .e-content.e-year td > span.e-day,
        .e-calendar .e-content.e-decade td > span.e-day {
            font-weight: normal;
            height: 54px;
            line-height: 54px;
            width: 58px;
        }

    .e-calendar .e-header .e-icon-container .e-prev,
    .e-calendar .e-header .e-icon-container .e-next {
        height: 36px;
        width: 36px;
    }

    .e-calendar .e-footer-container {
        cursor: default;
        display: inline-block;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0;
        text-align: center;
        width: 100%;
    }

.e-bigger.e-calendar,
.e-bigger .e-calendar {
    max-width: 284px;
    min-width: 278px;
    padding: 16px;
}

    .e-bigger.e-calendar.e-week,
    .e-bigger .e-calendar.e-week {
        max-width: 320px;
        min-width: 314px;
    }

    .e-bigger.e-calendar.e-week-number,
    .e-bigger .e-calendar.e-week-number {
        min-width: 325px;
    }

    .e-bigger.e-calendar .e-header .e-title,
    .e-bigger .e-calendar .e-header .e-title {
        font-size: 18px;
        line-height: 40px;
        width: 60%;
    }

    .e-bigger.e-calendar.e-rtl .e-header .e-title,
    .e-bigger .e-calendar.e-rtl .e-header .e-title {
        line-height: 40px;
        text-indent: 6px;
    }

    .e-bigger.e-calendar .e-header,
    .e-bigger .e-calendar .e-header {
        height: 40px;
        padding: 0;
    }

        .e-bigger.e-calendar .e-header span,
        .e-bigger .e-calendar .e-header span {
            font-size: 18px;
            padding: 11px;
        }

        .e-bigger.e-calendar .e-header.e-year, .e-bigger.e-calendar .e-header.e-decade,
        .e-bigger .e-calendar .e-header.e-year,
        .e-bigger .e-calendar .e-header.e-decade {
            padding: 0 0 10px;
        }

    .e-bigger.e-calendar th,
    .e-bigger .e-calendar th {
        font-size: 15px;
        height: 30px;
    }

    .e-bigger.e-calendar .e-content.e-year span.e-day,
    .e-bigger .e-calendar .e-content.e-year span.e-day {
        font-size: 15px;
        font-weight: normal;
    }

    .e-bigger.e-calendar .e-content.e-month table,
    .e-bigger .e-calendar .e-content.e-month table {
        padding: 0;
    }

    .e-bigger.e-calendar .e-content.e-year table,
    .e-bigger.e-calendar .e-content.e-decade table,
    .e-bigger .e-calendar .e-content.e-year table,
    .e-bigger .e-calendar .e-content.e-decade table {
        padding: 0 0 10px;
    }

    .e-bigger.e-calendar .e-content .e-selected,
    .e-bigger.e-calendar .e-content .e-state-hover,
    .e-bigger .e-calendar .e-content .e-selected,
    .e-bigger .e-calendar .e-content .e-state-hover {
        border-radius: 0;
    }

    .e-bigger.e-calendar .e-content span.e-day,
    .e-bigger .e-calendar .e-content span.e-day {
        font-size: 15px;
        height: 30px;
        line-height: 30px;
        width: 36px;
    }

    .e-bigger.e-calendar .e-content.e-month td,
    .e-bigger .e-calendar .e-content.e-month td {
        height: 0;
        padding: 0;
    }

    .e-bigger.e-calendar .e-content.e-year td,
    .e-bigger.e-calendar .e-content.e-decade td,
    .e-bigger .e-calendar .e-content.e-year td,
    .e-bigger .e-calendar .e-content.e-decade td {
        height: 56px;
        padding: 0;
    }

        .e-bigger.e-calendar .e-content.e-year td > span.e-day,
        .e-bigger.e-calendar .e-content.e-decade td > span.e-day,
        .e-bigger .e-calendar .e-content.e-year td > span.e-day,
        .e-bigger .e-calendar .e-content.e-decade td > span.e-day {
            height: 56px;
            line-height: 56px;
            width: 62px;
        }

    .e-bigger.e-calendar .e-header .e-icon-container .e-prev,
    .e-bigger.e-calendar .e-header .e-icon-container .e-next,
    .e-bigger .e-calendar .e-header .e-icon-container .e-prev,
    .e-bigger .e-calendar .e-header .e-icon-container .e-next {
        height: 40px;
        width: 40px;
    }

.e-calendar .e-btn.e-today.e-flat.e-disabled,
.e-calendar .e-btn.e-today.e-flat.e-disabled:hover,
.e-calendar .e-btn.e-today.e-flat.e-disabled:active,
.e-calendar .e-btn.e-today.e-flat.e-disabled:focus,
.e-calendar .e-btn.e-today.e-flat.e-disabled:hover:active {
    background: #fff;
    border-color: rgba(204, 204, 204, 0.65);
    box-shadow: none;
    color: rgba(51, 51, 51, 0.65);
    cursor: default;
    opacity: 1;
    outline: none;
    pointer-events: none;
    -ms-touch-action: none;
    touch-action: none;
}

.e-calendar {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: none;
}

    .e-calendar .e-date-icon-prev,
    .e-calendar .e-date-icon-next {
        color: #333;
    }

    .e-calendar th {
        border-bottom: 0;
        color: #333;
    }

    .e-calendar .e-header {
        border-bottom: 0;
    }

        .e-calendar .e-header a span {
            border: none;
            color: #333;
        }

        .e-calendar .e-header .e-title {
            color: #333;
        }

            .e-calendar .e-header .e-title:hover {
                color: #333;
                cursor: pointer;
                text-decoration: none;
            }

        .e-calendar .e-header .e-prev:hover > span,
        .e-calendar .e-header .e-next:hover > span {
            border: none;
            color: #333;
            cursor: pointer;
        }

        .e-calendar .e-header .e-prev:hover,
        .e-calendar .e-header .e-next:hover {
            background: #e6e6e6;
        }

        .e-calendar .e-header .e-prev:active,
        .e-calendar .e-header .e-next:active {
            background: #d4d4d4;
            color: #fff;
        }

        .e-calendar .e-header button.e-prev:active span,
        .e-calendar .e-header button.e-next:active span {
            border: 1px solid trasparent;
            color: #333;
        }

        .e-calendar .e-header.e-decade .e-title {
            color: #333;
            cursor: default;
        }

        .e-calendar .e-header .e-next.e-disabled span,
        .e-calendar .e-header .e-prev.e-disabled span {
            color: #ccc;
            font-weight: normal;
        }

        .e-calendar .e-header .e-next.e-disabled,
        .e-calendar .e-header .e-prev.e-disabled {
            opacity: 1;
        }

    .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day,
    .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
        color: rgba(51, 51, 51, 0.65);
    }

    .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child.e-selected span.e-day,
    .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child.e-selected span.e-day {
        color: #fff;
    }

    .e-calendar .e-content.e-decade tr:first-child .e-cell.e-disabled:first-child span.e-day,
    .e-calendar .e-content.e-decade tr:last-child .e-cell.e-disabled:last-child span.e-day {
        color: #ccc;
    }

    .e-calendar .e-content.e-year td:hover span.e-day,
    .e-calendar .e-content.e-decade td:hover span.e-day {
        background-color: #e6e6e6;
    }

    .e-calendar .e-content.e-year td.e-selected:hover span.e-day,
    .e-calendar .e-content.e-decade td.e-selected:hover span.e-day {
        background-color: #3071a9;
    }

    .e-calendar .e-content.e-year td > span.e-day,
    .e-calendar .e-content.e-decade td > span.e-day {
        background: none;
    }

    .e-calendar .e-content .e-week-number span {
        color: #999;
    }

    .e-calendar .e-content td.e-focused-date span.e-day,
    .e-calendar .e-content td.e-focused-date:hover span.e-day,
    .e-calendar .e-content td.e-focused-date:focus span.e-day {
        background: #e6e6e6;
        border: none;
        border-radius: 4px;
    }

    .e-calendar .e-content td.e-focused-date:hover span.e-day {
        background-color: #e6e6e6;
        border: none;
        border-radius: 4px;
        color: #333;
    }

    .e-calendar .e-content td.e-today span.e-day,
    .e-calendar .e-content td.e-focused-date.e-today span.e-day {
        background: none;
        border: 1px solid #4caf50;
        border-radius: 4px;
        color: #333;
    }

    .e-calendar .e-content td.e-today:focus span.e-day,
    .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
        background-color: #e6e6e6;
        border: none;
        border-radius: 4px;
        color: #333;
    }

    .e-calendar .e-content td.e-today:hover span.e-day,
    .e-calendar .e-content td.e-focused-date.e-today:hover span.e-day,
    .e-calendar .e-content td.e-focused-date.e-today:focus span.e-day {
        background-color: #e6e6e6;
        border: 1px solid #4caf50;
        color: #333;
    }

    .e-calendar .e-content td.e-today.e-selected span.e-day {
        background-color: #4caf50;
        border: 1px solid #4caf50;
        box-shadow: none;
        color: #fff;
    }

    .e-calendar .e-content td.e-today.e-selected:hover span.e-day,
    .e-calendar .e-content td.e-selected:hover span.e-day {
        background-color: #37823a;
        color: #fff;
    }

    .e-calendar .e-content span {
        color: #333;
    }

    .e-calendar .e-content .e-disabled span.e-day:hover {
        background: none;
        border: 0;
        color: #ccc;
    }

    .e-calendar .e-content .e-other-month:hover span.e-day {
        color: rgba(51, 51, 51, 0.65);
    }

    .e-calendar .e-content .e-other-month span.e-day,
    .e-calendar .e-content .e-other-month.e-today span.e-day {
        color: rgba(51, 51, 51, 0.65);
    }

    .e-calendar .e-content .e-other-month.e-today:hover span.e-day {
        background-color: #e6e6e6;
        color: rgba(51, 51, 51, 0.65);
    }

    .e-calendar .e-content thead {
        background: none;
        border-bottom: 0;
    }

    .e-calendar .e-content td:hover span.e-day,
    .e-calendar .e-content td:focus span.e-day {
        background-color: #e6e6e6;
        border: none;
        border-radius: 4px;
        color: #333;
    }

    .e-calendar .e-content td:focus span.e-day {
        background-color: #e6e6e6;
        border: none;
        border-radius: 4px;
        color: #333;
    }

    .e-calendar .e-content td.e-disabled span.e-day,
    .e-calendar .e-content td.e-disabled:hover span.e-day,
    .e-calendar .e-content td.e-disabled:focus span.e-day {
        background: none;
        border: none;
        color: #ccc;
    }

    .e-calendar .e-content td.e-selected span.e-day {
        background-color: #4caf50;
        border: 1px solid trasparent;
        border-radius: 4px;
        color: #fff;
    }

    .e-calendar .e-content .e-footer {
        color: #4caf50;
    }

    .e-calendar.e-device .e-prev:hover,
    .e-calendar.e-device .e-next:hover,
    .e-calendar.e-device .e-prev:active,
    .e-calendar.e-device .e-next:active,
    .e-calendar.e-device .e-prev:focus,
    .e-calendar.e-device .e-next:focus {
        background: none;
    }

    .e-calendar.e-device button.e-prev:active span,
    .e-calendar.e-device button.e-next:active span {
        color: #333;
    }

.e-zoomin {
    animation: animatezoom .3s;
}

@keyframes animatezoom {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

/*! component's theme wise override material-definitions and variables */
/*! card layout */
.e-bigger .e-card,
.e-bigger.e-card {
    line-height: 45px;
    min-height: 45px;
}

    .e-bigger .e-card > .e-card-header-title,
    .e-bigger.e-card > .e-card-header-title {
        line-height: normal;
        padding: 16px;
        min-height: 45px;
    }

        .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
        .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
            margin-top: 0;
            padding-top: 0;
        }

    .e-bigger .e-card > .e-card-title,
    .e-bigger.e-card > .e-card-title {
        line-height: normal;
        padding: 16px;
    }

        .e-bigger .e-card > .e-card-title + :not(.e-card-title),
        .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
            margin-top: 0;
            padding-top: 0;
        }

    .e-bigger .e-card.e-card-horizontal .e-card-image,
    .e-bigger .e-card.e-card-horizontal img,
    .e-bigger .e-card .e-card-horizontal .e-card-image,
    .e-bigger .e-card .e-card-horizontal img,
    .e-bigger.e-card.e-card-horizontal .e-card-image,
    .e-bigger.e-card.e-card-horizontal img,
    .e-bigger.e-card .e-card-horizontal .e-card-image,
    .e-bigger.e-card .e-card-horizontal img {
        margin: 2px;
    }

    .e-bigger .e-card .e-card-header,
    .e-bigger.e-card .e-card-header {
        min-height: 30px;
        padding: 16px;
    }

        .e-bigger .e-card .e-card-header .e-card-content,
        .e-bigger.e-card .e-card-header .e-card-content {
            padding-left: 0;
            padding-right: 0;
        }

        .e-bigger .e-card .e-card-header .e-card-header-caption,
        .e-bigger.e-card .e-card-header .e-card-header-caption {
            padding: 0 0 0 10px;
        }

            .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
            .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
                padding: 0;
            }

            .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
            .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
                font-size: 14px;
                line-height: normal;
            }

            .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
            .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
                font-size: 14px;
                line-height: normal;
                padding: 8px 0 0;
            }

        .e-bigger .e-card .e-card-header .e-card-header-image,
        .e-bigger.e-card .e-card-header .e-card-header-image {
            background-size: cover;
            height: 40px;
            width: 40px;
        }

    .e-bigger .e-card .e-card-image,
    .e-bigger.e-card .e-card-image {
        min-height: 150px;
    }

        .e-bigger .e-card .e-card-image .e-card-title,
        .e-bigger.e-card .e-card-image .e-card-title {
            font-size: 17px;
            line-height: 36px;
            min-height: 36px;
            padding: 0 16px;
        }

    .e-bigger .e-card .e-card-actions,
    .e-bigger.e-card .e-card-actions {
        padding: 16px;
    }

        .e-bigger .e-card .e-card-actions.e-card-vertical,
        .e-bigger.e-card .e-card-actions.e-card-vertical {
            padding: 16px;
        }

            .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
            .e-bigger .e-card .e-card-actions.e-card-vertical a,
            .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
            .e-bigger.e-card .e-card-actions.e-card-vertical a {
                margin: 0 0 10px 0;
            }

                .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
                .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
                .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
                .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
                    margin-bottom: 0;
                }

        .e-bigger .e-card .e-card-actions .e-card-btn span,
        .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
        .e-bigger.e-card .e-card-actions .e-card-btn span,
        .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons {
            height: 24px;
            width: 24px;
        }

        .e-bigger .e-card .e-card-actions .e-card-btn,
        .e-bigger .e-card .e-card-actions a,
        .e-bigger.e-card .e-card-actions .e-card-btn,
        .e-bigger.e-card .e-card-actions a {
            line-height: 36px;
            margin: 0 0 0 10px;
            min-height: 36px;
            padding: 0 6px;
        }

            .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
            .e-bigger .e-card .e-card-actions a:first-child,
            .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
            .e-bigger.e-card .e-card-actions a:first-child {
                margin-left: 0;
            }

    .e-bigger .e-card .e-card-content,
    .e-bigger.e-card .e-card-content {
        padding: 16px;
    }

        .e-bigger .e-card .e-card-content + :not(.e-card-content),
        .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
        .e-bigger.e-card .e-card-content + :not(.e-card-content),
        .e-bigger.e-card .e-card-content + .e-card-actions.e-card-vertical {
            margin-top: 0;
            padding-top: 0;
        }

.e-card {
    border-radius: 4px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
    font-size: 15px;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 36px;
    min-height: 36px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 100%;
}

    .e-card > * {
        -ms-flex-pack: center;
        justify-content: center;
    }

    .e-card > .e-card-header-title {
        box-sizing: border-box;
        font-size: 15px;
        line-height: normal;
        padding: 12px;
        min-height: 34px;
    }

        .e-card > .e-card-header-title + :not(.e-card-header-title) {
            margin-top: 0;
            padding-top: 0;
        }

    .e-card > .e-card-title {
        font-size: 17px;
        line-height: normal;
        padding: 12px;
    }

        .e-card > .e-card-title + :not(.e-card-title) {
            margin-top: 0;
            padding-top: 0;
        }

    .e-card > .e-card-header-title,
    .e-card > .e-card-title {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .e-card .e-card-header-caption {
        line-height: normal;
    }

        .e-card .e-card-header-caption .e-card-header-title {
            font-size: 14px;
        }

        .e-card .e-card-header-caption .e-card-sub-title {
            font-size: 14px;
        }

    .e-card .e-card-stacked {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden;
    }

    .e-card.e-card-horizontal,
    .e-card .e-card-horizontal {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .e-card.e-card-horizontal .e-card-image,
        .e-card.e-card-horizontal img,
        .e-card .e-card-horizontal .e-card-image,
        .e-card .e-card-horizontal img {
            margin: 2px;
        }

    .e-card .e-card-horizontal {
        line-height: normal;
        padding: 2px;
    }

        .e-card.e-card-horizontal > * {
            -ms-flex: 1;
            flex: 1;
        }

        .e-card.e-card-horizontal .e-card-stacked {
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1;
            flex: 1;
            -ms-flex-direction: column;
            flex-direction: column;
            overflow: hidden;
        }

            .e-card.e-card-horizontal .e-card-stacked > :first-child {
                -ms-flex-positive: 1;
                flex-grow: 1;
            }

    .e-card .e-card-separator {
        display: block;
    }

    .e-card .e-card-corner {
        border-radius: 50%;
    }

    .e-card .e-card-header {
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: normal;
        min-height: 22.5px;
        padding: 12px;
        width: inherit;
    }

        .e-card .e-card-header .e-card-content {
            padding-left: 0;
            padding-right: 0;
        }

        .e-card .e-card-header .e-card-actions {
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .e-card .e-card-header .e-card-header-image {
            -ms-flex-item-align: center;
            align-self: center;
            display: -ms-flexbox;
            display: flex;
        }

        .e-card .e-card-header .e-card-header-caption {
            -ms-flex-item-align: center;
            align-self: center;
            display: -ms-flexbox;
            display: flex;
            -ms-flex: 1;
            flex: 1;
            -ms-flex-direction: column;
            flex-direction: column;
            overflow: hidden;
            padding: 0 0 0 7.5px;
        }

            .e-card .e-card-header .e-card-header-caption:first-child {
                padding: 0;
            }

            .e-card .e-card-header .e-card-header-caption .e-card-header-title,
            .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
                display: inline-block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .e-card .e-card-header .e-card-header-caption .e-card-header-title {
                font-size: 14px;
                font-weight: 600;
                line-height: normal;
            }

            .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
                font-size: 14px;
                font-weight: 400;
                line-height: normal;
                padding: 6px 0 0;
            }

        .e-card .e-card-header .e-card-header-image {
            background-repeat: no-repeat;
            background-size: cover;
            height: 30px;
            width: 30px;
        }

        .e-card .e-card-header .e-card-corner {
            border-radius: 50%;
        }

    .e-card .e-card-image {
        background-size: cover;
        min-height: 112.5px;
        position: relative;
        width: 100%;
    }

        .e-card .e-card-image .e-card-title {
            bottom: 0;
            box-sizing: border-box;
            font-size: 17px;
            line-height: 27px;
            min-height: 27px;
            overflow: hidden;
            padding: 0 12px;
            position: absolute;
            text-overflow: ellipsis;
            width: inherit;
        }

            .e-card .e-card-image .e-card-title.e-card-top-left, .e-card .e-card-image .e-card-title.e-card-top-right {
                bottom: auto;
                top: 0;
            }

            .e-card .e-card-image .e-card-title.e-card-top-right {
                text-align: right;
            }

            .e-card .e-card-image .e-card-title.e-card-bottom-right {
                text-align: right;
            }

    .e-card .e-card-actions {
        box-sizing: border-box;
        display: inline-block;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 6px;
    }

        .e-card .e-card-actions.e-card-vertical {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 12px;
        }

            .e-card .e-card-actions.e-card-vertical .e-card-btn,
            .e-card .e-card-actions.e-card-vertical a {
                -ms-flex-item-align: initial;
                -ms-grid-row-align: initial;
                align-self: initial;
                box-sizing: border-box;
                display: inline-block;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 0 0 6px 0;
                text-align: center;
                width: 100%;
            }

                .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
                .e-card .e-card-actions.e-card-vertical a:last-child {
                    margin-bottom: 0;
                }

        .e-card .e-card-actions button,
        .e-card .e-card-actions a {
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-item-align: center;
            align-self: center;
            cursor: pointer;
            display: -ms-inline-flexbox;
            display: inline-flex;
            overflow: hidden;
            vertical-align: middle;
            white-space: nowrap;
        }

        .e-card .e-card-actions .e-card-btn span,
        .e-card .e-card-actions .e-card-btn span.e-icons {
            display: -ms-flexbox;
            display: flex;
            font-size: 14px;
            height: 24px;
            width: 24px;
        }

            .e-card .e-card-actions .e-card-btn span::before,
            .e-card .e-card-actions .e-card-btn span.e-icons::before {
                -ms-flex-item-align: center;
                align-self: center;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-pack: center;
                justify-content: center;
                width: inherit;
            }

        .e-card .e-card-actions .e-card-btn > * {
            overflow: hidden;
            text-overflow: ellipsis;
            width: inherit;
        }

        .e-card .e-card-actions .e-card-btn,
        .e-card .e-card-actions a {
            border-radius: 2px;
            font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
            font-size: 14px;
            line-height: 27px;
            margin: 0 0 0 6px;
            min-height: 27px;
            padding: 0 6px;
            text-decoration: none;
            text-transform: none;
        }

            .e-card .e-card-actions .e-card-btn:first-child,
            .e-card .e-card-actions a:first-child {
                margin-left: 0;
            }

    .e-card .e-card-content {
        font-size: 14px;
        line-height: normal;
        padding: 12px;
    }

        .e-card .e-card-content + :not(.e-card-content),
        .e-card .e-card-content + .e-card-actions.e-card-vertical {
            margin-top: 0;
            padding-top: 0;
        }

        .e-card .e-card-content,
        .e-card .e-card-content p {
            line-height: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            line-height: 21px;
        }

/*! card theme */
.e-card {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    outline: none;
}

    .e-card:hover {
        background-color: #fff;
        border-color: #adadad;
    }

    .e-card:focus {
        background-color: #fff;
        border-color: #adadad;
    }

    .e-card:active {
        background-color: #fff;
        border-color: #4caf50;
    }

    .e-card .e-card-separator {
        border-bottom: 1px solid #ddd;
    }

    .e-card .e-card-header-caption .e-card-header-title {
        color: #333;
    }

    .e-card .e-card-header-caption .e-card-sub-title {
        color: #333;
    }

    .e-card .e-card-image .e-card-title {
        background-color: rgba(0, 0, 0, 0.35);
        color: #fff;
    }

    .e-card .e-card-actions .e-card-btn span,
    .e-card .e-card-actions .e-card-btn span.e-icons {
        color: #333;
    }

    .e-card .e-card-actions .e-card-btn,
    .e-card .e-card-actions a {
        background-color: #4caf50;
        border: 1px solid #3071a9;
        color: #fff;
        outline: 0;
    }

        .e-card .e-card-actions .e-card-btn:hover,
        .e-card .e-card-actions a:hover {
            background-color: #2a6496;
            border: 1px solid #1f496e;
            color: #fff;
        }

        .e-card .e-card-actions .e-card-btn:focus,
        .e-card .e-card-actions a:focus {
            background-color: #2a6496;
            border: 1px solid #142f46;
            color: #fff;
        }

        .e-card .e-card-actions .e-card-btn:active,
        .e-card .e-card-actions a:active {
            background-color: #2a6496;
            border: 1px solid #1f496e;
            color: #fff;
        }

    .e-card .e-card-content {
        color: #333;
    }


/*! checkbox layout */
.e-checkbox-wrapper,
.e-css.e-checkbox-wrapper {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .e-checkbox-wrapper label,
    .e-css.e-checkbox-wrapper label {
        cursor: pointer;
        display: inline-block;
        line-height: 0;
        margin: 0;
        position: relative;
        white-space: nowrap;
    }

    .e-checkbox-wrapper:focus .e-frame,
    .e-css.e-checkbox-wrapper:focus .e-frame {
        box-shadow: 0 0 4px 0 #0065ff;
    }

    .e-checkbox-wrapper .e-ripple-container,
    .e-css.e-checkbox-wrapper .e-ripple-container {
        border-radius: 50%;
        bottom: -9px;
        height: 36px;
        left: -9px;
        pointer-events: none;
        position: absolute;
        right: -9px;
        top: -9px;
        width: 36px;
        z-index: 1;
    }

    .e-checkbox-wrapper .e-label,
    .e-css.e-checkbox-wrapper .e-label {
        cursor: pointer;
        display: inline-block;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: 20px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        white-space: normal;
    }

    .e-checkbox-wrapper .e-checkbox,
    .e-css.e-checkbox-wrapper .e-checkbox {
        height: 1px;
        opacity: 0;
        position: absolute;
        width: 1px;
    }

        .e-checkbox-wrapper .e-checkbox + .e-label,
        .e-css.e-checkbox-wrapper .e-checkbox + .e-label {
            margin-right: 8px;
        }

    .e-checkbox-wrapper .e-frame,
    .e-css.e-checkbox-wrapper .e-frame {
        border: 1px solid;
        border-radius: 3px;
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        font-family: 'e-icons';
        height: 20px;
        line-height: 18px;
        padding: 0;
        text-align: center;
        vertical-align: middle;
        width: 20px;
    }

        .e-checkbox-wrapper .e-frame + .e-label,
        .e-css.e-checkbox-wrapper .e-frame + .e-label {
            margin-left: 8px;
        }

        .e-checkbox-wrapper .e-frame + .e-ripple-container,
        .e-css.e-checkbox-wrapper .e-frame + .e-ripple-container {
            left: auto;
        }

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

        .e-checkbox-wrapper .e-check::before,
        .e-css.e-checkbox-wrapper .e-check::before {
            content: "";
        }

    .e-checkbox-wrapper .e-stop,
    .e-css.e-checkbox-wrapper .e-stop {
        font-size: 12px;
        line-height: 18px;
    }

        .e-checkbox-wrapper .e-stop::before,
        .e-css.e-checkbox-wrapper .e-stop::before {
            content: "";
        }

    .e-checkbox-wrapper.e-checkbox-disabled,
    .e-css.e-checkbox-wrapper.e-checkbox-disabled {
        cursor: default;
        pointer-events: none;
    }

        .e-checkbox-wrapper.e-checkbox-disabled .e-frame,
        .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame {
            cursor: default;
        }

        .e-checkbox-wrapper.e-checkbox-disabled .e-label,
        .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-label {
            cursor: default;
        }

    .e-checkbox-wrapper.e-rtl .e-ripple-container,
    .e-css.e-checkbox-wrapper.e-rtl .e-ripple-container {
        right: -9px;
    }

    .e-checkbox-wrapper.e-rtl .e-frame,
    .e-css.e-checkbox-wrapper.e-rtl .e-frame {
        margin: 0;
    }

        .e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container,
        .e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container {
            left: -9px;
            right: auto;
        }

    .e-checkbox-wrapper.e-rtl .e-label,
    .e-css.e-checkbox-wrapper.e-rtl .e-label {
        margin-left: 0;
        margin-right: 8px;
    }

        .e-checkbox-wrapper.e-rtl .e-label + .e-frame,
        .e-css.e-checkbox-wrapper.e-rtl .e-label + .e-frame {
            margin: 0;
        }

    .e-checkbox-wrapper.e-rtl .e-checkbox + .e-label,
    .e-css.e-checkbox-wrapper.e-rtl .e-checkbox + .e-label {
        margin-left: 8px;
        margin-right: 0;
    }

    .e-checkbox-wrapper.e-small .e-frame,
    .e-css.e-checkbox-wrapper.e-small .e-frame {
        height: 14px;
        line-height: 12px;
        width: 14px;
    }

    .e-checkbox-wrapper.e-small .e-check,
    .e-css.e-checkbox-wrapper.e-small .e-check {
        font-size: 8px;
    }

    .e-checkbox-wrapper.e-small .e-stop,
    .e-css.e-checkbox-wrapper.e-small .e-stop {
        font-size: 6px;
        line-height: 12px;
    }

    .e-checkbox-wrapper.e-small .e-label,
    .e-css.e-checkbox-wrapper.e-small .e-label {
        font-size: 14px;
        line-height: 14px;
    }

    .e-checkbox-wrapper.e-small .e-ripple-container,
    .e-css.e-checkbox-wrapper.e-small .e-ripple-container {
        bottom: -13px;
        height: 30px;
        left: -13px;
        right: -13px;
        top: -13px;
        width: 30px;
    }

.e-bigger .e-checkbox-wrapper .e-frame,
.e-bigger.e-checkbox-wrapper .e-frame,
.e-bigger .e-css.e-checkbox-wrapper .e-frame,
.e-bigger.e-css.e-checkbox-wrapper .e-frame {
    height: 22px;
    line-height: 20px;
    width: 22px;
}

    .e-bigger .e-checkbox-wrapper .e-frame + .e-label,
    .e-bigger.e-checkbox-wrapper .e-frame + .e-label,
    .e-bigger .e-css.e-checkbox-wrapper .e-frame + .e-label,
    .e-bigger.e-css.e-checkbox-wrapper .e-frame + .e-label {
        font-size: 15px;
        line-height: 22px;
        margin-left: 10px;
    }

.e-bigger .e-checkbox-wrapper .e-check,
.e-bigger.e-checkbox-wrapper .e-check,
.e-bigger .e-css.e-checkbox-wrapper .e-check,
.e-bigger.e-css.e-checkbox-wrapper .e-check {
    font-size: 14px;
}

.e-bigger .e-checkbox-wrapper .e-stop,
.e-bigger.e-checkbox-wrapper .e-stop,
.e-bigger .e-css.e-checkbox-wrapper .e-stop,
.e-bigger.e-css.e-checkbox-wrapper .e-stop {
    font-size: 14px;
    line-height: 20px;
}

.e-bigger .e-checkbox-wrapper .e-label,
.e-bigger.e-checkbox-wrapper .e-label,
.e-bigger .e-css.e-checkbox-wrapper .e-label,
.e-bigger.e-css.e-checkbox-wrapper .e-label {
    font-size: 15px;
}

.e-bigger .e-checkbox-wrapper .e-ripple-container,
.e-bigger.e-checkbox-wrapper .e-ripple-container,
.e-bigger .e-css.e-checkbox-wrapper .e-ripple-container,
.e-bigger.e-css.e-checkbox-wrapper .e-ripple-container {
    bottom: -15px;
    height: 38px;
    left: -15px;
    right: -15px;
    top: -15px;
    width: 38px;
}

.e-bigger .e-checkbox-wrapper.e-rtl .e-frame,
.e-bigger.e-checkbox-wrapper.e-rtl .e-frame,
.e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame,
.e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame {
    margin: 0;
}

    .e-bigger .e-checkbox-wrapper.e-rtl .e-frame + .e-label,
    .e-bigger.e-checkbox-wrapper.e-rtl .e-frame + .e-label,
    .e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-label,
    .e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-label {
        margin-left: 0;
        margin-right: 10px;
    }

    .e-bigger .e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container,
    .e-bigger.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container,
    .e-bigger .e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container,
    .e-bigger.e-css.e-checkbox-wrapper.e-rtl .e-frame + .e-ripple-container {
        right: auto;
    }

.e-bigger .e-checkbox-wrapper.e-small .e-frame,
.e-bigger.e-checkbox-wrapper.e-small .e-frame,
.e-bigger .e-css.e-checkbox-wrapper.e-small .e-frame,
.e-bigger.e-css.e-checkbox-wrapper.e-small .e-frame {
    height: 18px;
    line-height: 16px;
    width: 18px;
}

.e-bigger .e-checkbox-wrapper.e-small .e-check,
.e-bigger.e-checkbox-wrapper.e-small .e-check,
.e-bigger .e-css.e-checkbox-wrapper.e-small .e-check,
.e-bigger.e-css.e-checkbox-wrapper.e-small .e-check {
    font-size: 10px;
}

.e-bigger .e-checkbox-wrapper.e-small .e-stop,
.e-bigger.e-checkbox-wrapper.e-small .e-stop,
.e-bigger .e-css.e-checkbox-wrapper.e-small .e-stop,
.e-bigger.e-css.e-checkbox-wrapper.e-small .e-stop {
    font-size: 12px;
    line-height: 16px;
}

.e-bigger .e-checkbox-wrapper.e-small .e-label,
.e-bigger.e-checkbox-wrapper.e-small .e-label,
.e-bigger .e-css.e-checkbox-wrapper.e-small .e-label,
.e-bigger.e-css.e-checkbox-wrapper.e-small .e-label {
    font-size: 15px;
    line-height: 18px;
}

.e-bigger .e-checkbox-wrapper.e-small .e-ripple-container,
.e-bigger.e-checkbox-wrapper.e-small .e-ripple-container,
.e-bigger .e-css.e-checkbox-wrapper.e-small .e-ripple-container,
.e-bigger.e-css.e-checkbox-wrapper.e-small .e-ripple-container {
    bottom: -16px;
    height: 38px;
    left: -16px;
    right: -16px;
    top: -16px;
    width: 38px;
}

/*! checkbox theme */
.e-checkbox-wrapper,
.e-css.e-checkbox-wrapper {
    -webkit-tap-highlight-color: transparent;
}

    .e-checkbox-wrapper .e-frame,
    .e-css.e-checkbox-wrapper .e-frame {
        background-color: #fff;
        border-color: #ccc;
    }

        .e-checkbox-wrapper .e-frame.e-check,
        .e-css.e-checkbox-wrapper .e-frame.e-check {
            background-color: #ffffff;
            border-color: #ccc;
            color: #4caf50;
        }

        .e-checkbox-wrapper .e-frame.e-stop,
        .e-css.e-checkbox-wrapper .e-frame.e-stop {
            background-color: #fff;
            border-color: #ccc;
            color: #555;
        }

    .e-checkbox-wrapper .e-ripple-element,
    .e-css.e-checkbox-wrapper .e-ripple-element {
        background: transparent;
    }

    .e-checkbox-wrapper .e-ripple-check .e-ripple-element,
    .e-css.e-checkbox-wrapper .e-ripple-check .e-ripple-element {
        background: transperant;
    }

    .e-checkbox-wrapper:active .e-ripple-element,
    .e-css.e-checkbox-wrapper:active .e-ripple-element {
        background: transperant;
    }

    .e-checkbox-wrapper:active .e-ripple-check .e-ripple-element,
    .e-css.e-checkbox-wrapper:active .e-ripple-check .e-ripple-element {
        background: transparent;
    }

    .e-checkbox-wrapper .e-label,
    .e-css.e-checkbox-wrapper .e-label {
        color: #333;
    }

    .e-checkbox-wrapper .e-checkbox:focus + .e-frame,
    .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame {
        background-color: #fff;
        border-color: #ccc;
        box-shadow: 0 0 4px 0 #0065ff;
    }

        .e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check,
        .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-check {
            background-color: #fff;
            border-color: #ccc;
            box-shadow: 0 0 4px 0 var(--primary-color-empresa);
            color: #555;
        }

        .e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-stop,
        .e-css.e-checkbox-wrapper .e-checkbox:focus + .e-frame.e-stop {
            box-shadow: 0 0 4px 0 #0065ff;
            color: #555;
        }

    .e-checkbox-wrapper:hover .e-frame,
    .e-css.e-checkbox-wrapper:hover .e-frame {
        background-color: #fff;
        border-color: #ccc;
    }

        .e-checkbox-wrapper:hover .e-frame.e-check,
        .e-css.e-checkbox-wrapper:hover .e-frame.e-check {
            background-color: #fff;
            border-color: #ccc;
            color: #347937;
        }

        .e-checkbox-wrapper:hover .e-frame.e-stop,
        .e-css.e-checkbox-wrapper:hover .e-frame.e-stop {
            color: #555;
        }

    .e-checkbox-wrapper:hover .e-label,
    .e-css.e-checkbox-wrapper:hover .e-label {
        color: #555;
    }

    .e-checkbox-wrapper.e-checkbox-disabled .e-frame,
    .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame {
        background-color: rgba(255, 255, 255, 0.65);
        border-color: rgba(204, 204, 204, 0.65);
        color: rgba(51, 51, 51, 0.65);
    }

        .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check,
        .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-check {
            background-color: rgba(255, 255, 255, 0.65);
            border-color: rgba(204, 204, 204, 0.65);
            color: rgba(85, 85, 85, 0.65);
        }

        .e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-stop,
        .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-frame.e-stop {
            background-color: rgba(255, 255, 255, 0.65);
            border-color: rgba(204, 204, 204, 0.65);
            color: rgba(85, 85, 85, 0.65);
        }

    .e-checkbox-wrapper.e-checkbox-disabled .e-label,
    .e-css.e-checkbox-wrapper.e-checkbox-disabled .e-label {
        color: rgba(51, 51, 51, 0.65);
    }

    .e-checkbox-wrapper.e-focus .e-ripple-container,
    .e-css.e-checkbox-wrapper.e-focus .e-ripple-container {
        background-color: transparent;
    }

        .e-checkbox-wrapper.e-focus .e-ripple-container.e-ripple-check,
        .e-css.e-checkbox-wrapper.e-focus .e-ripple-container.e-ripple-check {
            background-color: transparent;
        }

    .e-checkbox-wrapper.e-focus .e-frame,
    .e-css.e-checkbox-wrapper.e-focus .e-frame {
        outline: #fff 0 solid;
        outline-offset: 0;
    }

        .e-checkbox-wrapper.e-focus .e-frame.e-check,
        .e-css.e-checkbox-wrapper.e-focus .e-frame.e-check {
            outline: #fff 0 solid;
            outline-offset: 0;
        }

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! contextmenu layout */
.e-contextmenu-wrapper ul {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    display: none;
    font-size: 14px;
    font-weight: normal;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    min-width: 120px;
    overflow: hidden;
    padding: 3px 0;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .e-contextmenu-wrapper ul.e-contextmenu {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

    .e-contextmenu-wrapper ul .e-menu-item {
        cursor: pointer;
        height: auto;
        line-height: 26px;
        padding: 0 14px;
        position: relative;
    }

        .e-contextmenu-wrapper ul .e-menu-item.e-menu-hide {
            display: none;
        }

        .e-contextmenu-wrapper ul .e-menu-item.e-menu-header {
            border-bottom-style: solid;
            border-bottom-width: 1px;
        }

        .e-contextmenu-wrapper ul .e-menu-item .e-menu-url {
            display: inline-block;
            text-decoration: none;
        }

        .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon {
            float: left;
            line-height: 26px;
            margin-right: 12px;
        }

        .e-contextmenu-wrapper ul .e-menu-item .e-previous {
            margin-right: 12px;
        }

            .e-contextmenu-wrapper ul .e-menu-item .e-previous::before {
                content: "";
            }

        .e-contextmenu-wrapper ul .e-menu-item .e-caret {
            font-size: 12px;
            line-height: 26px;
            margin-left: 16px;
            margin-right: 0;
            position: absolute;
            right: 7px;
        }

            .e-contextmenu-wrapper ul .e-menu-item .e-caret::before {
                content: "";
            }

        .e-contextmenu-wrapper ul .e-menu-item.e-disabled {
            cursor: auto;
            pointer-events: none;
        }

        .e-contextmenu-wrapper ul .e-menu-item.e-menu-caret-icon {
            padding-right: 36px;
        }

        .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon {
            font-size: 16px;
            vertical-align: middle;
        }

        .e-contextmenu-wrapper ul .e-menu-item.e-separator {
            border-bottom-style: solid;
            border-bottom-width: 1px;
            cursor: auto;
            height: auto;
            line-height: normal;
            margin: 3px 0;
            pointer-events: none;
        }

    .e-contextmenu-wrapper ul .e-blankicon {
        padding-left: 42px;
    }

.e-rtl.e-contextmenu-wrapper .e-menu-item .e-menu-icon {
    float: right;
    margin-left: 12px;
    margin-right: 0;
}

.e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret {
    left: 7px;
    margin-left: 0;
    right: auto;
}

    .e-rtl.e-contextmenu-wrapper .e-menu-item .e-caret::before {
        content: "";
    }

.e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon {
    padding-left: 36px;
    padding-right: 14px;
}

.e-rtl.e-contextmenu-wrapper .e-blankicon {
    padding-left: 14px;
    padding-right: 42px;
}

    .e-rtl.e-contextmenu-wrapper .e-blankicon.e-menu-caret-icon {
        padding-left: 36px;
        padding-right: 42px;
    }

.e-bigger .e-contextmenu-wrapper ul,
.e-bigger.e-contextmenu-wrapper ul {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    font-size: 15px;
    max-width: 280px;
    min-width: 112px;
    padding: 5px 0;
    white-space: nowrap;
}

    .e-bigger .e-contextmenu-wrapper ul .e-menu-item,
    .e-bigger.e-contextmenu-wrapper ul .e-menu-item {
        height: 40px;
        line-height: 40px;
    }

        .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
        .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon {
            font-size: 16px;
            line-height: 40px;
        }

        .e-bigger .e-contextmenu-wrapper ul .e-menu-item .e-caret,
        .e-bigger.e-contextmenu-wrapper ul .e-menu-item .e-caret {
            font-size: 12px;
            line-height: 40px;
        }

        .e-bigger .e-contextmenu-wrapper ul .e-menu-item.e-separator,
        .e-bigger.e-contextmenu-wrapper ul .e-menu-item.e-separator {
            height: auto;
            line-height: normal;
        }

    .e-bigger .e-contextmenu-wrapper ul .e-blankicon,
    .e-bigger.e-contextmenu-wrapper ul .e-blankicon {
        padding-left: 42px;
    }

/*! contextmenu theme */
.e-contextmenu-wrapper ul {
    background-color: #fff;
    color: #555;
}

    .e-contextmenu-wrapper ul .e-menu-item .e-menu-url {
        color: #555;
    }

    .e-contextmenu-wrapper ul .e-menu-item.e-focused {
        background-color: #f5f5f5;
        color: #555;
        outline: 0 solid #e6e6e6;
        outline-offset: 0;
    }

        .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret {
            color: #333;
        }

        .e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon {
            color: #333;
        }

    .e-contextmenu-wrapper ul .e-menu-item.e-selected {
        background-color: #e6e6e6;
        color: #555;
        outline: 0 solid #808080;
        outline-offset: 0;
    }

        .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret {
            color: #333;
        }

        .e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon {
            color: #333;
        }

    .e-contextmenu-wrapper ul .e-menu-item.e-menu-header {
        border-bottom-color: #e6e6e6;
    }

    .e-contextmenu-wrapper ul .e-menu-item .e-menu-icon {
        color: #333;
    }

    .e-contextmenu-wrapper ul .e-menu-item .e-caret {
        color: #333;
    }

    .e-contextmenu-wrapper ul .e-separator {
        border-bottom-color: #e6e6e6;
    }

    .e-contextmenu-wrapper ul .e-disable {
        color: rgba(85, 85, 85, 0.65);
    }

        .e-contextmenu-wrapper ul .e-disable .e-menu-icon {
            color: rgba(51, 51, 51, 0.65);
        }

        .e-contextmenu-wrapper ul .e-disable .e-caret {
            color: rgba(51, 51, 51, 0.65);
        }

        .e-contextmenu-wrapper ul .e-disable .e-menu-url {
            color: rgba(85, 85, 85, 0.65);
        }

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component icons */
.e-input-group-icon.e-date-icon,
.e-control-wrapper .e-input-group-icon.e-date-icon {
    font-size: 16px;
    margin: 0;
    min-height: 32px;
    min-width: 32px;
    outline: none;
}

    .e-input-group-icon.e-date-icon::before,
    .e-control-wrapper .e-input-group-icon.e-date-icon::before {
        content: "";
        font-family: 'e-icons';
    }

    .e-input-group-icon.e-date-icon:focus,
    .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
        background: #e6e6e6;
        border-radius: 0;
    }

.e-bigger .e-input-group-icon.e-date-icon,
.e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon,
.e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon {
    font-size: 20px;
    margin: 0;
    min-height: 38px;
    min-width: 38px;
}

    .e-bigger .e-input-group-icon.e-date-icon::before,
    .e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon::before,
    .e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon::before {
        content: "";
        font-family: 'e-icons';
    }

    .e-bigger .e-input-group-icon.e-date-icon:focus,
    .e-control-wrapper.e-bigger .e-input-group-icon.e-date-icon:focus,
    .e-bigger .e-control-wrapper .e-input-group-icon.e-date-icon:focus {
        background: #e6e6e6;
        border-radius: 0;
    }

.e-date-wrapper .e-date-icon.e-icons {
    box-sizing: border-box;
}

.e-datepicker .e-calendar .e-content table tbody tr.e-month-hide:last-child {
    display: block;
}

.e-datepicker.e-popup-wrapper {
    border-radius: 4px;
    overflow-y: hidden;
    pointer-events: auto;
}

.e-datepicker.e-date-modal {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: .5;
    pointer-events: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.e-datepicker .e-model-header {
    background-color: none;
    color: none;
    cursor: default;
    display: none;
    padding: 10px 10px 10px 15px;
}

    .e-datepicker .e-model-header .e-model-year {
        font-size: 14px;
        font-weight: 500;
        line-height: 32px;
        margin: 0;
    }

.e-datepicker .e-model-month,
.e-datepicker .e-model-day {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin: 0;
}

.e-date-overflow {
    overflow: hidden !important;
}

@media screen and (orientation: landscape) and (max-device-height: 360px) {
    .e-datepicker .e-calendar .e-month table tbody {
        display: inline-block;
        height: 150px;
        overflow: auto;
    }
}

.e-datepicker.e-popup-wrapper {
    border: 1px solid #ccc;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.e-datepicker .e-calendar {
    border: none;
}

.e-input-group.e-date-wrapper.e-dateinput-active:active:not(.e-success):not(.e-warning):not(.e-error) {
    border: none;
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons:hover:not(:active) {
    background: "";
}

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
    color: none;
}

    .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons:active, .e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active:active {
        color: none;
    }

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! radiobutton layout */
.e-radio-wrapper {
    display: inline-block;
    line-height: 1;
}

.e-radio {
    -webkit-appearance: none;
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

    .e-radio + label {
        -webkit-tap-highlight-color: transparent;
        cursor: pointer;
        display: inline-block;
        height: 20px;
        margin: 0;
        position: relative;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
    }

        .e-radio + label .e-label {
            display: inline-block;
            font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
            font-size: 14px;
            font-weight: normal;
            height: 20px;
            line-height: 20px;
            padding-left: 28px;
            vertical-align: text-top;
            white-space: normal;
        }

        .e-radio + label::before {
            border: 1px solid;
            border-radius: 50%;
            box-sizing: border-box;
            content: '';
            height: 20px;
            left: 0;
            position: absolute;
            top: 0;
            width: 20px;
        }

        .e-radio + label:focus::before {
            box-shadow: 0 0 4px 0 #0065ff;
        }

        .e-radio + label::after {
            border-radius: 50%;
            box-sizing: border-box;
            content: '';
            height: 20px;
            left: 0;
            position: absolute;
            top: 0;
            transform: scale(0);
            width: 20px;
        }

        .e-radio + label .e-ripple-container {
            border-radius: 50%;
            height: 34px;
            left: -8px;
            position: absolute;
            top: -8px;
            width: 34px;
            z-index: 1;
        }

        .e-radio + label.e-right .e-label, .e-radio + label.e-rtl .e-label {
            padding-left: 0;
            padding-right: 28px;
        }

        .e-radio + label.e-right::before, .e-radio + label.e-rtl::before {
            left: auto;
            right: 0;
        }

        .e-radio + label.e-right::after, .e-radio + label.e-rtl::after {
            left: auto;
            right: 0;
        }

        .e-radio + label.e-right .e-ripple-container, .e-radio + label.e-rtl .e-ripple-container {
            left: auto;
            right: -8px;
        }

        .e-radio + label.e-right.e-rtl .e-label {
            padding-left: 28px;
            padding-right: 0;
        }

        .e-radio + label.e-right.e-rtl::before {
            left: 0;
            right: auto;
        }

        .e-radio + label.e-right.e-rtl::after {
            left: 0;
            right: auto;
        }

        .e-radio + label.e-right.e-rtl .e-ripple-container {
            left: -8px;
            right: auto;
        }

        .e-radio + label.e-small {
            height: 14px;
        }

            .e-radio + label.e-small .e-label {
                height: 14px;
                line-height: 14px;
                padding-left: 22px;
            }

            .e-radio + label.e-small::before {
                height: 14px;
                width: 14px;
            }

            .e-radio + label.e-small::after {
                height: 12px;
                left: 1px;
                top: 1px;
                width: 12px;
            }

            .e-radio + label.e-small .e-ripple-container {
                left: -10px;
                top: -10px;
            }

            .e-radio + label.e-small.e-right .e-label, .e-radio + label.e-small.e-rtl .e-label {
                padding-left: 0;
                padding-right: 22px;
            }

            .e-radio + label.e-small.e-right::after, .e-radio + label.e-small.e-rtl::after {
                left: auto;
                right: 1px;
            }

            .e-radio + label.e-small.e-right .e-ripple-container, .e-radio + label.e-small.e-rtl .e-ripple-container {
                left: auto;
                right: -10px;
            }

            .e-radio + label.e-small.e-right.e-rtl .e-label {
                padding-left: 22px;
                padding-right: 0;
            }

            .e-radio + label.e-small.e-right.e-rtl::after {
                left: 1px;
                right: auto;
            }

            .e-radio + label.e-small.e-right.e-rtl .e-ripple-container {
                left: -10px;
                right: auto;
            }

    .e-radio:checked + label::after {
        transform: scale(0.5);
        transition: none;
    }

    .e-bigger .e-radio + label,
    .e-radio + label.e-bigger {
        height: 22px;
    }

        .e-bigger .e-radio + label .e-label,
        .e-radio + label.e-bigger .e-label {
            font-size: 15px;
            height: 22px;
            line-height: 22px;
            padding-left: 32px;
        }

        .e-bigger .e-radio + label::before,
        .e-radio + label.e-bigger::before {
            height: 22px;
            width: 22px;
        }

        .e-bigger .e-radio + label::after,
        .e-radio + label.e-bigger::after {
            height: 20px;
            left: 1px;
            top: 1px;
            width: 20px;
        }

        .e-bigger .e-radio + label .e-ripple-container,
        .e-radio + label.e-bigger .e-ripple-container {
            height: 48px;
            left: -11px;
            top: -11px;
            width: 48px;
        }

        .e-bigger .e-radio + label.e-right .e-label, .e-bigger .e-radio + label.e-rtl .e-label,
        .e-radio + label.e-bigger.e-right .e-label,
        .e-radio + label.e-bigger.e-rtl .e-label {
            padding-left: 0;
            padding-right: 32px;
        }

        .e-bigger .e-radio + label.e-right::after, .e-bigger .e-radio + label.e-rtl::after,
        .e-radio + label.e-bigger.e-right::after,
        .e-radio + label.e-bigger.e-rtl::after {
            left: auto;
            right: 1px;
        }

        .e-bigger .e-radio + label.e-right .e-ripple-container, .e-bigger .e-radio + label.e-rtl .e-ripple-container,
        .e-radio + label.e-bigger.e-right .e-ripple-container,
        .e-radio + label.e-bigger.e-rtl .e-ripple-container {
            left: auto;
            right: -11px;
        }

        .e-bigger .e-radio + label.e-right.e-rtl .e-label,
        .e-radio + label.e-bigger.e-right.e-rtl .e-label {
            padding-left: 32px;
            padding-right: 0;
        }

        .e-bigger .e-radio + label.e-right.e-rtl::after,
        .e-radio + label.e-bigger.e-right.e-rtl::after {
            left: 1px;
            right: auto;
        }

        .e-bigger .e-radio + label.e-right.e-rtl .e-ripple-container,
        .e-radio + label.e-bigger.e-right.e-rtl .e-ripple-container {
            left: -12px;
            right: auto;
        }

        .e-bigger .e-radio + label.e-small,
        .e-radio + label.e-bigger.e-small {
            height: 18px;
        }

            .e-bigger .e-radio + label.e-small .e-label,
            .e-radio + label.e-bigger.e-small .e-label {
                height: 18px;
                line-height: 18px;
                padding-left: 28px;
            }

            .e-bigger .e-radio + label.e-small::before,
            .e-radio + label.e-bigger.e-small::before {
                height: 18px;
                width: 18px;
            }

            .e-bigger .e-radio + label.e-small::after,
            .e-radio + label.e-bigger.e-small::after {
                height: 16px;
                left: 1px;
                top: 1px;
                width: 16px;
            }

            .e-bigger .e-radio + label.e-small .e-ripple-container,
            .e-radio + label.e-bigger.e-small .e-ripple-container {
                height: 36px;
                left: -11px;
                top: -11px;
                width: 36px;
            }

            .e-bigger .e-radio + label.e-small.e-right .e-label, .e-bigger .e-radio + label.e-small.e-rtl .e-label,
            .e-radio + label.e-bigger.e-small.e-right .e-label,
            .e-radio + label.e-bigger.e-small.e-rtl .e-label {
                padding-left: 0;
                padding-right: 28px;
            }

            .e-bigger .e-radio + label.e-small.e-right::after, .e-bigger .e-radio + label.e-small.e-rtl::after,
            .e-radio + label.e-bigger.e-small.e-right::after,
            .e-radio + label.e-bigger.e-small.e-rtl::after {
                left: auto;
                right: 1px;
            }

            .e-bigger .e-radio + label.e-small.e-right .e-ripple-container, .e-bigger .e-radio + label.e-small.e-rtl .e-ripple-container,
            .e-radio + label.e-bigger.e-small.e-right .e-ripple-container,
            .e-radio + label.e-bigger.e-small.e-rtl .e-ripple-container {
                left: auto;
                right: -10px;
            }

            .e-bigger .e-radio + label.e-small.e-right.e-rtl .e-label,
            .e-radio + label.e-bigger.e-small.e-right.e-rtl .e-label {
                padding-left: 28px;
                padding-right: 0;
            }

            .e-bigger .e-radio + label.e-small.e-right.e-rtl::after,
            .e-radio + label.e-bigger.e-small.e-right.e-rtl::after {
                left: 1px;
                right: auto;
            }

            .e-bigger .e-radio + label.e-small.e-right.e-rtl .e-ripple-container,
            .e-radio + label.e-bigger.e-small.e-right.e-rtl .e-ripple-container {
                left: -10px;
                right: auto;
            }

    /*! radiobutton theme */
    .e-radio + label::before {
        background-color: #fff;
        border-color: #ccc;
    }

    .e-radio + label.e-focus .e-ripple-container {
        background-color: #000;
    }

    .e-radio + label .e-label {
        color: #333;
    }

    .e-radio + label .e-ripple-element {
        background-color: transparent;
    }

    .e-radio + label:active .e-ripple-element {
        background-color: transparent;
    }

    .e-radio:focus + label::before {
        background-color: #fff;
        border-color: #ccc;
        box-shadow: 0 0 4px 0 #0065ff;
    }

    .e-radio:hover + label::before {
        background-color: #fff;
        border-color: #ccc;
    }

    .e-radio:checked + label::before {
        border-color: #ccc;
    }

    .e-radio:checked + label::after {
        background-color: #555;
        color: #555;
    }

    .e-radio:checked + label:active .e-ripple-element {
        background-color: transparent;
    }

    .e-radio:checked + .e-focus .e-ripple-container {
        background-color: transparent;
    }

    .e-radio:checked + .e-focus::before {
        outline: #fff 0 solid;
        outline-offset: 0;
    }

    .e-radio:checked:focus + label::before {
        border-color: #ccc;
    }

    .e-radio:checked:focus + label::after {
        background-color: #555;
    }

    .e-radio:checked + label:hover::before {
        border-color: #ccc;
    }

    .e-radio:checked + label:hover::after {
        background-color: #555;
    }

    .e-radio:disabled + label {
        cursor: default;
        pointer-events: none;
    }

        .e-radio:disabled + label::before {
            border-color: rgba(204, 204, 204, 0.65);
            cursor: default;
        }

        .e-radio:disabled + label .e-ripple-container {
            background-color: transparent;
        }

            .e-radio:disabled + label .e-ripple-container::after {
                background-color: transparent;
                cursor: default;
            }

        .e-radio:disabled + label .e-label {
            color: rgba(51, 51, 51, 0.65);
        }

    .e-radio:disabled:checked + label::after {
        background-color: rgba(85, 85, 85, 0.65);
        cursor: default;
    }

    .e-radio:disabled:checked + label .e-ripple-container {
        background-color: transparent;
    }

        .e-radio:disabled:checked + label .e-ripple-container::after {
            background-color: transparent;
        }

/*! component icons */
.e-listview .e-icon-back::before {
    content: "";
    font-size: 14px;
}

.e-listview .e-icon-collapsible::before {
    content: "";
}

.e-listview.e-rtl .e-icon-back::before {
    content: "";
    font-size: 14px;
}

.e-listview.e-rtl .e-icon-collapsible::before {
    content: "";
}

.e-bigger .e-listview .e-list-item,
.e-listview.e-bigger .e-list-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 0 solid transparent;
    border-right: 0 solid transparent;
    border-top: 0 solid transparent;
    height: 48px;
    line-height: 45px;
}

.e-bigger .e-listview .e-text-content,
.e-listview.e-bigger .e-text-content {
    font-size: 15px;
}

.e-bigger .e-listview .e-list-group-item,
.e-listview.e-bigger .e-list-group-item {
    height: 48px;
    line-height: 45px;
}

.e-bigger .e-listview .e-list-header,
.e-listview.e-bigger .e-list-header {
    display: block;
    font-weight: bold;
    height: 48px;
}

    .e-bigger .e-listview .e-list-header > *,
    .e-listview.e-bigger .e-list-header > * {
        display: table-cell;
    }

    .e-bigger .e-listview .e-list-header .e-text,
    .e-listview.e-bigger .e-list-header .e-text {
        font-size: 15px;
        line-height: 6px;
    }

.e-bigger .e-listview .e-icons,
.e-listview.e-bigger .e-icons {
    margin-top: 2px;
}

.e-bigger .e-listview .e-but-back,
.e-listview.e-bigger .e-but-back {
    padding-top: 2px;
}

.e-bigger .e-listview .e-icon-collapsible,
.e-listview.e-bigger .e-icon-collapsible {
    line-height: inherit;
}

.e-listview {
    border: 0 solid;
    display: block;
    overflow: auto;
    position: relative;
    width: 100%;
}

    .e-listview .e-list-item {
        border-bottom: 0 solid;
        height: 40px;
        line-height: 36px;
        padding: 0 15px;
    }

    .e-listview .e-list-parent {
        margin: 0;
        padding: 0;
    }

    .e-listview .e-list-header {
        border-bottom: 1px solid;
        display: block;
        font-weight: bold;
        height: 40px;
        padding: 20px;
    }

    .e-listview .e-has-header > .e-view {
        top: 45px;
    }

    .e-listview .e-icons {
        margin-top: 2px;
    }

    .e-listview .e-but-back {
        cursor: pointer;
        line-height: 0;
        padding-bottom: 4px;
        padding-right: 10px;
        vertical-align: middle;
        width: 20px;
    }

    .e-listview .e-list-group-item:first-child {
        border: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .e-listview .e-list-group-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-top: 0 solid;
        font-weight: 600;
        height: 40px;
        line-height: 36px;
        padding: 0 15px;
    }

    .e-listview .e-icon-collapsible {
        cursor: pointer;
        float: right;
        font-size: 12px;
        line-height: 34px;
    }

    .e-listview .e-text-content {
        height: 100%;
        position: relative;
        vertical-align: middle;
    }

        .e-listview .e-text-content * {
            display: inline-block;
            vertical-align: middle;
        }

        .e-listview .e-text-content.e-checkbox .e-list-text {
            width: calc(100% - 40px);
        }

        .e-listview .e-text-content.e-checkbox .e-list-icon + .e-list-text {
            width: calc(100% - 100px);
        }

    .e-listview .e-checkbox .e-checkbox-left {
        margin: -4px 10px 0 0;
    }

    .e-listview .e-checkbox .e-checkbox-right {
        margin: -4px 0 0 10px;
    }

    .e-listview .e-list-text {
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: top;
        white-space: nowrap;
        width: 100%;
    }

    .e-listview .e-list-icon + .e-list-text {
        width: calc(100% - 60px);
    }

    .e-listview .e-icon-wrapper .e-list-text {
        width: calc(100% - 60px);
    }

    .e-listview .e-list-icon {
        height: 30px;
        margin-right: 10px;
        width: 30px;
    }

    .e-listview .e-content {
        overflow: hidden;
        position: relative;
    }

    .e-listview .e-list-header .e-text {
        cursor: pointer;
        line-height: 1px;
        text-indent: 0;
    }

    .e-listview .e-text .e-headertext {
        display: inline-block;
    }

    .e-listview.e-rtl .e-list-icon {
        margin-left: 16px;
        margin-right: 0;
    }

    .e-listview.e-rtl .e-icon-collapsible {
        float: left;
        margin-left: auto;
        margin-right: auto;
    }

    .e-listview.e-rtl .e-but-back {
        padding-left: 10px;
        padding-right: 0;
    }

    .e-listview.e-rtl .e-checkbox .e-checkbox-left {
        margin: -4px 0 0 10px;
    }

    .e-listview.e-rtl .e-checkbox .e-checkbox-right {
        margin: -4px 10px 0 0;
    }

.e-listview {
    border-color: rgba(0, 0, 0, 0.1);
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
}

    .e-listview .e-list-header {
        background-color: #fff;
        border-color: rgba(0, 0, 0, 0.12);
        color: rgba(51, 51, 51, 0.95);
        display: block;
        font-size: 14px;
    }

        .e-listview .e-list-header > * {
            display: table-cell;
        }

    .e-listview .e-icons {
        color: rgba(0, 0, 0, 0.75);
    }

    .e-listview .e-list-item {
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-left: 0 solid transparent;
        border-right: 0 solid transparent;
        border-top: 0 solid transparent;
        color: #333333;
    }

        .e-listview .e-list-item.e-hover,
        .e-listview .e-list-item.e-hover.e-active.e-checklist {
            background-color: #f5f5f5;
            border-color: transparent;
            color: rgba(51, 51, 51, 0.87);
        }

        .e-listview .e-list-item.e-active {
            background-color: #e6e6e6;
            color: rgba(51, 51, 51, 0.87);
        }

            .e-listview .e-list-item.e-active.e-checklist {
                background-color: #fff;
                color: #333333;
            }

        .e-listview .e-list-item.e-focused,
        .e-listview .e-list-item.e-focused.e-active.e-checklist {
            background-color: #e6e6e6;
            color: rgba(51, 51, 51, 0.87);
        }

            .e-listview .e-list-item.e-focused .e-checkbox-wrapper .e-frame.e-check,
            .e-listview .e-list-item.e-focused .e-css.e-checkbox-wrapper .e-frame.e-check {
                background-color: #fff;
                border-color: #ccc;
                color: #555;
            }

    .e-listview .e-list-group-item {
        background-color: #fff;
        border-color: rgba(0, 0, 0, 0.12);
        color: #333;
        font-size: 14px;
    }

/*! component icons */
.e-input-group-icon.e-range-icon,
.e-control-wrapper .e-input-group-icon.e-range-icon {
    font-size: 16px;
    margin: 0;
    min-height: 34px;
    min-width: 34px;
    outline: none;
}

    .e-input-group-icon.e-range-icon::before,
    .e-control-wrapper .e-input-group-icon.e-range-icon::before {
        content: "";
        font-family: 'e-icons';
    }

    .e-input-group-icon.e-range-icon:focus,
    .e-control-wrapper .e-input-group-icon.e-range-icon:focus {
        background: #e6e6e6;
        border-radius: 0;
    }

.e-daterangepicker .e-calendar .e-header .e-date-icon-next::before {
    content: "";
}

.e-daterangepicker .e-calendar .e-header .e-date-icon-prev::before {
    content: "";
}

.e-daterangepicker .e-change-icon::before {
    content: "";
}

.e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-next::before {
    content: "";
}

.e-daterangepicker .e-calendar.e-rtl .e-header .e-date-icon-prev::before {
    content: "";
}

.e-daterangepicker.e-rtl .e-start-end .e-change-icon::before {
    content: "";
}

.e-bigger .e-input-group-icon.e-range-icon,
.e-bigger.e-control-wrapper .e-input-group-icon.e-range-icon,
.e-bigger .e-control-wrapper .e-input-group-icon.e-range-icon {
    font-size: 20px;
}

/*! daterangepicker layout */
.e-daterangepicker.e-popup {
    border: 1px solid rgba(245, 245, 245, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    max-height: 500px;
    max-width: 730px;
}

    .e-daterangepicker.e-popup.e-preset-wrapper {
        min-width: 659px;
    }

        .e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
            max-height: none;
        }

    .e-daterangepicker.e-popup .e-range-header {
        margin: 12px 12px 0 12px;
        width: auto;
    }

        .e-daterangepicker.e-popup .e-range-header .e-start-label,
        .e-daterangepicker.e-popup .e-range-header .e-end-label {
            cursor: default;
            display: inline-block;
            font-size: 20px;
            overflow: hidden;
            text-align: center;
            text-decoration: none;
            text-overflow: ellipsis;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            white-space: nowrap;
            width: 48%;
        }

        .e-daterangepicker.e-popup .e-range-header .e-change-icon {
            font-size: 16px;
            font-weight: normal;
            text-align: center;
            width: 4%;
        }

        .e-daterangepicker.e-popup .e-range-header .e-day-span {
            direction: ltr;
            font-size: 13px;
            height: 14px;
            margin: 0 0 13px 0;
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: 100%;
        }

        .e-daterangepicker.e-popup .e-range-header .e-start-end {
            -ms-flex-align: center;
            align-items: center;
            display: -ms-flexbox;
            display: flex;
            height: 35px;
        }

    .e-daterangepicker.e-popup .e-separator {
        height: 1px;
        margin: 0 16px;
    }

    .e-daterangepicker.e-popup .e-calendar {
        border: none;
        margin: 0;
        padding: 0;
    }

        .e-daterangepicker.e-popup .e-calendar .e-content table {
            padding: 0 10px 10px;
        }

        .e-daterangepicker.e-popup .e-calendar .e-header .e-title {
            cursor: default;
            float: none;
            font-weight: normal;
            line-height: 36px;
            margin-left: 0;
            width: auto;
        }

        .e-daterangepicker.e-popup .e-calendar .e-header.e-month {
            padding: 10px 10px 0 10px;
        }

        .e-daterangepicker.e-popup .e-calendar .e-header .e-next {
            float: right;
        }

        .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
            float: left;
        }

        .e-daterangepicker.e-popup .e-calendar .e-header .e-next,
        .e-daterangepicker.e-popup .e-calendar .e-header .e-prev {
            height: 36px;
            width: 36px;
        }

            .e-daterangepicker.e-popup .e-calendar .e-header .e-next span,
            .e-daterangepicker.e-popup .e-calendar .e-header .e-prev span {
                padding: 10px;
            }

        .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover {
            border-radius: 50% 0 0 50%;
        }

        .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover {
            border-radius: 0 50% 50% 0;
        }

            .e-daterangepicker.e-popup .e-calendar .e-end-date.e-selected.e-range-hover span.e-day,
            .e-daterangepicker.e-popup .e-calendar .e-start-date.e-selected.e-range-hover span.e-day {
                background-color: #4caf50;
                color: white;
                border: none;
            }

    .e-daterangepicker.e-popup .e-footer {
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid rgba(51, 51, 51, 0.12);
        clear: both;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        height: 48px;
    }

        .e-daterangepicker.e-popup .e-footer .e-btn {
            font-weight: 500;
            height: 34px;
            line-height: 32px;
            overflow: hidden;
            padding: 0 16px;
            text-overflow: ellipsis;
        }

            .e-daterangepicker.e-popup .e-footer .e-btn.e-apply {
                margin: 0 5px 5px 0;
            }

    .e-daterangepicker.e-popup .e-date-range-container {
        float: left;
    }

        .e-daterangepicker.e-popup .e-date-range-container.e-range-border {
            border-right: 1px solid rgba(51, 51, 51, 0.12);
        }

    .e-daterangepicker.e-popup .e-calendar-container {
        display: -ms-flexbox;
        display: flex;
    }

        .e-daterangepicker.e-popup .e-calendar-container .e-left-container,
        .e-daterangepicker.e-popup .e-calendar-container .e-right-container {
            float: left;
        }

        .e-daterangepicker.e-popup .e-calendar-container .e-left-container {
            border-right: 1px solid rgba(51, 51, 51, 0.12);
        }

    .e-daterangepicker.e-popup .e-presets {
        max-height: 216px;
        overflow: auto;
        width: auto;
    }

        .e-daterangepicker.e-popup .e-presets .e-list-item {
            border-radius: 4px;
            cursor: pointer;
            line-height: 26px;
            overflow: hidden;
            padding: 0 20px;
            white-space: nowrap;
        }

        .e-daterangepicker.e-popup .e-presets .e-list-parent {
            margin: 0;
            max-width: 160px;
            padding: 0;
        }

        .e-daterangepicker.e-popup .e-presets .e-text-content {
            line-height: 47px;
        }

        .e-daterangepicker.e-popup .e-presets .e-ul li.e-list-item {
            font-size: 14px;
            height: 36px;
            line-height: 36px;
        }

    .e-daterangepicker.e-popup .e-hide-range {
        display: none;
    }

.e-daterangepicker.e-rtl .e-date-range-container {
    float: right;
}

    .e-daterangepicker.e-rtl .e-date-range-container.e-range-border {
        border-left: 1px solid rgba(51, 51, 51, 0.12);
        border-right: 0;
    }

    .e-daterangepicker.e-rtl .e-date-range-container .e-left-container {
        border-left: 1px solid rgba(51, 51, 51, 0.12);
        border-right: 0;
    }

    .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-next {
        float: left;
    }

    .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-prev {
        float: right;
    }

    .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-start-date.e-selected.e-range-hover {
        border-radius: 0 50% 50% 0;
    }

    .e-daterangepicker.e-rtl .e-date-range-container .e-calendar .e-end-date.e-selected.e-range-hover {
        border-radius: 50% 0 0 50%;
    }

.e-daterangepicker.e-rtl .e-footer {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .e-daterangepicker.e-rtl .e-footer .e-btn.e-cancel {
        margin: 0 5px 0 10px;
    }

    .e-daterangepicker.e-rtl .e-footer .e-btn.e-apply {
        margin-left: 0;
    }

.e-bigger .e-daterangepicker.e-range-modal,
.e-device.e-daterangepicker.e-range-modal {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: .5;
    pointer-events: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.e-bigger .e-daterangepicker.e-popup.e-preset-wrapper,
.e-bigger.e-daterangepicker.e-popup.e-preset-wrapper,
.e-device.e-daterangepicker.e-popup.e-preset-wrapper {
    max-width: 770px;
    min-width: auto;
}

    .e-bigger .e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
    .e-bigger.e-daterangepicker.e-popup.e-preset-wrapper .e-presets,
    .e-device.e-daterangepicker.e-popup.e-preset-wrapper .e-presets {
        max-height: none;
    }

.e-bigger .e-daterangepicker.e-popup .e-range-header,
.e-bigger.e-daterangepicker.e-popup .e-range-header,
.e-device.e-daterangepicker.e-popup .e-range-header {
    width: auto;
}

    .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end,
    .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end,
    .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end {
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 36px;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%;
    }

        .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
        .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
        .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
        .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
        .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
        .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
            border: 1px solid #4caf50;
            box-shadow: none;
            font-size: 16px;
            font-weight: normal;
            height: 36px;
            line-height: 1em;
            max-width: 116px;
            overflow: hidden;
            padding: 1px 6px;
            text-overflow: ellipsis;
            width: 50%;
        }

        .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
        .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
        .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
            border-left: 0;
            border-radius: 0 4px 4px 0;
        }

        .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
        .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
        .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn {
            border-radius: 4px 0 0 4px;
        }

            .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
            .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
            .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
            .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]),
            .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn:hover,
            .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn:hover:not([disabled]) {
                box-shadow: none;
            }

            .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
            .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
            .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
            .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
            .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
            .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
            .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
            .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
            .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
            .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
            .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
            .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover,
            .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active,
            .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:active,
            .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active,
            .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:active:not([disabled]),
            .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn.e-active:hover,
            .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn.e-active:hover {
                box-shadow: none;
            }

        .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
        .e-bigger .e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
        .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
        .e-bigger.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn,
        .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-start-btn,
        .e-device.e-daterangepicker.e-popup .e-range-header .e-start-end .e-end-btn {
            max-width: 141px;
        }

.e-bigger .e-daterangepicker.e-popup .e-presets,
.e-bigger.e-daterangepicker.e-popup .e-presets,
.e-device.e-daterangepicker.e-popup .e-presets {
    max-height: 240px;
}

    .e-bigger .e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
    .e-bigger.e-daterangepicker.e-popup .e-presets.e-preset-wrapper,
    .e-device.e-daterangepicker.e-popup .e-presets.e-preset-wrapper {
        max-height: none;
    }

    .e-bigger .e-daterangepicker.e-popup .e-presets ul,
    .e-bigger.e-daterangepicker.e-popup .e-presets ul,
    .e-device.e-daterangepicker.e-popup .e-presets ul {
        max-width: none;
    }

        .e-bigger .e-daterangepicker.e-popup .e-presets ul li.e-list-item,
        .e-bigger.e-daterangepicker.e-popup .e-presets ul li.e-list-item,
        .e-device.e-daterangepicker.e-popup .e-presets ul li.e-list-item {
            font-size: 15px;
            height: 45px;
            line-height: 45px;
            padding: 0 12px;
        }

.e-bigger .e-daterangepicker .e-calendar,
.e-bigger.e-daterangepicker .e-calendar,
.e-device.e-daterangepicker .e-calendar {
    max-width: 292px;
    padding: 0;
}

    .e-bigger .e-daterangepicker .e-calendar .e-content table,
    .e-bigger.e-daterangepicker .e-calendar .e-content table,
    .e-device.e-daterangepicker .e-calendar .e-content table {
        padding: 0 15px 15px;
    }

    .e-bigger .e-daterangepicker .e-calendar .e-header .e-next,
    .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev,
    .e-bigger.e-daterangepicker .e-calendar .e-header .e-next,
    .e-bigger.e-daterangepicker .e-calendar .e-header .e-prev,
    .e-device.e-daterangepicker .e-calendar .e-header .e-next,
    .e-device.e-daterangepicker .e-calendar .e-header .e-prev {
        height: 40px;
        width: 40px;
    }

        .e-bigger .e-daterangepicker .e-calendar .e-header .e-next span,
        .e-bigger .e-daterangepicker .e-calendar .e-header .e-prev span,
        .e-bigger.e-daterangepicker .e-calendar .e-header .e-next span,
        .e-bigger.e-daterangepicker .e-calendar .e-header .e-prev span,
        .e-device.e-daterangepicker .e-calendar .e-header .e-next span,
        .e-device.e-daterangepicker .e-calendar .e-header .e-prev span {
            padding: 11px;
        }

    .e-bigger .e-daterangepicker .e-calendar .e-header .e-title,
    .e-bigger.e-daterangepicker .e-calendar .e-header .e-title,
    .e-device.e-daterangepicker .e-calendar .e-header .e-title {
        cursor: default;
        line-height: 40px;
    }

    .e-bigger .e-daterangepicker .e-calendar .e-header.e-month,
    .e-bigger.e-daterangepicker .e-calendar .e-header.e-month,
    .e-device.e-daterangepicker .e-calendar .e-header.e-month {
        padding: 10px 10px 0 10px;
    }

.e-bigger .e-daterangepicker .e-footer,
.e-bigger.e-daterangepicker .e-footer,
.e-device.e-daterangepicker .e-footer {
    height: 58px;
}

    .e-bigger .e-daterangepicker .e-footer .e-btn,
    .e-bigger.e-daterangepicker .e-footer .e-btn,
    .e-device.e-daterangepicker .e-footer .e-btn {
        height: 40px;
        line-height: 38px;
        overflow: hidden;
    }

        .e-bigger .e-daterangepicker .e-footer .e-btn.e-apply,
        .e-bigger.e-daterangepicker .e-footer .e-btn.e-apply,
        .e-device.e-daterangepicker .e-footer .e-btn.e-apply {
            margin: 0 5px 5px 0px;
        }

.e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn,
.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-end-btn {
    border: 1px solid #4caf50;
    border-radius: 4px 0 0 4px;
    border-right: 0;
}

.e-bigger .e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
.e-bigger.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn,
.e-device.e-daterangepicker.e-rtl.e-popup .e-range-header .e-start-end .e-start-btn {
    border-radius: 0 4px 4px 0;
}

.e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel,
.e-device.e-daterangepicker.e-rtl.e-popup .e-footer.e-btn.e-cancel {
    margin: 0 5px 0 15px;
}

.e-bigger .e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
.e-bigger.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply,
.e-device.e-daterangepicker.e-rtl.e-popup .e-footer .e-btn.e-apply {
    margin-left: 0;
}

.e-bigger .e-daterangepicker.e-device.e-popup,
.e-bigger.e-daterangepicker.e-device.e-popup,
.e-device.e-daterangepicker.e-device.e-popup {
    max-width: 294px;
}

    .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header,
    .e-bigger.e-daterangepicker.e-device.e-popup .e-range-header,
    .e-device.e-daterangepicker.e-device.e-popup .e-range-header {
        margin: 20px 10px 0 10px;
    }

        .e-bigger .e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
        .e-bigger.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span,
        .e-device.e-daterangepicker.e-device.e-popup .e-range-header .e-day-span {
            margin: 10px 0;
        }

.e-range-overflow {
    overflow: auto;
}

/*! daterangepicker theme */
.e-date-range-wrapper .e-input-group-icon.e-icons.e-active {
    color: #333;
}

.e-date-range-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
    color: #333;
}

.e-daterangepicker.e-popup {
    background: #fff;
}

    .e-daterangepicker.e-popup .e-calendar .e-header .e-title,
    .e-daterangepicker.e-popup .e-calendar .e-header .e-title:hover {
        color: #333;
        text-decoration: none;
    }

    .e-daterangepicker.e-popup .e-calendar .e-range-hover {
        background-color: #f5f5f5;
        color: #333;
    }

    .e-daterangepicker.e-popup .e-calendar .e-today.e-range-hover span {
        background-color: #f5f5f5;
        border: 1px solid #4caf50 !important;
        color: #333;
    }

    .e-daterangepicker.e-popup .e-calendar .e-range-hover span {
        background: #f5f5f5;
        border: none;
        color: #333;
    }

    .e-daterangepicker.e-popup .e-calendar .e-range-hover:not(.e-selected):hover span.e-day,
    .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date:not(.e-selected) span.e-day,
    .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
        background-color: #cfcfcf;
        border: none;
        color: #333;
    }

    .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-today:hover span.e-day,
    .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-focused-date.e-today span.e-day {
        border: 1px solid #4caf50;
    }

    .e-daterangepicker.e-popup .e-calendar .e-range-hover.e-selected.e-today:hover span.e-day {
        border: 1px solid #4caf50;
    }

    .e-daterangepicker.e-popup .e-calendar .e-other-month.e-range-hover,
    .e-daterangepicker.e-popup .e-calendar .e-other-month.e-range-hover span,
    .e-daterangepicker.e-popup .e-calendar .e-other-month.e-range-hover:hover span.e-day,
    .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected,
    .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected span {
        background-color: #fff;
        border: none;
        color: #ccc;
    }

    .e-daterangepicker.e-popup .e-calendar .e-other-month.e-range-hover,
    .e-daterangepicker.e-popup .e-calendar .e-other-month.e-selected {
        background-color: #fff;
        border: none;
        color: #ccc;
    }

    .e-daterangepicker.e-popup .e-presets {
        background-color: #fff;
        color: #333;
    }

        .e-daterangepicker.e-popup .e-presets .e-list-item.e-active {
            background-color: #4caf50;
            color: #fff;
        }

        .e-daterangepicker.e-popup .e-presets .e-list-item.e-hover {
            background-color: #f5f5f5;
            color: #333;
        }

    .e-daterangepicker.e-popup .e-start-label,
    .e-daterangepicker.e-popup .e-end-label {
        color: #333;
    }

    .e-daterangepicker.e-popup .e-change-icon {
        color: #333;
    }

    .e-daterangepicker.e-popup .e-day-span {
        color: #999;
    }

    .e-daterangepicker.e-popup .e-separator {
        background-color: rgba(51, 51, 51, 0.12);
    }

    .e-daterangepicker.e-popup .e-footer {
        background-color: #fff;
    }

.e-bigger .e-daterangepicker,
.e-bigger.e-daterangepicker,
.e-device.e-daterangepicker {
    background-color: #fff;
    padding: 0;
}

    .e-bigger .e-daterangepicker .e-calendar th,
    .e-bigger.e-daterangepicker .e-calendar th,
    .e-device.e-daterangepicker .e-calendar th {
        color: #333;
    }

    .e-bigger .e-daterangepicker .e-start-btn,
    .e-bigger .e-daterangepicker .e-end-btn,
    .e-bigger.e-daterangepicker .e-start-btn,
    .e-bigger.e-daterangepicker .e-end-btn,
    .e-device.e-daterangepicker .e-start-btn,
    .e-device.e-daterangepicker .e-end-btn {
        background: #fff;
    }

        .e-bigger .e-daterangepicker .e-start-btn.e-active,
        .e-bigger .e-daterangepicker .e-start-btn.e-active:active,
        .e-bigger .e-daterangepicker .e-end-btn.e-active,
        .e-bigger .e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
        .e-bigger .e-daterangepicker .e-start-btn.e-active:hover,
        .e-bigger .e-daterangepicker .e-end-btn.e-active:hover,
        .e-bigger.e-daterangepicker .e-start-btn.e-active,
        .e-bigger.e-daterangepicker .e-start-btn.e-active:active,
        .e-bigger.e-daterangepicker .e-end-btn.e-active,
        .e-bigger.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
        .e-bigger.e-daterangepicker .e-start-btn.e-active:hover,
        .e-bigger.e-daterangepicker .e-end-btn.e-active:hover,
        .e-device.e-daterangepicker .e-start-btn.e-active,
        .e-device.e-daterangepicker .e-start-btn.e-active:active,
        .e-device.e-daterangepicker .e-end-btn.e-active,
        .e-device.e-daterangepicker .e-end-btn.e-active:active:not([disabled]),
        .e-device.e-daterangepicker .e-start-btn.e-active:hover,
        .e-device.e-daterangepicker .e-end-btn.e-active:hover {
            background: #4caf50;
            color: #fff;
        }

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component icons */
.e-datetime-wrapper .e-time-icon.e-icons::before {
    content: "";
    font-family: 'e-icons';
}

.e-datetime-wrapper {
    -webkit-tap-highlight-color: transparent;
}

    .e-datetime-wrapper .e-time-icon.e-icons::before {
        font-size: 16px;
    }

    .e-datetime-wrapper.e-control-wrapper {
        box-sizing: border-box;
    }

    .e-datetime-wrapper .e-time-icon.e-icons.e-disabled {
        pointer-events: none;
    }

    .e-datetime-wrapper span {
        cursor: pointer;
    }

    .e-datetime-wrapper .e-input-group-icon.e-date-icon,
    .e-datetime-wrapper .e-input-group-icon.e-time-icon {
        font-size: 16px;
        margin: 0;
        min-height: 34px;
        min-width: 34px;
        outline: none;
    }

    .e-datetime-wrapper .e-input-group-icon.e-time-icon {
        border: 1px;
        border-style: none;
        margin: 0;
    }

    .e-datetime-wrapper.e-rtl .e-input-group-icon.e-time-icon {
        margin: 0;
    }

.e-datetimepicker.e-time-modal {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: .5;
    pointer-events: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

.e-datetimepicker.e-popup {
    border-style: solid;
    border-width: 1px;
    overflow: auto;
}

    .e-datetimepicker.e-popup .e-content {
        position: relative;
    }

    .e-datetimepicker.e-popup .e-list-parent.e-ul {
        margin: 0;
        padding: 5px 0;
    }

        .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
            color: #333;
            cursor: default;
            font-size: 14px;
            overflow: hidden;
            position: relative;
            text-overflow: ellipsis;
            vertical-align: middle;
            white-space: nowrap;
            width: 100%;
        }

            .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
                cursor: pointer;
            }

        .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
            line-height: 26px;
            text-indent: 20px;
        }

.e-bigger.e-datetime-wrapper .e-time-icon.e-icons::before,
.e-bigger .e-datetime-wrapper .e-time-icon.e-icons::before {
    font-size: 20px;
}

.e-bigger.e-datetime-wrapper .e-input-group-icon.e-time-icon,
.e-bigger .e-datetime-wrapper .e-input-group-icon.e-time-icon {
    margin: 0;
    min-height: 40px;
    min-width: 40px;
}

.e-bigger.e-datetime-wrapper.e-rtl .e-input-group-icon.e-time-icon,
.e-bigger .e-datetime-wrapper.e-rtl .e-input-group-icon.e-time-icon {
    margin: 0;
}

.e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul,
.e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul {
    padding: 10px 0;
}

    .e-bigger .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item,
    .e-bigger.e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item {
        font-size: 15px;
        line-height: 40px;
        text-indent: 20px;
    }

/*! datetimepicker theme */
.e-datetime-wrapper .e-input-group-icon.e-icons.e-active {
    color: #333;
}

.e-datetime-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
    color: #444;
}

.e-datetimepicker.e-popup {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(51, 51, 51, 0.175);
}

    .e-datetimepicker.e-popup .e-list-parent.e-ul {
        background-color: #fff;
    }

        .e-datetimepicker.e-popup .e-list-parent.e-ul li.e-list-item {
            border: none;
            color: #333;
        }

        .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
        .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
        .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
            background-color: #f5f5f5;
            border: none;
            color: #333;
        }

        .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
            background-color: #4caf50;
            color: #fff;
        }

            .e-datetimepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
                background-color: #333;
                color: #333;
            }

/*! drop-down button layout */
.e-dropdown-btn {
    box-shadow: none;
    text-transform: none;
    white-space: normal;
}

    .e-dropdown-btn .e-caret::before {
        content: "";
    }

    .e-dropdown-btn.e-vertical {
        line-height: 1;
        padding: 6px 12px;
    }

        .e-dropdown-btn.e-vertical .e-icon-top {
            padding-bottom: 6px;
        }

        .e-dropdown-btn.e-vertical .e-icon-bottom {
            padding-top: 6px;
        }

    .e-dropdown-btn.e-caret-hide .e-caret {
        display: none;
    }

    .e-dropdown-btn.e-small.e-vertical {
        line-height: 1;
        padding: 6px 12px;
    }

    .e-dropdown-btn.e-small .e-icon-top {
        padding-bottom: 6px;
    }

    .e-dropdown-btn.e-small .e-icon-bottom {
        padding-top: 6px;
    }

.e-bigger .e-dropdown-btn.e-vertical,
.e-bigger.e-dropdown-btn.e-vertical {
    line-height: 1;
    padding: 8px 16px;
}

    .e-bigger .e-dropdown-btn.e-vertical .e-btn-icon.e-icon-top,
    .e-bigger.e-dropdown-btn.e-vertical .e-btn-icon.e-icon-top {
        padding-bottom: 8px;
    }

    .e-bigger .e-dropdown-btn.e-vertical .e-btn-icon.e-icon-bottom,
    .e-bigger.e-dropdown-btn.e-vertical .e-btn-icon.e-icon-bottom {
        padding-top: 8px;
    }

    .e-bigger .e-dropdown-btn.e-vertical.e-small.e-vertical,
    .e-bigger.e-dropdown-btn.e-vertical.e-small.e-vertical {
        line-height: 1;
        padding: 8px 16px;
    }

    .e-bigger .e-dropdown-btn.e-vertical.e-small .e-icon-top,
    .e-bigger.e-dropdown-btn.e-vertical.e-small .e-icon-top {
        padding-bottom: 6px;
    }

    .e-bigger .e-dropdown-btn.e-vertical.e-small .e-icon-bottom,
    .e-bigger.e-dropdown-btn.e-vertical.e-small .e-icon-bottom {
        padding-top: 6px;
    }

.e-dropdown-popup {
    position: absolute;
}

    .e-dropdown-popup ul {
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
        font-size: 14px;
        font-weight: normal;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: none;
        margin: 0;
        max-width: 240px;
        min-width: 120px;
        overflow: hidden;
        padding: 3px 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .e-dropdown-popup ul .e-item {
            cursor: pointer;
            height: 26px;
            line-height: 26px;
            padding: 0 14px;
        }

            .e-dropdown-popup ul .e-item .e-menu-url {
                display: inline-block;
                text-decoration: none;
            }

            .e-dropdown-popup ul .e-item .e-menu-icon {
                float: left;
                font-size: 16px;
                line-height: 26px;
                margin-right: 12px;
                vertical-align: middle;
            }

            .e-dropdown-popup ul .e-item.e-blank-icon {
                padding-left: 42px;
            }

            .e-dropdown-popup ul .e-item.e-disabled {
                cursor: auto;
                pointer-events: none;
            }

            .e-dropdown-popup ul .e-item.e-separator {
                border-bottom-style: solid;
                border-bottom-width: 1px;
                cursor: auto;
                height: auto;
                line-height: normal;
                margin: 3px 0;
                pointer-events: none;
            }

.e-rtl.e-dropdown-popup .e-item.e-blank-icon {
    padding-right: 42px;
}

.e-rtl.e-dropdown-popup .e-item .e-menu-icon {
    float: right;
    margin-left: 12px;
    margin-right: 0;
}

.e-bigger .e-dropdown-popup ul,
.e-bigger.e-dropdown-popup ul {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    font-size: 15px;
    max-width: 280px;
    min-width: 112px;
    padding: 5px 0;
}

    .e-bigger .e-dropdown-popup ul .e-item,
    .e-bigger.e-dropdown-popup ul .e-item {
        height: 40px;
        line-height: 40px;
    }

        .e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
        .e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
            font-size: 16px;
            line-height: 40px;
        }

        .e-bigger .e-dropdown-popup ul .e-item.e-blank-icon,
        .e-bigger.e-dropdown-popup ul .e-item.e-blank-icon {
            padding-left: 42px;
        }

        .e-bigger .e-dropdown-popup ul .e-item.e-separator,
        .e-bigger.e-dropdown-popup ul .e-item.e-separator {
            height: auto;
            line-height: normal;
        }

/*! drop-down button theme */
.e-dropdown-btn {
    background-color: #fff;
    color: #333;
}

    .e-dropdown-btn .e-btn-icon {
        color: #333;
    }

    .e-dropdown-btn:hover {
        background-color: #e6e6e6;
    }

    .e-dropdown-btn:focus {
        background-color: #e6e6e6;
    }

    .e-dropdown-btn:active, .e-dropdown-btn.e-ddb-active {
        background-color: #e6e6e6;
        border-color: #adadad;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        color: #333;
    }

        .e-dropdown-btn:active .e-btn-icon, .e-dropdown-btn.e-ddb-active .e-btn-icon {
            color: #333;
        }

    .e-dropdown-btn.e-ddb-active {
        background-color: #e6e6e6;
        border-color: #adadad;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        color: #333;
    }

    .e-dropdown-btn:disabled {
        background-color: #fff;
        color: rgba(51, 51, 51, 0.65);
    }

        .e-dropdown-btn:disabled .e-btn-icon {
            color: rgba(51, 51, 51, 0.65);
        }

.e-dropdown-popup {
    background-color: #fff;
    color: #333;
}

    .e-dropdown-popup ul .e-item .e-menu-url {
        color: #333;
    }

    .e-dropdown-popup ul .e-item .e-menu-icon {
        color: #333;
    }

    .e-dropdown-popup ul .e-item.e-focused {
        background-color: none;
        box-shadow: 0 0 0 1px #8c8c8c inset;
    }

    .e-dropdown-popup ul .e-item:hover {
        background-color: #e6e6e6;
        color: #333;
    }

    .e-dropdown-popup ul .e-item:active {
        background-color: #e6e6e6;
        color: #333;
    }

        .e-dropdown-popup ul .e-item:active .e-menu-url {
            color: #333;
        }

        .e-dropdown-popup ul .e-item:active .e-menu-icon {
            color: #333;
        }

    .e-dropdown-popup ul .e-separator {
        border-bottom-color: #e6e6e6;
    }

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component icons */
.e-pager .e-icon-last::before,
.e-grid-menu .e-icon-last::before {
    content: "";
}

.e-pager .e-icon-first::before,
.e-grid-menu .e-icon-first::before {
    content: "";
}

.e-pager .e-icon-prev::before,
.e-grid-menu .e-icon-prev::before {
    content: "";
}

.e-pager .e-icon-next::before,
.e-pager .e-icons.e-next::before,
.e-grid-menu .e-icon-next::before {
    content: "";
}

.e-pager.e-rtl .e-icon-last.e-lastpage::before,
.e-pager.e-rtl .e-icon-last.e-lastpage:hover,
.e-pager.e-rtl .e-icon-last.e-lastpagedisabled::before,
.e-grid-menu.e-rtl .e-icon-last.e-lastpage::before,
.e-grid-menu.e-rtl .e-icon-last.e-lastpage:hover,
.e-grid-menu.e-rtl .e-icon-last.e-lastpagedisabled::before {
    content: "";
}

.e-pager.e-rtl .e-icon-first.e-firstpage::before,
.e-pager.e-rtl .e-icon-first.e-firstpage:hover,
.e-pager.e-rtl .e-icon-first.e-firstpagedisabled::before,
.e-grid-menu.e-rtl .e-icon-first.e-firstpage::before,
.e-grid-menu.e-rtl .e-icon-first.e-firstpage:hover,
.e-grid-menu.e-rtl .e-icon-first.e-firstpagedisabled::before {
    content: "";
}

.e-pager.e-rtl .e-icon-prev.e-prevpage::before,
.e-pager.e-rtl .e-icon-prev.e-prevpage:hover,
.e-pager.e-rtl .e-icon-prev.e-prevpagedisabled::before,
.e-grid-menu.e-rtl .e-icon-prev.e-prevpage::before,
.e-grid-menu.e-rtl .e-icon-prev.e-prevpage:hover,
.e-grid-menu.e-rtl .e-icon-prev.e-prevpagedisabled::before {
    content: "";
}

.e-pager.e-rtl .e-icon-next.e-nextpage::before,
.e-pager.e-rtl .e-icon-next.e-nextpage:hover,
.e-pager.e-rtl .e-icon-next.e-nextpagedisabled::before,
.e-grid-menu.e-rtl .e-icon-next.e-nextpage::before,
.e-grid-menu.e-rtl .e-icon-next.e-nextpage:hover,
.e-grid-menu.e-rtl .e-icon-next.e-nextpagedisabled::before {
    content: "";
}

/*! Pager layout */
.e-bigger .e-pager,
.e-pager.e-bigger {
    font-size: 12px;
    padding: 13px 10px 8px;
}

    .e-bigger .e-pager div.e-icons,
    .e-pager.e-bigger div.e-icons {
        font-size: 12px;
        vertical-align: middle;
    }

    .e-bigger .e-pager div.e-parentmsgbar,
    .e-pager.e-bigger div.e-parentmsgbar {
        padding-bottom: 8px;
        padding-right: 10px;
        padding-top: 11px;
    }

    .e-bigger .e-pager .e-pagerdropdown,
    .e-pager.e-bigger .e-pagerdropdown {
        height: 40px;
        margin: -35px 0 0 20px;
    }

    .e-bigger .e-pager .e-pagerconstant,
    .e-pager.e-bigger .e-pagerconstant {
        margin-bottom: 12px;
        margin-left: 16px;
    }

    .e-bigger .e-pager .e-pagercontainer,
    .e-pager.e-bigger .e-pagercontainer {
        margin: 0;
    }

    .e-bigger .e-pager.e-rtl .e-pagercontainer,
    .e-pager.e-bigger.e-rtl .e-pagercontainer {
        margin: 0 0 -4px 0;
        margin-top: 5px;
    }

@media (max-width: 769px) {
    .e-bigger .e-pager,
    .e-pager.e-bigger {
        padding: 19px 0;
    }

        .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
        .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
            margin-right: 0;
        }

        .e-bigger .e-pager div.e-parentmsgbar,
        .e-pager.e-bigger div.e-parentmsgbar {
            padding: 0;
        }
}

.e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
.e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
.e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
.e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
    margin-left: 0;
}

.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
.e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
.e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
    margin-left: 0;
    margin-right: 0;
}

.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
    margin-left: 6px;
    margin-top: 2px;
}

.e-bigger .e-pager .e-numericitem,
.e-pager.e-bigger .e-numericitem {
    margin: 0;
}

.e-bigger .e-pager .e-pp.e-spacing,
.e-bigger .e-pager .e-np.e-spacing,
.e-bigger .e-pager .e-pp.e-spacing:hover,
.e-bigger .e-pager .e-np.e-spacing:hover,
.e-pager.e-bigger .e-pp.e-spacing,
.e-pager.e-bigger .e-np.e-spacing,
.e-pager.e-bigger .e-pp.e-spacing:hover,
.e-pager.e-bigger .e-np.e-spacing:hover {
    padding: 9px 10px 12px;
}

.e-bigger .e-pager .e-spacing,
.e-bigger .e-pager .e-numericitem:hover,
.e-bigger .e-pager .e-currentitem,
.e-pager.e-bigger .e-spacing,
.e-pager.e-bigger .e-numericitem:hover,
.e-pager.e-bigger .e-currentitem {
    border-radius: 0;
    padding: 12px 14px 13px;
}

    .e-bigger .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
    .e-pager.e-bigger .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
        padding: 12px 14px 13px;
    }

.e-bigger .e-pager.e-rtl .e-spacing,
.e-bigger .e-pager.e-rtl .e-numericitem:hover,
.e-bigger .e-pager.e-rtl .e-currentitem,
.e-pager.e-bigger.e-rtl .e-spacing,
.e-pager.e-bigger.e-rtl .e-numericitem:hover,
.e-pager.e-bigger.e-rtl .e-currentitem {
    margin: 0;
    padding: 12px 14px 13px 14px;
}

    .e-bigger .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active),
    .e-pager.e-bigger.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
        padding: 12px 14px 13px 14px;
    }

.e-bigger .e-pager.e-rtl .e-pp,
.e-bigger .e-pager.e-rtl .e-np,
.e-bigger .e-pager.e-rtl .e-pp:hover,
.e-bigger .e-pager.e-rtl .e-np:hover,
.e-pager.e-bigger.e-rtl .e-pp,
.e-pager.e-bigger.e-rtl .e-np,
.e-pager.e-bigger.e-rtl .e-pp:hover,
.e-pager.e-bigger.e-rtl .e-np:hover {
    margin-top: -5px;
}

.e-bigger .e-pager.e-rtl .e-pagerdropdown,
.e-pager.e-bigger.e-rtl .e-pagerdropdown {
    margin: -25px 16px 0 0;
}

.e-bigger .e-pager.e-rtl .e-pagerconstant,
.e-pager.e-bigger.e-rtl .e-pagerconstant {
    margin: 13px 16px 13px 0;
}

.e-bigger .e-pager .e-pagercontainer .e-firstpage,
.e-bigger .e-pager .e-pagercontainer .e-prevpage,
.e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
.e-bigger .e-pager .e-pagercontainer .e-prevpagedisabled,
.e-bigger .e-pager .e-pagercontainer .e-nextpage,
.e-bigger .e-pager .e-pagercontainer .e-lastpage,
.e-bigger .e-pager .e-pagercontainer .e-nextpagedisabled,
.e-bigger .e-pager .e-pagercontainer .e-lastpagedisabled,
.e-pager.e-bigger .e-pagercontainer .e-firstpage,
.e-pager.e-bigger .e-pagercontainer .e-prevpage,
.e-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
.e-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
.e-pager.e-bigger .e-pagercontainer .e-nextpage,
.e-pager.e-bigger .e-pagercontainer .e-lastpage,
.e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
.e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
    margin-right: 0;
    padding: 13px 10px 12px;
}

.e-pager {
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: 12px;
    padding: 8px;
    white-space: normal;
    width: 100%;
}

    .e-pager [class^='e-'] {
        box-sizing: border-box;
    }

    .e-pager div.e-parentmsgbar {
        float: right;
        padding-bottom: 9px;
        padding-right: 8px;
        padding-top: 8px;
    }

    .e-pager .e-pagesizes {
        display: inline;
    }

    .e-pager .e-pagerdropdown {
        display: inline-block;
        height: 34px;
        margin-left: 16px;
        margin-top: -20px;
        overflow: hidden;
        vertical-align: middle;
        width: 90px;
    }

    .e-pager .e-pagerconstant {
        display: inline-block;
        margin: 0 0 6px 8px;
        overflow: hidden;
        width: auto;
    }

    .e-pager .e-icons {
        font-size: 10px;
    }

    .e-pager .e-numericitem {
        border-right-style: solid;
        border-right-width: 1px;
        display: inline-block;
        line-height: 1;
        margin-right: 0;
        min-width: 26px;
        padding: 13px 12px 10px 12px;
        text-align: center;
    }

    .e-pager div.e-pagermsgdiv {
        padding-right: 6px;
        padding-top: 4px;
        text-align: right;
    }

    .e-pager .e-firstpagedisabled,
    .e-pager .e-prevpagedisabled,
    .e-pager .e-nextpagedisabled,
    .e-pager .e-lastpagedisabled {
        opacity: .3;
    }

    .e-pager .e-spacing,
    .e-pager .e-numericitem:hover,
    .e-pager .e-currentitem {
        border-radius: 0;
        cursor: pointer;
        padding: 11px 12px 10px 11px;
        text-decoration: none;
    }

        .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
            padding: 11px 12px 10px 11px;
        }

    .e-pager .e-currentitem {
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
    }

    .e-pager div,
    .e-pager a {
        display: inline;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .e-pager .e-icons::before {
        display: inline-block;
    }

    .e-pager .e-pagercontainer .e-firstpage,
    .e-pager .e-pagercontainer .e-prevpage,
    .e-pager .e-pagercontainer .e-firstpagedisabled,
    .e-pager .e-pagercontainer .e-prevpagedisabled,
    .e-pager .e-pagercontainer .e-nextpage,
    .e-pager .e-pagercontainer .e-lastpage,
    .e-pager .e-pagercontainer .e-nextpagedisabled,
    .e-pager .e-pagercontainer .e-lastpagedisabled {
        border-right-style: solid;
        border-right-width: 1px;
        display: inline-block;
        margin-right: 0;
        margin-top: 0;
        min-width: 26px;
        padding: 11px 10px 12px 8px;
    }

    .e-pager .e-pagercontainer .e-lastpage,
    .e-pager .e-pagercontainer .e-lastpagedisabled {
        border-right: 1px;
    }

    .e-pager .e-firstpage:hover,
    .e-pager .e-prevpage:hover,
    .e-pager .e-lastpage:hover,
    .e-pager .e-nextpage:hover {
        cursor: pointer;
        text-decoration: none;
    }

    .e-pager a.e-nextprevitemdisabled {
        display: none;
        margin-left: 1px;
        margin-right: 1px;
        padding-left: 5px;
        padding-right: 5px;
        text-decoration: none;
    }

    .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
    .e-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
        margin-left: 0;
    }

    .e-pager .e-pagercontainer {
        border-radius: 4px;
        border-style: solid;
        border-width: 1px;
        display: inline-block;
        margin: 0 0 -4px;
        overflow: hidden;
    }

    .e-pager .e-lastpage:Hover {
        border-radius: 0 4px 4px 0;
    }

    .e-pager .e-firstpage:Hover {
        border-radius: 4px 0 0 4px;
    }

    .e-pager .e-pagermessage,
    .e-pager .e-pagerexternalmsg {
        display: block;
        margin: 6px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .e-pager .e-mfirst,
    .e-pager .e-mprev,
    .e-pager .e-mnext,
    .e-pager .e-mlast {
        display: none;
    }

    .e-pager .e-mprev {
        text-indent: -3px;
    }

    .e-pager .e-mnext {
        text-indent: -2px;
    }

    .e-pager .e-mfirst,
    .e-pager .e-mprev,
    .e-pager .e-mnext,
    .e-pager .e-mlast {
        -webkit-tap-highlight-color: #fff;
    }

    .e-pager .e-pp,
    .e-pager .e-np,
    .e-pager .e-pp:hover,
    .e-pager .e-np:hover {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        padding: 8px 11px 9px;
    }

@media (max-width: 769px) {
    .e-pager {
        padding: 13px 0;
    }

        .e-pager div.e-parentmsgbar {
            box-sizing: border-box;
            display: inline-block;
            float: initial;
            padding-bottom: 0;
            padding-right: 0;
            padding-top: 0;
            text-align: center;
            vertical-align: top;
            width: calc(60% - 48px);
        }

        .e-pager .e-pagesizes {
            display: none;
        }

        .e-pager .e-pagecountmsg {
            display: none;
        }

        .e-pager .e-pagercontainer {
            display: none;
        }

        .e-pager .e-icons {
            font-size: 11px;
        }

        .e-pager .e-mfirst,
        .e-pager .e-mprev,
        .e-pager .e-mnext,
        .e-pager .e-mlast {
            border: 0;
            box-sizing: border-box;
            display: inline-block;
            padding: 1% 5%;
        }

        .e-pager .e-mfirst {
            margin-right: 4px;
            text-align: right;
            width: calc(10% + 11px);
        }

        .e-pager .e-mprev {
            margin: 0 4px;
            text-align: right;
            width: 10%;
        }

        .e-pager .e-mnext {
            margin: 0 4px;
            text-align: left;
            width: 10%;
        }

        .e-pager .e-mlast {
            margin-left: 4px;
            text-align: left;
            width: calc(10% + 11px);
        }
}

.e-pager.e-rtl {
    direction: rtl;
}

    .e-pager.e-rtl .e-pagercontainer,
    .e-pager.e-rtl div,
    .e-pager.e-rtl a {
        float: initial;
    }

    .e-pager.e-rtl .e-parentmsgbar {
        float: left;
        margin-left: 6px;
    }

    .e-pager.e-rtl .e-pagerdropdown {
        margin: -20px 16px 0 0;
    }

    .e-pager.e-rtl .e-pagerconstant {
        margin: 8px;
    }

    .e-pager.e-rtl .e-pagerexternalmsg {
        float: none;
    }

    .e-pager.e-rtl .e-pagercontainer {
        float: none;
        margin: 0 6px -4px 0;
        padding: 0;
    }

    .e-pager.e-rtl .e-firstpage,
    .e-pager.e-rtl .e-prevpage,
    .e-pager.e-rtl .e-firstpagedisabled,
    .e-pager.e-rtl .e-prevpagedisabled,
    .e-pager.e-rtl .e-nextpage,
    .e-pager.e-rtl .e-lastpage,
    .e-pager.e-rtl .e-nextpagedisabled,
    .e-pager.e-rtl .e-lastpagedisabled {
        padding: 11px 9px 8px 2px;
    }

        .e-pager.e-rtl .e-firstpage::before,
        .e-pager.e-rtl .e-firstpage:hover,
        .e-pager.e-rtl .e-firstpagedisabled::before {
            content: '\e701';
        }

        .e-pager.e-rtl .e-prevpage::before,
        .e-pager.e-rtl .e-prevpage:hover,
        .e-pager.e-rtl .e-prevpagedisabled::before {
            content: '\e848';
        }

        .e-pager.e-rtl .e-nextpage::before,
        .e-pager.e-rtl .e-nextpage:hover,
        .e-pager.e-rtl .e-nextpagedisabled::before {
            content: '\e84b';
        }

        .e-pager.e-rtl .e-lastpage::before,
        .e-pager.e-rtl .e-lastpage:hover,
        .e-pager.e-rtl .e-lastpagedisabled::before {
            content: '\e716';
        }

    .e-pager.e-rtl .e-nextpage,
    .e-pager.e-rtl .e-nextpagedisabled,
    .e-pager.e-rtl .e-prevpage,
    .e-pager.e-rtl .e-prevpagedisabled,
    .e-pager.e-rtl .e-firstpage,
    .e-pager.e-rtl .e-firstpagedisabled {
        border-left-style: solid;
        border-left-width: 1px;
    }

    .e-pager.e-rtl .e-nextpage,
    .e-pager.e-rtl .e-nextpagedisabled,
    .e-pager.e-rtl .e-prevpage,
    .e-pager.e-rtl .e-prevpagedisabled {
        border-right-style: none;
        border-right-width: 0;
    }

    .e-pager.e-rtl .e-firstpage,
    .e-pager.e-rtl .e-firstpagedisabled {
        border-right: medium none;
    }

        .e-pager.e-rtl .e-firstpage:hover {
            border-radius: 0 4px 4px 0;
        }

    .e-pager.e-rtl .e-lastpage:hover {
        border-radius: 4px 0 0 4px;
    }

    .e-pager.e-rtl .e-numericcontainer {
        float: none;
    }

    .e-pager.e-rtl .e-numericitem {
        border-left-style: solid;
        border-left-width: 1px;
        border-right-style: none;
        border-right-width: 0;
        min-width: 26px;
    }

    .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
        margin-left: 0;
        margin-right: 0;
    }

    .e-pager.e-rtl .e-spacing,
    .e-pager.e-rtl .e-numericitem:hover,
    .e-pager.e-rtl .e-currentitem {
        margin: 0;
        padding: 11px 12px 10px 11px;
    }

        .e-pager.e-rtl .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
            padding: 11px 12px 10px 11px;
        }

    .e-pager.e-rtl .e-pp,
    .e-pager.e-rtl .e-np,
    .e-pager.e-rtl .e-pp:hover,
    .e-pager.e-rtl .e-np:hover {
        margin-top: 2px;
        padding: 8px 11px 9px 11px;
    }

@media (max-width: 769px) {
    .e-pager.e-rtl .e-mfirst,
    .e-pager.e-rtl .e-mprev,
    .e-pager.e-rtl .e-mnext,
    .e-pager.e-rtl .e-mlast {
        border: 0;
    }

    .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
        float: initial;
        margin-left: 0;
        margin-top: 10px;
    }

    .e-pager.e-rtl .e-parentmsgbar {
        float: right;
    }
}

/*! Pager theme */
.e-pager {
    background-color: #fff;
    border-color: #ddd;
    color: #333;
    opacity: 1;
}

    .e-pager div.e-icons {
        color: var(--primary-color-empresa) !important;
    }

    .e-pager .e-pager-default:hover {
        background: #eee;
        color: #1f496e;
        opacity: 1;
    }

    .e-pager .e-parentmsgbar {
        font-weight: 500;
    }

    .e-pager .e-spacing {
        color: #3071a9;
        opacity: 1;
    }

    .e-pager .e-numericitem:hover {
        color: #1f496e;
        opacity: 1;
    }

        .e-pager .e-numericitem:hover:not(.e-np):not(.e-pp):not(.e-active) {
            border: 0 1px 0 0 solid #ddd;
        }

    .e-pager .e-numericitem:not(.e-active):not(.e-np):not(.e-pp):hover {
        background-color: #eee;
        opacity: 1;
    }

    .e-pager .e-numericitem {
        background: #fff !important;
        border-right-color: #ddd !important;
        color: var(--primary-color-empresa) !important;
    }

    .e-pager .e-prevpagedisabled,
    .e-pager .e-prevpage,
    .e-pager .e-nextpage,
    .e-pager .e-nextpagedisabled,
    .e-pager .e-lastpagedisabled,
    .e-pager .e-lastpage,
    .e-pager .e-firstpage,
    .e-pager .e-firstpagedisabled {
        background-color: #fff;
        color: #3071a9;
    }

    .e-pager .e-lastpage,
    .e-pager .e-firstpage {
        background-color: transparent;
    }

    .e-pager .e-pagercontainer {
        background-color: #fff;
        border-color: #ddd;
    }

    .e-pager .e-firstpage,
    .e-pager .e-prevpage,
    .e-pager .e-firstpagedisabled,
    .e-pager .e-prevpagedisabled,
    .e-pager .e-nextpage,
    .e-pager .e-lastpage,
    .e-pager .e-nextpagedisabled,
    .e-pager .e-lastpagedisabled {
        border-right-color: #ddd;
    }

    .e-pager .e-currentitem,
    .e-pager .e-currentitem:hover {
        background: var(--primary-color-empresa) !important;
        color: #fff !important;
        opacity: 1 !important;
    }

@media (max-width: 590px) {
    .e-pager .e-pager-default:hover {
        background: #fff;
        color: #3071a9;
        opacity: 1;
    }
}

.e-pager.e-rtl .e-numericitem {
    border-left-color: #ddd;
}

.e-pager.e-rtl .e-firstpage,
.e-pager.e-rtl .e-prevpage,
.e-pager.e-rtl .e-firstpagedisabled,
.e-pager.e-rtl .e-prevpagedisabled,
.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-lastpage,
.e-pager.e-rtl .e-nextpagedisabled,
.e-pager.e-rtl .e-lastpagedisabled {
    border-left-color: #ddd;
}

.e-pager.e-rtl .e-nextpage,
.e-pager.e-rtl .e-nextpagedisabled {
    border-left-color: #ddd;
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-multi-select-wrapper .e-chips-collection .e-chips .e-chips-close.e-icon::before {
    line-height: 30px;
    top: 0;
}

.e-multi-select-wrapper .e-close-hooker::before {
    content: "";
    cursor: pointer;
    left: 15px;
    position: relative;
    top: 17px;
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
    content: "";
    cursor: pointer;
    left: 10px;
    position: relative;
    top: 9px;
}

.e-multiselect.e-input-group .e-ddl-icon::before {
    content: "";
    font-family: 'e-icons';
}

.e-multiselect.e-input-group .e-ddl-disable-icon::before {
    content: '';
}

.e-multi-select-wrapper {
    cursor: text;
    line-height: normal;
    min-height: 34px;
    padding: 0 32px 0 2px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

    .e-multi-select-wrapper.e-delimiter .e-searcher {
        height: 27px;
        vertical-align: middle;
    }

        .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
            height: 100%;
            min-height: 100%;
        }

    .e-multi-select-wrapper .e-delim-view {
        white-space: nowrap;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
        color: #fff;
        font-size: 10px;
        left: 17px;
        top: 8px;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
        background-color: #4caf50;
        color: #fff;
        padding: 13px 0 13px 0;
    }

    .e-multi-select-wrapper .e-searcher.e-zero-size {
        width: 1px;
    }

        .e-multi-select-wrapper .e-searcher.e-zero-size input[type='text'] {
            height: 1px;
            min-height: 1px;
        }

    .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
        max-width: 100%;
    }

.e-bigger .e-multi-select-wrapper {
    min-height: 38px;
}

.e-multi-select-wrapper.e-close-icon-hide {
    padding-right: 0;
}

.e-multi-select-wrapper .e-chips-collection {
    cursor: default;
    display: block;
}

.e-multi-select-wrapper .e-multi-hidden {
    border: 0;
    height: 0;
    visibility: hidden;
    width: 0;
}

.e-multi-select-wrapper .e-chips {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    margin: 2px 4px 2px 0;
    padding: 0;
}

.e-bigger .e-multi-select-wrapper .e-chips {
    margin: 3px 4px 2px 0;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
    max-width: 100%;
    overflow: hidden;
    padding: 6px 10px 6px 10px;
    text-indent: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-multi-select-wrapper.e-delimiter .e-searcher {
    display: inline-block;
    float: none;
}

.e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
    padding: 7px 10px 7px 10px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
    padding: 7px 10px 7px 10px;
}

.e-multi-select-wrapper .e-chips-close {
    -ms-flex-item-align: center;
    align-self: center;
    display: -ms-flexbox;
    display: flex;
    float: right;
    font-family: 'e-icons';
    height: 30px;
    margin: 0 0 0;
    width: 30px;
}

.e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
    margin: 1px 0 0;
}

.e-multi-select-wrapper .e-chips-close.e-close-hooker {
    cursor: default;
    font-size: 10px;
    height: 40px;
    margin-top: -4em;
    position: absolute;
    right: 0;
    top: 100%;
    width: 40px;
}

.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
    right: 38px;
}

.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
    margin-top: -4em;
}

.e-multi-select-wrapper input[type='text'] {
    background: none;
    border: 0;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    min-height: 32px;
    outline: none;
    padding: 0;
    text-indent: 6px;
}

.e-bigger .e-multi-select-wrapper input[type='text'],
.e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
    height: 32px;
    min-height: 32px;
}

.e-bigger .e-multi-select-wrapper input[type='text'] {
    height: 38px;
    min-height: 38px;
}

.e-multi-select-wrapper input[type='text']::-ms-clear {
    display: none;
}

.e-multi-select-wrapper .e-searcher {
    display: block;
    float: left;
    width: auto;
}

.e-multi-select-wrapper .e-delim-values {
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 35px;
    max-width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: middle;
}

.e-bigger .e-multi-select-wrapper .e-delim-values {
    line-height: 39px;
}

.e-multi-select-list-wrapper .e-hide-listitem {
    display: none;
}

.e-multi-select-wrapper .e-delim-values .e-remain {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding-left: 10px;
}

.e-multiselect.e-disabled .e-multi-select-wrapper,
.e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
    cursor: not-allowed;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
    height: 46px;
    left: 0;
    margin: 0 0 0 0;
    position: relative;
    top: 0;
    width: 46px;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
    -ms-flex-item-align: center;
    align-self: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 0 0 20px;
    width: 92%;
}

.e-multi-select-wrapper .e-ddl-disable-icon::before {
    content: '';
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
    float: none;
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
    padding-left: 0;
}

.e-multiselect.e-rtl .e-multi-select-wrapper {
    padding: 0 2px 0 32px;
}

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
        left: -10px;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
        margin: 0;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
        float: right;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
        float: right;
        margin: 2px 0 2px 4px;
        padding: 0 8px 0 0;
    }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
            padding: 6px 10px 6px 10px;
        }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
            float: left;
        }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
                left: -10px;
            }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
            padding: 0 4px 0 8px;
        }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
                padding: 8px 4px;
            }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
                padding: 0 8px 0 4px;
            }

                .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
                    padding: 12px 4px;
                }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
        left: 0;
        position: absolute;
        right: auto;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
        left: -15px;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
        padding-right: 10px;
    }

.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 8px;
    position: relative;
    text-indent: 0;
    vertical-align: middle;
}

.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 10px;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
    margin-left: 12px;
    margin-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
    padding-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
    padding-right: 15px;
}

.e-multi-select-list-wrapper .e-selectall-parent {
    cursor: pointer;
    display: block;
    line-height: 26px;
    overflow: hidden;
    position: relative;
    text-indent: 21px;
    white-space: nowrap;
    width: 100%;
}

    .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
        color: #333;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
    }

.e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
    font-size: 15px;
    line-height: 40px;
    text-indent: 25px;
}

.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 8px;
    position: relative;
    text-indent: 0;
    vertical-align: middle;
}

.e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 10px;
}

.e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
    margin-left: 12px;
    margin-right: 0;
}

.e-multiselect .e-input-group-icon.e-ddl-icon {
    float: right;
    margin-top: 0;
    height: 36px;
    width: 36px;
}

.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
    float: left;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper {
    padding: 2px 0 0;
    padding: 0;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
    padding: 0 16px;
}

.e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
    padding: 4px 0;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-clear-icon,
.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-clear-icon {
    padding-left: 8px;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
    margin: -2px 10px 0 -54px;
    padding: 0;
    position: absolute;
}

.e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
    line-height: 39px;
}

.e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
    line-height: 20px;
    padding-left: 10px;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame {
    opacity: .3;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-disable {
    opacity: .7;
}

.e-multi-select-wrapper input[readonly='true'] {
    pointer-events: none;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
    pointer-events: none;
}

.e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
    color: #333;
}

.e-multi-select-wrapper .e-chips.e-chip-selected {
    background-color: #ccc;
}

    .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
        background-color: #ddd;
    }

.e-multiselect {
    box-sizing: border-box;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
    color: #333;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
}

.e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
    color: #333;
}

    .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
        color: #333;
    }

.e-multi-select-wrapper .e-chips {
    background-color: #e6e6e6;
    border-radius: 4px;
    height: 30px;
}

    .e-multi-select-wrapper .e-chips:hover {
        background-color: #d4d4d4;
    }

    .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
        color: #333;
    }

    .e-multi-select-wrapper .e-chips .e-chips-close::before {
        color: #333;
        font-size: 10px;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
        background-color: #4caf50;
        border-radius: 4px;
        color: #fff;
        display: block;
        height: 46px;
        line-height: 46px;
    }

        .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
            color: #fff;
        }

    .e-multi-select-wrapper .e-chips.e-mob-chip,
    .e-bigger .e-multi-select-wrapper .e-chips {
        height: 32px;
    }

.e-popup.e-multi-select-list-wrapper {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-sizing: content-box;
    overflow: initial;
}

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
        border-bottom: 1px solid transparent;
        border-left: 1px solid #4caf50;
        border-right: 1px solid #4caf50;
        border-top: 1px solid #142f46;
    }

    .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
        background-color: transparent;
        border-color: transparent;
        color: #333;
    }

        .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
            color: #333;
        }

        .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
            background-color: #f5f5f5;
        }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
        border-bottom: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
        border-top: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
        background-color: #4caf50;
        border: 1px solid #4caf50;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        color: #fff;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item {
        border: 1px solid transparent;
    }

.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
    color: #999;
}

.e-ul.e-reorder {
    border-bottom: 1px solid #e6e6e6;
}

.e-multi-select-list-wrapper .e-selectall-parent {
    border-bottom: 1px solid #e6e6e6;
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! calendar default definitions and variables */
/*! calendar bootstrap theme variables */
/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-time-wrapper,
.e-control-wrapper.e-time-wrapper {
    -webkit-tap-highlight-color: transparent;
}

    .e-time-wrapper .e-time-icon.e-icons,
    .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons {
        font-size: 16px;
        min-height: 34px;
        min-width: 34px;
    }

        .e-time-wrapper .e-time-icon.e-icons::before,
        .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons::before {
            content: "";
            font-family: "e-icons";
        }

        .e-time-wrapper .e-time-icon.e-icons.e-disabled,
        .e-control-wrapper.e-time-wrapper .e-time-icon.e-icons.e-disabled {
            pointer-events: none;
        }

    .e-time-wrapper span,
    .e-control-wrapper.e-time-wrapper span {
        cursor: pointer;
    }

.e-timepicker.e-popup {
    border-style: solid;
    border-width: 1px;
    overflow: auto;
}

    .e-timepicker.e-popup .e-content {
        position: relative;
    }

    .e-timepicker.e-popup .e-list-parent.e-ul {
        margin: 0;
        padding: 0 0;
    }

        .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
            cursor: default;
            font-size: 14px;
            overflow: hidden;
            position: relative;
            text-overflow: ellipsis;
            vertical-align: middle;
            white-space: nowrap;
            width: 100%;
        }

            .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover {
                cursor: pointer;
            }

        .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
            line-height: 26px;
            text-indent: 20px;
        }

.e-bigger .e-time-wrapper .e-time-icon.e-icons,
.e-bigger.e-time-wrapper .e-time-icon.e-icons,
.e-bigger .e-control-wrapper .e-time-wrapper .e-time-icon.e-icons,
.e-control-wrapper.e-bigger.e-time-wrapper .e-time-icon.e-icons {
    font-size: 16px;
    min-height: 40px;
    min-width: 40px;
}

.e-bigger .e-timepicker.e-popup .e-list-parent.e-ul,
.e-bigger.e-timepicker.e-popup .e-list-parent.e-ul {
    padding: 0 0;
}

    .e-bigger .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item,
    .e-bigger.e-timepicker.e-popup .e-list-parent.e-ul .e-list-item {
        font-size: 15px;
        line-height: 40px;
        text-indent: 20px;
    }

/*! timepicker theme */
.e-time-wrapper .e-input-group-icon.e-icons.e-active {
    color: #333;
}

.e-time-wrapper.e-input-group:not(.e-disabled) .e-input-group-icon.e-active:active {
    color: #333;
}

.e-timepicker.e-popup {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(51, 51, 51, 0.175);
}

    .e-timepicker.e-popup .e-list-parent.e-ul {
        background-color: #fff;
    }

        .e-timepicker.e-popup .e-list-parent.e-ul li.e-list-item {
            border: none;
            color: #333;
        }

        .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-disabled {
            color: rgba(85, 85, 85, 0.65);
            opacity: 1;
            pointer-events: none;
            -ms-touch-action: none;
            touch-action: none;
        }

        .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-hover,
        .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-navigation,
        .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item:focus {
            background-color: #f5f5f5;
            border: none;
            color: #333;
        }

        .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active {
            background-color: #4caf50;
            color: #fff;
        }

            .e-timepicker.e-popup .e-list-parent.e-ul .e-list-item.e-active.e-hover {
                background-color: #f5f5f5;
                color: #333;
            }

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-date-overflow {
    overflow: hidden !important;
}

@media screen and (orientation: landscape) and (max-device-height: 360px) {
    .e-datepicker .e-calendar .e-month table tbody {
        display: inline-block;
        height: 150px;
        overflow: auto;
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-range-overflow {
    overflow: auto;
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! hscroll icons */
.e-hscroll.e-rtl .e-nav-left-arrow::before {
    content: "";
}

.e-hscroll.e-rtl .e-nav-right-arrow::before {
    content: "";
}

.e-hscroll .e-nav-left-arrow::before {
    content: "";
    line-height: normal;
}

.e-hscroll .e-nav-right-arrow::before {
    content: "";
    line-height: normal;
}

/*! h-scroll layout */
.e-bigger .e-hscroll,
.e-hscroll.e-bigger {
    min-height: 50px;
}

    .e-bigger .e-hscroll:not(.e-scroll-device),
    .e-hscroll.e-bigger:not(.e-scroll-device) {
        padding: 0 50px;
    }

    .e-bigger .e-hscroll .e-icons,
    .e-hscroll.e-bigger .e-icons {
        font-size: 18px;
    }

    .e-bigger .e-hscroll .e-scroll-nav,
    .e-hscroll.e-bigger .e-scroll-nav {
        min-height: 50px;
        width: 50px;
    }

.e-hscroll {
    display: block;
    position: relative;
    width: inherit;
}

    .e-hscroll:not(.e-scroll-device) {
        padding: 0 40px;
    }

    .e-hscroll > * {
        height: inherit;
    }

    .e-hscroll .e-hscroll-content {
        height: inherit;
        position: relative;
        -ms-touch-action: none;
        touch-action: none;
    }

    .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
        left: 0;
        right: auto;
    }

    .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
        left: auto;
        right: 0;
    }

    .e-hscroll .e-scroll-nav {
        -ms-flex-align: center;
        align-items: center;
        bottom: 0;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        min-height: 40px;
        position: absolute;
        top: 0;
        width: 40px;
    }

        .e-hscroll .e-scroll-nav.e-scroll-left-nav {
            left: 0;
        }

        .e-hscroll .e-scroll-nav.e-scroll-right-nav {
            right: 0;
        }

        .e-hscroll .e-scroll-nav.e-ie-align {
            display: table;
        }

    .e-hscroll .e-nav-arrow {
        position: relative;
    }

        .e-hscroll .e-nav-arrow.e-icons {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            width: 100%;
        }

    /*! h-scroll theme */
    .e-hscroll .e-icons {
        color: #333;
    }

    .e-hscroll.e-rtl .e-scroll-nav {
        background: #f8f8f8;
    }

        .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
            border-left: 1px solid #ccc;
            border-right: 0;
        }

        .e-hscroll.e-rtl .e-scroll-nav.e-scroll-right-nav {
            border-left: 0;
            border-right: 1px solid #ccc;
        }

        .e-hscroll.e-rtl .e-scroll-nav:hover {
            background: #e6e6e6;
            border: "";
            border-color: "";
            color: #333;
        }

    .e-hscroll .e-scroll-nav {
        background: #f8f8f8;
    }

        .e-hscroll .e-scroll-nav.e-scroll-left-nav {
            border-right: 1px solid #ccc;
        }

        .e-hscroll .e-scroll-nav.e-scroll-right-nav {
            border-left: 1px solid #ccc;
        }

        .e-hscroll .e-scroll-nav:focus {
            background: #e6e6e6;
            border: "";
            border-color: "";
            color: #333;
        }

        .e-hscroll .e-scroll-nav::after {
            content: '';
        }

        .e-hscroll .e-scroll-nav:active::after {
            content: '';
        }

        .e-hscroll .e-scroll-nav:hover {
            background: #e6e6e6;
            border: "";
            color: #333;
        }

        .e-hscroll .e-scroll-nav:active {
            background: #e6e6e6;
            border: "";
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #333;
        }

/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! toolbar icons */
.e-toolbar .e-popup-down-icon::before {
    content: "";
    line-height: normal;
}

.e-toolbar .e-popup-up-icon::before {
    content: "";
    line-height: normal;
}

/*! toolbar layout */
.e-bigger .e-toolbar,
.e-toolbar.e-bigger {
    height: 50px;
    min-height: 50px;
}

    .e-bigger .e-toolbar .e-icons,
    .e-toolbar.e-bigger .e-icons {
        font-size: 14px;
    }

    .e-bigger .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item,
    .e-toolbar.e-bigger.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item {
        margin: 0;
    }

    .e-bigger .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:last-child,
    .e-toolbar.e-bigger.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:last-child {
        margin: 0;
        margin-left: 15px;
    }

    .e-bigger .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item,
    .e-toolbar.e-bigger.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
        margin: 0;
    }

    .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
    .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
        margin: 0;
    }

    .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
    .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
        margin-left: 15px;
        margin-right: 0;
    }

    .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
    .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
        margin: 0;
    }

    .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child,
    .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
        margin-left: 0;
    }

    .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child,
    .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
        margin-left: 15px;
    }

    .e-bigger .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .e-toolbar.e-bigger.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
        margin-left: 0;
        margin-right: 15px;
    }

    .e-bigger .e-toolbar .e-hor-nav,
    .e-toolbar.e-bigger .e-hor-nav {
        min-height: 49px;
        min-width: 38px;
    }

    .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn-text,
    .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn-text {
        line-height: 16px;
        line-height: inherit;
    }

    .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator),
    .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
        min-width: 48px;
        padding: 0;
    }

    .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-icons,
    .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-icons {
        min-width: 24px;
    }

    .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn,
    .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
        min-height: 40px;
        padding: 0 4px;
        line-height: 34px;
    }

        .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons,
        .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons {
            margin-left: 0;
            padding: 0 12px 0 15px;
        }

        .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
        .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
            padding: 0 12px 0 15px;
        }

    .e-bigger .e-toolbar .e-toolbar-items,
    .e-toolbar.e-bigger .e-toolbar-items {
        min-height: 49px;
    }

        .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
        .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
            margin: 0;
        }

        .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
        .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
            margin-right: 15px;
        }

        .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
        .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
            margin: 0;
        }

        .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child,
        .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
            margin-left: 15px;
        }

        .e-bigger .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
        .e-toolbar.e-bigger .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
            margin-left: 15px;
        }

        .e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left,
        .e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-center,
        .e-bigger .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right,
        .e-toolbar.e-bigger .e-toolbar-items.e-tbar-pos .e-toolbar-left,
        .e-toolbar.e-bigger .e-toolbar-items.e-tbar-pos .e-toolbar-center,
        .e-toolbar.e-bigger .e-toolbar-items.e-tbar-pos .e-toolbar-right {
            top: 1px;
        }

        .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item,
        .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item {
            min-height: 49px;
        }

            .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
            .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item:not(.e-separator) {
                min-width: 0;
                padding: 3.5px 2.5px;
            }

            .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
            .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-separator {
                height: calc(100% - 12px);
                margin: 6px 6px;
                min-height: 36px;
            }

            .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-icons,
            .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-icons {
                line-height: 34px;
                min-height: 34px;
                min-width: 24px;
            }

            .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text button.e-btn.e-tbtn-txt .e-icons,
            .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
            .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-popup-text button.e-btn.e-tbtn-txt .e-icons,
            .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
                padding: 0;
            }

            .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn,
            .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control,
            .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item button.e-btn,
            .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control {
                height: calc(100% - 6px);
                margin: 2px 0;
                min-height: 34px;
                min-width: "";
                padding: 1px 7px;
                line-height: 34px;
            }

                .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn:focus,
                .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus,
                .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item button.e-btn:focus,
                .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:focus {
                    padding: 0 6px;
                }

                .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn:hover,
                .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
                .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item button.e-btn:hover,
                .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
                    padding: 0 6px;
                }

                .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn:active,
                .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active,
                .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item button.e-btn:active,
                .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
                    padding: 0 6px;
                }

                .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
                .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons,
                .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
                .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons {
                    padding: 0 0 0 12px;
                }

                    .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
                    .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right,
                    .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
                    .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control.e-tbtn-txt .e-icons.e-icon-right {
                        padding: 0 12px 0 0;
                    }

                .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-tbar-btn-text,
                .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text,
                .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item button.e-btn .e-tbar-btn-text,
                .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text {
                    padding: 0 12px 0 6px;
                }

.e-toolbar {
    border-radius: 4px;
    display: block;
    height: 40px;
    min-height: 40px;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

    .e-toolbar.e-control[class*='e-toolbar'] {
        box-sizing: content-box;
    }

    .e-toolbar.e-toolpop .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn-text {
        display: none;
    }

    .e-toolbar .e-tbar-btn-text,
    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
        display: inline-block;
        padding: 0 12px 0 6px;
    }

    .e-toolbar.e-hidden,
    .e-toolbar .e-toolbar-items .e-toolbar-item.e-hidden {
        display: none;
    }

    .e-toolbar.e-corner {
        border-radius: 0;
    }

    .e-toolbar .e-toolbar-pop {
        border-radius: 4px;
        overflow: hidden;
        padding: 5px 0;
        position: absolute;
    }

        .e-toolbar .e-toolbar-pop .e-toolbar-item.e-toolbar-popup.e-hidden {
            display: none;
        }

        .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-pack: start;
            justify-content: flex-start;
            min-height: 40px;
            padding: 0 4px;
            border: 0;
            border-radius: 0;
            margin: 0;
        }

            .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons {
                line-height: inherit;
                margin: 0;
                padding: 0 12px 0 15px;
                width: auto;
            }

            .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text {
                padding: 0 12px 0 15px;
            }

        .e-toolbar .e-toolbar-pop .e-toolbar-item .e-icons {
            min-width: 27px;
        }

        .e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
            min-width: 34px;
            padding: 0;
        }

        .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control {
            text-align: center;
        }

            .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons {
                min-width: 100%;
            }

        .e-toolbar .e-toolbar-pop .e-toolbar-item {
            -ms-flex-line-pack: center;
            align-content: center;
            -ms-flex-align: center;
            align-items: center;
            display: -ms-flexbox;
            display: flex;
            height: auto;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .e-toolbar .e-toolbar-pop .e-toolbar-item > * {
                height: 100%;
                min-width: 100%;
                text-overflow: ellipsis;
            }

        .e-toolbar .e-toolbar-pop .e-toolbar-text .e-tbar-btn-text {
            display: none;
        }

        .e-toolbar .e-toolbar-pop .e-toolpopup {
            text-align: center;
        }

    .e-toolbar .e-toolbar-popup {
        text-align: center;
    }

    .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item {
        margin: 0;
    }

    .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:last-child {
        margin: 0;
        margin-left: 15px;
    }

    .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
        margin: 0;
    }

    .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
        margin: 0;
    }

    .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
        margin-right: 15px;
    }

    .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
        margin: 0;
    }

    .e-toolbar.e-rtl .e-toolbar-items.e-tbar-pos .e-toolbar-left {
        left: auto;
        right: 0;
    }

    .e-toolbar.e-rtl .e-toolbar-items.e-tbar-pos .e-toolbar-right {
        left: 0;
        right: auto;
    }

    .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
        margin-left: 0;
    }

    .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
        margin-left: 15px;
    }

    .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
        margin-left: 0;
        margin-right: 15px;
    }

    .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-left .e-toolbar-item:last-child {
        margin-left: 0;
    }

    .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-left .e-toolbar-item:first-child {
        margin-left: 0;
        margin-right: 15px;
    }

    .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-center .e-toolbar-item:last-child {
        margin-right: 0;
    }

    .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-right .e-toolbar-item:last-child {
        margin-left: 15px;
        margin-right: 0;
    }

    .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-right .e-toolbar-item:first-child {
        margin-right: 0;
    }

    .e-toolbar.e-rtl .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-item:last-child {
        margin-left: 15px;
        margin-right: 0;
    }

    .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
    .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
        margin-right: 0;
    }

    .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
    .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
        margin-right: 15px;
    }

    .e-toolbar.e-rtl .e-hor-nav {
        left: 0;
        right: auto;
        border-radius: 4px 0 0 4px;
    }

    .e-toolbar .e-hor-nav {
        -ms-flex-align: center;
        align-items: center;
        border-radius: 0 4px 4px 0;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        min-height: 39px;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        width: 38px;
    }

        .e-toolbar .e-hor-nav.e-ie-align {
            display: table;
        }

    .e-toolbar .e-popup-down-icon.e-icons,
    .e-toolbar .e-popup-up-icon.e-icons {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        width: 100%;
    }

    .e-toolbar .e-toolbar-items {
        border-radius: 4px 0 0 4px;
        display: inline-block;
        height: 100%;
        margin: 1px 0;
        min-height: 39px;
        vertical-align: middle;
    }

        .e-toolbar .e-toolbar-items .e-toolbar-item .e-icons {
            line-height: 25px;
            min-height: 25px;
        }

        .e-toolbar .e-toolbar-items.e-tbar-pos {
            display: block;
        }

            .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left,
            .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-center,
            .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right {
                display: table;
                height: 100%;
                top: 0;
            }

            .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right,
            .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
                position: absolute;
            }

            .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right {
                right: 0;
            }

                .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-right .e-toolbar-item .e-tbar-btn {
                    line-height: 24px;
                }

            .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-left {
                left: 0;
                line-height: 35px;
            }

            .e-toolbar .e-toolbar-items.e-tbar-pos .e-toolbar-center {
                margin: 0 auto;
            }

        .e-toolbar .e-toolbar-items .e-toolbar-left,
        .e-toolbar .e-toolbar-items .e-toolbar-center,
        .e-toolbar .e-toolbar-items .e-toolbar-right {
            display: inline-block;
        }

            .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
                margin-left: 15px;
            }

        .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
            margin-left: 15px;
        }

        .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item:first-child {
            margin-left: 0;
        }

        .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-left .e-toolbar-item:last-child {
            margin-right: 0;
        }

        .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-left .e-toolbar-item:first-child {
            margin-left: 15px;
        }

        .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-center .e-toolbar-item:last-child {
            margin-right: 0;
        }

        .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-right .e-toolbar-item:last-child {
            margin-right: 15px;
        }

        .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-right .e-toolbar-item:first-child {
            margin-left: 0;
        }

        .e-toolbar .e-toolbar-items:first-child .e-hscroll-bar:first-child .e-toolbar-item:last-child {
            margin-right: 15px;
        }

        .e-toolbar .e-toolbar-items:first-child > .e-toolbar-item:last-child,
        .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
            margin-right: 15px;
        }

        .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
            margin: 0;
        }

        .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
            margin-right: 15px;
        }

        .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
            margin: 0;
        }

        .e-toolbar .e-toolbar-items .e-toolbar-item {
            -ms-flex-line-pack: center;
            align-content: center;
            -ms-flex-align: center;
            align-items: center;
            cursor: pointer;
            display: -ms-inline-flexbox;
            display: inline-flex;
            min-height: 0;
            vertical-align: middle;
            width: auto;
        }

            .e-toolbar .e-toolbar-items .e-toolbar-item .e-icons {
                min-width: 27px;
            }

            .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator) {
                height: 100%;
                min-width: 30px;
                padding: 4px 2.5px;
            }

            .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
                margin: 5.5px 6px;
                min-height: 27px;
                min-width: 1px;
            }

            .e-toolbar .e-toolbar-items .e-toolbar-item input[type='checkbox'] {
                height: auto;
            }

            .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text button.e-btn.e-tbtn-txt .e-icons,
            .e-toolbar .e-toolbar-items .e-toolbar-item.e-popup-text .e-tbar-btn.e-btn.e-tbtn-txt .e-icons {
                padding: 0;
            }

            .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn,
            .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
                height: calc(100% - 10px);
                margin: 0;
                min-height: 32px;
                min-width: 0;
                padding: 1px 2.5px;
                line-height: 27px;
            }

                .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn:focus,
                .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
                    padding: 0 1.5px;
                }

                .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn:hover,
                .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
                    padding: 0 1.5px;
                }

                .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn:active,
                .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
                    padding: 0 1.5px;
                }

                .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons,
                .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons {
                    padding: 0 0 0 12px;
                }

                    .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn.e-tbtn-txt .e-icons.e-icon-right,
                    .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-tbtn-txt .e-icons.e-icon-right {
                        padding: 0 12px 0 0;
                    }

                .e-toolbar .e-toolbar-items .e-toolbar-item button.e-btn .e-icons,
                .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons {
                    margin: 0;
                    width: auto;
                }

            .e-toolbar .e-toolbar-items .e-toolbar-item > * {
                -ms-flex-item-align: center;
                -ms-grid-row-align: center;
                align-self: center;
                text-overflow: ellipsis;
            }

            .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
                height: calc(100% - 15px);
                vertical-align: middle;
            }

                .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator + .e-separator {
                    display: none;
                }

                .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type, .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator:first-of-type {
                    display: none;
                }

    .e-toolbar .e-tbar-btn > :first-child {
        display: inline-block;
    }

    .e-toolbar .e-tbar-btn {
        border: none;
        cursor: pointer;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", "sans-serif";
        font-size: 16px;
        font-weight: 400;
        overflow: hidden;
        padding: 1px 2.5px;
        text-align: center;
        text-decoration: none;
        text-transform: none;
    }

        .e-toolbar .e-tbar-btn .e-icons {
            font-size: 16px;
            vertical-align: middle;
        }

        .e-toolbar .e-tbar-btn div {
            vertical-align: middle;
        }

        .e-toolbar .e-tbar-btn .e-tbar-btn-text {
            cursor: default;
            display: inline-block;
            font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", "sans-serif";
            font-size: 14px;
            line-height: inherit;
            vertical-align: middle;
            width: auto;
        }

/*! toolbar theme */
.e-toolbar {
    -webkit-tap-highlight-color: transparent;
    background: #f8f8f8;
    border: 1px solid #ccc;
    box-shadow: none;
}

    .e-toolbar .e-icons {
        color: #333;
    }

    .e-toolbar .e-toolbar-pop {
        background: #f8f8f8;
        border: 1px solid #ccc;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

        .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn-text {
            color: #333;
        }

    .e-toolbar.e-toolpop .e-hor-nav.e-nav-active {
        background: #d4d4d4;
        border: "";
        border-left: 1px "" #d4d4d4;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

        .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons {
            color: #333;
        }

    .e-toolbar .e-tbar-btn {
        background: #f8f8f8;
        box-shadow: none;
        color: #333;
        margin: 1px 0;
    }

        .e-toolbar .e-tbar-btn:focus {
            background: #e6e6e6;
            border: 1px solid #8c8c8c;
            margin: 0;
            border-color: #8c8c8c;
            border-radius: 4px;
            color: #333;
        }

        .e-toolbar .e-tbar-btn:hover {
            background: #e6e6e6;
            border: 1px solid #adadad;
            border-color: #adadad;
            border-radius: 4px;
            color: #333;
        }

    .e-toolbar .e-toolbar-items {
        background: #f8f8f8;
    }

        .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay {
            background: #f8f8f8;
        }

            .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-tbar-btn-text {
                color: #333;
            }

            .e-toolbar .e-toolbar-items .e-toolbar-item.e-overlay .e-icons {
                color: #333;
            }

        .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn-text {
            color: #333;
        }

        .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
            border-right: 1px solid #ccc;
        }

    .e-toolbar.e-rtl .e-hor-nav {
        background: #f8f8f8;
        border-left: 0;
        border-right: 1px solid #ccc;
    }

        .e-toolbar.e-rtl .e-hor-nav:not(.e-hor-nav.e-nav-active):hover {
            background: #e6e6e6;
            color: #333;
        }

    .e-toolbar .e-hor-nav {
        background: #f8f8f8;
        border-left: 1px solid #ccc;
    }

        .e-toolbar .e-hor-nav::after {
            content: '';
        }

        .e-toolbar .e-hor-nav:active {
            border: "";
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            color: #333;
        }

            .e-toolbar .e-hor-nav:active::after {
                content: '';
            }

        .e-toolbar .e-hor-nav:hover {
            background: #e6e6e6;
            border-left: 1px solid #adadad;
            color: #333;
        }

        .e-toolbar .e-hor-nav:focus {
            background: #e6e6e6;
            border-color: "";
            border-left: "";
            color: #333;
        }

    .e-toolbar .e-tbar-btn:active {
        background: #e6e6e6;
        border-left: 1px solid #adadad;
        border-color: #adadad;
        border-radius: 4px;
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        color: #333;
    }

/*! component's default definitions and variables */
/*! component's theme wise override fabric-definitions and variables */
/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! Bootstrap theme definition's */
/*! component's theme wise override definitions and variables */
/*! tab icons */
.e-tab .e-tab-header .e-close-icon::before {
    content: '\e7fc';
    position: relative;
}

.e-tab .e-tab-header .e-popup-up-icon::before {
    content: "";
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-popup-up-icon::before {
        content: "";
    }
}

.e-tab .e-tab-header .e-popup-down-icon::before {
    content: "";
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-popup-down-icon::before {
        content: "";
    }
}

@media screen and (max-width: 480px) {
    .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
        content: "";
    }

    .e-tab.e-vertical-icon .e-tab-header .e-popup-down-icon::before {
        content: "";
    }
}

/*! tab layout */
.e-bigger .e-tab .e-tab-header,
.e-tab.e-bigger .e-tab-header {
    height: 50px;
    min-height: 50px;
}

    .e-bigger .e-tab .e-tab-header .e-toolbar-items,
    .e-tab.e-bigger .e-tab-header .e-toolbar-items {
        height: auto;
        min-height: auto;
        height: 50px;
        min-height: 50px;
    }

        .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
        .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
        .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
        .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
            margin: 0;
        }

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
    .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
    .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
        margin: 0;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
.e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 0 2px -3px 0;
    padding-bottom: 0;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
    .e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
        margin: 0 2px -4px 0;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active,
.e-tab.e-bigger .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
    margin: 0 2px -5px 0;
    margin: 0 2px -6px 0;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
    margin: 1px 2px 0 0;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
.e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 0 2px -3px 0;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child,
    .e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
        margin: 0 2px -4px 0;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active,
.e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
    margin: 0 2px -5px 0;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav,
.e-tab.e-bigger .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
    width: 50px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
.e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
    height: 50px;
    margin: 0 2px -3px 0;
    min-height: 50px;
    min-width: auto;
    padding: 0;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator),
    .e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator) {
        margin: 0 2px -1px 0;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom,
.e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator).e-itop,
.e-tab.e-bigger .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom {
    height: 72px;
    min-height: 72px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
    height: 50px;
    padding: 0 20px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
        padding: 0 15px;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-text-wrap {
    height: 50px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-text,
.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-text {
    font-size: 15px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
    margin: 0 2px -5px 0;
    padding-bottom: 0;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active {
        margin: 1px 2px -4px 0;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before,
.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft:not(.e-icon) .e-tab-icon::before {
    position: relative;
    top: -.5px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
    height: 50px;
    margin-top: 0;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
    height: 50px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap {
    padding: 0;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
    cursor: pointer;
    margin: 0 0 0 10px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
        margin: 0 0 0 8px;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
    font-size: 12px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
    .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-close-icon::before {
        font-size: 12px;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon,
.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
    height: 24px;
    min-width: 24px;
    width: 24px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before,
.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-icon,
.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-icon::before {
    font-size: 20px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap,
.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
    padding: 0 20px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
.e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
    margin: 0 0 0 10px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
        margin: 0 0 0 10px;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom,
.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop,
.e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom {
    height: 72px;
}

    .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
        height: 72px;
    }

        .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
        .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
        .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
            height: auto;
        }

    .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap {
        height: 72px;
    }

        .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap,
        .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap,
        .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
            height: auto;
        }

    .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-close-icon,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon {
        right: 20px;
    }

    .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
        margin: 10px 0 0;
    }

    .e-bigger .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text,
    .e-tab.e-bigger .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text {
        margin: 0 0 10px;
    }

.e-bigger .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
.e-bigger .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap,
.e-tab.e-bigger .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
.e-tab.e-bigger .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
    margin-right: 22px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item {
    height: 40px;
    min-height: 40px;
}

    .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
        height: 40px;
        padding: 0 24px;
    }

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap,
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
        padding: 0 24px;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
    height: 40px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'],
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'] {
    padding-right: 12px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'],
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'] {
        padding-right: 0;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon {
    margin: 0;
}

    .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before,
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before {
        top: 0;
    }

.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon {
    right: 24px;
}

.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
    min-height: 50px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
        min-height: 50px;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
    height: 50px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
    .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
    .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap,
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop,
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap,
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom,
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
        height: 50px;
    }
}

.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
.e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
.e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
    margin: 0;
    padding-left: 0;
    padding-right: 12px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
    .e-bigger .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
    .e-tab.e-bigger .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

.e-bigger .e-tab .e-tab-header .e-scroll-nav,
.e-tab.e-bigger .e-tab-header .e-scroll-nav {
    height: 50px;
    min-height: 50px;
    padding: 0;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-scroll-nav,
    .e-tab.e-bigger .e-tab-header .e-scroll-nav {
        padding: 0;
    }
}

.e-bigger .e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav,
.e-tab.e-bigger .e-tab-header .e-scroll-nav.e-scroll-left-nav {
    padding: 0;
}

.e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
.e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    width: 44px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow,
    .e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-arrow {
        font-size: 16px;
        height: 44px;
        line-height: 44px;
        width: 44px;
    }
}

.e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
.e-bigger .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before,
.e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
.e-tab.e-bigger .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
    font-size: 16px;
    line-height: 44px;
    top: 0;
    vertical-align: initial;
}

.e-bigger .e-tab .e-tab-header .e-hor-nav,
.e-tab.e-bigger .e-tab-header .e-hor-nav {
    height: 50px;
    min-height: 50px;
    padding: 0;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-hor-nav,
    .e-tab.e-bigger .e-tab-header .e-hor-nav {
        padding: 0;
    }
}

.e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
.e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    width: 44px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
    .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon,
    .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon,
    .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon {
        font-size: 16px;
        height: 44px;
        line-height: 44px;
        width: 44px;
    }
}

.e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
.e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
    font-size: 16px;
    line-height: 44px;
    top: 0;
    vertical-align: initial;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
    .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before,
    .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon::before,
    .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon::before {
        font-size: 16px;
    }
}

.e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
.e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
.e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
    line-height: 42px;
}

    .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
    .e-bigger .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before,
    .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
    .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
        top: 0;
        line-height: 42px;
        top: .5px;
    }

.e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
.e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
.e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
.e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
    line-height: 42px;
}

    .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
    .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before,
    .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
    .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
        top: 0;
        line-height: 42px;
    }

    .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
    .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
    .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
    .e-tab.e-bigger .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
        line-height: 42px;
        top: -2px;
    }

.e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
.e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
.e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
.e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon,
.e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
.e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
.e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
.e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon {
    line-height: 15px;
}

.e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
.e-bigger .e-tab .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
.e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
.e-bigger .e-tab .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow,
.e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
.e-tab.e-bigger .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
.e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
.e-tab.e-bigger .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow {
    line-height: 15px;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
    margin: -1px 2px 0 0;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-items.e-hscroll .e-toolbar-item.e-active,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-items.e-hscroll .e-toolbar-item.e-active {
    padding-top: 2px;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active {
    margin: -1px 2px 0 0;
    padding-bottom: 0;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active,
    .e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active {
        margin: -1px 2px 0 0;
    }
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-tab-text,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-tab-text {
    padding-top: 1px;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-close-icon::before,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-close-icon::before {
    top: .5px;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-itop .e-text-wrap,
.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-ibottom .e-text-wrap,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-itop .e-text-wrap,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
    height: initial;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-itop .e-close-icon::before,
.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-ibottom .e-close-icon::before,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-itop .e-close-icon::before,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-ibottom .e-close-icon::before {
    top: 1.5px;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active:last-child,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active:last-child {
    margin: -1px 2px 0 0;
    padding-bottom: 0;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active:last-child,
    .e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active:last-child {
        margin: -1px 2px 0 0;
    }
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active:last-child .e-tab-text,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active:last-child .e-tab-text {
    padding-top: .5px;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active:last-child .e-close-icon::before,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active:last-child .e-close-icon::before {
    top: 0;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-itop, .e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-itop,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom {
    padding-bottom: 0;
    padding-top: 0;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-ileft.e-active .e-text-wrap,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-ileft.e-active .e-text-wrap {
    margin: 0;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-text-wrap,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-text-wrap {
    height: 50px;
    padding: 0;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-itop .e-text-wrap,
.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-ibottom .e-text-wrap,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-itop .e-text-wrap,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-active.e-ibottom .e-text-wrap {
    height: 50px;
}

.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-itop.e-active .e-text-wrap,
.e-bigger .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom.e-active .e-text-wrap,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-itop.e-active .e-text-wrap,
.e-tab.e-bigger .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom.e-active .e-text-wrap {
    height: initial;
}

.e-bigger .e-tab.e-vertical-icon .e-tab-header,
.e-tab.e-bigger.e-vertical-icon .e-tab-header {
    height: 72px;
    min-height: 72px;
}

    .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items,
    .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-items {
        height: 72px;
    }

    .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-toolbar-item.e-active,
    .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-toolbar-item.e-active {
        margin: -1px 2px -6px 0;
    }

    .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav,
    .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-scroll-nav {
        height: 72px;
    }

    .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav,
    .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav {
        height: 72px;
    }

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
    .e-bigger .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before,
    .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
    .e-tab.e-bigger.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
        font-size: 12px;
    }
}

.e-bigger .e-tab.e-vertical-icon.e-rtl .e-toolbar-item.e-active,
.e-tab.e-bigger.e-vertical-icon.e-rtl .e-toolbar-item.e-active {
    margin: 2px 0 -7px 2px;
}

.e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
.e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
    height: 50px;
}

    .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
        height: 50px;
    }

.e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus,
.e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
.e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
    height: 72px;
}

    .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
        height: auto;
    }

.e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap,
.e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap,
.e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
    height: 50px;
}

.e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus,
.e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus {
    height: 40px;
}

    .e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
        height: 40px;
    }

.e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus,
.e-bigger .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus,
.e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus,
.e-tab.e-bigger.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
    height: 50px;
}

.e-bigger .e-tab.e-focused .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap,
.e-tab.e-bigger.e-focused .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
    height: 50px;
    padding: 0;
}

.e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
.e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
.e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
.e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon,
.e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
.e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
.e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
.e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon {
    line-height: 15px;
}

.e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
.e-bigger .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
.e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
.e-bigger .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow,
.e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
.e-tab.e-bigger.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
.e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
.e-tab.e-bigger.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow {
    line-height: 15px;
}

.e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
.e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
.e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
.e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon,
.e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
.e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
.e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
.e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon {
    line-height: 15px;
}

.e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
.e-bigger .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
.e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
.e-bigger .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow,
.e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
.e-tab.e-bigger.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
.e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
.e-tab.e-bigger.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow {
    line-height: 13px;
}

.e-bigger .e-tab.e-safari .e-tab-header .e-close-icon::before,
.e-tab.e-bigger.e-safari .e-tab-header .e-close-icon::before {
    top: 0;
}

.e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before,
.e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before,
.e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before,
.e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before,
.e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before,
.e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before,
.e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before,
.e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before {
    top: 0;
}

.e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before,
.e-bigger .e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before,
.e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
.e-bigger .e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before,
.e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before,
.e-tab.e-bigger.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before,
.e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
.e-tab.e-bigger.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
    top: 0;
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
    margin: 1px 0 -6px 2px;
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-active .e-tab-text,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-active .e-tab-text {
    margin-bottom: -2px;
}

.e-bigger .e-tab.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator),
.e-tab.e-bigger.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
    margin: 0 0 0 2px;
}

    .e-bigger .e-tab.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active,
    .e-tab.e-bigger.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active {
        margin: -3px 0 0 2px;
    }

        .e-bigger .e-tab.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active .e-tab-text,
        .e-tab.e-bigger.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active .e-tab-text {
            margin-bottom: 1px;
        }

    .e-bigger .e-tab.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-text,
    .e-tab.e-bigger.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-text {
        margin-bottom: -2px;
    }

.e-bigger .e-tab.e-fill .e-tab-header,
.e-tab.e-bigger.e-fill .e-tab-header {
    height: 50px;
    min-height: 50px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-fill .e-tab-header,
    .e-tab.e-bigger.e-fill .e-tab-header {
        height: 50px;
        min-height: 50px;
    }
}

.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
    height: auto;
    min-height: 50px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items,
    .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items {
        min-height: 50px;
    }
}

.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 0;
    padding: 0;
}

.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
    height: 50px;
    margin: 0 2px 0 0;
    min-height: 50px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator),
    .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
        height: 50px;
        min-height: 50px;
    }
}

.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom {
    height: 72px;
    min-height: 72px;
}

.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
    height: 50px;
    padding: 0 20px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap,
    .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
        height: 50px;
        padding: 0 20px;
    }
}

.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
    height: 50px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap,
    .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
        height: 50px;
    }
}

.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active {
    padding: 0;
}

    .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
    .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
        margin-bottom: 0;
    }

    .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
    .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
        height: 50px;
    }

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
    .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
        height: 50px;
    }
}

.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
    height: 50px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
    .e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap,
    .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
    .e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
        height: 50px;
    }
}

.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap,
.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap,
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
    height: 72px;
}

.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
.e-bigger .e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator),
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
.e-tab.e-bigger.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
    height: auto;
}

.e-bigger .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-text-wrap,
.e-tab.e-bigger.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-text-wrap {
    height: 50px;
}

.e-bigger .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-itop .e-text-wrap,
.e-bigger .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom .e-text-wrap,
.e-tab.e-bigger.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-itop .e-text-wrap,
.e-tab.e-bigger.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom .e-text-wrap {
    height: auto;
}

.e-bigger .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
.e-bigger .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
.e-tab.e-bigger.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
.e-tab.e-bigger.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
    height: 50px;
}

.e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus,
.e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
    height: 50px;
}

    .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
        height: 50px;
    }

.e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
.e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus,
.e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
.e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
    height: 72px;
}

    .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
    .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
        height: 50px;
    }

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
    .e-bigger .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-bigger.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
        height: 50px;
    }
}

.e-bigger .e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator),
.e-tab.e-bigger.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
    margin: 0 0 0 2px;
}

.e-bigger .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-bigger .e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
.e-tab.e-bigger.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-tab.e-bigger.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 0;
    padding: 0;
}

.e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator),
.e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
    margin: 0 2px 0 0;
}

.e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
.e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
    padding: 0 20px;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap,
    .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
        padding: 0 20px;
    }
}

.e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active,
.e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active {
    padding: 0;
}

    .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
    .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
        margin-bottom: 0;
    }

    .e-bigger .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap,
    .e-tab.e-bigger.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
        height: 50px;
    }

.e-bigger .e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator),
.e-tab.e-bigger.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
    margin: 0 0 0 2px;
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 1px 0 -6px 2px;
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator),
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
    margin: 1px 0 -6px 2px;
}

    .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
    .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
        margin: 0 10px 0 0;
    }

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text,
    .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
        margin: 0 10px 0 0;
    }
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
    margin: 0 10px 0 0;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon,
    .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
        margin: 0 8px 0 0;
    }
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-itop .e-close-icon,
.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-itop .e-close-icon,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon {
    left: 20px;
    right: auto;
}

.e-bigger .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
.e-bigger .e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap,
.e-tab.e-bigger.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
.e-tab.e-bigger.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
    margin-left: 22px;
    margin-right: 0;
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
    margin: 0;
}

    .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
    .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
        padding-left: 12px;
        padding-right: 0;
    }

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text,
    .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
        padding-left: 0;
    }
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-icons.e-close-icon,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-icons.e-close-icon {
    margin: 0;
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon {
    left: 24px;
    right: auto;
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
.e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
.e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
    margin: 0;
    padding-left: 12px;
    padding-right: 0;
}

@media screen and (max-width: 480px) {
    .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
    .e-bigger .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text,
    .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
    .e-tab.e-bigger.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
        margin: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-hor-nav,
.e-bigger .e-tab.e-rtl .e-tab-header .e-scroll-right-nav,
.e-tab.e-bigger.e-rtl .e-tab-header .e-hor-nav,
.e-tab.e-bigger.e-rtl .e-tab-header .e-scroll-right-nav {
    padding: 0;
}

.e-bigger .e-tab.e-rtl .e-tab-header .e-scroll-left-nav,
.e-tab.e-bigger.e-rtl .e-tab-header .e-scroll-left-nav {
    padding: 0;
}

.e-tab .e-tab-header {
    height: 40px;
    min-height: 40px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header {
        height: 50px;
        min-height: 50px;
    }
}

.e-tab .e-tab-header .e-toolbar-items {
    height: auto;
    margin: 0;
    min-height: 40px;
    position: relative;
    height: 40px;
    min-height: 40px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-items {
        min-height: 50px;
    }
}

.e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 0;
}

.e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 0 2px -1px 0;
    padding-bottom: 0;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
        margin: 0 2px -4px 0;
    }
}

.e-tab .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
    margin: 1px 2px -2px 0;
}

.e-tab .e-tab-header .e-toolbar-items.e-hscroll[style*='overflow: hidden'] .e-toolbar-item:not(.e-separator).e-active {
    margin-bottom: 0;
}

.e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
    width: 40px;
}

.e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 0 2px -2px 0;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
        margin: 0 2px -4px 0;
    }
}

.e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
    margin: 0 2px -4px 0;
}

.e-tab .e-tab-header .e-hscroll-bar {
    overflow: hidden;
}

.e-tab .e-tab-header .e-indicator.e-hidden {
    display: none;
}

.e-tab .e-tab-header .e-indicator {
    bottom: 0;
    display: none;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
}

.e-tab .e-tab-header .e-toolbar-item {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

    .e-tab .e-tab-header .e-toolbar-item.e-hidden {
        display: none;
    }

    .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
        height: 40px;
        margin: 0 2px -1px 0;
        min-height: 40px;
        min-width: auto;
        padding: 0;
    }

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
        height: 50px;
        min-height: 50px;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    height: 40px;
    padding: 0 15px;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        height: 50px;
        padding: 0 15px;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 40px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
        height: 50px;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
        font-size: 15px;
    }
}

.e-tab .e-tab-header .e-toolbar-item.e-active {
    margin: -1px 2px -4px 0;
    padding-bottom: 0;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item.e-active {
        margin: 1px 2px -4px 0;
    }
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
    height: 40px;
    margin-top: 0;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
        height: 50px;
    }
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    margin-bottom: 0;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    font-weight: 400;
}

.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon::before {
    top: -1px;
}

.e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
    height: 40px;
    padding: 0;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
        height: 50px;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
    display: none;
    margin: 0 0 0 8px;
    min-width: 12px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
        margin: 0 0 0 8px;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-close-icon,
.e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
    font-size: 12px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item .e-close-icon,
    .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
        font-size: 12px;
    }
}

@media screen\0 {
    .e-tab .e-tab-header .e-toolbar-item .e-close-icon::before {
        top: 0;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 20px;
    min-width: 20px;
    width: 20px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
        height: 20px;
        width: 20px;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
.e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
    font-size: 16px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
    .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
        font-size: 20px;
    }
}

.e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
        padding: 0 20px;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
    margin: 0 0 0 8px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item .e-icon-left + .e-tab-text {
        margin: 0 0 0 10px;
    }
}

.e-tab .e-tab-header .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-item.e-ibottom {
    height: 62px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-item.e-ibottom {
        height: 72px;
    }
}

.e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    height: 62px;
    position: relative;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
        height: 72px;
    }
}

.e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
    height: auto;
}

.e-tab .e-tab-header .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-text-wrap {
    display: block;
    height: auto;
}

.e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
    height: auto;
}

.e-tab .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap .e-text-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap .e-text-wrap {
    height: auto;
}

.e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon {
    position: absolute;
    right: 15px;
    top: calc(50% - 6px);
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-close-icon {
        right: 12px;
    }
}

.e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
    margin: 8px 0 0;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-text {
        margin: 10px 0 0;
    }
}

.e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text {
    margin: 0 0 8px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-text {
        margin: 0 0 10px;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top,
.e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto;
}

.e-tab .e-tab-header .e-toolbar-pop {
    overflow-y: auto;
    padding: 5px 0;
}

    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item {
        height: 26px;
        min-height: 26px;
        min-width: auto;
    }

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item {
        height: 50px;
        min-height: 50px;
    }
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
    margin: 0;
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
    height: 26px;
    padding: 0 20px;
    text-align: initial;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap {
        height: 50px;
        padding: 0 24px;
    }
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
    height: 26px;
    width: 100%;
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon {
    margin: 0 0 0 8px;
}

    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon::before {
        top: 0;
    }

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'] {
    padding-right: 10px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text + .e-close-icon[style='display:block'] {
        padding-right: 0;
    }
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom {
    height: 40px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom {
        height: 50px;
    }
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
    min-height: 40px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator), .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
        min-height: 50px;
    }
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
    height: 40px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap {
        height: 50px;
    }
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-text-wrap {
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: auto;
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
    display: block;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 0 10px;
    padding-left: 0;
    padding-right: 10px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 0 12px;
        padding-left: 0;
        padding-right: 0;
    }
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon {
    right: 20px;
    top: initial;
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
    margin: 0;
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top,
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon {
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

.e-tab .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
.e-tab .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
    margin-right: 20px;
}

.e-tab .e-tab-header .e-scroll-nav {
    height: 40px;
    min-height: 40px;
    min-width: auto;
    width: auto;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-scroll-nav {
        height: 50px;
        min-height: 50px;
    }
}

.e-tab .e-tab-header .e-scroll-nav.e-scroll-left-nav {
    padding: 0;
}

.e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav {
    padding: 0;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-scroll-nav.e-scroll-right-nav {
        padding: 0;
    }
}

.e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
    content: "";
}

.e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
    content: "";
}

.e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
.e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
    font-size: 16px;
    line-height: 34px;
    position: relative;
    top: 0;
    vertical-align: initial;
}

.e-tab .e-tab-header .e-scroll-nav .e-nav-arrow {
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    width: 34px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow {
        font-size: 16px;
        height: 44px;
        line-height: 44px;
        width: 44px;
    }
}

.e-tab .e-tab-header .e-hor-nav {
    height: 40px;
    min-height: 40px;
    min-width: auto;
    padding: 0;
    width: auto;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-hor-nav {
        height: 50px;
        min-height: 50px;
        padding: 0;
    }
}

.e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    width: 34px;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
    .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
        font-size: 16px;
        height: 44px;
        line-height: 44px;
        width: 44px;
    }
}

.e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
    font-size: 16px;
    line-height: 34px;
    position: relative;
    top: 0;
    vertical-align: initial;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon::before,
    .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon::before {
        font-size: 16px;
    }
}

.e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
    line-height: 34px;
}

    .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
    .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
        top: 0;
        line-height: 34px;
        top: 0;
    }

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
    .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
        line-height: 43px;
    }
}

.e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
    transform: rotate(0deg);
    transition: none;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
        transform: none;
        transition: none;
    }
}

.e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
    transform: rotate(0deg);
    transition: none;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
        transform: none;
        transition: none;
    }
}

.e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
.e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
    line-height: 32px;
}

    .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
    .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
        top: 0;
        line-height: 32px;
        top: 0;
    }

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
    .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
        line-height: 43px;
    }
}

.e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
.e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
    line-height: 32px;
    top: -.5px;
}

.e-tab .e-tab-header:nth-child(even) .e-hscroll-bar {
    margin-top: -1px;
}

.e-tab .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: -1px 2px 0 0;
    padding-bottom: 0;
    padding-top: 0;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
        margin: -1px 2px 0 0;
    }
}

.e-tab .e-tab-header:nth-child(even) .e-indicator {
    bottom: auto;
    top: 0;
}

.e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active {
    margin: -1px 2px 0 0;
    padding-bottom: 0;
    padding-top: 0;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active {
        margin: -1px 2px 0 0;
    }
}

.e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-text-wrap {
    height: 40px;
    padding: 0;
}

.e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom .e-text-wrap {
    height: initial;
}

.e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-itop.e-active .e-text-wrap, .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom.e-active .e-text-wrap {
    height: initial;
    padding: 0;
}

    .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-itop.e-active .e-text-wrap::before, .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom.e-active .e-text-wrap::before {
        bottom: auto;
        top: 0;
    }

.e-tab .e-content {
    position: relative;
}

    .e-tab .e-content .e-item.e-view {
        bottom: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
    }

    .e-tab .e-content > .e-item {
        display: none;
    }

        .e-tab .e-content > .e-item.e-active {
            background: inherit;
            display: block;
        }

    .e-tab .e-content.e-progress {
        overflow-x: hidden;
    }

.e-tab.e-vertical-icon .e-tab-header {
    height: 62px;
    min-height: 62px;
}

    .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
        height: 62px;
    }

    .e-tab.e-vertical-icon .e-tab-header .e-scroll-nav {
        height: 62px;
    }

    .e-tab.e-vertical-icon .e-tab-header .e-hor-nav {
        height: 62px;
    }

@media screen and (max-width: 480px) {
    .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-up-icon::before,
    .e-tab.e-vertical-icon .e-tab-header .e-hor-nav .e-popup-down-icon::before {
        font-size: 12px;
    }
}

.e-tab.e-vertical-icon.e-rtl .e-tab-header .e-toolbar-item.e-active {
    margin: 0 0 -7px 2px;
}

.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
    height: 40px;
}

    .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
        height: 40px;
    }

.e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
    height: 62px;
}

    .e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
        height: auto;
    }

.e-tab.e-focused .e-tab-header .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
    height: auto;
}

.e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus {
    height: 26px;
}

    .e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
        height: 26px;
    }

.e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-wrap:focus,
.e-tab.e-focused .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
    height: 40px;
}

.e-tab.e-focused .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-tab-wrap:focus .e-text-wrap {
    height: 40px;
    padding: 0;
}

.e-tab.e-focused .e-tab-header:nth-child(even) .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
    height: auto;
}

.e-tab.e-focused .e-tab-header:nth-child(even) .e-toolbar-item.e-itop.e-active .e-tab-wrap:focus .e-text-wrap, .e-tab.e-focused .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom.e-active .e-tab-wrap:focus .e-text-wrap {
    height: auto;
}

.e-tab.e-template .e-content > .e-item {
    display: none;
}

    .e-tab.e-template .e-content > .e-item.e-active {
        background: inherit;
        display: block;
    }

.e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align,
.e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align {
    display: -ms-flexbox;
    display: flex;
}

    .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
    .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
    .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
    .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon {
        display: block;
        line-height: 15px;
    }

    .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
    .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
    .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
    .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow {
        display: block;
        line-height: 14px;
    }

.e-tab.e-ie .e-tab-header .e-popup-up-icon,
.e-tab.e-ie .e-tab-header .e-popup-down-icon {
    transform: none;
    transition: none;
}

    .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
        transform: rotate(0deg);
        transition: none;
    }

@media screen and (max-width: 480px) {
    .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
        transform: none;
        transition: none;
    }
}

.e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
    transform: rotate(0deg);
    transition: none;
}

@media screen and (max-width: 480px) {
    .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
        transform: none;
        transition: none;
    }
}

.e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align,
.e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align {
    display: -ms-flexbox;
    display: flex;
}

    .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-up-icon,
    .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-popup-down-icon,
    .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-up-icon,
    .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-popup-down-icon {
        display: block;
        line-height: 14px;
        position: relative;
    }

    .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-left-arrow,
    .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align .e-nav-right-arrow,
    .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-left-arrow,
    .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align .e-nav-right-arrow {
        display: block;
        line-height: 11px;
        position: relative;
    }

.e-tab.e-edge .e-tab-header .e-popup-up-icon {
    transform: rotate(0deg);
    transition: none;
}

@media screen and (max-width: 480px) {
    .e-tab.e-edge .e-tab-header .e-popup-up-icon {
        transform: none;
        transition: none;
    }
}

.e-tab.e-edge .e-tab-header .e-popup-down-icon {
    transform: rotate(0deg);
    transition: none;
}

@media screen and (max-width: 480px) {
    .e-tab.e-edge .e-tab-header .e-popup-down-icon {
        transform: none;
        transition: none;
    }
}

@media screen and (max-width: 480px) and (max-width: 480px) {
    .e-tab.e-edge .e-tab-header .e-popup-down-icon {
        transform: none;
        transition: none;
    }
}

.e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
    transform: rotate(0deg);
    transition: none;
}

@media screen and (max-width: 480px) {
    .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
        transform: none;
        transition: none;
    }
}

.e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
    transform: rotate(0deg);
    transition: none;
}

@media screen and (max-width: 480px) {
    .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
        transform: none;
        transition: none;
    }
}

.e-tab.e-safari .e-tab-header .e-close-icon::before {
    top: -1px;
}

.e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-up-icon::before,
.e-tab.e-safari .e-tab-header .e-hor-nav .e-popup-down-icon::before,
.e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-up-icon::before,
.e-tab.e-safari .e-tab-header .e-scroll-nav .e-popup-down-icon::before {
    top: 0;
}

.e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-left-arrow::before,
.e-tab.e-safari .e-tab-header .e-hor-nav .e-nav-right-arrow::before,
.e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-left-arrow::before,
.e-tab.e-safari .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
    top: 0;
}

.e-tab.e-disable {
    pointer-events: none;
}

.e-tab.e-fill .e-tab-header {
    height: 40px;
    min-height: 40px;
}

@media screen and (max-width: 480px) {
    .e-tab.e-fill .e-tab-header {
        height: 50px;
        min-height: 50px;
    }
}

.e-tab.e-fill .e-tab-header .e-indicator {
    display: none;
}

.e-tab.e-fill .e-tab-header .e-toolbar-items {
    height: auto;
    min-height: 40px;
}

@media screen and (max-width: 480px) {
    .e-tab.e-fill .e-tab-header .e-toolbar-items {
        min-height: 50px;
    }
}

.e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-tab.e-fill .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 0;
    padding: 0;
}

.e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
    height: 40px;
    margin: 0 2px 0 0;
    min-height: 40px;
}

@media screen and (max-width: 480px) {
    .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator) {
        height: 50px;
        min-height: 50px;
    }
}

.e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-itop, .e-tab.e-fill .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom {
    height: 62px;
    min-height: 62px;
}

.e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
    height: 40px;
    padding: 0 15px;
}

@media screen and (max-width: 480px) {
    .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
        height: 50px;
        padding: 0 15px;
    }
}

.e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
    height: 40px;
}

@media screen and (max-width: 480px) {
    .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
        height: 50px;
    }
}

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active {
    padding: 0;
}

    .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
        margin-bottom: 0;
    }

    .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
        height: 40px;
    }

@media screen and (max-width: 480px) {
    .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
        height: 50px;
    }
}

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    font-weight: 400;
}

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
    height: 40px;
}

@media screen and (max-width: 480px) {
    .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-ileft .e-text-wrap,
    .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active.e-iright .e-text-wrap {
        height: 50px;
    }
}

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap,
.e-tab.e-fill .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
    height: 62px;
}

.e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop:not(.e-separator),
.e-tab.e-fill .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom:not(.e-separator) {
    height: auto;
}

.e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-active, .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
    padding: 0;
}

.e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item.e-itop, .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-itop, .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-itop {
    padding-top: 0;
}

.e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-active {
    margin-right: 0;
    padding: 0;
}

    .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-text-wrap {
        height: 40px;
    }

@media screen and (max-width: 480px) {
    .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-text-wrap {
        height: 50px;
    }
}

.e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap, .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
    height: 44px;
}

.e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-itop .e-text-wrap, .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-ibottom .e-text-wrap {
    height: auto;
}

.e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
    height: 40px;
}

    .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
        height: 40px;
    }

.e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus,
.e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus {
    height: 62px;
}

    .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
        height: 40px;
    }

@media screen and (max-width: 480px) {
    .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap:focus .e-text-wrap,
    .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap:focus .e-text-wrap {
        height: 50px;
    }
}

.e-tab.e-fill.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
    margin: 0 0 0 2px;
}

.e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-tab.e-background .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 0;
    padding: 0;
}

.e-tab.e-background .e-tab-header .e-toolbar-item:not(.e-separator) {
    margin: 0 2px 0 0;
}

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

@media screen and (max-width: 480px) {
    .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
        padding: 0 20px;
    }
}

.e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
    padding: 0;
}

    .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
        margin-bottom: 0;
    }

    .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
        height: 40px;
    }

    .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text {
        font-weight: 400;
    }

.e-tab.e-background .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child.e-active,
.e-tab.e-background .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
    padding: 0;
}

.e-tab.e-background .e-tab-header:nth-child(even) .e-toolbar-item.e-active {
    margin: 0;
    padding: 0;
}

.e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap {
    height: 26px;
}

.e-tab.e-background.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
    margin: 0 0 0 2px;
}

.e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
.e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
    margin: 1px 0 -4px 2px;
}

    .e-tab.e-rtl .e-tab-header .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child.e-active {
        margin: 1px 0 -4px 2px;
    }

.e-tab.e-rtl .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before {
    content: "";
}

.e-tab.e-rtl .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
    content: "";
}

.e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) {
    margin: 1px 0 -4px 2px;
}

    .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icon-left + .e-tab-text {
        margin: 0 8px 0 0;
    }

    .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-active .e-tab-text {
        margin-bottom: -2px;
    }

    .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator) .e-icons.e-close-icon {
        margin: 0 8px 0 0;
    }

    .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-itop .e-close-icon,
    .e-tab.e-rtl .e-tab-header .e-toolbar-item:not(.e-separator).e-ibottom .e-close-icon {
        left: 15px;
        right: auto;
    }

.e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-itop .e-text-wrap,
.e-tab.e-rtl .e-tab-header.e-close-show .e-toolbar-item.e-ibottom .e-text-wrap {
    margin-left: 20px;
    margin-right: 0;
}

.e-tab.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator) {
    margin: 0 0 0 2px;
}

    .e-tab.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active {
        margin: -3px 0 0 2px;
    }

        .e-tab.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator).e-active .e-tab-text {
            margin-bottom: 0;
        }

    .e-tab.e-rtl .e-tab-header:nth-child(even) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-text {
        margin-bottom: -2px;
    }

.e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item {
    margin: 0;
}

    .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
        padding-left: 10px;
        padding-right: 0;
    }

@media screen and (max-width: 480px) {
    .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
        padding-left: 0;
    }
}

.e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-icons.e-close-icon {
    margin: 0;
}

.e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item .e-close-icon {
    left: 16px;
    right: auto;
}

.e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-close-icon,
.e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-close-icon {
    left: 24px;
    right: auto;
}

.e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
.e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
    margin: 0;
    padding-left: 10px;
    padding-right: 0;
}

@media screen and (max-width: 480px) {
    .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text,
    .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
        margin: 0;
        padding-left: 10px;
        padding-right: 0;
    }
}

.e-tab.e-rtl .e-tab-header .e-hor-nav,
.e-tab.e-rtl .e-tab-header .e-scroll-right-nav {
    padding: 0;
}

.e-tab.e-rtl .e-tab-header .e-scroll-left-nav {
    padding: 0;
}

/*! tab theme */
.e-tab {
    background: transparent;
    border: none;
}

    .e-tab .e-tab-header {
        background: inherit;
        border: 0;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
    }

        .e-tab .e-tab-header[style*='overflow: hidden'] {
            border: 0;
        }

            .e-tab .e-tab-header[style*='overflow: hidden'] .e-toolbar-items {
                border-bottom: 1px solid #ddd;
            }

        .e-tab .e-tab-header .e-toolbar-items {
            background: inherit;
        }

        .e-tab .e-tab-header .e-indicator {
            background: #555;
        }

        .e-tab .e-tab-header .e-toolbar-item {
            background: inherit;
            border: 1px solid transparent;
        }

            .e-tab .e-tab-header .e-toolbar-item .e-ripple-element {
                background: rgba(85, 85, 85, 0);
            }

            .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
                border-radius: 4px;
                color: #4caf50;
            }

                .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
                    color: #4caf50;
                }

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
        color: #4caf50;
    }

        .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
            color: #4caf50;
        }

        .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
            color: #777;
        }
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    background: #eee;
}

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
        background: initial;
    }
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
    color: var(--primary-color-empresa) !important;
}

.e-tab .e-tab-header .e-toolbar-item.e-active {
    border: 1px solid #ddd;
    border-bottom: 3px solid #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
        color: #555;
    }

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

    .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-icon, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-icon {
        color: #555;
    }

    .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text {
        color: #777;
    }

.e-tab .e-tab-header .e-toolbar-item .e-close-icon {
    color: #777;
}

    .e-tab .e-tab-header .e-toolbar-item .e-close-icon:hover {
        color: #333;
    }

    .e-tab .e-tab-header .e-toolbar-item .e-close-icon:active {
        color: #333;
    }

.e-tab .e-tab-header .e-toolbar-item.e-disable.e-overlay {
    background: inherit;
    opacity: 1;
    pointer-events: none;
}

    .e-tab .e-tab-header .e-toolbar-item.e-disable.e-overlay .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-item.e-disable.e-overlay .e-tab-icon {
        color: #777;
    }

.e-tab .e-tab-header .e-toolbar-pop {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    overflow-y: auto;
}

    .e-tab .e-tab-header .e-toolbar-pop[e-animate='true'] {
        overflow-y: hidden;
    }

@media screen and (max-width: 480px) {
    .e-tab .e-tab-header .e-toolbar-pop {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
    color: #333;
}

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
    background: #f5f5f5;
}

    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
    .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
        color: #1f496e;
    }

.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
    background: grey-200;
}

.e-tab .e-tab-header .e-scroll-nav {
    background: inherit;
    border: 0;
}

    .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow {
        color: #777;
    }

        .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
            background: initial;
            color: #333;
        }

        .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active {
            box-shadow: none;
        }

    .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
        background: inherit;
        color: #777;
    }

        .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
            background: initial;
            color: #333;
        }

    .e-tab .e-tab-header .e-scroll-nav:active {
        box-shadow: none;
    }

    .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow {
        color: rgba(119, 119, 119, 0.65);
    }

        .e-tab .e-tab-header .e-scroll-nav.e-overlay .e-nav-arrow:hover {
            color: rgba(119, 119, 119, 0.65);
        }

.e-tab .e-tab-header .e-hor-nav {
    background: transparent;
    border: 0;
}

    .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon,
    .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
        color: #333;
    }

        .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
        .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
            background: #e6e6e6;
            border: 1px solid #adadad;
            border-radius: 4px;
        }

        .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
            color: #333;
        }

    .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
    .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
        background: inherit;
        border: 1px solid #8c8c8c;
        border-radius: 4px;
        color: #777;
        background: #e6e6e6;
    }

        .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
        .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover {
            background: #e6e6e6;
            border: 1px solid #adadad;
            border-radius: 4px;
        }

        .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
        .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active {
            background: #e6e6e6;
            border: 1px solid #adadad;
            border-radius: 4px;
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }

    .e-tab .e-tab-header .e-hor-nav:hover {
        border: 0;
    }

        .e-tab .e-tab-header .e-hor-nav:hover:active {
            background: transparent;
        }

    .e-tab .e-tab-header .e-hor-nav:active {
        box-shadow: none;
    }

    .e-tab .e-tab-header .e-hor-nav.e-nav-active {
        background: inherit;
        border: 0;
        box-shadow: none;
    }

.e-tab .e-tab-header:nth-child(even) {
    border-bottom: 0;
    border-top: 1px solid #ddd;
}

    .e-tab .e-tab-header:nth-child(even)[style*='overflow: hidden'] {
        border: 0;
    }

        .e-tab .e-tab-header:nth-child(even)[style*='overflow: hidden'] .e-toolbar-items {
            border-bottom: 0;
            border-top: 1px solid #ddd;
        }

    .e-tab .e-tab-header:nth-child(even) .e-toolbar-item.e-active {
        border-bottom: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        border-top: 3px solid #fff;
        border-top-color: #fff;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom: 1px solid #ddd;
    }

.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
    background: #eee;
}

    .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
    .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
        color: #1f496e;
    }

.e-tab.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
    color: #777;
}

.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
    color: #777;
}

.e-tab.e-disable {
    pointer-events: none;
}

    .e-tab.e-disable .e-tab-header .e-indicator {
        background: rgba(85, 85, 85, 0.38);
    }

    .e-tab.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
        color: #777;
    }

    .e-tab.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-text,
    .e-tab.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
        color: #777;
    }

    .e-tab.e-disable .e-content {
        opacity: 0.38;
    }

.e-tab.e-fill .e-tab-header {
    border-bottom: 0;
}

    .e-tab.e-fill .e-tab-header .e-toolbar-items.e-hscroll {
        border: 0;
    }

    .e-tab.e-fill .e-tab-header .e-toolbar-item {
        border: 0;
    }

        .e-tab.e-fill .e-tab-header .e-toolbar-item .e-ripple-element {
            background: rgba(85, 85, 85, 0);
        }

        .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap {
            color: #4caf50;
        }

            .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
            .e-tab.e-fill .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
                color: #1f496e;
            }

        .e-tab.e-fill .e-tab-header .e-toolbar-item .e-text-wrap {
            margin-top: 0;
        }

        .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active {
            border: 0;
        }

            .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
                background: #4caf50;
                border-radius: 4px;
            }

                .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
                .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
                    color: #fff;
                }

            .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
                margin-top: 0;
            }

            .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text,
            .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
                color: #fff;
            }

            .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon {
                color: #f5f5f5;
            }

                .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
                    color: #fff;
                }

    .e-tab.e-fill .e-tab-header:nth-child(even) {
        border-bottom: 0;
        border-top: 0;
    }

        .e-tab.e-fill .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-text-wrap {
            margin-top: 0;
        }

.e-tab.e-fill.e-corner .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    border-radius: 3px 3px 0 0;
}

.e-tab.e-fill.e-corner .e-tab-header:nth-child(even) .e-toolbar-item.e-active .e-tab-wrap {
    border-radius: 0 0 3px 3px;
}

.e-tab.e-fill.e-disable .e-tab-header {
    border-bottom: 0;
}

    .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
        color: #777;
    }

    .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active {
        opacity: 0.65;
    }

        .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
        .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
            background: #4caf50;
        }

            .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
            .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon,
            .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
            .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
                color: #fff;
            }

    .e-tab.e-fill.e-disable .e-tab-header:nth-child(even) {
        border-bottom: 0;
        border-top: 0;
    }

.e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
.e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
    color: #1f496e;
}

.e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
    background: #eee;
}

    .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
    .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
        color: #1f496e;
    }

    .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
    .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
        color: #fff;
    }

.e-tab.e-background .e-tab-header {
    background: inherit;
    border: 0;
}

    .e-tab.e-background .e-tab-header .e-toolbar-items {
        background: inherit;
    }

        .e-tab.e-background .e-tab-header .e-toolbar-items.e-hscroll {
            border: 0;
        }

    .e-tab.e-background .e-tab-header .e-indicator {
        background: #555;
    }

    .e-tab.e-background .e-tab-header .e-toolbar-item {
        border: 0;
    }

        .e-tab.e-background .e-tab-header .e-toolbar-item .e-ripple-element {
            background: rgba(85, 85, 85, 0);
        }

        .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap {
            background: inherit;
        }

            .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
                background: #eee;
            }

                .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
                .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
                    color: #fff;
                }

                .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
                .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-close-icon {
                    color: #1f496e;
                }

        .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-text,
        .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-icon,
        .e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon {
            color: #4caf50;
        }

        .e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon {
            color: #777;
        }

            .e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon:hover {
                color: #1f496e;
            }

        .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
            border: 0;
        }

            .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
                background: #4caf50;
                border-radius: 4px;
            }

                .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
                .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
                    color: #fff;
                }

                .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
                    color: #777;
                }

                .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
                    background: #4caf50;
                }

                    .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
                    .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
                        color: #fff;
                    }

                    .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text,
                    .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
                        color: #fff;
                    }

            .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-text,
            .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
                color: #fff;
            }

            .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon {
                color: #f5f5f5;
            }

                .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-close-icon:hover {
                    color: #fff;
                }

            .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap,
            .e-tab.e-background .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
                background: #4caf50;
            }

        .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-tab-text,
        .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-tab-icon,
        .e-tab.e-background .e-tab-header .e-toolbar-item.e-disable .e-close-icon {
            color: #777;
        }

    .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item {
        background: inherit;
    }

        .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
        .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-icon {
            color: #4caf50;
        }

        .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
            background: #eee;
        }

            .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
            .e-tab.e-background .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
                color: #fff;
                color: #4caf50;
            }

    .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
        color: #777;
    }

        .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
            background: inherit;
            color: #333;
        }

    .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
        color: #333;
    }

        .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
            background: inherit;
            color: #333;
        }

    .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
        animation: none;
    }

    .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
    .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
        color: #777;
    }

        .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
        .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
            background: inherit;
            color: #333;
            background: #e6e6e6;
        }

    .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
    .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
        color: #333;
    }

    .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
        animation: none;
    }

    .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
        color: #333;
    }

.e-tab.e-background.e-disable .e-tab-header .e-indicator {
    background: rgba(85, 85, 85, 0.38);
}

.e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: #777;
}

    .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
    .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
        color: #777;
    }

    .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
    .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon {
        color: #777;
    }

.e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active {
    opacity: 0.65;
}

    .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap,
    .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
        background: #4caf50;
        color: #fff;
    }

        .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
        .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon,
        .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
        .e-tab.e-background.e-disable .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
            color: #fff;
        }

.e-tab.e-background.e-accent .e-tab-header .e-indicator {
    background: #555;
}

.e-tab.e-background.e-accent .e-tab-header.e-disable .e-indicator {
    background: rgba(85, 85, 85, 0.38);
}

.e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
    background: #eee;
}

    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
        color: #4caf50;
    }

.e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
    background: #eee;
}

    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
        color: #fff;
    }

    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon,
    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text,
    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-close-icon {
        color: #1f496e;
    }

    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-tab-text,
    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus:hover .e-close-icon {
        color: #1f496e;
    }

.e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap,
.e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap {
    background: #4caf50;
}

    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-itop .e-tab-wrap:focus,
    .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active.e-ibottom .e-tab-wrap:focus {
        background: #eee;
    }

.e-tab.e-background.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
    color: #777;
}

.e-tab.e-background.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
.e-tab.e-background.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
    color: #777;
}

.e-tab.e-rtl .e-tab-header .e-hscroll.e-rtl .e-scroll-nav {
    border: 0;
}

.e-tab .e-content {
    background: inherit;
}

    .e-tab .e-content .e-item {
        background: inherit;
    }

/*! TreeView's default definitions and variables */
.e-treeview .e-list-item div.e-icons {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    border-radius: 15px;
    transition: transform .3s ease-in-out;
}

.e-treeview .e-list-item .e-icons.e-icon-collapsible {
    transform: rotate(90deg);
}

.e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
    transform: rotate(180deg);
}

.e-treeview.e-rtl div.e-icons {
    transform: rotate(180deg);
}

/*! TreeView's bootstrap theme wise override definitions and variables */
/*! TreeView icons */
.e-treeview .e-list-item div.e-icons::before {
    content: "";
}

.e-treeview .e-sibling::before {
    content: '';
}

.e-treeview .e-popup .e-icons::before {
    content: '\e930';
}

.e-treeview.e-drag-item .e-icons.e-drop-in::before {
    content: '\e22c';
}

.e-treeview.e-drag-item .e-icons.e-drop-out::before {
    content: '\e22b';
}

.e-treeview.e-drag-item .e-icons.e-drop-next::before {
    content: '\e22d';
}

.e-treeview.e-drag-item .e-icons.e-no-drop::before {
    content: '\e22a';
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.e-bigger .e-treeview .e-fullrow,
.e-treeview.e-bigger .e-fullrow {
    height: 40px;
}

.e-bigger .e-treeview .e-list-text,
.e-treeview.e-bigger .e-list-text {
    line-height: 38px;
    min-height: 38px;
    padding: 0 10px;
}

    .e-bigger .e-treeview .e-list-text .e-input-group,
    .e-treeview.e-bigger .e-list-text .e-input-group {
        height: 38px;
    }

        .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
        .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
            height: 36px;
        }

.e-bigger .e-treeview .e-checkbox-wrapper,
.e-treeview.e-bigger .e-checkbox-wrapper {
    margin: 0 0 0 10px;
}

    .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-icon,
    .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-img,
    .e-treeview.e-bigger .e-checkbox-wrapper + .e-list-icon,
    .e-treeview.e-bigger .e-checkbox-wrapper + .e-list-img {
        margin: 0 0 0 16px;
    }

.e-bigger .e-treeview .e-list-icon,
.e-bigger .e-treeview .e-list-img,
.e-treeview.e-bigger .e-list-icon,
.e-treeview.e-bigger .e-list-img {
    margin: 0 0 0 10px;
}

    .e-bigger .e-treeview .e-list-icon + .e-list-icon,
    .e-bigger .e-treeview .e-list-icon + .e-list-img,
    .e-bigger .e-treeview .e-list-img + .e-list-icon,
    .e-bigger .e-treeview .e-list-img + .e-list-img,
    .e-treeview.e-bigger .e-list-icon + .e-list-icon,
    .e-treeview.e-bigger .e-list-icon + .e-list-img,
    .e-treeview.e-bigger .e-list-img + .e-list-icon,
    .e-treeview.e-bigger .e-list-img + .e-list-img {
        margin: 0 0 0 10px;
    }

.e-bigger .e-treeview .e-icon-collapsible::before,
.e-bigger .e-treeview .e-icon-expandable::before,
.e-treeview.e-bigger .e-icon-collapsible::before,
.e-treeview.e-bigger .e-icon-expandable::before {
    padding: 7px;
}

.e-bigger .e-treeview.e-rtl .e-checkbox-wrapper,
.e-treeview.e-bigger.e-rtl .e-checkbox-wrapper {
    margin: 0 10px 0 0;
}

    .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,
    .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-img,
    .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper + .e-list-icon,
    .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper + .e-list-img {
        margin: 0 16px 0 0;
    }

.e-bigger .e-treeview.e-rtl .e-list-icon,
.e-bigger .e-treeview.e-rtl .e-list-img,
.e-treeview.e-bigger.e-rtl .e-list-icon,
.e-treeview.e-bigger.e-rtl .e-list-img {
    margin: 0 10px 0 0;
}

    .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-icon,
    .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-img,
    .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-icon,
    .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-img,
    .e-treeview.e-bigger.e-rtl .e-list-icon + .e-list-icon,
    .e-treeview.e-bigger.e-rtl .e-list-icon + .e-list-img,
    .e-treeview.e-bigger.e-rtl .e-list-img + .e-list-icon,
    .e-treeview.e-bigger.e-rtl .e-list-img + .e-list-img {
        margin: 0 10px 0 0;
    }

.e-treeview {
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    white-space: nowrap;
}

    .e-treeview > .e-ul {
        overflow: auto;
    }

    .e-treeview .e-ul {
        margin: 0;
        padding: 0 0 0 24px;
    }

    .e-treeview li.e-node-collapsed .e-list-item .e-fullrow {
        display: none;
    }

    .e-treeview .e-list-item {
        list-style: none;
        padding: 2px 0;
    }

        .e-treeview .e-list-item .e-ul {
            margin: 2px 0 -2px;
            padding: 0 0 0 24px;
        }

        .e-treeview .e-list-item.e-disable > .e-text-content,
        .e-treeview .e-list-item.e-disable > .e-fullrow {
            -ms-touch-action: none;
            filter: alpha(opacity=50);
            opacity: .5;
            pointer-events: none;
            touch-action: none;
        }

        .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
            content: none;
        }

    .e-treeview .e-icons .e-spinner-pane {
        position: relative;
    }

    .e-treeview .e-text-content {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        border: 1px solid;
        cursor: pointer;
        margin: 0;
        padding: 0 0 0 24px;
    }

    .e-treeview .e-fullrow {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        border: 1px solid;
        box-sizing: border-box;
        cursor: pointer;
        height: 32px;
        left: 0;
        overflow: hidden;
        position: absolute;
        width: 100%;
    }

    .e-treeview .e-checkbox-wrapper {
        margin: 0 0 0 5px;
        pointer-events: all;
        position: relative;
    }

        .e-treeview .e-checkbox-wrapper + .e-list-icon,
        .e-treeview .e-checkbox-wrapper + .e-list-img {
            margin: 0 0 0 12px;
        }

        .e-treeview .e-checkbox-wrapper + .e-list-text {
            padding: 0 10px;
        }

        .e-treeview .e-checkbox-wrapper .e-ripple-container {
            bottom: -7px;
            height: 32px;
            left: -7px;
            right: -7px;
            top: -7px;
            width: 32px;
        }

    .e-treeview .e-list-text {
        box-sizing: border-box;
        display: inline-block;
        line-height: 30px;
        margin: 0;
        min-height: 30px;
        padding: 0 5px;
        text-decoration: none;
        vertical-align: middle;
    }

        .e-treeview .e-list-text .e-input-group {
            height: 30px;
            margin-bottom: 0;
            min-width: 150px;
            vertical-align: bottom;
        }

            .e-treeview .e-list-text .e-input-group .e-input {
                height: 28px;
            }

    .e-treeview .e-list-icon,
    .e-treeview .e-list-img {
        display: inline-block;
        height: 18px;
        margin: 0 0 0 5px;
        vertical-align: middle;
        width: 18px;
    }

        .e-treeview .e-list-icon + .e-list-icon,
        .e-treeview .e-list-icon + .e-list-img,
        .e-treeview .e-list-img + .e-list-icon,
        .e-treeview .e-list-img + .e-list-img {
            margin: 0 0 0 10px;
        }

        .e-treeview .e-list-icon + .e-list-text,
        .e-treeview .e-list-img + .e-list-text {
            padding: 0 10px;
        }

    .e-treeview .e-icon-collapsible,
    .e-treeview .e-icon-expandable {
        display: inline-block;
        height: 24px;
        margin: 0 0 0 -24px;
        vertical-align: middle;
        width: 24px;
    }

        .e-treeview .e-icon-collapsible::before,
        .e-treeview .e-icon-expandable::before {
            display: inline-block;
            padding: 8px;
        }

    .e-treeview .e-load {
        animation: rotation .5s infinite linear;
    }

    .e-treeview .e-sibling {
        border: 4px solid transparent;
        height: 6px;
        margin-top: -5px;
        position: absolute;
        width: 6px;
        z-index: 2;
    }

    .e-treeview .e-text-content + .e-sibling {
        margin-top: -1px;
    }

    .e-treeview .e-sibling::before {
        left: 0;
        height: 1px;
        position: absolute;
        width: 144px;
        z-index: 2;
    }

    .e-treeview .e-popup {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        user-select: none;
        font-weight: normal;
        position: absolute;
        z-index: 99999;
    }

        .e-treeview .e-popup .e-content {
            border-radius: 4px;
            border-style: solid;
            border-width: 1px;
            font-size: 14px;
            padding: 4px;
        }

        .e-treeview .e-popup .e-icons {
            border: 1px solid transparent;
            cursor: pointer;
            display: inline-block;
            height: 26px;
            line-height: 18px;
            padding: 4px;
            width: 26px;
        }

        .e-treeview .e-popup .e-downtail::before,
        .e-treeview .e-popup .e-downtail::after {
            border: 10px solid transparent;
            content: '';
            height: 0;
            left: 8px;
            position: absolute;
            width: 0;
        }

        .e-treeview .e-popup .e-downtail::after {
            bottom: -18px;
        }

    .e-treeview.e-fullrow-wrap .e-text-content {
        pointer-events: none;
        position: relative;
    }

    .e-treeview.e-fullrow-wrap .e-icon-collapsible,
    .e-treeview.e-fullrow-wrap .e-icon-expandable,
    .e-treeview.e-fullrow-wrap .e-input,
    .e-treeview.e-fullrow-wrap .e-list-url {
        pointer-events: auto;
    }

    .e-treeview.e-drag-item {
        overflow: visible;
        z-index: 10000;
    }

        .e-treeview.e-drag-item .e-text-content {
            float: left;
        }

        .e-treeview.e-drag-item .e-icon-collapsible::before,
        .e-treeview.e-drag-item .e-icon-expandable::before {
            padding: 6px;
        }

        .e-treeview.e-drag-item .e-drop-count {
            border: 1px solid;
            border-radius: 15px;
            box-sizing: content-box;
            font-size: 13px;
            line-height: normal;
            margin-left: -12px;
            min-width: 12px;
            padding: 3px 5px 4px;
            position: absolute;
            text-align: center;
            top: -10px;
        }

    .e-treeview.e-dragging .e-text-content,
    .e-treeview.e-dragging .e-fullrow {
        cursor: default;
    }

    .e-treeview.e-rtl .e-ul {
        padding: 0 24px 0 0;
    }

    .e-treeview.e-rtl .e-list-item .e-ul {
        padding: 0 24px 0 0;
    }

    .e-treeview.e-rtl .e-text-content {
        padding: 0 24px 0 0;
    }

    .e-treeview.e-rtl .e-checkbox-wrapper {
        margin: 0 5px 0 0;
    }

        .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,
        .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-img {
            margin: 0 12px 0 0;
        }

    .e-treeview.e-rtl .e-list-icon,
    .e-treeview.e-rtl .e-list-img {
        margin: 0 5px 0 0;
    }

        .e-treeview.e-rtl .e-list-icon + .e-list-icon,
        .e-treeview.e-rtl .e-list-icon + .e-list-img,
        .e-treeview.e-rtl .e-list-img + .e-list-icon,
        .e-treeview.e-rtl .e-list-img + .e-list-img {
            margin: 0 10px 0 0;
        }

    .e-treeview.e-rtl .e-icon-collapsible,
    .e-treeview.e-rtl .e-icon-expandable {
        margin: 0 -24px 0 0;
    }

    .e-treeview.e-rtl .e-sibling::before {
        right: 0;
    }

    .e-treeview.e-rtl.e-drag-item .e-text-content {
        float: right;
    }

    .e-treeview.e-rtl.e-drag-item .e-drop-count {
        margin-right: -12px;
    }

    .e-bigger .e-treeview .e-list-text,
    .e-treeview.e-bigger .e-list-text {
        font-size: 15px;
    }

    .e-bigger .e-treeview .e-icon-collapsible::before,
    .e-bigger .e-treeview .e-icon-expandable::before,
    .e-treeview.e-bigger .e-icon-collapsible::before,
    .e-treeview.e-bigger .e-icon-expandable::before {
        font-size: 10px;
    }

.e-treeview {
    -webkit-tap-highlight-color: transparent;
}

    .e-treeview .e-text-content,
    .e-treeview .e-fullrow {
        border-color: transparent;
    }

    .e-treeview .e-list-text {
        color: #333;
        font-size: 14px;
    }

    .e-treeview .e-list-icon,
    .e-treeview .e-list-img {
        font-size: 16px;
    }

    .e-treeview .e-icon-collapsible,
    .e-treeview .e-icon-expandable {
        color: #333;
    }

        .e-treeview .e-icon-collapsible::before,
        .e-treeview .e-icon-expandable::before {
            font-size: 8px;
        }

    .e-treeview .e-list-item.e-active,
    .e-treeview .e-list-item.e-hover {
        background: transparent;
    }

        .e-treeview .e-list-item.e-hover > .e-text-content {
            color: #333;
        }

            .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
                color: #333;
            }

            .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
            .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
                color: #333;
            }

        .e-treeview .e-list-item.e-active > .e-text-content {
            color: #fff;
        }

            .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
                color: #fff;
            }

            .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible,
            .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
                color: #fff;
            }

        .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
            color: #fff;
        }

            .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
                color: #fff;
            }

            .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
            .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
                color: #fff;
            }

    .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
    .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
        color: #333;
    }

        .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
        .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
            color: #333;
        }

        .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
        .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
        .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
        .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
            color: #333;
        }

    .e-treeview .e-list-item.e-hover > .e-fullrow {
        background-color: #f5f5f5;
        border-color: #f5f5f5;
    }

    .e-treeview .e-list-item.e-active > .e-fullrow {
        background-color: #4caf50;
        border-color: #4caf50;
    }

    .e-treeview .e-list-item.e-active > .e-text-content > .e-list-text > .ename > i {
        color: white;
    }


    .e-treeview .e-list-item.e-active > .e-text-content > .e-list-text > .ename > label {
        color: white;
    }

    .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
        background-color: #83c586;
        border-color: #83c586;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
    .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }

    .e-treeview .e-list-item.e-disable .e-list-text {
        color: #333;
    }

    .e-treeview .e-list-item.e-disable .e-icon-collapsible,
    .e-treeview .e-list-item.e-disable .e-icon-expandable {
        color: #333;
    }

    .e-treeview .e-sibling {
        border-right-color: transparent;
        border-left-color: #4caf50;
    }

        .e-treeview .e-sibling::before {
            background: #333;
        }

    .e-treeview .e-popup .e-content {
        background-color: #fff;
        border-color: #eee;
    }

    .e-treeview .e-popup.e-select .e-icons {
        border-color: #eee;
    }

    .e-treeview .e-popup .e-downtail::before {
        border-top-color: #eee;
    }

    .e-treeview .e-popup .e-downtail::after {
        border-top-color: #fff;
    }

    .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
        background-color: #f5f5f5;
        border-color: #f5f5f5;
    }

    .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active > .e-text-content {
        background-color: #4caf50;
        border-color: #4caf50;
    }

    .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
        background-color: #4caf50;
        border-color: #4caf50;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
    .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
    }

    .e-treeview.e-fullrow-wrap .e-text-content {
        border-color: transparent;
    }

    .e-treeview.e-drag-item {
        background-color: #e6e6e6;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    }

        .e-treeview.e-drag-item .e-icon-collapsible::before,
        .e-treeview.e-drag-item .e-icon-expandable::before {
            font-size: 12px;
        }

        .e-treeview.e-drag-item .e-list-text {
            color: #333;
        }

        .e-treeview.e-drag-item .e-icons {
            color: #333;
        }

        .e-treeview.e-drag-item .e-drop-count {
            background-color: #d9534f;
            border-color: #fff;
            color: #fff;
        }

    .e-treeview.e-rtl .e-sibling {
        border-left-color: transparent;
        border-right-color: #4caf50;
    }

/*! component's default definitions and variables */
.e-sidebar {
    -webkit-tap-highlight-color: transparent;
    background: #fff;
    height: 100%;
    overflow: auto;
    position: fixed;
    top: 0;
    transition: none;
    vertical-align: middle;
    visibility: hidden;
    will-change: transform;
}

    .e-sidebar.e-right.e-open {
        transform: translateX(0%);
        transition: transform .5s ease;
        visibility: visible;
    }

    .e-sidebar.e-right.e-close {
        box-shadow: none;
        transform: translateX(100%);
        transition: transform .5s ease, visibility 500ms;
        visibility: hidden;
    }

    .e-sidebar.e-left.e-open {
        transform: translateX(0%);
        transition: transform .5s ease;
        visibility: visible;
    }

    .e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close {
        transition: transform .5s ease, visibility 500ms;
    }

    .e-sidebar.e-left.e-close {
        box-shadow: none;
        transform: translateX(-100%);
        visibility: hidden;
    }

    .e-sidebar.e-right.e-close {
        box-shadow: none;
        transform: translateX(100%);
        transition: transform .5s ease, visibility 500ms;
        visibility: hidden;
    }

    .e-sidebar.e-right {
        border-left: 1px solid #eee;
        left: auto;
        right: 0;
        top: 0;
    }

    .e-sidebar.e-left {
        border-right: 1px solid #eee;
        left: 0;
        right: auto;
        top: 0;
    }

        .e-sidebar.e-left.e-close.e-dock {
            transform: translateX(0%);
            transition: transform ease;
            visibility: visible;
        }

    .e-sidebar.e-right.e-close.e-dock {
        transform: translateX(0%);
        transition: transform ease;
        visibility: visible;
    }

    .e-sidebar.e-left.e-open.e-disable-animation, .e-sidebar.e-right.e-open.e-disable-animation, .e-sidebar.e-right.e-close.e-disable-animation, .e-sidebar.e-left.e-close.e-disable-animation {
        transition: none;
    }

    .e-sidebar.e-visibility {
        visibility: hidden;
    }

    .e-sidebar.e-over {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }

.e-sidebar-absolute {
    position: absolute;
}

.e-sidebar-context {
    overflow-x: hidden;
    position: relative;
}

.e-backdrop {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: .5;
    pointer-events: auto;
    top: 0;
    width: auto;
    z-index: 999;
}

.e-content-animation {
    transition: margin .5s ease, transform .5s ease;
}

    .e-content-animation.e-overlay {
        box-sizing: border-box;
        overflow: auto;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

.e-sidebar-overflow {
    overflow-x: hidden !important;
}

.e-sidebar-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: .5;
    pointer-events: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}

/*! component icons */
.e-icon-check::before {
    content: '\e7ff';
}

.e-grid .e-icon-ascending::before,
.e-grid-menu .e-icon-ascending::before {
    content: "";
}

.e-grid .e-icon-descending::before,
.e-grid-menu .e-icon-descending::before {
    content: "";
}

.e-grid .e-icon-hide::before,
.e-grid-menu .e-icon-hide::before {
    content: "";
}

.e-grid .e-ungroupbutton.e-icon-hide::before,
.e-grid-menu .e-ungroupbutton.e-icon-hide::before {
    content: "";
}

.e-grid .e-icon-rowselect::before,
.e-grid-menu .e-icon-rowselect::before {
    content: '\e930';
}

.e-grid .e-icon-sortdirect::before,
.e-grid-menu .e-icon-sortdirect::before {
    content: '\e890';
}

.e-grid .e-icon-gdownarrow::before,
.e-grid-menu .e-icon-gdownarrow::before {
    content: "";
}

.e-grid .e-icon-grightarrow::before,
.e-grid-menu .e-icon-grightarrow::before {
    content: "";
}

.e-grid .e-icon-filter::before,
.e-grid-menu .e-icon-filter::before {
    content: "";
}

.e-grid .e-excl-filter-icon::before,
.e-grid-menu .e-excl-filter-icon::before {
    content: "";
}

.e-grid .e-excl-filter-icon.e-filtered::before,
.e-grid-menu .e-excl-filter-icon.e-filtered::before {
    content: "";
}

.e-grid.e-rtl .e-icon-grightarrow::before,
.e-grid-menu.e-rtl .e-icon-grightarrow::before {
    content: "";
}

.e-grid .e-icon-group::before,
.e-grid-menu .e-icon-group::before {
    content: '\e926';
}

.e-grid .e-icon-ungroup::before,
.e-grid-menu .e-icon-ungroup::before {
    content: '\e926';
}

.e-grid .e-icon-reorderuparrow::before,
.e-grid-menu .e-icon-reorderuparrow::before {
    content: '\e918';
}

.e-grid .e-icon-reorderdownarrow::before,
.e-grid-menu .e-icon-reorderdownarrow::before {
    content: '\e919';
}

.e-grid .e-add::before,
.e-grid-menu .e-add::before {
    content: "";
}

.e-grid .e-wordexport::before,
.e-grid-menu .e-wordexport::before {
    content: '\e7b0';
}

.e-grid .e-pdfexport::before,
.e-grid-menu .e-pdfexport::before {
    content: '\e240';
}

.e-grid .e-csvexport::before,
.e-grid-menu .e-csvexport::before {
    content: '\e241';
}

.e-grid .e-excelexport::before,
.e-grid-menu .e-excelexport::before {
    content: '\e242';
}

.e-grid .e-edit::before,
.e-grid-menu .e-edit::before {
    content: "";
}

.e-grid .e-columnmenu::before,
.e-grid-menu .e-columnmenu::before {
    content: '\e984';
}

.e-grid .e-delete::before,
.e-grid-menu .e-delete::before {
    content: "";
}

.e-grid .e-cancel::before,
.e-grid-menu .e-cancel::before {
    content: "";
}

.e-grid .e-copy::before,
.e-grid-menu .e-copy::before {
    content: '\e70a';
}

.e-grid .e-save::before,
.e-grid-menu .e-save::before {
    content: "";
}

.e-grid .e-update::before,
.e-grid-menu .e-update::before {
    content: '\e735';
}

.e-grid .e-search-icon::before,
.e-grid-menu .e-search-icon::before {
    content: "";
}

.e-grid .e-cancel-icon::before,
.e-grid-menu .e-cancel-icon::before {
    content: "";
}

.e-grid .e-columnchooserdiv::before,
.e-grid-menu .e-columnchooserdiv::before {
    content: '\e714';
}

.e-grid .e-ccsearch-icon::before,
.e-grid-menu .e-ccsearch-icon::before {
    content: "";
}

.e-grid .e-columnchooser::before,
.e-grid-menu .e-columnchooser::before {
    content: '\e21e';
}

.e-grid .e-columnchooser-btn::before,
.e-grid-menu .e-columnchooser-btn::before {
    content: '\e969';
}

.e-grid .e-cc-icon::before,
.e-grid-menu .e-cc-icon::before {
    content: '\e82e';
}

.e-grid .e-ccsearch-icon.e-cc-cancel::before,
.e-grid .e-chkcancel-icon::before,
.e-grid-menu .e-ccsearch-icon.e-cc-cancel::before,
.e-grid-menu .e-chkcancel-icon::before {
    content: "";
}



/* Icons custom */

.e-grid .e-info::before,
.e-grid-menu .e-info::before {
    content: "\e7e7";
}


.e-grid .e-file-settings::before,
.e-grid-menu .e-file-settings::before {
    content: "\e880";
}

/*! Grid layout */
.e-disableuserselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.e-emptyicon {
    opacity: 0;
}

.e-device .e-flmenu-valuediv {
    padding: 24px 0 0;
}

.e-xlfl-dlgfields {
    font-size: 15px;
}

.e-xlfl-fieldset {
    font-size: 13px;
    padding-top: 9px;
}

.e-xlfl-optr,
.e-xlfl-value {
    padding-top: 11.25px;
}

.e-xlfl-radio,
.e-xlfl-mtcase {
    padding-top: 12px;
}

.e-xlfl-optr:first-child {
    padding-right: 11.25px;
}

.e-xlflmenu.e-rtl .e-xlfl-optr:first-child {
    padding-left: 11.25px;
}

.e-xlflmenu {
    min-height: 318px;
}

    .e-xlflmenu .e-xlfl-table {
        border-spacing: 0;
        table-layout: fixed;
        width: 100%;
    }

    .e-xlflmenu .e-radio + label .e-label {
        padding-left: 25px;
        padding-right: 9px;
    }

    .e-xlflmenu.e-rtl .e-radio + label .e-label {
        padding-left: 0;
        padding-right: 25px;
    }

    .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
        margin-left: 6px;
    }

    .e-xlflmenu .e-dlg-content {
        padding-bottom: 5px;
    }

.e-xlfl-radiodiv {
    width: 120px;
}

.e-xlfl-radio-or,
.e-xlfl-matchcasediv {
    margin-left: 2px;
}

.e-xlflmenu.e-rtl .e-xlfl-radio-or,
.e-xlfl-matchcasediv {
    margin-left: 0;
    margin-right: 13px;
}

.e-bigger .e-xlflmenu .e-xlfl-table {
    border-spacing: 0;
    width: 100%;
}

.e-bigger .e-xlflmenu .e-dlg-content {
    padding-bottom: 10px;
}

.e-bigger .e-xlflmenu .e-radio + label .e-label {
    padding-left: 27px;
    padding-right: 6px;
}

.e-bigger .e-xlflmenu .e-checkbox-wrapper .e-frame + .e-label {
    margin-left: 8px;
}

.e-bigger .e-xlfl-radiodiv {
    width: 141px;
}

.e-bigger .e-xlfl-radio-or,
.e-bigger .e-xlfl-matchcasediv {
    margin-left: 18px;
}

.e-bigger .e-xlflmenu {
    min-height: 362px;
}

.e-bigger .e-xlfl-optr:first-child {
    padding-right: 15px;
}

.e-bigger .e-xlfl-dlgfields {
    font-size: 16px;
}

.e-bigger .e-xlfl-fieldset {
    font-size: 14px;
    padding-top: 12px;
}

.e-bigger .e-xlfl-optr,
.e-bigger .e-xlfl-value {
    padding-top: 15px;
}

.e-bigger .e-xlfl-radio,
.e-bigger .e-xlfl-mtcase {
    padding-top: 5px;
}

.e-bigger .e-grid,
.e-grid.e-bigger {
    font-size: 14px;
}

    .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper,
    .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper {
        padding-bottom: 5px;
        padding-top: 5px;
    }

        .e-bigger .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon,
        .e-grid.e-bigger .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
            min-width: 38px;
        }

    .e-bigger .e-grid .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons,
    .e-grid.e-bigger .e-toolbar .e-toolbar-items .e-tbar-btn .e-icons {
        font-size: 18px;
    }

    .e-bigger .e-grid .e-xlflmenu,
    .e-grid.e-bigger .e-xlflmenu {
        min-height: 362px;
    }

    .e-bigger .e-grid .e-excelfilter .e-contextmenu-wrapper ul li,
    .e-grid.e-bigger .e-excelfilter .e-contextmenu-wrapper ul li {
        height: 40px;
        line-height: 40px;
    }

        .e-bigger .e-grid .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon,
        .e-grid.e-bigger .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon {
            height: 40px;
            line-height: 40px;
            margin-right: 13px;
        }

    .e-bigger .e-grid .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret,
    .e-grid.e-bigger .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
        height: 40px;
        line-height: 40px;
    }

    .e-bigger .e-grid .e-headercell,
    .e-grid.e-bigger .e-headercell {
        height: 44px;
        padding: 0 8px 0;
    }

    .e-bigger .e-grid .e-icons,
    .e-grid.e-bigger .e-icons {
        font-size: 12px;
    }

    .e-bigger .e-grid .e-gridheader .e-icons,
    .e-grid.e-bigger .e-gridheader .e-icons {
        font-size: 12px;
    }

    .e-bigger .e-grid .e-icon-gdownarrow,
    .e-grid.e-bigger .e-icon-gdownarrow {
        font-size: 12px;
    }

    .e-bigger .e-grid .e-icon-grightarrow,
    .e-grid.e-bigger .e-icon-grightarrow {
        font-size: 12px;
    }

    .e-bigger .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn,
    .e-grid.e-bigger .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
        font-size: 12px;
    }

    .e-bigger .e-grid .e-gridheader tr th:last-child,
    .e-grid.e-bigger .e-gridheader tr th:last-child {
        padding-right: 8px;
    }

        .e-bigger .e-grid .e-gridheader tr th:last-child.e-filterbarcell,
        .e-grid.e-bigger .e-gridheader tr th:last-child.e-filterbarcell {
            padding-left: 2px;
        }

    .e-bigger .e-grid .e-gridheader tr th:first-child,
    .e-grid.e-bigger .e-gridheader tr th:first-child {
        padding-left: 8px;
    }

        .e-bigger .e-grid .e-gridheader tr th:first-child.e-filterbarcell,
        .e-grid.e-bigger .e-gridheader tr th:first-child.e-filterbarcell {
            padding-left: 2px;
        }

    .e-bigger .e-grid .e-headercelldiv,
    .e-grid.e-bigger .e-headercelldiv {
        font-size: 15px;
    }

    .e-bigger .e-grid .e-rowcell,
    .e-bigger .e-grid .e-summarycell,
    .e-grid.e-bigger .e-rowcell,
    .e-grid.e-bigger .e-summarycell {
        font-size: 14px;
        padding: 8px 8px;
    }

        .e-bigger .e-grid .e-rowcell:first-child,
        .e-bigger .e-grid .e-summarycell:first-child,
        .e-grid.e-bigger .e-rowcell:first-child,
        .e-grid.e-bigger .e-summarycell:first-child {
            padding-left: 8px;
        }

        .e-bigger .e-grid .e-rowcell:last-child,
        .e-bigger .e-grid .e-summarycell:last-child,
        .e-grid.e-bigger .e-rowcell:last-child,
        .e-grid.e-bigger .e-summarycell:last-child {
            padding-right: 8px;
        }

    .e-bigger .e-grid .e-filterbarcell,
    .e-bigger .e-grid .e-filterbarcelldisabled,
    .e-grid.e-bigger .e-filterbarcell,
    .e-grid.e-bigger .e-filterbarcelldisabled {
        height: 44px;
        padding: 0 8px;
    }

        .e-bigger .e-grid .e-filterbarcell input,
        .e-grid.e-bigger .e-filterbarcell input {
            height: 39px;
        }

    .e-bigger .e-grid .e-ftrchk,
    .e-grid.e-bigger .e-ftrchk {
        padding-bottom: 9px;
        padding-top: 9px;
    }

    .e-bigger .e-grid .e-columnmenu,
    .e-grid.e-bigger .e-columnmenu {
        bottom: 10px;
    }

    .e-bigger .e-grid.e-device.e-noselect,
    .e-grid.e-bigger.e-device.e-noselect {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .e-bigger .e-grid .e-dialog.e-checkboxfilter,
    .e-bigger .e-grid .e-dialog.e-flmenu,
    .e-grid.e-bigger .e-dialog.e-checkboxfilter,
    .e-grid.e-bigger .e-dialog.e-flmenu {
        min-width: 260px;
    }

    .e-bigger .e-grid .e-dialog.e-checkboxfilter,
    .e-grid.e-bigger .e-dialog.e-checkboxfilter {
        min-height: 360px;
    }

    .e-bigger .e-grid .e-filtermenudiv,
    .e-grid.e-bigger .e-filtermenudiv {
        margin: -21px -7px;
    }

    .e-bigger .e-grid .e-sortfilterdiv,
    .e-grid.e-bigger .e-sortfilterdiv {
        margin: -30px 8px;
    }

    .e-bigger .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv,
    .e-grid.e-bigger .e-gridheader .e-fltr-icon .e-sortfilterdiv {
        margin: -30px 28px -31px 0;
    }

    .e-bigger .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv,
    .e-grid.e-bigger .e-gridheader .e-rightalign .e-sortfilterdiv {
        margin: -29px -5px;
    }

    .e-bigger .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
    .e-grid.e-bigger .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
        margin: -30px -20px 0 0;
    }

    .e-bigger .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
    .e-bigger .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv,
    .e-grid.e-bigger.e-rtl .e-headercell .e-sortfilterdiv,
    .e-grid.e-bigger.e-rtl .e-detailheadercell .e-sortfilterdiv {
        margin: -31px 5px;
    }

    .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv,
    .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
        margin: -31px 22px;
    }

    .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
    .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
        margin: -29px 0 0 22px;
    }

    .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
    .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
        margin: -29px 0 0 29px;
    }

    .e-bigger .e-grid.e-rtl .e-filtermenudiv,
    .e-grid.e-bigger.e-rtl .e-filtermenudiv {
        margin: -20px 0 -18px -25px;
    }

    .e-bigger .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
    .e-bigger .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
    .e-grid.e-bigger.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
    .e-grid.e-bigger.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber {
        margin: 6px 0 0 5px;
    }

    .e-bigger .e-grid .e-rowcell,
    .e-bigger .e-grid .e-summarycell,
    .e-bigger .e-grid .e-emptyrow td,
    .e-bigger .e-grid .e-frozencontent table tr td:first-child:empty,
    .e-bigger .e-grid .e-movablecontent table tr td:first-child:empty,
    .e-grid.e-bigger .e-rowcell,
    .e-grid.e-bigger .e-summarycell,
    .e-grid.e-bigger .e-emptyrow td,
    .e-grid.e-bigger .e-frozencontent table tr td:first-child:empty,
    .e-grid.e-bigger .e-movablecontent table tr td:first-child:empty {
        line-height: 27px;
    }

    .e-bigger .e-grid .e-filterbarcell input,
    .e-grid.e-bigger .e-filterbarcell input {
        font-size: 14px;
    }

    .e-bigger .e-grid .e-groupdroparea,
    .e-grid.e-bigger .e-groupdroparea {
        font-size: 14px;
        min-height: 65px;
        padding: 22px 24px;
    }

        .e-bigger .e-grid .e-groupdroparea.e-grouped,
        .e-grid.e-bigger .e-groupdroparea.e-grouped {
            padding: 0 0 8px;
        }

    .e-bigger .e-grid .e-frozencontent table tr td:first-child:empty,
    .e-bigger .e-grid .e-movablecontent table tr td:first-child:empty,
    .e-bigger .e-grid .e-frozenhdrcont table tr td:first-child:empty,
    .e-grid.e-bigger .e-frozencontent table tr td:first-child:empty,
    .e-grid.e-bigger .e-movablecontent table tr td:first-child:empty,
    .e-grid.e-bigger .e-frozenhdrcont table tr td:first-child:empty {
        height: 43px;
    }

    .e-bigger .e-grid.e-bigger .e-columnmenu,
    .e-grid.e-bigger.e-bigger .e-columnmenu {
        bottom: 16px;
    }

    .e-bigger .e-grid .e-groupheadercell,
    .e-bigger .e-grid .e-groupheadercell:hover,
    .e-grid.e-bigger .e-groupheadercell,
    .e-grid.e-bigger .e-groupheadercell:hover {
        border-radius: 6px;
        height: 44px;
        margin: 10px 0 0 8px;
        padding: 6px 0;
    }

        .e-bigger .e-grid .e-groupheadercell:hover,
        .e-grid.e-bigger .e-groupheadercell:hover {
            padding: 6px 0;
        }

    .e-bigger .e-grid .e-gdclone,
    .e-grid.e-bigger .e-gdclone {
        border-radius: 6px;
        padding: 10px 6px 6px;
    }

    .e-bigger .e-grid .e-groupheadercell span,
    .e-grid.e-bigger .e-groupheadercell span {
        height: 37px;
        line-height: 37px;
        padding: 0 8px;
    }

    .e-bigger .e-grid .e-groupheadercell .e-ungroupbutton,
    .e-grid.e-bigger .e-groupheadercell .e-ungroupbutton {
        font-size: 16px;
    }

    .e-bigger .e-grid .e-groupheadercell .e-grouptext,
    .e-grid.e-bigger .e-groupheadercell .e-grouptext {
        line-height: 32px;
    }

    .e-bigger .e-grid .e-row .e-input-group .e-input.e-field,
    .e-bigger .e-grid .e-row .e-input-focus .e-input.e-field,
    .e-grid.e-bigger .e-row .e-input-group .e-input.e-field,
    .e-grid.e-bigger .e-row .e-input-focus .e-input.e-field {
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 13px;
        padding-bottom: 0;
        padding-top: 0;
    }

    .e-bigger .e-grid.e-device .e-row .e-input-group .e-input.e-field,
    .e-bigger .e-grid.e-device .e-row .e-input-focus .e-input.e-field,
    .e-grid.e-bigger.e-device .e-row .e-input-group .e-input.e-field,
    .e-grid.e-bigger.e-device .e-row .e-input-focus .e-input.e-field {
        padding-bottom: 0;
        padding-top: 0;
    }

    .e-bigger .e-grid .e-row .e-input-group,
    .e-grid.e-bigger .e-row .e-input-group {
        margin-bottom: 2px;
        vertical-align: middle;
    }

    .e-bigger .e-grid.e-device .e-headercell,
    .e-grid.e-bigger.e-device .e-headercell {
        padding: 0 12px 0;
    }

        .e-bigger .e-grid.e-device .e-headercell:first-child,
        .e-grid.e-bigger.e-device .e-headercell:first-child {
            padding: 0 12px 0 16px;
        }

        .e-bigger .e-grid.e-device .e-headercell:last-child,
        .e-grid.e-bigger.e-device .e-headercell:last-child {
            padding: 0 16px 0 12px;
        }

    .e-bigger .e-grid.e-device .e-groupheadercell span,
    .e-grid.e-bigger.e-device .e-groupheadercell span {
        line-height: 33px;
    }

    .e-bigger .e-grid.e-device .e-rowcell,
    .e-bigger .e-grid.e-device .e-summarycell,
    .e-grid.e-bigger.e-device .e-rowcell,
    .e-grid.e-bigger.e-device .e-summarycell {
        padding: 0.7em 12px;
    }

        .e-bigger .e-grid.e-device .e-rowcell:first-child,
        .e-bigger .e-grid.e-device .e-summarycell:first-child,
        .e-grid.e-bigger.e-device .e-rowcell:first-child,
        .e-grid.e-bigger.e-device .e-summarycell:first-child {
            padding: 0.7em 12px 0.7em 16px;
        }

        .e-bigger .e-grid.e-device .e-rowcell:last-child,
        .e-bigger .e-grid.e-device .e-summarycell:last-child,
        .e-grid.e-bigger.e-device .e-rowcell:last-child,
        .e-grid.e-bigger.e-device .e-summarycell:last-child {
            padding: 0.7em 16px 0.7em 12px;
        }

    .e-bigger .e-grid.e-device .e-filterbarcell,
    .e-grid.e-bigger.e-device .e-filterbarcell {
        padding: 0.7em 12px;
    }

        .e-bigger .e-grid.e-device .e-filterbarcell:first-child,
        .e-grid.e-bigger.e-device .e-filterbarcell:first-child {
            padding: 0.7em 12px 0.7em 16px;
        }

        .e-bigger .e-grid.e-device .e-filterbarcell:last-child,
        .e-grid.e-bigger.e-device .e-filterbarcell:last-child {
            padding: 0.7em 16px 0.7em 12px;
        }

    .e-bigger .e-grid.e-device .e-groupheadercell .e-ungroupbutton,
    .e-grid.e-bigger.e-device .e-groupheadercell .e-ungroupbutton {
        line-height: 37px;
    }

    .e-bigger .e-grid.e-device .e-normaledit .e-rowcell,
    .e-grid.e-bigger.e-device .e-normaledit .e-rowcell {
        padding-bottom: 0;
        padding-top: 0;
    }

    .e-bigger .e-grid.e-device .e-editedbatchcell.e-rowcell,
    .e-grid.e-bigger.e-device .e-editedbatchcell.e-rowcell {
        padding-bottom: 0;
        padding-top: 0;
    }

    .e-bigger .e-grid .e-unboundcell,
    .e-bigger .e-grid .e-editedrow .e-normaledit .e-unboundcell,
    .e-bigger .e-grid .e-addedrow .e-normaledit .e-unboundcell,
    .e-grid.e-bigger .e-unboundcell,
    .e-grid.e-bigger .e-editedrow .e-normaledit .e-unboundcell,
    .e-grid.e-bigger .e-addedrow .e-normaledit .e-unboundcell {
        padding-bottom: 6px;
        padding-top: 6px;
    }

    .e-bigger .e-grid .e-grouptext,
    .e-grid.e-bigger .e-grouptext {
        margin-right: 0;
        width: auto;
    }

    .e-bigger .e-grid .e-gridheader table th[rowspan],
    .e-bigger .e-grid.e-device .e-gridheader table th[rowspan],
    .e-grid.e-bigger .e-gridheader table th[rowspan],
    .e-grid.e-bigger.e-device .e-gridheader table th[rowspan] {
        padding-bottom: 20px;
    }

    .e-bigger .e-grid .e-groupsort,
    .e-bigger .e-grid span.e-ungroupbutton,
    .e-bigger .e-grid .e-toggleungroup,
    .e-grid.e-bigger .e-groupsort,
    .e-grid.e-bigger span.e-ungroupbutton,
    .e-grid.e-bigger .e-toggleungroup {
        margin-left: -8px;
        margin-top: -1px;
    }

        .e-bigger .e-grid span.e-ungroupbutton.e-icons,
        .e-grid.e-bigger span.e-ungroupbutton.e-icons {
            font-size: 12px;
            margin-left: -7px;
            margin-top: -1px;
        }

    .e-bigger .e-grid .e-groupsort,
    .e-grid.e-bigger .e-groupsort {
        margin-right: 0;
        margin-top: -1px;
    }

    .e-bigger .e-grid.e-rtl .e-groupheadercell,
    .e-bigger .e-grid.e-rtl .e-groupheadercell:hover,
    .e-grid.e-bigger.e-rtl .e-groupheadercell,
    .e-grid.e-bigger.e-rtl .e-groupheadercell:hover {
        margin: 3px 24px 0 0;
        padding: 4px 6px 4px 9px;
    }

    .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
    .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
        margin-right: 6px;
        margin-top: 0;
        padding-top: 1px;
    }

    .e-bigger .e-grid .e-groupcaption,
    .e-grid.e-bigger .e-groupcaption {
        line-height: 32px;
    }

    .e-bigger .e-grid .e-ccdlg .e-dlg-content,
    .e-grid.e-bigger .e-ccdlg .e-dlg-content {
        margin: 37px 0 0;
        padding: 23px 15px 5px 7px;
    }

    .e-bigger .e-grid .e-ccdlg .e-ccul-ele,
    .e-grid.e-bigger .e-ccdlg .e-ccul-ele {
        padding: 0;
    }

    .e-bigger .e-grid .e-ccdlg .e-cc-searchdiv,
    .e-grid.e-bigger .e-ccdlg .e-cc-searchdiv {
        padding-left: 4px;
    }

    .e-bigger .e-grid .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard,
    .e-grid.e-bigger .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard {
        padding-left: 8px;
    }

    .e-bigger .e-grid .e-ccdlg li.e-cclist,
    .e-grid.e-bigger .e-ccdlg li.e-cclist {
        padding: 11px 0;
    }

    .e-bigger .e-grid .e-ccdlg .e-toolbar .e-ccdiv,
    .e-grid.e-bigger .e-ccdlg .e-toolbar .e-ccdiv {
        margin-top: 0;
    }

.e-grid {
    border-radius: 4px;
    border-style: none solid solid;
    border-width: 1px;
    display: block;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    height: auto;
    position: relative;
}

    .e-grid .e-gridheader {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .e-grid .e-gridheader .e-icons {
            font-size: 10px;
        }

    .e-grid .e-toolbar {
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #ddd;
    }

    .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper {
        padding-bottom: 3px;
        padding-top: 3px;
    }

        .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search {
            margin-bottom: 0;
            opacity: .6;
            width: 230px;
        }

            .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search.e-input-focus {
                opacity: 1;
            }

            .e-grid .e-toolbar-items .e-toolbar-item.e-search-wrapper .e-search .e-search-icon {
                min-width: 32px;
            }

    .e-grid .e-groupdroparea.e-grouped {
        padding: 0 0 6px;
    }

    .e-grid.e-default .e-gridheader.e-stackedfilter .e-grouptopleftcell,
    .e-grid.e-default.e-horizontallines .e-gridheader.e-stackedfilter .e-grouptopleftcell {
        border-top: 0;
    }

    .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-bottom: 1px solid;
    }

    .e-grid.e-default.e-verticallines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell,
    .e-grid.e-default.e-hidelines .e-gridheader.e-stackedfilter tr:first-child th.e-grouptopleftcell {
        border-bottom: 0;
    }

    .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 {
        border-top: 1px solid;
    }

    .e-grid.e-default.e-hidelines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell,
    .e-grid.e-default.e-verticallines .e-gridheader.e-stackedfilter tr:last-child th.e-grouptopleftcell {
        border-top: 0;
    }

    .e-grid.e-default .e-grouptopleftcell {
        border-top: 2px solid;
    }

    .e-grid.e-default .e-gridheader .e-headercell.e-firstheader,
    .e-grid.e-default.e-horizontallines .e-headercell.e-firstheader {
        border-left: 1px solid;
    }

    .e-grid.e-default.e-hidelines .e-headercell.e-firstheader {
        border-left: 0;
    }

    .e-grid.e-default.e-verticallines .e-grouptopleftcell,
    .e-grid.e-default.e-bothlines .e-grouptopleftcell,
    .e-grid.e-default.e-hidelines .e-grouptopleftcell {
        border-top-width: 0;
    }

    .e-grid.e-default.e-verticallines .e-detailrowcollapse,
    .e-grid.e-default.e-verticallines .e-detailrowexpand, .e-grid.e-default.e-hidelines .e-detailrowcollapse,
    .e-grid.e-default.e-hidelines .e-detailrowexpand {
        border-top-width: 0;
    }

    .e-grid.e-default.e-horizontallines .e-grouptopleftcell {
        border-top: 1px solid;
    }

    .e-grid .e-gridheader .e-headercell .e-rhandler,
    .e-grid .e-gridheader .e-headercell .e-rsuppress {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 4px;
    }

    .e-grid.e-device .e-gridheader .e-headercell .e-rhandler {
        width: 14px;
    }

    .e-grid.e-rtl .e-gridheader .e-headercell .e-rhandler,
    .e-grid.e-rtl .e-gridheader .e-headercell .e-rsuppress {
        left: 0;
        right: auto;
    }

    .e-grid.e-resize-lines .e-gridheader th.e-headercell.e-lastcell .e-rhandler {
        border-right-width: 0;
    }

    .e-grid .e-rhelper {
        position: absolute;
        width: 1px;
    }

    .e-grid.e-device .e-ricon::before {
        border-bottom: 6px solid transparent;
        border-right: 6px solid;
        border-top: 6px solid transparent;
        content: '';
        display: block;
        height: 0;
        position: absolute;
        right: 4px;
        top: 4px;
        width: 20px;
    }

    .e-grid.e-device .e-ricon::after {
        border-bottom: 6px solid transparent;
        border-left: 6px solid;
        border-top: 6px solid transparent;
        content: '';
        display: block;
        height: 0;
        left: 4px;
        position: absolute;
        top: 4px;
        width: 20px;
        z-index: 3;
    }

    .e-grid.e-rcursor,
    .e-grid .e-gridheader .e-rcursor {
        cursor: col-resize;
    }

    .e-grid .e-table {
        border-collapse: separate;
        table-layout: fixed;
        width: 100%;
    }

    .e-grid .e-tableborder {
        border-right: 1px solid;
    }

    .e-grid .e-virtualtable {
        overflow: hidden;
        will-change: transform;
        z-index: 1;
    }

    .e-grid .e-headercelldiv {
        border: 0 none;
        display: block;
        font-size: 12px;
        font-weight: Bold;
        height: 29px;
        line-height: 30px;
        margin: -7px;
        overflow: hidden;
        padding: 0 0.4em;
        text-align: left;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .e-grid .e-headercelldiv.e-headerchkcelldiv {
            overflow: visible;
        }

    .e-grid .e-gridheader .e-headercontent .e-rightalign .e-headercelldiv.e-headerchkcelldiv {
        padding: 0 .6em;
    }

    .e-grid .e-gridheader .e-headercontent .e-centeralign .e-headercelldiv.e-headerchkcelldiv {
        padding: 0 .6em;
    }

    .e-grid .e-columnheader {
        cursor: pointer;
    }

        .e-grid .e-columnheader.e-defaultcursor {
            cursor: default;
        }

    .e-grid .e-gridheader .e-headercell,
    .e-grid .e-gridheader .e-detailheadercell {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .e-grid .e-gridcontent tr:first-child td {
        border-top: 0 none;
    }

    .e-grid .e-gridheader tr:first-child th {
        border-top: 0 none;
        background-color: #4caf50;
        color: white;
    }

    .e-grid .e-gridheader tr th:last-child.e-filterbarcell {
        padding-right: 2px;
    }

    .e-grid .e-gridheader tr th:last-child {
        padding-right: 8px;
    }

    .e-grid .e-gridheader tr th:first-child {
        padding-left: 8px;
    }

        .e-grid .e-gridheader tr th:first-child.e-filterbarcell {
            padding-left: 2px;
        }

    .e-grid .e-gridheader {
        border-bottom-style: solid;
        border-bottom-width: 2px;
        border-top-style: solid;
        border-top-width: 1px;
    }

    .e-grid .e-frozenhdrcont {
        border-bottom-width: 0;
    }

        .e-grid .e-frozenhdrcont table tr:not(.e-editedrow):first-child td {
            border-top-style: solid;
            border-top-width: 2px;
        }

    .e-grid.e-bothlines .e-filterbarcell,
    .e-grid.e-bothlines .e-filterbarcelldisabled {
        border-width: 2px 0 0 1px;
    }

    .e-grid .e-headercell,
    .e-grid .e-detailheadercell {
        border-style: solid;
        border-width: 0;
        font-size: 14px;
        font-weight: Bold;
        height: 36px;
        overflow: hidden;
        padding: 0 8px 0;
        position: relative;
        text-align: left;
    }

    .e-grid.e-device .e-headercell {
        padding: 0 12px 0;
    }

        .e-grid.e-device .e-headercell:first-child {
            padding: 0 12px 0 16px;
        }

        .e-grid.e-device .e-headercell:last-child {
            padding: 0 16px 0 12px;
        }

    .e-grid .e-rowcell {
        border-style: solid;
        border-width: 1px 0 0;
        display: table-cell;
        font-size: 12px;
        line-height: 19px;
        overflow: hidden;
        padding: 4px 1px;
        vertical-align: middle;
        white-space: nowrap;
        width: auto;
    }

    .e-grid .e-frozencontent table tr td:first-child:empty,
    .e-grid .e-movablecontent table tr td:first-child:empty,
    .e-grid .e-frozenhdrcont table tr td:first-child:empty {
        height: 35px;
    }

    .e-grid .e-rowcell:first-child,
    .e-grid .e-summarycell:first-child {
        padding-left: 8px;
    }

    .e-grid .e-rowcell:last-child,
    .e-grid .e-summarycell:last-child {
        padding-right: 8px;
    }

    .e-grid .e-unboundcell,
    .e-grid .e-editedrow .e-normaledit .e-unboundcell,
    .e-grid .e-addedrow .e-normaledit .e-unboundcell {
        padding-bottom: 4px;
        padding-top: 4px;
    }

    .e-grid .e-unboundcelldiv > button {
        margin: 0 3.5px;
    }

    .e-grid .e-unboundcelldiv {
        margin: 0 -3.5px;
    }

    .e-grid .e-summarycell {
        border-style: solid;
        border-width: 1px 0 0;
        font-size: 14px;
        font-weight: Bold;
        height: auto;
        line-height: 19px;
        padding: 8px 8px;
        white-space: normal;
        word-wrap: break-word;
    }

    .e-grid .e-summarycontent .e-frozenfootercontent {
        float: left;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
    }

    .e-grid .e-summarycontent .e-movablefootercontent {
        height: inherit;
        overflow: hidden;
    }

    .e-grid .e-summarycontent .e-indentcell {
        border-width: 0;
    }

    .e-grid.e-device .e-rowcell,
    .e-grid.e-device .e-summarycell {
        padding: 0.7em 12px;
    }

        .e-grid.e-device .e-rowcell:first-child,
        .e-grid.e-device .e-summarycell:first-child {
            padding: 0.7em 12px 0.7em 16px;
        }

        .e-grid.e-device .e-rowcell:last-child,
        .e-grid.e-device .e-summarycell:last-child {
            padding: 0.7em 16px 0.7em 12px;
        }

    .e-grid td.e-rowcell.e-checkbox {
        padding: 8px 8px;
    }

        .e-grid td.e-rowcell.e-checkbox input[type='checkbox'] {
            margin-top: 0;
        }

    .e-grid.e-default .e-rowcell.e-lastrowcell {
        border-bottom-width: 0;
    }

    .e-grid.e-bothlines .e-rowcell.e-lastrowcell {
        border-bottom-width: 1px;
    }

    .e-grid.e-bothlines .e-rowcell {
        border-width: 1px 0 0 1px;
    }

    .e-grid .e-gridheader table th[rowspan],
    .e-grid.e-device .e-gridheader table th[rowspan] {
        padding-bottom: 13px;
        vertical-align: bottom;
    }

    .e-grid .e-emptyrow td {
        line-height: 19px;
        padding: .7em;
    }

    .e-grid.e-responsive .e-rowcell,
    .e-grid.e-responsive .e-headercelldiv {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .e-grid.e-responsive .e-rowcell.e-gridchkbox,
        .e-grid.e-responsive .e-headercelldiv.e-headerchkcelldiv {
            text-overflow: clip;
        }

    .e-grid.e-default .e-headercell,
    .e-grid.e-default .e-detailheadercell {
        border-width: 0;
    }

    .e-grid [aria-selected] + tr .e-detailindentcell {
        border-top-style: solid;
        border-top-width: 1px;
    }

    .e-grid.e-default.e-verticallines .e-headercell,
    .e-grid.e-default.e-verticallines .e-detailheadercell {
        border-width: 0 0 0 1px;
    }

        .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell {
            border-bottom: 1px solid;
        }

    .e-grid.e-default .e-stackedheadercell {
        border-width: 1px 0 1px 1px;
    }

    .e-grid.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
        border-left-width: 0;
    }

    .e-grid.e-default.e-bothlines .e-headercell,
    .e-grid.e-default.e-bothlines .e-detailheadercell {
        border-width: 0 0 0 1px;
    }

    .e-grid.e-default table th[rowspan] {
        border-width: 0 0 0 1px;
    }

    .e-grid tr th.e-firstcell {
        border-left-style: solid;
        border-left-width: 1px;
    }

    .e-grid.e-default tr td:first-child,
    .e-grid.e-default tr th.e-headercell:first-child:not(.e-firstcell),
    .e-grid.e-default tr th.e-detailheadercell:first-child,
    .e-grid.e-default tr th.e-filterbarcell:first-child {
        border-left-width: 0;
    }

    .e-grid .e-hide {
        display: none;
    }

    .e-grid .e-rowcell,
    .e-grid .e-gridcontent,
    .e-grid .e-gridheader,
    .e-grid .e-headercontent,
    .e-grid .e-groupdroparea,
    .e-grid .e-gridfooter,
    .e-grid .e-summarycontent {
        overflow: hidden;
        vertical-align: middle;
    }

    .e-grid .e-sortfilterdiv {
        float: right;
        height: 16px;
        margin: -29px 1px;
        padding: 15px;
        width: 16px;
    }

    .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
        float: left;
        margin: -29px -5px;
    }

    .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
    .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
        padding: 0 8px 0;
    }

    .e-grid .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
        margin: -5px 15px -5px 0;
    }

    .e-grid .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
        margin: -5px 15px -5px -6px;
    }

    .e-grid .e-gridheader .e-sortfilter .e-headercelldiv,
    .e-grid .e-gridheader .e-stackedheadercelldiv,
    .e-grid .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
        padding: 0 1.8em 0 0.4em;
    }

    .e-grid .e-filtermenudiv {
        float: right;
        margin: -20px -7px;
        padding: 6px;
        text-align: right;
    }

        .e-grid .e-filtermenudiv:hover {
            cursor: pointer;
        }

    .e-grid.e-print-grid {
        left: -1000px;
        top: -1000px;
    }

    .e-grid .e-flmenu-valuediv {
        padding: 24px 0 0;
    }

    .e-grid .e-flbldcontent {
        padding: 18px 18px 0;
    }

    .e-grid .e-flblbtn {
        width: 110px;
    }

    .e-grid .e-sortnumber {
        border-radius: 65%;
        display: inline-block;
        float: right;
        font-size: 9px;
        height: 15px;
        line-height: 15px;
        margin: 8px 8px 0 2px;
        text-align: center;
        width: 15px;
    }

    .e-grid .e-gridheader .e-rightalign .e-sortnumber {
        float: left;
        margin: 8px 0 0 20px;
    }

    .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
        margin: -29px 28px -29px 0;
    }

    .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
        margin: -29px -11px 0 0;
    }

    .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
        margin: 3px 2px 0 5px;
    }

    .e-grid.e-wrap .e-gridheader .e-sortnumber {
        margin: 3px 5px 0 2px;
    }

    .e-grid.e-wrap .e-gridheader .e-sortfilterdiv {
        margin: -9px 10px;
    }

    .e-grid .e-movableheader .e-editcell.e-normaledit,
    .e-grid .e-frozenheader .e-editcell.e-normaledit {
        border-top-color: transparent;
    }

    .e-grid .e-columnmenu {
        bottom: 8px;
        padding: 5px;
        position: absolute;
        right: 5px;
    }

    .e-grid.e-rtl .e-columnmenu {
        left: 5px;
        right: auto;
    }

    .e-grid [class^='e-'] {
        box-sizing: border-box;
        /* padding: 5px; */
    }

    .e-grid .e-detailrowcollapse,
    .e-grid .e-detailrowexpand {
        border-style: solid;
        border-width: 1px 0 0;
        cursor: pointer;
    }

    .e-grid .e-detailindentcell {
        border-right-style: solid;
        border-right-width: 1px;
    }

    .e-grid .e-detailcell {
        border-top-style: solid;
        border-top-width: 1px;
        padding: .3em;
    }

    .e-grid.e-verticallines .e-rowcell,
    .e-grid.e-verticallines .e-filterbarcell {
        border-width: 0 0 0 1px;
    }

    .e-grid.e-hidelines .e-rowcell,
    .e-grid.e-horizontallines .e-headercell,
    .e-grid.e-hidelines .e-headercell,
    .e-grid.e-horizontallines .e-detailheadercell,
    .e-grid.e-hidelines .e-detailheadercell,
    .e-grid.e-hidelines tr th.e-firstcell,
    .e-grid.e-hidelines .e-filterbarcell {
        border-width: 0;
    }

        .e-grid.e-horizontallines .e-headercell.e-stackedheadercell {
            border-width: 0 0 1px 1px;
        }

    .e-grid.e-horizontallines .e-rowcell {
        border-width: 1px 0 0;
    }

    .e-grid.e-horizontallines .e-filterbarcell {
        border-width: 2px 0 0;
    }

    .e-grid.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-hidelines .e-rowcell.e-lastrowcell {
        border-bottom-width: 1px;
    }

    .e-grid.e-horizontallines .e-detailrowvisible, .e-grid.e-verticallines .e-detailrowvisible, .e-grid.e-hidelines .e-detailrowvisible, .e-grid.e-bothlines .e-detailrowvisible {
        border-left-width: 0;
    }

    .e-grid.e-verticallines .e-firstchildrow .e-rowcell,
    .e-grid.e-verticallines .e-firstchildrow .e-detailrowcollapse,
    .e-grid.e-verticallines .e-firstchildrow .e-detailrowexpand, .e-grid.e-hidelines .e-firstchildrow .e-rowcell,
    .e-grid.e-hidelines .e-firstchildrow .e-detailrowcollapse,
    .e-grid.e-hidelines .e-firstchildrow .e-detailrowexpand {
        border-top-width: 1px;
    }

    .e-grid .e-filterbarcell .e-icons::before {
        display: block;
        margin: 0 auto;
    }

    .e-grid .e-filterbarcell .e-filtertext::-webkit-search-cancel-button,
    .e-grid .e-search input::-webkit-search-cancel-button {
        display: none;
    }

    .e-grid .e-filterbarcell .e-filtertext::-ms-clear,
    .e-grid .e-search input::-ms-clear {
        display: none;
    }

    .e-grid .e-filterbarcell,
    .e-grid .e-filterbarcelldisabled {
        border-collapse: collapse;
        border-style: solid;
        border-width: 2px 0 0;
        cursor: default;
        height: 36px;
        overflow: hidden;
        padding: 1px 2px;
        vertical-align: middle;
    }

        .e-grid .e-filterbarcell input {
            border-radius: 4px;
            border-style: solid;
            border-width: 1px;
            font-size: 13px;
            font-weight: normal;
            height: 32px;
            padding-right: 24px;
            text-indent: 1px;
            width: 100%;
        }

    .e-grid.e-device .e-filterbarcell {
        padding: 0.7em 12px;
    }

        .e-grid.e-device .e-filterbarcell:first-child {
            padding: 0.7em 12px 0.7em 16px;
        }

        .e-grid.e-device .e-filterbarcell:last-child {
            padding: 0.7em 16px 0.7em 12px;
        }

    .e-grid .e-searchclear {
        float: right;
        position: relative;
    }

    .e-grid.e-rtl .e-searchclear {
        float: left;
        position: relative;
        top: 10px;
    }

    .e-grid .e-checkboxlist {
        height: 200px;
        margin-top: 5px;
        min-height: 160px;
        overflow-y: auto;
    }

    .e-grid .e-chk-hidden {
        height: 1px;
        opacity: 0;
        width: 1px;
    }

    .e-grid .e-checkselect,
    .e-grid .e-checkselectall {
        margin: 0;
        opacity: 0;
        position: absolute;
        width: 0;
    }

    .e-grid .e-dialog.e-checkboxfilter,
    .e-grid .e-dialog.e-flmenu {
        min-width: 250px;
    }

    .e-grid .e-dialog.e-checkboxfilter {
        min-height: 348px;
    }

    .e-grid .e-ftrchk {
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .e-grid .e-excelfilter .e-contextmenu-wrapper,
    .e-grid .e-excelfilter .e-contextmenu-wrapper ul {
        display: block;
    }

        .e-grid .e-excelfilter .e-contextmenu-wrapper ul {
            padding-bottom: 4px;
            position: static;
        }

            .e-grid .e-excelfilter .e-contextmenu-wrapper ul li {
                height: 36px;
                line-height: 36px;
            }

                .e-grid .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon {
                    height: 36px;
                    line-height: 36px;
                    margin-right: 10px;
                }

    .e-grid.e-rtl .e-excelfilter .e-contextmenu-wrapper ul li .e-menu-icon {
        margin-right: 0;
    }

    .e-grid .e-excelfilter .e-contextmenu-wrapper ul .e-menu-item .e-caret {
        height: 36px;
        line-height: 36px;
    }

    .e-grid .e-excelfilter .e-contextmenu-wrapper ul {
        border: 0;
        box-shadow: none;
        max-width: 300px;
        padding-bottom: 4px;
        position: static;
    }

    .e-grid .e-excelfilter .e-footer-content {
        border-style: solid;
        border-width: 2px 0 0;
    }

    .e-grid .e-excel-menu {
        z-index: 1000;
    }

    .e-grid .e-excelfilter .e-dlg-content {
        padding-top: 0;
    }

    .e-grid .e-filterdiv,
    .e-grid .e-fltrtempdiv {
        padding: 0;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .e-grid .e-pager {
        border-bottom: transparent;
        border-left: transparent;
        border-right: transparent;
    }

    .e-grid .e-gridpopup {
        font-weight: normal;
        position: absolute;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 99999;
    }

        .e-grid .e-gridpopup .e-content {
            border-radius: 4px;
            border-style: solid;
            border-width: 1px;
            font-size: 14px;
            padding: 4px;
        }

        .e-grid .e-gridpopup span {
            border: 1px solid transparent;
            cursor: pointer;
            display: inline-block;
            height: 26px;
            padding: 4px;
            width: 26px;
        }

        .e-grid .e-gridpopup .e-tail::before,
        .e-grid .e-gridpopup .e-tail::after {
            border: 10px solid transparent;
            content: '';
            height: 0;
            left: 8px;
            position: absolute;
            width: 0;
        }

        .e-grid .e-gridpopup .e-downtail::after {
            top: 34px;
        }

        .e-grid .e-gridpopup .e-uptail::after {
            top: -17px;
        }

        .e-grid .e-gridpopup .e-uptail::before {
            top: -19px;
        }

        .e-grid .e-gridpopup .e-sortdirect,
        .e-grid .e-gridpopup .e-rowselect {
            line-height: 18px;
            text-indent: 1px;
        }

    .e-grid .e-cloneproperties {
        border-style: solid;
        border-width: 1px;
        font-size: 14px;
        font-weight: Bold;
        opacity: 0.8;
        overflow: hidden;
        padding: 2px 4px 1px;
        text-align: left;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        vertical-align: middle;
        white-space: nowrap;
        z-index: 10;
    }

    .e-grid .e-defaultcur {
        cursor: default;
    }

    .e-grid .e-notallowedcur {
        cursor: not-allowed;
    }

    .e-grid .e-cloneproperties table {
        border-spacing: 0;
    }

    .e-grid .e-headerclone {
        border-radius: 4px;
        font-size: 14px;
        font-weight: Bold;
        line-height: 29px;
    }

    .e-grid .e-draganddrop {
        border-width: 0 1px 1px;
        font-weight: normal;
        padding: 0;
    }

        .e-grid .e-draganddrop .e-rowcell {
            opacity: .8;
        }

    .e-grid.e-default .e-gridheader th.e-firstcell {
        border-left-style: solid;
        border-left-width: 1px;
    }

    .e-grid.e-bothlines .e-gridheader th.e-stackedheadercell {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-style: solid;
        border-left-width: 1px;
    }

    .e-grid.e-default.e-hidelines .e-gridheader th.e-firstcell {
        border-left-width: 0;
    }

    .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
    .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
        font-size: 8px;
        position: absolute;
        z-index: 10;
        color: black !important;
    }

    .e-grid td.e-active {
        font-weight: normal;
    }

    .e-grid td.e-cellselectionbackground {
        font-weight: normal;
    }

    .e-grid .e-groupdroparea {
        height: auto;
        min-height: 52px;
    }

    .e-grid .e-griddragarea {
        border: 1px solid;
        opacity: .6;
        position: absolute;
    }

    .e-grid .e-gdclone {
        border-radius: 4px;
        padding: 2px;
    }

    .e-grid .e-content {
        -webkit-overflow-scrolling: touch;
        overflow-x: auto;
        overflow-y: scroll;
        position: relative;
    }

    .e-grid.e-ungroupdrag .e-columnheader,
    .e-grid.e-ungroupdrag .e-groupdroparea,
    .e-grid.e-rowdrag .e-columnheader,
    .e-grid.e-rowdrag .e-groupdroparea {
        cursor: not-allowed;
    }

    .e-grid .e-groupdroparea,
    .e-grid.e-ungroupdrag .e-gridcontent,
    .e-grid.e-rowdrag .e-gridcontent {
        cursor: default;
    }

    .e-grid .e-groupdroparea {
        border-style: solid none;
        border-width: 1px 0 0;
    }

    .e-grid .e-groupdroparea {
        border-top-width: 1px;
        font-size: 13px;
        font-weight: lighter;
        opacity: 1;
        padding: 15px 0;
        text-align: center;
        text-indent: 1pt;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%;
    }

    .e-grid .e-grouptext {
        display: inline-block;
        margin-right: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: auto;
    }

    .e-grid .e-grid-icon {
        float: left;
    }

    .e-grid .e-groupheadercell,
    .e-grid .e-groupheadercell:hover {
        border: 1px;
        border-collapse: collapse;
        border-radius: 4px;
        cursor: pointer;
        font-size: 14px;
        font-weight: normal;
        height: 38px;
        margin: 6px 0 0 8px;
        overflow: hidden;
        padding: 7px 0;
        vertical-align: middle;
    }

        .e-grid .e-groupheadercell:hover {
            border: 1px;
            padding: 7px 0;
        }

        .e-grid .e-groupheadercell span {
            display: inline-block;
            float: left;
            height: 30px;
            line-height: 30px;
            padding: 0 8px;
            vertical-align: middle;
        }

        .e-grid .e-groupheadercell .e-grouptext {
            line-height: 24px;
        }

        .e-grid .e-groupheadercell .e-ungroupbutton {
            font-size: 10px;
            line-height: 23px;
        }

    .e-grid.e-device .e-groupheadercell span {
        line-height: 26px;
    }

    .e-grid.e-device .e-groupheadercell .e-ungroupbutton {
        line-height: 28px;
    }

    .e-grid .e-groupheadercell .e-cancel {
        padding-right: 10px;
    }

    .e-grid .e-groupheadercell .e-icons::before {
        display: inline;
    }

    .e-grid .e-groupsort,
    .e-grid .e-ungroupbutton,
    .e-grid .e-toggleungroup {
        font-size: 10px;
        margin-left: -8px;
    }

    .e-grid .e-groupsort {
        margin-right: 0;
        margin-top: -3px;
    }

    .e-grid span.e-ungroupbutton.e-icons {
        margin-left: -8px;
        margin-top: 2px;
    }

    .e-grid .e-grptogglebtn {
        padding: 7px;
    }

    .e-grid .e-icon-gdownarrow {
        font-size: 8px;
        text-indent: 11px;
    }

    .e-grid .e-icon-grightarrow {
        font-size: 8px;
        text-indent: 11px;
    }

    .e-grid .e-recordplusexpand {
        padding-top: 5px;
    }

    .e-grid .e-indentcell {
        border-style: solid;
        border-width: 0 1px 0 0;
    }

        .e-grid .e-indentcell.e-indentcelltop {
            border-width: 1px 0 0;
        }

    .e-grid .e-recordplusexpand,
    .e-grid .e-recordpluscollapse {
        border-style: solid;
        border-width: 1px 0 0;
        cursor: pointer;
    }

    .e-grid .e-groupcaption {
        border-style: solid;
        border-width: 1px 0 0;
        display: table-cell;
        font-size: 14px;
        line-height: 14px;
        overflow: hidden;
        padding: .7em;
        text-overflow: ellipsis;
        vertical-align: middle;
        white-space: nowrap;
        width: auto;
    }

    .e-grid .e-virtualtable .e-groupcaption {
        line-height: 19px;
        padding: 8px 8px;
    }

    .e-grid .e-headercontent {
        border-style: solid;
        border-width: 0;
    }

    .e-grid .e-stackedheadercell {
        border-width: 1px 0 1px 1px;
        white-space: nowrap;
    }

    .e-grid .e-noselect {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .e-grid .e-toolbar .e-btn-icon.e-icons.e-columnchooser-btn {
        font-size: 9px;
        line-height: 3;
    }

    .e-grid .e-toolbar-item.e-cc.e-ccdiv.e-cc-toolbar {
        margin-top: 0;
        padding: 3px 0 0;
    }

    .e-grid .e-edit-dialog .e-dlg-content {
        position: relative;
    }

    .e-grid .e-griderror label {
        display: inline !important;
    }

    .e-grid .e-tooltip-wrap.e-griderror {
        z-index: 1000;
    }

        .e-grid .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
            left: 44%;
        }

    .e-grid .e-normaledit .e-rowcell {
        padding-bottom: 0;
        padding-top: 0;
    }

    .e-grid.e-device .e-normaledit .e-rowcell {
        padding-bottom: 2px;
        padding-top: 2px;
    }

    .e-grid .e-normaledit {
        border-top: 0;
        padding: 0;
    }

    .e-grid .e-gridcontent .e-normaledit .e-rowcell {
        border-top: 1px solid;
    }

    .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell {
        border-top: 0;
    }

    .e-grid.e-device .e-editedbatchcell.e-rowcell,
    .e-grid .e-editedbatchcell.e-rowcell,
    .e-grid.e-device .e-gridcontent .e-normaledit .e-rowcell {
        padding-bottom: 0;
        padding-top: 0;
    }

    .e-grid .e-editedbatchcell,
    .e-grid td.e-boolcell {
        padding-left: 8px;
        padding-right: 8px;
    }

        .e-grid td.e-boolcell input {
            margin: 3px 3px 3px 4px;
        }

        .e-grid td.e-boolcell.e-rowcell {
            padding-bottom: 5px;
            padding-top: 5px;
        }

    .e-grid .e-dialog .e-gridform .e-rowcell {
        border: 0;
        padding: 0;
    }

    .e-grid .e-dialog table {
        border-collapse: separate;
        border-spacing: 11px;
    }

    .e-grid .e-row .e-input-group .e-input.e-field,
    .e-grid .e-row .e-input-focus .e-input.e-field {
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 13px;
        padding-bottom: 1px;
        padding-top: 2px;
    }

    .e-grid .e-row .e-input-group {
        margin-bottom: 2px;
        margin-top: 2px;
        vertical-align: middle;
    }

    .e-grid .e-defaultcell.e-ralign,
    .e-grid .e-editedrow .e-defaultcell.e-ralign,
    .e-grid .e-defaultcell.e-ralign:focus,
    .e-grid .e-editedrow .e-defaultcell.e-ralign:focus {
        padding-right: 10px;
    }

    .e-grid .e-dlg-content .e-defaultcell.e-ralign,
    .e-grid .e-dlg-content .e-defaultcell.e-ralign:focus {
        padding-right: 0;
    }

    .e-grid .e-hiddenrow {
        display: none;
    }

    .e-grid .e-columnchooserdiv {
        float: right;
        margin: -12px;
    }

    .e-grid .e-ccdlg .e-dlg-content {
        margin: 37px 0 0;
        overflow: visible;
        padding: 23px 15px 15px 7px;
    }

    .e-grid .e-ccdlg .e-checkbox-wrapper.e-control.e-keyboard {
        padding-left: 8px;
    }

    .e-grid .e-ccdlg .e-main-div {
        box-sizing: border-box;
        position: relative;
    }

    .e-grid .e-ccdlg .e-ccul-ele {
        margin: 13px 0;
        padding: 0;
    }

    .e-grid .e-ccdlg li.e-cclist {
        padding: 8px 0;
    }

    .e-grid .e-ccdlg .e-checkbox-wrapper .e-frame {
        margin-left: 0;
    }

    .e-grid .e-ccdlg label.e-cc {
        margin: 0;
    }

    .e-grid .e-ccdlg .e-footer-content {
        border-style: solid;
        border-width: 2px 0 0;
    }

    .e-grid .e-ccdlg .e-cc-contentdiv {
        height: 196px;
        overflow-y: auto;
    }

    .e-grid .e-ccdlg .e-cc-searchdiv {
        border-style: solid;
        border-width: 1px;
        left: 5px;
        opacity: 0.6;
        position: absolute;
        right: 0;
        top: -46px;
    }

        .e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
            float: right;
            opacity: .6;
            padding: 5px 2px;
        }

        .e-grid .e-ccdlg .e-cc-searchdiv span.e-ccsearch-icon.e-cc-cancel {
            font-size: 11px;
            padding: 5px 2px 6px;
        }

        .e-grid .e-ccdlg .e-cc-searchdiv.e-input-focus {
            opacity: 1;
        }

            .e-grid .e-ccdlg .e-cc-searchdiv.e-input-focus span.e-ccsearch-icon.e-icons {
                opacity: 1;
            }

    .e-grid .e-ccdlg .e-innerdiv.e-ccnmdiv {
        height: 60px;
        padding: 23px;
        text-align: center;
    }

    .e-grid .e-ccdlg .e-checkbox-wrapper .e-label {
        text-overflow: ellipsis;
    }

    .e-grid .e-ccdlg .e-cc-chbox {
        margin: 3px;
        vertical-align: middle;
    }

    .e-grid .e-ccdlg .e-cc-lab-name {
        padding: 7px;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .e-grid .e-ccdlg .e-cc.e-input,
    .e-grid .e-ccdlg .e-cc.e-input:focus {
        border: 0;
        padding-bottom: 8px;
        padding-left: 4px;
        padding-top: 4px;
    }

    .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
    .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
    .e-grid .e-frozenhdrcont .e-movableheader > .e-table {
        border-bottom: 1px solid;
    }

    .e-grid .e-frozenheader > .e-table,
    .e-grid .e-frozencontent > .e-table {
        border-left: 0;
        border-right: 1px solid;
    }

    .e-grid .e-frozenheader {
        float: left;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
    }

    .e-grid.e-rtl .e-frozenheader > .e-table,
    .e-grid.e-rtl .e-frozencontent > .e-table {
        border-left: 1px solid;
        border-right: 0;
    }

    .e-grid.e-rtl .e-frozenheader {
        float: right;
    }

    .e-grid.e-rtl .e-frozencontent {
        float: right;
    }

    .e-grid .e-movableheader {
        overflow: hidden;
    }

    .e-grid .e-frozenhdrcont {
        -ms-touch-action: none;
    }

    .e-grid .e-frozencontent {
        -ms-touch-action: none;
        float: left;
        height: inherit;
        overflow: hidden;
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content;
    }

    .e-grid .e-movablecontent {
        height: inherit;
        overflow: scroll;
    }

    .e-grid .e-columnchooser::before {
        line-height: 1.9;
    }

    .e-grid .e-toolbar .e-ccdiv .e-columnchooser.e-cctbn-icon {
        font-size: 15px;
        vertical-align: middle;
    }

    .e-grid .e-toolbar .e-ccdiv {
        margin-top: -1px;
        padding: 0 10px;
    }

    .e-grid.e-rtl .e-tableborder {
        border-left: 1px solid;
        border-right: 0;
    }

    .e-grid.e-rtl .e-headercell,
    .e-grid.e-rtl .e-detailheadercell {
        border-width: 0;
        text-align: right;
    }

        .e-grid.e-rtl .e-headercell .e-headercelldiv,
        .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv,
        .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
        .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv {
            padding: 0 0.4em 0 1.8em;
            text-align: right;
        }

            .e-grid.e-rtl .e-headercell .e-headercelldiv .e-sortnumber,
            .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber,
            .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
            .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
                float: left;
                margin: 9px 0 0 9px;
            }

        .e-grid.e-rtl .e-headercell .e-filterbarcell input,
        .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
            border-width: 1px;
        }

        .e-grid.e-rtl .e-headercell .e-sortfilterdiv,
        .e-grid.e-rtl .e-detailheadercell .e-sortfilterdiv {
            float: left;
            margin: -29px 10px;
        }

        .e-grid.e-rtl .e-headercell.e-leftalign .e-sortfilterdiv,
        .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-sortfilterdiv {
            float: right;
            margin: -14px 3px;
        }

        .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv,
        .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv {
            padding: 0 25px 0 .7em;
        }

            .e-grid.e-rtl .e-headercell.e-leftalign .e-headercelldiv .e-sortnumber,
            .e-grid.e-rtl .e-detailheadercell.e-leftalign .e-headercelldiv .e-sortnumber {
                float: right;
                margin: 6px 5px 0 0;
            }

        .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber,
        .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
            float: left;
            margin: 9px 0 0 25px;
        }

    .e-grid.e-rtl .e-rowcell:first-child,
    .e-grid.e-rtl .e-summarycell:first-child {
        padding-right: 8px;
    }

    .e-grid.e-rtl .e-rowcell:last-child,
    .e-grid.e-rtl .e-summarycell:last-child {
        padding-left: 8px;
    }

    .e-grid.e-rtl.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
        margin: 3px 5px 0 2px;
    }

    .e-grid.e-rtl.e-wrap .e-gridheader .e-sortnumber {
        margin: 3px 5px 0 2px;
    }

    .e-grid.e-rtl.e-wrap .e-gridheader .e-sortfilterdiv {
        margin: -30px 5px;
    }

    .e-grid.e-rtl.e-wrap .e-gridheader .e-rightalign .e-sortfilterdiv {
        margin: -30px 17px;
    }

    .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
        margin: -29px 0 0 10px;
    }

    .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
        margin: -29px 0 0 10px;
    }

    .e-grid.e-rtl .e-gridheader .e-sortfilter .e-rightalign.e-fltr-icon .e-headercelldiv {
        margin: -5px -8px -5px 0;
    }

    .e-grid.e-rtl .e-gridheader .e-sortfilter .e-fltr-icon .e-headercelldiv {
        margin: -5px;
    }

    .e-grid.e-rtl.e-verticallines .e-grouptopleftcell,
    .e-grid.e-rtl.e-bothlines .e-grouptopleftcell,
    .e-grid.e-rtl.e-hidelines .e-grouptopleftcell {
        border-top: 0;
    }

    .e-grid.e-rtl .e-grouptopleftcell {
        border-top: 2px solid;
    }

    .e-grid.e-rtl .e-grouptext {
        margin-left: 0;
        margin-right: 0;
    }

    .e-grid.e-rtl .e-groupheadercell span {
        float: right;
    }

    .e-grid.e-rtl.e-horizontallines .e-grouptopleftcell {
        border-top: 1px solid;
    }

    .e-grid.e-rtl .e-rowcell {
        border-width: 1px 0 0;
    }

    .e-grid.e-rtl .e-filterbarcell,
    .e-grid.e-rtl .e-filterbarcelldisabled {
        border-width: 2px 0 0;
    }

    .e-grid.e-rtl .e-lastrowcell {
        border-width: 1px 1px 1px 0;
    }

    .e-grid.e-rtl .e-gridheader .e-rightalign .e-sortfilterdiv {
        margin: -29px 10px;
    }

    .e-grid.e-rtl .e-cloneproperties {
        border-width: 1px 1px 3px;
    }

    .e-grid.e-rtl tr td:first-child,
    .e-grid.e-rtl tr th:first-child {
        border-left-width: 1px;
    }

    .e-grid.e-rtl.e-default.e-bothlines tr td:first-child:not(.e-summarycell),
    .e-grid.e-rtl.e-default.e-bothlines tr th:first-child {
        border-left-width: 1px;
    }

    .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowcollapse,
    .e-grid.e-rtl.e-default.e-bothlines tr td:first-child.e-detailrowexpand {
        border-left-width: 0;
    }

    .e-grid.e-rtl.e-default tr td:last-child,
    .e-grid.e-rtl.e-default tr th:last-child {
        border-left: 0;
    }

    .e-grid.e-rtl.e-default.e-verticallines tr th:last-child {
        border-left: 1px solid;
    }

    .e-grid.e-rtl.e-default .e-gridheader tr th:last-child {
        padding-left: 8px;
        padding-right: 8px;
    }

    .e-grid.e-rtl.e-default .e-gridheader tr th:first-child {
        padding-left: 8px;
        padding-right: 8px;
    }

    .e-grid.e-rtl.e-default th:first-child .e-grid.e-rtl.e-default .e-headercell,
    .e-grid.e-rtl.e-default .e-detailheadercell {
        border-width: 0;
    }

    .e-grid.e-rtl.e-default .e-rowcell {
        border-width: 1px 0 0;
    }

    .e-grid.e-rtl.e-default.e-verticallines .e-headercell,
    .e-grid.e-rtl.e-default.e-verticallines .e-rowcell,
    .e-grid.e-rtl.e-default.e-verticallines .e-filterbarcell,
    .e-grid.e-rtl.e-default.e-verticallines .e-detailheadercell,
    .e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-firstcell {
        border-width: 0 0 0 1px;
    }

    .e-grid.e-rtl.e-default.e-verticallines tr th:first-child:not(.e-firstcell) {
        border-left-width: 1px;
    }

    .e-grid.e-rtl.e-default .e-stackedheadercell,
    .e-grid.e-rtl.e-default.e-horizontallines .e-stackedheadercell {
        border-width: 0 1px 1px 0;
    }

    .e-grid.e-rtl.e-default .e-gridheader th.e-firstcell,
    .e-grid.e-rtl.e-default.e-horizontallines .e-gridheader th.e-firstcell {
        border-left-width: 0;
        border-right-width: 1px;
    }

    .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-firstcell {
        border-left-width: 1px;
        border-right-width: 0;
    }

    .e-grid.e-rtl.e-default .e-gridheader .e-headercell.e-firstheader,
    .e-grid.e-rtl.e-default.e-horizontallines .e-headercell.e-firstheader {
        border-left: 0;
    }

    .e-grid.e-rtl.e-default.e-hidelines .e-gridheader th.e-firstcell {
        border-left: 0;
        border-right: 0;
    }

    .e-grid.e-rtl.e-default .e-gridheader .e-headercell.e-firstheader,
    .e-grid.e-rtl.e-default.e-horizontallines .e-gridheader .e-headercell.e-firstheader {
        border-right: 1px solid;
    }

    .e-grid.e-rtl.e-default.e-verticallines .e-gridheader .e-headercell.e-firstheader {
        border-right: 0;
    }

    .e-grid.e-rtl.e-default.e-verticallines .e-gridheader .e-headercell.e-firstheader,
    .e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
        border-left: 1px solid;
    }

    .e-grid.e-rtl.e-default.e-verticallines .e-headercell.e-stackedheadercell {
        border-bottom: 1px solid;
    }

    .e-grid.e-rtl.e-default .e-detailcell,
    .e-grid.e-rtl.e-default.e-bothlines .e-detailcell {
        border-right-style: solid;
        border-right-width: 1px;
    }

    .e-grid.e-rtl .e-cc-searchdiv span.e-ccsearch-icon.e-icons {
        float: left;
    }

    .e-grid.e-rtl .e-groupsort,
    .e-grid.e-rtl .e-ungroupbutton,
    .e-grid.e-rtl .e-toggleungroup {
        margin-left: 0;
        margin-right: -5px;
    }

    .e-grid.e-rtl span.e-ungroupbutton.e-icons {
        margin-left: 0;
        margin-right: -6px;
        padding-top: 1px;
    }

    .e-grid.e-rtl.e-default.e-bothlines .e-headercell,
    .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
        border-width: 0 0 0 1px;
    }

    .e-grid.e-rtl.e-default table th[rowspan] {
        border-width: 0 1px 0 0;
    }

    .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
    .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
        border-left: 1px solid;
        border-right: 0;
    }

    .e-grid.e-rtl.e-bothlines .e-gridheader th.e-stackedheadercell {
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .e-grid.e-rtl.e-bothlines .e-filterbarcell,
    .e-grid.e-rtl.e-bothlines .e-filterbarcelldisabled {
        border-width: 2px 0 0 1px;
    }

    .e-grid.e-rtl.e-bothlines .e-rowcell,
    .e-grid.e-rtl.e-bothlines .e-rowcell.e-lastrowcell {
        border-width: 1px 0 0 1px;
    }

    .e-grid.e-rtl.e-verticallines .e-rowcell,
    .e-grid.e-rtl.e-verticallines .e-filterbarcell {
        border-width: 1px 0 0 1px;
    }

    .e-grid.e-rtl.e-hidelines .e-rowcell,
    .e-grid.e-rtl.e-hidelines .e-headercell,
    .e-grid.e-rtl.e-hidelines .e-detailheadercell,
    .e-grid.e-rtl.e-hidelines .e-filterbarcell {
        border-width: 0;
    }

    .e-grid.e-rtl.e-horizontallines .e-rowcell {
        border-width: 1px 0 0;
    }

    .e-grid.e-rtl.e-horizontallines .e-filterbarcell {
        border-width: 2px 0 0;
    }

    .e-grid.e-rtl.e-horizontallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-verticallines .e-rowcell.e-lastrowcell, .e-grid.e-rtl.e-hidelines .e-rowcell.e-lastrowcell {
        border-bottom-width: 1px;
    }

    .e-grid.e-rtl.e-verticallines .e-firstchildrow .e-rowcell, .e-grid.e-rtl.e-hidelines .e-firstchildrow .e-rowcell {
        border-top-width: 1px;
    }

    .e-grid.e-rtl .e-groupheadercell .e-icons::before {
        display: inline-block;
    }

    .e-grid.e-rtl .e-groupheadercell .e-cancel {
        padding-left: 23px;
        padding-right: 0;
        padding-top: 2px;
    }

    .e-grid.e-rtl .e-groupheadercell,
    .e-grid.e-rtl .e-groupheadercell:hover {
        margin-left: 0;
        margin-right: 8px;
        padding: 6px 0;
    }

        .e-grid.e-rtl .e-groupheadercell,
        .e-grid.e-rtl .e-groupheadercell:hover {
            float: right;
        }

    .e-grid.e-rtl .e-groupdroparea {
        text-align: center;
    }

    .e-grid.e-rtl .e-ungroupbutton {
        float: left;
    }

    .e-grid.e-rtl tr:not(.e-summaryrow) td.e-indentcell {
        border-style: solid;
        border-width: 0 0 0 1px;
    }

    .e-grid.e-rtl .e-defaultcell.e-ralign,
    .e-grid.e-rtl .e-row .e-input.e-defaultcell.e-ralign,
    .e-grid.e-rtl .e-defaultcell.e-ralign:focus,
    .e-grid.e-rtl .e-editedrow .e-defaultcell.e-ralign:focus {
        padding-left: 10px;
    }

    .e-grid.e-rtl .e-detailindentcell {
        border-left-style: solid;
        border-left-width: 1px;
        border-right-width: 0;
    }

    .e-grid.e-rtl .e-filtermenudiv {
        float: left;
        margin: -20px 0 -20px -25px;
        padding: 6px;
    }

    .e-grid.e-wrap .e-rowcell,
    .e-grid.e-wrap .e-columnheader .e-stackedheadercelldiv,
    .e-grid.e-wrap .e-columnheader .e-headercelldiv {
        height: Auto;
        line-height: 20px;
        ow-wrap: break-word;
        text-overflow: clip;
        white-space: normal;
        word-wrap: break-word;
    }

    .e-grid.e-wrap .e-columnheader .e-headercelldiv,
    .e-grid .e-columnheader.e-wrap .e-headercelldiv {
        margin-bottom: 2px;
        margin-top: 0;
    }

    .e-grid .e-columnheader.e-wrap .e-headercelldiv,
    .e-grid .e-columnheader.e-wrap .e-stackedheadercelldiv,
    .e-grid .e-gridcontent.e-wrap .e-rowcell,
    .e-grid .e-frozenhdrcont.e-wrap .e-rowcell {
        height: Auto;
        line-height: 18px;
        overflow-wrap: break-word;
        text-overflow: clip;
        white-space: normal;
        word-wrap: break-word;
    }

    .e-grid .e-stackedheadercelldiv {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .e-grid .e-columnheader.e-wrap .e-sortfilterdiv,
    .e-grid.e-wrap .e-columnheader .e-sortfilterdiv {
        margin: -30px 10px;
    }

    .e-grid .e-columnheader.e-wrap .e-icon-group::before,
    .e-grid.e-wrap .e-columnheader .e-icon-group::before {
        display: inline-block;
    }

    .e-grid.e-responsive .e-rowcell.e-gridclip,
    .e-grid.e-responsive .e-gridclip .e-headercelldiv,
    .e-grid.e-responsive .e-stackedheadercelldiv.e-gridclip {
        text-overflow: clip;
    }

    .e-grid .e-clipboard {
        cursor: default;
        height: 1px;
        left: -1000px;
        overflow: hidden;
        position: fixed;
        resize: none;
        top: -1000px;
        width: 1px;
    }

.e-grid-min-height .e-rowcell {
    line-height: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.e-grid-min-height .e-gridheader .e-headercell,
.e-grid-min-height .e-gridheader .e-detailheadercell,
.e-grid-min-height .e-gridheader .e-headercell .e-headercelldiv {
    height: auto;
}

.e-grid-min-height .e-gridcontent .e-groupcaption {
    line-height: normal;
    padding: 0 .7em;
}

.e-grid-min-height .e-summarycell {
    line-height: normal;
    padding: 0 8px;
}

.e-device.e-grid-min-height .e-rowcell,
.e-device.e-grid-min-height .e-rowcell:first-child,
.e-device.e-grid-min-height .e-rowcell:last-child {
    padding-bottom: 0;
    padding-top: 0;
}

.e-bigger .e-grid.e-grid-min-height .e-rowcell,
.e-bigger .e-grid.e-grid-min-height .e-rowcell:first-child,
.e-bigger .e-grid.e-grid-min-height .e-rowcell:last-child {
    line-height: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.e-bigger .e-wrap.e-grid-min-height .e-rowcell {
    line-height: 18px;
}

.e-bigger .e-wrap.e-grid-min-height .e-frozencontent table tr td:first-child:empty,
.e-bigger .e-wrap.e-grid-min-height .e-movablecontent table tr td:first-child:empty,
.e-bigger .e-wrap.e-grid-min-height .e-frozenhdrcont table tr td:first-child:empty {
    height: 18px;
}

.e-rtl .e-grid .e-headercell,
.e-rtl .e-grid .e-detailheadercell,
.e-rtl .e-grid .e-headercelldiv,
.e-rtl .e-grid .e-headercelldiv.e-headerchkcelldiv {
    text-align: right;
}

/*! Grid theme */
.e-grid {
    border-color: #ddd;
}

    .e-grid .e-content {
        background-color: #fff;
    }

    .e-grid .e-icons {
        color: #333;
    }

    .e-grid .e-table {
        background-color: #fff;
    }

    .e-grid .e-focused:not(.e-menu-item) {
        box-shadow: 0 0 0 1px var(--primary-color-empresa) inset;
    }

    .e-grid .e-gridheader .e-icons:not(.e-icon-hide):not(.e-check) {
        color: white;
    }

    .e-grid .e-groupdroparea .e-icons {
        color: #333;
    }

    .e-grid.e-default {
        background-color: "";
    }

    .e-grid .e-tableborder {
        border-right-color: #ddd;
    }

    .e-grid .e-gridheader {
        background-color: #fff;
        border-bottom-color: #ddd;
        border-top-color: #ddd;
        color: #333;
    }

    .e-grid .e-gridcontent tr:first-child td {
        border-top-color: transparent;
    }

    .e-grid th.e-headercell[aria-sort='ascending'] .e-headertext,
    .e-grid th.e-headercell[aria-sort='descending'] .e-headertext,
    .e-grid th.e-headercell[aria-sort='ascending'] .e-sortfilterdiv,
    .e-grid th.e-headercell[aria-sort='descending'] .e-sortfilterdiv {
        color: #333;
        opacity: 1;
    }

    .e-grid.e-default.e-verticallines .e-headercell.e-stackedheadercell {
        border-color: #ddd;
    }

    .e-grid.e-default.e-horizontallines .e-grouptopleftcell {
        border-color: #ddd;
    }

    .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: #ddd;
    }

    .e-grid.e-default .e-gridheader .e-headercell.e-firstheader,
    .e-grid.e-default.e-horizontallines .e-headercell.e-firstheader {
        border-color: #ddd;
    }

    .e-grid .e-filterbarcell input {
        border-color: #ddd;
    }

    .e-grid .e-gridcontent {
        background-color: #fff;
    }

    .e-grid .e-gridfooter {
        background-color: #eee;
    }

    .e-grid .e-headercontent {
        border-color: #ddd;
    }

    .e-grid .e-headercell,
    .e-grid .e-detailheadercell {
        background-color: #fff;
        border-color: #ddd;
    }

    .e-grid [aria-selected] + tr .e-detailindentcell {
        border-color: #ddd;
    }

    .e-grid tr th.e-firstcell {
        border-left-color: #ddd;
        border-right-color: #ddd;
    }

    .e-grid .e-rowcell,
    .e-grid .e-detailrowcollapse,
    .e-grid .e-detailrowexpand {
        color: #333;
        opacity: 1;
    }

    .e-grid .e-summarycell {
        background-color: #fff;
        border-color: #ddd;
        color: #333;
    }

    .e-grid .e-summaryrow .e-summarycell,
    .e-grid .e-summaryrow .e-templatecell {
        background-color: #eee;
        border-color: #ddd;
        color: #333;
    }

    .e-grid .e-rowcell,
    .e-grid .e-groupcaption,
    .e-grid .e-indentcell,
    .e-grid .e-recordplusexpand,
    .e-grid .e-recordpluscollapse,
    .e-grid .e-detailrowcollapse,
    .e-grid .e-detailrowexpand,
    .e-grid .e-detailindentcell,
    .e-grid .e-detailcell {
        border-color: #ddd;
        /* background: #4caf50; */
        /* color: white; */
    }

    .e-grid.e-default .e-grouptopleftcell {
        border-color: #ddd;
    }

    .e-grid .e-frozenhdrcont .e-headercontent > .e-table,
    .e-grid .e-frozenhdrcont .e-frozenheader > .e-table,
    .e-grid .e-frozenhdrcont .e-movableheader > .e-table {
        border-bottom-color: #4caf50;
    }

    .e-grid .e-frozenheader > .e-table,
    .e-grid .e-frozencontent > .e-table {
        border-right-color: #4caf50;
    }

    .e-grid.e-rtl .e-frozenheader > .e-table,
    .e-grid.e-rtl .e-frozencontent > .e-table {
        border-left-color: #4caf50;
    }

    .e-grid.e-gridhover tr[role='row']:not(.e-editedrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
    .e-grid.e-gridhover tr[role='row']:hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
    .e-grid.e-gridhover tr[role='row']:hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
        background-color: #f5f5f5;
    }

    .e-grid .e-sortnumber {
        background-color: #bbbdc0;
        color: #000;
    }

    .e-grid .e-col-menu.e-filter-popup {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    }

    .e-grid td.e-active {
        background: #e6e6e6;
        color: #333;
    }

    .e-grid td.e-cellselectionbackground {
        background: #e6e6e6;
        color: #333;
    }

    .e-grid .e-filterbarcell,
    .e-grid .e-filterbarcelldisabled {
        background-color: #fff;
        background-image: none;
        border-color: #ddd;
    }

    .e-grid .e-filtered::before {
        color: #fff;
    }

    .e-grid .e-gridpopup .e-content {
        background-color: #fff;
        border-color: #ddd;
    }

    .e-grid .e-gridpopup span:hover,
    .e-grid .e-gridpopup .e-spanclicked {
        border-color: #333;
    }

    .e-grid .e-gridpopup .e-downtail::before,
    .e-grid .e-gridpopup .e-downtail {
        border-top-color: #ddd;
    }

        .e-grid .e-gridpopup .e-downtail::after {
            border-top-color: #fff;
        }

    .e-grid .e-gridpopup .e-uptail::before,
    .e-grid .e-gridpopup .e-uptail {
        border-bottom-color: #ddd;
    }

        .e-grid .e-gridpopup .e-uptail::after {
            border-bottom-color: #fff;
        }

    .e-grid .e-cloneproperties {
        background-color: #fff;
        border-color: #ddd;
        color: #333;
    }

    .e-grid .e-rhelper {
        background-color: #8c8c8c;
        cursor: col-resize;
        opacity: 1;
    }

    .e-grid.e-device .e-rcursor::before {
        border-right-color: #8c8c8c;
        opacity: 1;
    }

    .e-grid.e-device .e-rcursor::after {
        border-left-color: #8c8c8c;
        opacity: 1;
    }

    .e-grid.e-resize-lines .e-headercell .e-rhandler,
    .e-grid.e-resize-lines .e-headercell .e-rsuppress {
        border-right: 1px solid #ddd;
    }

    .e-grid.e-resize-lines .e-focused .e-rhandler {
        border: 0 none;
    }

    .e-grid.e-resize-lines .e-headercell.e-stackedheadercell {
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }

    .e-grid.e-rtl.e-resize-lines .e-headercell.e-stackedheadercell,
    .e-grid.e-rtl.e-resize-lines .e-headercell .e-rhandler,
    .e-grid.e-rtl.e-resize-lines .e-headercell .e-rsuppress {
        border-left: 1px solid #ddd;
        border-right-width: 0;
    }

    .e-grid.e-resize-lines .e-filterbarcell,
    .e-grid.e-rtl.e-resize-lines .e-filterbarcell {
        border-top: 1px solid #ddd;
    }

    .e-grid .e-draganddrop {
        opacity: .5;
    }

    .e-grid .e-griddragarea {
        background-color: #fff;
        border-color: #fff;
        color: #333;
    }

    .e-grid .e-groupdroparea {
        background-color: #f5f5f5;
        border-top-color: #ddd;
        color: #333;
    }

        .e-grid .e-groupdroparea.e-hover {
            background-color: var(--primary-color-empresa);
            color: white;
        }

        .e-grid .e-groupdroparea.e-grouped {
            background-color: var(--primary-color-empresa);
            color: white;
        }

    .e-grid .e-groupheadercell {
        background-color: #fff;
        border-color: #000;
        border-radius: 4px;
        color: #333;
    }

        .e-grid .e-groupheadercell:hover {
            background-color: #fff;
            border-color: #000;
        }

    .e-grid .e-ungroupbutton:hover {
        color: #333;
        opacity: 1;
    }

    .e-grid .e-ungroupbutton {
        opacity: 1px;
    }

    .e-grid .e-groupcaption,
    .e-grid .e-indentcell,
    .e-grid .e-recordplusexpand,
    .e-grid .e-recordpluscollapse {
        /* background-color: #fff; */
        /* color: #333; */
        background: #ccc;
        color: white;
    }

    .e-grid .e-grouptopleftcell {
        background-color: #fff;
        border-color: #ddd;
    }

    .e-grid .e-stackedheadercell {
        border-bottom-color: #ddd;
    }

    .e-grid .e-verticallines tr th {
        border-color: #ddd;
    }

    .e-grid td.e-updatedtd {
        background-color: #d7f9c7;
        color: #333;
    }

    .e-grid .e-gridcontent .e-normaledit .e-rowcell {
        border-top-color: #ddd;
    }

    .e-grid .e-excelfilter .e-footer-content {
        border-color: rgba(230, 230, 230, 0.12);
        opacity: 1;
    }

    .e-grid .e-ccdlg .e-footer-content {
        border-color: rgba(230, 230, 230, 0.12);
        opacity: 1;
    }

    .e-grid .e-ccdlg .e-cc-searchdiv {
        border-color: #212121;
    }

        .e-grid .e-ccdlg .e-cc-searchdiv.e-input-focus {
            border-color: #ff4081;
        }

    .e-grid.e-rtl .e-verticallines tr th:first-child:not(.e-firstcell) {
        border-color: #ddd;
    }

    .e-grid.e-rtl.e-default .e-gridheader .e-headercell.e-firstheader,
    .e-grid.e-rtl.e-default.e-horizontallines .e-headercell.e-firstheader,
    .e-grid.e-rtl.e-default.e-verticallines .e-gridheader .e-headercell.e-firstheader,
    .e-grid.e-rtl.e-default.e-verticallines .e-headercell.e-stackedheadercell,
    .e-grid.e-rtl.e-default.e-verticallines tr th:last-child,
    .e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell,
    .e-grid.e-rtl.e-default.e-verticallines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell,
    .e-grid.e-rtl.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
    .e-grid.e-rtl.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
        border-color: #ddd;
    }

    .e-grid.e-rtl .e-tableborder {
        border-left-color: #ddd;
    }

.e-tooltip-wrap.e-griderror {
    background-color: #fcdbe4;
    border-color: #fcdbe4;
}

    .e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-top,
    .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-top {
        border-bottom: 8px solid #fcdbe4;
        color: #fcdbe4;
    }

    .e-tooltip-wrap.e-griderror .e-arrow-tip-outer.e-tip-bottom,
    .e-tooltip-wrap.e-griderror .e-arrow-tip-inner.e-tip-bottom {
        border-top: 8px solid #fcdbe4;
        color: #fcdbe4;
    }

    .e-tooltip-wrap.e-griderror .e-tip-content,
    .e-tooltip-wrap.e-griderror .e-tip-content label {
        color: #f44336;
    }

/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-maps-popup-close {
    display: block;
    opacity: 0;
}

.e-maps-toolbar:hover {
    cursor: pointer;
}

    .e-maps-toolbar:hover > path {
        fill: rgba(230, 21, 118, 0.993);
        stroke: rgba(230, 21, 118, 0.993);
    }

    .e-maps-toolbar:hover > polygon {
        fill: rgba(230, 21, 118, 0.993);
    }

.e-maps-cursor-disable:hover {
    cursor: not-allowed;
}

.e-maps-panning:hover {
    cursor: pointer;
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-multi-select-wrapper .e-close-hooker::before {
    content: "";
    cursor: pointer;
    left: 15px;
    position: relative;
    top: 17px;
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
    content: "";
    cursor: pointer;
    left: 10px;
    position: relative;
    top: 9px;
}

.e-multiselect.e-input-group .e-ddl-icon::before {
    content: "";
    font-family: 'e-icons';
}

.e-multiselect.e-input-group .e-ddl-disable-icon::before {
    content: '';
}

.e-multi-select-wrapper {
    cursor: text;
    line-height: normal;
    min-height: 34px;
    padding: 0 32px 0 2px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

    .e-multi-select-wrapper.e-delimiter .e-searcher {
        height: 27px;
        vertical-align: middle;
    }

        .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
            height: 100%;
            min-height: 100%;
        }

    .e-multi-select-wrapper .e-delim-view {
        white-space: nowrap;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
        color: #fff;
        font-size: 10px;
        left: 17px;
        top: 8px;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
        background-color: #4caf50;
        color: #fff;
        padding: 13px 0 13px 0;
    }

    .e-multi-select-wrapper .e-searcher.e-zero-size {
        width: 1px;
    }

        .e-multi-select-wrapper .e-searcher.e-zero-size input[type='text'] {
            height: 1px;
            min-height: 1px;
        }

    .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
        max-width: 100%;
    }

.e-bigger .e-multi-select-wrapper {
    min-height: 38px;
}

.e-multi-select-wrapper.e-close-icon-hide {
    padding-right: 0;
}

.e-multi-select-wrapper .e-chips-collection {
    cursor: default;
    display: block;
}

.e-multi-select-wrapper .e-multi-hidden {
    border: 0;
    height: 0;
    visibility: hidden;
    width: 0;
}

.e-multi-select-wrapper .e-chips {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    margin: 2px 4px 2px 0;
    padding: 0;
}

.e-bigger .e-multi-select-wrapper .e-chips {
    margin: 3px 4px 2px 0;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
    max-width: 100%;
    overflow: hidden;
    padding: 6px 10px 6px 10px;
    text-indent: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-multi-select-wrapper.e-delimiter .e-searcher {
    display: inline-block;
    float: none;
}

.e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
    padding: 7px 10px 7px 10px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
    padding: 7px 10px 7px 10px;
}

.e-multi-select-wrapper .e-chips-close {
    -ms-flex-item-align: center;
    align-self: center;
    display: -ms-flexbox;
    display: flex;
    float: right;
    font-family: 'e-icons';
    height: 30px;
    margin: 0 0 0;
    width: 30px;
}

.e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
    margin: 1px 0 0;
}

.e-multi-select-wrapper .e-chips-close.e-close-hooker {
    cursor: default;
    font-size: 10px;
    height: 40px;
    margin-top: -4em;
    position: absolute;
    right: 0;
    top: 100%;
    width: 40px;
}

.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
    right: 38px;
}

.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
    margin-top: -4em;
}

.e-multi-select-wrapper input[type='text'] {
    background: none;
    border: 0;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    min-height: 32px;
    outline: none;
    padding: 0;
    text-indent: 6px;
}

.e-bigger .e-multi-select-wrapper input[type='text'],
.e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
    height: 32px;
    min-height: 32px;
}

.e-bigger .e-multi-select-wrapper input[type='text'] {
    height: 38px;
    min-height: 38px;
}

.e-multi-select-wrapper input[type='text']::-ms-clear {
    display: none;
}

.e-multi-select-wrapper .e-searcher {
    display: block;
    float: left;
    width: auto;
}

.e-multi-select-wrapper .e-delim-values {
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 35px;
    max-width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: middle;
}

.e-bigger .e-multi-select-wrapper .e-delim-values {
    line-height: 39px;
}

.e-multi-select-list-wrapper .e-hide-listitem {
    display: none;
}

.e-multi-select-wrapper .e-delim-values .e-remain {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding-left: 10px;
}

.e-multiselect.e-disabled .e-multi-select-wrapper,
.e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
    cursor: not-allowed;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
    height: 46px;
    left: 0;
    margin: 0 0 0 0;
    position: relative;
    top: 0;
    width: 46px;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
    -ms-flex-item-align: center;
    align-self: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 0 0 20px;
    width: 92%;
}

.e-multi-select-wrapper .e-ddl-disable-icon::before {
    content: '';
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
    float: none;
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
    padding-left: 0;
}

.e-multiselect.e-rtl .e-multi-select-wrapper {
    padding: 0 2px 0 32px;
}

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
        left: -10px;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
        margin: 0;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
        float: right;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
        float: right;
        margin: 2px 0 2px 4px;
        padding: 0 8px 0 0;
    }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
            padding: 6px 10px 6px 10px;
        }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
            float: left;
        }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
                left: -10px;
            }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
            padding: 0 4px 0 8px;
        }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
                padding: 8px 4px;
            }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
                padding: 0 8px 0 4px;
            }

                .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
                    padding: 12px 4px;
                }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
        left: 0;
        position: absolute;
        right: auto;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
        left: -15px;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
        padding-right: 10px;
    }

.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 8px;
    position: relative;
    text-indent: 0;
    vertical-align: middle;
}

.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 10px;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
    margin-left: 12px;
    margin-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
    padding-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
    padding-right: 15px;
}

.e-multi-select-list-wrapper .e-selectall-parent {
    cursor: pointer;
    display: block;
    line-height: 26px;
    overflow: hidden;
    position: relative;
    text-indent: 21px;
    white-space: nowrap;
    width: 100%;
}

    .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
        color: #333;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
    }

.e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
    font-size: 15px;
    line-height: 40px;
    text-indent: 25px;
}

.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 8px;
    position: relative;
    text-indent: 0;
    vertical-align: middle;
}

.e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 10px;
}

.e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
    margin-left: 12px;
    margin-right: 0;
}

.e-multiselect .e-input-group-icon.e-ddl-icon {
    float: right;
    margin-top: 0;
    height: 36px;
    width: 36px;
}

.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
    float: left;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper {
    padding: 2px 0 0;
    padding: 0;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
    padding: 0 16px;
}

.e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
    padding: 4px 0;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-clear-icon,
.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-clear-icon {
    padding-left: 8px;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
    margin: -2px 10px 0 -54px;
    padding: 0;
    position: absolute;
}

.e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
    line-height: 39px;
}

.e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
    line-height: 20px;
    padding-left: 10px;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame {
    opacity: .3;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-disable {
    opacity: .7;
}

.e-multi-select-wrapper input[readonly='true'] {
    pointer-events: none;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
    pointer-events: none;
}

.e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
    color: #333;
}

.e-multi-select-wrapper .e-chips.e-chip-selected {
    background-color: #ccc;
}

    .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
        background-color: #ddd;
    }

.e-multiselect {
    box-sizing: border-box;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
    color: #333;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
}

.e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
    color: #333;
}

    .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
        color: #333;
    }

.e-multi-select-wrapper .e-chips {
    background-color: #e6e6e6;
    border-radius: 4px;
    height: 30px;
}

    .e-multi-select-wrapper .e-chips:hover {
        background-color: #d4d4d4;
    }

    .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
        color: #333;
    }

    .e-multi-select-wrapper .e-chips .e-chips-close::before {
        color: #333;
        font-size: 10px;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
        background-color: #4caf50;
        border-radius: 4px;
        color: #fff;
        display: block;
        height: 46px;
        line-height: 46px;
    }

        .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
            color: #fff;
        }

    .e-multi-select-wrapper .e-chips.e-mob-chip,
    .e-bigger .e-multi-select-wrapper .e-chips {
        height: 32px;
    }

.e-popup.e-multi-select-list-wrapper {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-sizing: content-box;
    overflow: initial;
}

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
        border-bottom: 1px solid transparent;
        border-left: 1px solid #4caf50;
        border-right: 1px solid #4caf50;
        border-top: 1px solid #142f46;
    }

    .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
        background-color: transparent;
        border-color: transparent;
        color: #333;
    }

        .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
            color: #333;
        }

        .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
            background-color: #f5f5f5;
        }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
        border-bottom: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
        border-top: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
        background-color: #4caf50;
        border: 1px solid #4caf50;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        color: #fff;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item {
        border: 1px solid transparent;
    }

.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
    color: #999;
}

.e-ul.e-reorder {
    border-bottom: 1px solid #e6e6e6;
}

.e-multi-select-list-wrapper .e-selectall-parent {
    border-bottom: 1px solid #e6e6e6;
}

/*! calendar default definitions and variables */
/*! calendar bootstrap theme variables */
/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-date-overflow {
    overflow: hidden !important;
}

@media screen and (orientation: landscape) and (max-device-height: 360px) {
    .e-datepicker .e-calendar .e-month table tbody {
        display: inline-block;
        height: 150px;
        overflow: auto;
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-range-overflow {
    overflow: auto;
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-multi-select-wrapper .e-close-hooker::before {
    content: "";
    cursor: pointer;
    left: 15px;
    position: relative;
    top: 17px;
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
    content: "";
    cursor: pointer;
    left: 10px;
    position: relative;
    top: 9px;
}

.e-multiselect.e-input-group .e-ddl-icon::before {
    content: "";
    font-family: 'e-icons';
}

.e-multiselect.e-input-group .e-ddl-disable-icon::before {
    content: '';
}

.e-multi-select-wrapper {
    cursor: text;
    line-height: normal;
    min-height: 34px;
    padding: 0 32px 0 2px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

    .e-multi-select-wrapper.e-delimiter .e-searcher {
        height: 27px;
        vertical-align: middle;
    }

        .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
            height: 100%;
            min-height: 100%;
        }

    .e-multi-select-wrapper .e-delim-view {
        white-space: nowrap;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
        color: #fff;
        font-size: 10px;
        left: 17px;
        top: 8px;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
        background-color: #4caf50;
        color: #fff;
        padding: 13px 0 13px 0;
    }

    .e-multi-select-wrapper .e-searcher.e-zero-size {
        width: 1px;
    }

        .e-multi-select-wrapper .e-searcher.e-zero-size input[type='text'] {
            height: 1px;
            min-height: 1px;
        }

    .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
        max-width: 100%;
    }

.e-bigger .e-multi-select-wrapper {
    min-height: 38px;
}

.e-multi-select-wrapper.e-close-icon-hide {
    padding-right: 0;
}

.e-multi-select-wrapper .e-chips-collection {
    cursor: default;
    display: block;
}

.e-multi-select-wrapper .e-multi-hidden {
    border: 0;
    height: 0;
    visibility: hidden;
    width: 0;
}

.e-multi-select-wrapper .e-chips {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    margin: 2px 4px 2px 0;
    padding: 0;
}

.e-bigger .e-multi-select-wrapper .e-chips {
    margin: 3px 4px 2px 0;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
    max-width: 100%;
    overflow: hidden;
    padding: 6px 10px 6px 10px;
    text-indent: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-multi-select-wrapper.e-delimiter .e-searcher {
    display: inline-block;
    float: none;
}

.e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
    padding: 7px 10px 7px 10px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
    padding: 7px 10px 7px 10px;
}

.e-multi-select-wrapper .e-chips-close {
    -ms-flex-item-align: center;
    align-self: center;
    display: -ms-flexbox;
    display: flex;
    float: right;
    font-family: 'e-icons';
    height: 30px;
    margin: 0 0 0;
    width: 30px;
}

.e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
    margin: 1px 0 0;
}

.e-multi-select-wrapper .e-chips-close.e-close-hooker {
    cursor: default;
    font-size: 10px;
    height: 40px;
    margin-top: -4em;
    position: absolute;
    right: 0;
    top: 100%;
    width: 40px;
}

.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
    right: 38px;
}

.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
    margin-top: -4em;
}

.e-multi-select-wrapper input[type='text'] {
    background: none;
    border: 0;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    min-height: 32px;
    outline: none;
    padding: 0;
    text-indent: 6px;
}

.e-bigger .e-multi-select-wrapper input[type='text'],
.e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
    height: 32px;
    min-height: 32px;
}

.e-bigger .e-multi-select-wrapper input[type='text'] {
    height: 38px;
    min-height: 38px;
}

.e-multi-select-wrapper input[type='text']::-ms-clear {
    display: none;
}

.e-multi-select-wrapper .e-searcher {
    display: block;
    float: left;
    width: auto;
}

.e-multi-select-wrapper .e-delim-values {
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 35px;
    max-width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: middle;
}

.e-bigger .e-multi-select-wrapper .e-delim-values {
    line-height: 39px;
}

.e-multi-select-list-wrapper .e-hide-listitem {
    display: none;
}

.e-multi-select-wrapper .e-delim-values .e-remain {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding-left: 10px;
}

.e-multiselect.e-disabled .e-multi-select-wrapper,
.e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
    cursor: not-allowed;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
    height: 46px;
    left: 0;
    margin: 0 0 0 0;
    position: relative;
    top: 0;
    width: 46px;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
    -ms-flex-item-align: center;
    align-self: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 0 0 20px;
    width: 92%;
}

.e-multi-select-wrapper .e-ddl-disable-icon::before {
    content: '';
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
    float: none;
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
    padding-left: 0;
}

.e-multiselect.e-rtl .e-multi-select-wrapper {
    padding: 0 2px 0 32px;
}

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
        left: -10px;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
        margin: 0;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
        float: right;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
        float: right;
        margin: 2px 0 2px 4px;
        padding: 0 8px 0 0;
    }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
            padding: 6px 10px 6px 10px;
        }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
            float: left;
        }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
                left: -10px;
            }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
            padding: 0 4px 0 8px;
        }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
                padding: 8px 4px;
            }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
                padding: 0 8px 0 4px;
            }

                .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
                    padding: 12px 4px;
                }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
        left: 0;
        position: absolute;
        right: auto;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
        left: -15px;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
        padding-right: 10px;
    }

.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 8px;
    position: relative;
    text-indent: 0;
    vertical-align: middle;
}

.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 10px;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
    margin-left: 12px;
    margin-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
    padding-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
    padding-right: 15px;
}

.e-multi-select-list-wrapper .e-selectall-parent {
    cursor: pointer;
    display: block;
    line-height: 26px;
    overflow: hidden;
    position: relative;
    text-indent: 21px;
    white-space: nowrap;
    width: 100%;
}

    .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
        color: #333;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
    }

.e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
    font-size: 15px;
    line-height: 40px;
    text-indent: 25px;
}

.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 8px;
    position: relative;
    text-indent: 0;
    vertical-align: middle;
}

.e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 10px;
}

.e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
    margin-left: 12px;
    margin-right: 0;
}

.e-multiselect .e-input-group-icon.e-ddl-icon {
    float: right;
    margin-top: 0;
    height: 36px;
    width: 36px;
}

.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
    float: left;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper {
    padding: 2px 0 0;
    padding: 0;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
    padding: 0 16px;
}

.e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
    padding: 4px 0;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-clear-icon,
.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-clear-icon {
    padding-left: 8px;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
    margin: -2px 10px 0 -54px;
    padding: 0;
    position: absolute;
}

.e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
    line-height: 39px;
}

.e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
    line-height: 20px;
    padding-left: 10px;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame {
    opacity: .3;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-disable {
    opacity: .7;
}

.e-multi-select-wrapper input[readonly='true'] {
    pointer-events: none;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
    pointer-events: none;
}

.e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
    color: #333;
}

.e-multi-select-wrapper .e-chips.e-chip-selected {
    background-color: #ccc;
}

    .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
        background-color: #ddd;
    }

.e-multiselect {
    box-sizing: border-box;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
    color: #333;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
}

.e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
    color: #333;
}

    .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
        color: #333;
    }

.e-multi-select-wrapper .e-chips {
    background-color: #e6e6e6;
    border-radius: 4px;
    height: 30px;
}

    .e-multi-select-wrapper .e-chips:hover {
        background-color: #d4d4d4;
    }

    .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
        color: #333;
    }

    .e-multi-select-wrapper .e-chips .e-chips-close::before {
        color: #333;
        font-size: 10px;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
        background-color: #4caf50;
        border-radius: 4px;
        color: #fff;
        display: block;
        height: 46px;
        line-height: 46px;
    }

        .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
            color: #fff;
        }

    .e-multi-select-wrapper .e-chips.e-mob-chip,
    .e-bigger .e-multi-select-wrapper .e-chips {
        height: 32px;
    }

.e-popup.e-multi-select-list-wrapper {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-sizing: content-box;
    overflow: initial;
}

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
        border-bottom: 1px solid transparent;
        border-left: 1px solid #4caf50;
        border-right: 1px solid #4caf50;
        border-top: 1px solid #142f46;
    }

    .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
        background-color: transparent;
        border-color: transparent;
        color: #333;
    }

        .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
            color: #333;
        }

        .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
            background-color: #f5f5f5;
        }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
        border-bottom: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
        border-top: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
        background-color: #4caf50;
        border: 1px solid #4caf50;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        color: #fff;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item {
        border: 1px solid transparent;
    }

.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
    color: #999;
}

.e-ul.e-reorder {
    border-bottom: 1px solid #e6e6e6;
}

.e-multi-select-list-wrapper .e-selectall-parent {
    border-bottom: 1px solid #e6e6e6;
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's theme wise override definitions and variables */
/*! Recurrence-Editor component layout */
.e-recurrenceeditor .e-editor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 1240px;
}

.e-recurrenceeditor .e-recurrence-table {
    width: 100%;
}

    .e-recurrenceeditor .e-recurrence-table .e-repeat-content {
        display: inline-block;
        font-weight: normal;
        padding: 18px 0 0 8px;
    }

    .e-recurrenceeditor .e-recurrence-table .e-input-wrapper {
        float: none;
        width: 100%;
    }

    .e-recurrenceeditor .e-recurrence-table .e-week-position {
        position: relative;
        right: 16px;
    }

    .e-recurrenceeditor .e-recurrence-table .e-monthday-element {
        padding-left: 10px;
    }

.e-recurrenceeditor .e-form-left,
.e-recurrenceeditor .e-input-wrapper-side.e-form-left {
    padding: 16px 16px 0 0;
}

.e-recurrenceeditor .e-form-right,
.e-recurrenceeditor .e-input-wrapper-side.e-form-right {
    padding: 16px 0 0;
}

.e-recurrenceeditor .e-input-wrapper {
    float: left;
    width: 50%;
}

    .e-recurrenceeditor .e-input-wrapper div {
        margin-bottom: 2.5%;
    }

.e-recurrenceeditor.e-rtl .e-end-on > div,
.e-recurrenceeditor.e-rtl .e-month-expander > div > div {
    float: right;
}

.e-recurrenceeditor .e-days .e-week-expander-label {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.e-recurrenceeditor .e-days button {
    border-radius: 50%;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    height: 35px;
    margin: 0 8px 10px;
    width: 35px;
}

.e-recurrenceeditor .e-hide-recurrence-element {
    display: none;
}

.e-recurrenceeditor .e-half-space {
    width: 20%;
}

.e-recurrenceeditor .e-year-expander {
    margin-bottom: 20px;
}

.e-recurrenceeditor .e-month-expander tr:first-child .e-input-wrapper {
    margin-bottom: 25px;
}

.e-recurrenceeditor .e-month-expander-checkbox-wrapper.e-input-wrapper {
    margin-top: -3px;
}

.e-recurrenceeditor .e-input-wrapper-side {
    float: left;
    padding: 16px 20px 0;
    width: 50%;
}

    .e-recurrenceeditor .e-input-wrapper-side.e-end-on {
        padding-right: 16px;
    }

        .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
            float: none;
            font-size: 12px;
            font-weight: bold;
            margin-bottom: 7px;
        }

        .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
            padding-right: 16px;
        }

    .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-input-wrapper {
        margin: 0;
    }

    .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 7px;
    }

.e-bigger .e-recurrenceeditor {
    padding-top: 10px;
}

    .e-bigger .e-recurrenceeditor .e-form-left,
    .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-form-left,
    .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on,
    .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
        padding-right: 24px;
    }

    .e-bigger .e-recurrenceeditor .e-recurrence-table .e-week-position {
        right: 24px;
    }

    .e-bigger .e-recurrenceeditor .e-days button {
        height: 40px;
        width: 40px;
    }

.e-device .e-recurrenceeditor .e-week-expander-label {
    margin-bottom: 6px;
}

.e-device .e-recurrenceeditor .e-month-expander-label {
    font-size: 12px;
    margin-bottom: 5px;
}

.e-device .e-recurrenceeditor .e-footer-content {
    padding: 12px;
}

.e-device .e-recurrenceeditor .e-form-left,
.e-device .e-recurrenceeditor .e-input-wrapper-side.e-form-left {
    padding: 16px 0 0;
}

.e-device .e-recurrenceeditor.e-end-on {
    padding-right: 0;
}

    .e-device .e-recurrenceeditor.e-end-on .e-end-on-label {
        float: none;
        font-size: 12px;
        font-weight: bold;
        margin-bottom: 7px;
    }

    .e-device .e-recurrenceeditor.e-end-on .e-end-on-left {
        padding-right: 0;
    }

.e-device.e-recurrence-dialog .e-dlg-header-content {
    background: none;
    box-shadow: none;
    padding-bottom: 10px;
}

.e-device.e-recurrence-dialog .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
    margin-bottom: 7px;
}

.e-device.e-recurrence-dialog .e-footer-content {
    padding: 16px 8px;
}

@media (max-width: 580px) {
    .e-recurrenceeditor {
        margin-left: auto;
        margin-right: auto;
        width: 98%;
    }

        .e-recurrenceeditor .e-editor {
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .e-recurrenceeditor .e-editor > .e-input-wrapper.e-form-left {
                margin-top: 0;
            }

            .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
            .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
                margin-bottom: 7px;
            }

            .e-recurrenceeditor .e-editor > div {
                margin-top: 20px;
            }

            .e-recurrenceeditor .e-editor > .e-input-wrapper {
                width: 100%;
            }

            .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on {
                width: 100%;
            }

                .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-input-wrapper {
                    width: 48%;
                }

            .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week {
                width: 100%;
            }

            .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-days {
                width: 100%;
            }
}

/*! Recurrence-Editor component theme */
/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's theme wise override fabric-definitions and variables */
/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! Bootstrap theme definition's */
/*! component's theme wise override definitions and variables */
/*! TreeView's default definitions and variables */
.e-treeview .e-list-item div.e-icons {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    border-radius: 15px;
    transition: transform .3s ease-in-out;
}

.e-treeview .e-list-item .e-icons.e-icon-collapsible {
    transform: rotate(90deg);
}

.e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
    transform: rotate(180deg);
}

.e-treeview.e-rtl div.e-icons {
    transform: rotate(180deg);
}

/*! TreeView's bootstrap theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! calendar default definitions and variables */
/*! calendar bootstrap theme variables */
/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-date-overflow {
    overflow: hidden !important;
}

@media screen and (orientation: landscape) and (max-device-height: 360px) {
    .e-datepicker .e-calendar .e-month table tbody {
        display: inline-block;
        height: 150px;
        overflow: auto;
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-range-overflow {
    overflow: auto;
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.e-multi-select-wrapper .e-close-hooker::before {
    content: "";
    cursor: pointer;
    left: 15px;
    position: relative;
    top: 17px;
}

.e-multi-select-wrapper .e-chips .e-chips-close::before {
    content: "";
    cursor: pointer;
    left: 10px;
    position: relative;
    top: 9px;
}

.e-multiselect.e-input-group .e-ddl-icon::before {
    content: "";
    font-family: 'e-icons';
}

.e-multiselect.e-input-group .e-ddl-disable-icon::before {
    content: '';
}

.e-multi-select-wrapper {
    cursor: text;
    line-height: normal;
    min-height: 34px;
    padding: 0 32px 0 2px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

    .e-multi-select-wrapper.e-delimiter .e-searcher {
        height: 27px;
        vertical-align: middle;
    }

        .e-multi-select-wrapper.e-delimiter .e-searcher .e-dropdownbase {
            height: 100%;
            min-height: 100%;
        }

    .e-multi-select-wrapper .e-delim-view {
        white-space: nowrap;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
        color: #fff;
        font-size: 10px;
        left: 17px;
        top: 8px;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
        background-color: #4caf50;
        color: #fff;
        padding: 13px 0 13px 0;
    }

    .e-multi-select-wrapper .e-searcher.e-zero-size {
        width: 1px;
    }

        .e-multi-select-wrapper .e-searcher.e-zero-size input[type='text'] {
            height: 1px;
            min-height: 1px;
        }

    .e-multi-select-wrapper .e-chips.e-mob-chip > .e-chipcontent {
        max-width: 100%;
    }

.e-bigger .e-multi-select-wrapper {
    min-height: 38px;
}

.e-multi-select-wrapper.e-close-icon-hide {
    padding-right: 0;
}

.e-multi-select-wrapper .e-chips-collection {
    cursor: default;
    display: block;
}

.e-multi-select-wrapper .e-multi-hidden {
    border: 0;
    height: 0;
    visibility: hidden;
    width: 0;
}

.e-multi-select-wrapper .e-chips {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left;
    margin: 2px 4px 2px 0;
    padding: 0;
}

.e-bigger .e-multi-select-wrapper .e-chips {
    margin: 3px 4px 2px 0;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
    max-width: 100%;
    overflow: hidden;
    padding: 6px 10px 6px 10px;
    text-indent: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.e-multi-select-wrapper.e-delimiter .e-searcher {
    display: inline-block;
    float: none;
}

.e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
.e-bigger .e-multi-select-wrapper .e-chips > .e-chipcontent {
    padding: 7px 10px 7px 10px;
}

.e-multiselect.e-rtl .e-multi-select-wrapper .e-mob-chip.e-chips > .e-chipcontent,
.e-bigger .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips > .e-chipcontent {
    padding: 7px 10px 7px 10px;
}

.e-multi-select-wrapper .e-chips-close {
    -ms-flex-item-align: center;
    align-self: center;
    display: -ms-flexbox;
    display: flex;
    float: right;
    font-family: 'e-icons';
    height: 30px;
    margin: 0 0 0;
    width: 30px;
}

.e-multi-select-wrapper .e-mob-chip.e-chips .e-chips-close {
    margin: 1px 0 0;
}

.e-multi-select-wrapper .e-chips-close.e-close-hooker {
    cursor: default;
    font-size: 10px;
    height: 40px;
    margin-top: -4em;
    position: absolute;
    right: 0;
    top: 100%;
    width: 40px;
}

.e-multiselect .e-down-icon .e-chips-close.e-close-hooker {
    right: 38px;
}

.e-bigger .e-multi-select-wrapper .e-chips-close.e-close-hooker {
    margin-top: -4em;
}

.e-multi-select-wrapper input[type='text'] {
    background: none;
    border: 0;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 400;
    height: 32px;
    min-height: 32px;
    outline: none;
    padding: 0;
    text-indent: 6px;
}

.e-bigger .e-multi-select-wrapper input[type='text'],
.e-multi-select-wrapper.e-mob-wrapper input[type='text'] {
    height: 32px;
    min-height: 32px;
}

.e-bigger .e-multi-select-wrapper input[type='text'] {
    height: 38px;
    min-height: 38px;
}

.e-multi-select-wrapper input[type='text']::-ms-clear {
    display: none;
}

.e-multi-select-wrapper .e-searcher {
    display: block;
    float: left;
    width: auto;
}

.e-multi-select-wrapper .e-delim-values {
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 35px;
    max-width: 100%;
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: middle;
}

.e-bigger .e-multi-select-wrapper .e-delim-values {
    line-height: 39px;
}

.e-multi-select-list-wrapper .e-hide-listitem {
    display: none;
}

.e-multi-select-wrapper .e-delim-values .e-remain {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding-left: 10px;
}

.e-multiselect.e-disabled .e-multi-select-wrapper,
.e-multiselect.e-disabled .e-multi-select-wrapper .e-chips .e-chips-close::before {
    cursor: not-allowed;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
    height: 46px;
    left: 0;
    margin: 0 0 0 0;
    position: relative;
    top: 0;
    width: 46px;
}

.e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
    -ms-flex-item-align: center;
    align-self: center;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 0 0 20px;
    width: 92%;
}

.e-multi-select-wrapper .e-ddl-disable-icon::before {
    content: '';
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-delimiter .e-searcher {
    float: none;
}

.e-multiselect.e-rtl .e-multi-select-wrapper.e-close-icon-hide {
    padding-left: 0;
}

.e-multiselect.e-rtl .e-multi-select-wrapper {
    padding: 0 2px 0 32px;
}

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close::before {
        left: -10px;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chips-close {
        margin: 0;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-searcher {
        float: right;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips {
        float: right;
        margin: 2px 0 2px 4px;
        padding: 0 8px 0 0;
    }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chipcontent {
            padding: 6px 10px 6px 10px;
        }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close {
            float: left;
        }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips .e-chips-close::before {
                left: -10px;
            }

        .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip {
            padding: 0 4px 0 8px;
        }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip .e-chipcontent {
                padding: 8px 4px;
            }

            .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
                padding: 0 8px 0 4px;
            }

                .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
                    padding: 12px 4px;
                }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-chips-close.e-close-hooker {
        left: 0;
        position: absolute;
        right: auto;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-close-hooker::before {
        left: -15px;
    }

    .e-multiselect.e-rtl .e-multi-select-wrapper .e-delim-values .e-remain {
        padding-right: 10px;
    }

.e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 8px;
    position: relative;
    text-indent: 0;
    vertical-align: middle;
}

.e-bigger .e-popup.e-multi-select-list-wrapper .e-list-item .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 10px;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item .e-checkbox-wrapper {
    margin-left: 12px;
    margin-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-list-item {
    padding-right: 0;
}

.e-popup.e-multi-select-list-wrapper.e-rtl .e-dropdownbase.e-rtl.e-dd-group .e-list-item {
    padding-right: 15px;
}

.e-multi-select-list-wrapper .e-selectall-parent {
    cursor: pointer;
    display: block;
    line-height: 26px;
    overflow: hidden;
    position: relative;
    text-indent: 21px;
    white-space: nowrap;
    width: 100%;
}

    .e-multi-select-list-wrapper .e-selectall-parent .e-all-text {
        color: #333;
        font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
    }

.e-bigger .e-multi-select-list-wrapper .e-selectall-parent {
    font-size: 15px;
    line-height: 40px;
    text-indent: 25px;
}

.e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 8px;
    position: relative;
    text-indent: 0;
    vertical-align: middle;
}

.e-bigger .e-multi-select-list-wrapper .e-selectall-parent .e-checkbox-wrapper {
    bottom: 1px;
    margin-right: 10px;
}

.e-multi-select-list-wrapper.e-rtl .e-selectall-parent .e-checkbox-wrapper {
    margin-left: 12px;
    margin-right: 0;
}

.e-multiselect .e-input-group-icon.e-ddl-icon {
    float: right;
    margin-top: 0;
    height: 36px;
    width: 36px;
}

.e-multiselect.e-rtl .e-input-group-icon.e-ddl-icon {
    float: left;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper {
    padding: 2px 0 0;
    padding: 0;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-filter,
.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus .e-input-filter {
    padding: 0 16px;
}

.e-bigger .e-ddl.e-popup.e-multi-select-list-wrappe .e-filter-parent .e-input-filter,
.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-input-group.e-input-focus {
    padding: 4px 0;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-clear-icon,
.e-bigger .e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-clear-icon {
    padding-left: 8px;
}

.e-ddl.e-popup.e-multi-select-list-wrapper .e-filter-parent .e-back-icon {
    margin: -2px 10px 0 -54px;
    padding: 0;
    position: absolute;
}

.e-bigger .e-checkbox .e-multi-select-wrapper .e-delim-values {
    line-height: 39px;
}

.e-checkbox .e-multi-select-wrapper .e-delim-values .e-remain {
    line-height: 20px;
    padding-left: 10px;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-disable .e-checkbox-wrapper .e-frame {
    opacity: .3;
}

.e-popup.e-multi-select-list-wrapper .e-list-item.e-disable {
    opacity: .7;
}

.e-multi-select-wrapper input[readonly='true'] {
    pointer-events: none;
}

.e-multiselect.e-checkbox .e-multi-select-wrapper .e-searcher {
    pointer-events: none;
}

.e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
    color: #333;
}

.e-multi-select-wrapper .e-chips.e-chip-selected {
    background-color: #ccc;
}

    .e-multi-select-wrapper .e-chips.e-chip-selected:hover {
        background-color: #ddd;
    }

.e-multiselect {
    box-sizing: border-box;
}

.e-multi-select-wrapper .e-chips > .e-chipcontent {
    color: #333;
    font-family: "Inter","Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
}

.e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent {
    color: #333;
}

    .e-multi-select-wrapper .e-chips.e-chip-selected > .e-chipcontent:hover {
        color: #333;
    }

.e-multi-select-wrapper .e-chips {
    background-color: #e6e6e6;
    border-radius: 4px;
    height: 30px;
}

    .e-multi-select-wrapper .e-chips:hover {
        background-color: #d4d4d4;
    }

    .e-multi-select-wrapper .e-chips > .e-chipcontent:hover {
        color: #333;
    }

    .e-multi-select-wrapper .e-chips .e-chips-close::before {
        color: #333;
        font-size: 10px;
    }

    .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected {
        background-color: #4caf50;
        border-radius: 4px;
        color: #fff;
        display: block;
        height: 46px;
        line-height: 46px;
    }

        .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
            color: #fff;
        }

    .e-multi-select-wrapper .e-chips.e-mob-chip,
    .e-bigger .e-multi-select-wrapper .e-chips {
        height: 32px;
    }

.e-popup.e-multi-select-list-wrapper {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-sizing: content-box;
    overflow: initial;
}

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active {
        border-bottom: 1px solid transparent;
        border-left: 1px solid #4caf50;
        border-right: 1px solid #4caf50;
        border-top: 1px solid #142f46;
    }

    .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
        background-color: transparent;
        border-color: transparent;
        color: #333;
    }

        .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-item-focus {
            color: #333;
        }

        .e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active.e-hover {
            background-color: #f5f5f5;
        }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:first-child {
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active:last-child {
        border-bottom: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus + li.e-active {
        border-top: 1px solid transparent;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item.e-active.e-item-focus {
        background-color: #4caf50;
        border: 1px solid #4caf50;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        color: #fff;
    }

    .e-popup.e-multi-select-list-wrapper .e-list-item {
        border: 1px solid transparent;
    }

.e-multi-select-wrapper input.e-dropdownbase:-moz-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase::-moz-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase:-ms-input-placeholder {
    color: #999;
}

.e-multi-select-wrapper input.e-dropdownbase::-webkit-input-placeholder {
    color: #999;
}

.e-ul.e-reorder {
    border-bottom: 1px solid #e6e6e6;
}

.e-multi-select-list-wrapper .e-selectall-parent {
    border-bottom: 1px solid #e6e6e6;
}

/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! Schedule component's bootstrap theme definitions and variables */
/*! schedule component icons */
.e-schedule .e-schedule-toolbar {
    /*! toolbar icons */
}

    .e-schedule .e-schedule-toolbar .e-icon-prev::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar .e-icon-next::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar .e-icon-add::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar .e-icon-today::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar .e-icon-down-arrow::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar .e-icon-day::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar .e-icon-week::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar .e-icon-workweek::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar .e-icon-month::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar .e-icon-month-agenda::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar .e-icon-agenda::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar.e-toolbar .e-popup-down-icon::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar.e-toolbar .e-popup-up-icon::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar.e-rtl .e-icon-prev::before {
        content: "";
    }

    .e-schedule .e-schedule-toolbar.e-rtl .e-icon-next::before {
        content: "";
    }

.e-schedule .e-close-icon::before {
    content: "";
}

.e-schedule .e-appointment .e-recurrence-icon::before {
    content: "";
}

.e-schedule .e-appointment .e-recurrence-edit-icon::before {
    content: "";
}

.e-schedule .e-appointment .e-up-icon::before {
    content: "";
}

.e-schedule .e-appointment .e-down-icon::before {
    content: "";
}

.e-schedule .e-appointment .e-left-icon::before {
    content: "";
}

.e-schedule .e-appointment .e-right-icon::before {
    content: "";
}

.e-schedule .e-vertical-view .e-all-day-cells .e-all-day-appointment-section::before {
    content: "";
}

.e-schedule .e-select-event-popup-wrapper .e-edit-icon::before {
    content: "";
}

.e-schedule .e-select-event-popup-wrapper .e-delete-icon::before {
    content: "";
}

.e-schedule .e-select-event-popup-wrapper .e-event-close::before {
    content: "";
}

.e-schedule .e-select-event-popup-wrapper .e-date-time-icon::before {
    content: "";
}

.e-schedule .e-select-event-popup-wrapper .e-calendar-icon::before {
    content: "";
}

.e-schedule .e-select-event-popup-wrapper .e-event-zone-icon::before {
    content: "";
}

.e-schedule .e-select-event-popup-wrapper .e-event-note-icon::before {
    content: "";
}

.e-schedule.e-rtl .e-appointment .e-left-icon::before {
    content: "";
}

.e-schedule.e-rtl .e-appointment .e-right-icon::before {
    content: "";
}

.e-tooltip-wrap.e-schedule-quick-popup .e-tooltip-close::before {
    content: "";
}

.e-schedule-dialog.e-device .e-back-icon::before {
    content: "";
}

.e-schedule-dialog.e-device .e-save-icon::before {
    content: "";
}

.e-schedule-dialog.e-device .e-recurrence-container .e-recurrence-edit-button .e-recurrence-edit.e-icons::before {
    content: "";
}

.e-schedule-dialog.e-device.e-rtl .e-back-icon::before {
    content: "";
}



/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! splitbutton layout */
.e-split-btn-wrapper {
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
}

    .e-split-btn-wrapper .e-split-btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        text-transform: none;
        z-index: 1;
    }

        .e-split-btn-wrapper .e-split-btn:focus {
            outline-offset: 0;
        }

        .e-split-btn-wrapper .e-split-btn:focus, .e-split-btn-wrapper .e-split-btn:hover, .e-split-btn-wrapper .e-split-btn:active {
            z-index: 2;
        }

        .e-split-btn-wrapper .e-split-btn .e-icon-top {
            padding-bottom: 6px;
        }

    .e-split-btn-wrapper .e-dropdown-btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        margin-left: -1px;
    }

        .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover, .e-split-btn-wrapper .e-dropdown-btn:active {
            z-index: 2;
        }

        .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
            z-index: 0;
        }

        .e-split-btn-wrapper .e-dropdown-btn:focus {
            outline-offset: 0;
        }

    .e-split-btn-wrapper .e-btn {
        box-shadow: none;
    }

        .e-split-btn-wrapper .e-btn:active {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }

    .e-split-btn-wrapper.e-rtl .e-split-btn {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 4px;
        border-top-left-radius: 0;
        border-top-right-radius: 4px;
        margin-left: -1px;
    }

    .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 0;
        margin-left: 0;
    }

    .e-split-btn-wrapper.e-vertical {
        display: inline-block;
    }

        .e-split-btn-wrapper.e-vertical .e-split-btn,
        .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
            display: block;
            width: 100%;
        }

        .e-split-btn-wrapper.e-vertical .e-split-btn {
            border-bottom-left-radius: 0;
            border-top-right-radius: 4px;
            line-height: 1;
            padding-bottom: 6px;
            padding-top: 6px;
        }

        .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
            border-bottom-left-radius: 4px;
            border-top-right-radius: 0;
            font-size: 4px;
            margin-left: 0;
            margin-top: -1px;
            padding-bottom: 8px;
            padding-top: 8px;
        }

            .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-btn-icon {
                line-height: 0.25em;
            }

            .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
                padding-top: 0;
            }

        .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
            border-bottom-right-radius: 0;
            border-top-left-radius: 4px;
            margin-left: 0;
        }

        .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
            border-bottom-right-radius: 4px;
            border-top-left-radius: 0;
        }

.e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
.e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
    padding-bottom: 8px;
}

.e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
.e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
    padding-bottom: 8px;
    padding-top: 8px;
}

.e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
.e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
    padding-bottom: 10px;
    padding-top: 10px;
}

    .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
    .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
        padding-top: 0;
    }

/*! splitbutton theme */
.e-split-btn-wrapper .e-split-btn {
    border-right-color: #ccc;
}

    .e-split-btn-wrapper .e-split-btn:hover {
        border-right-color: #adadad;
    }

    .e-split-btn-wrapper .e-split-btn:focus {
        border-right-color: #8c8c8c;
    }

    .e-split-btn-wrapper .e-split-btn:active {
        border-right-color: #adadad;
    }

    .e-split-btn-wrapper .e-split-btn:disabled {
        border-right-color: rgba(204, 204, 204, 0.65);
    }

.e-split-btn-wrapper .e-btn {
    background-color: #fff;
    color: #333;
}

    .e-split-btn-wrapper .e-btn:hover {
        background-color: #e6e6e6;
    }

    .e-split-btn-wrapper .e-btn:focus {
        background-color: #e6e6e6;
    }

    .e-split-btn-wrapper .e-btn:active {
        background-color: #e6e6e6;
        border-color: #adadad;
        color: #333;
    }

        .e-split-btn-wrapper .e-btn:active .e-btn-icon {
            color: #333;
        }

        .e-split-btn-wrapper .e-btn:active.e-split-btn {
            border-right-color: #adadad;
        }

    .e-split-btn-wrapper .e-btn:disabled {
        background-color: #fff;
        border-color: rgba(204, 204, 204, 0.65);
        color: rgba(51, 51, 51, 0.65);
    }

        .e-split-btn-wrapper .e-btn:disabled.e-split-btn {
            border-right-color: rgba(204, 204, 204, 0.65);
        }

        .e-split-btn-wrapper .e-btn:disabled .e-btn-icon {
            color: rgba(51, 51, 51, 0.65);
        }

    .e-split-btn-wrapper .e-btn .e-btn-icon {
        color: #333;
    }

.e-split-btn-wrapper.e-rtl .e-split-btn {
    border-left-color: #ccc;
    border-right-color: #ccc;
}

    .e-split-btn-wrapper.e-rtl .e-split-btn:hover {
        border-left-color: #adadad;
        border-right-color: #adadad;
    }

    .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
        border-left-color: #8c8c8c;
        border-right-color: #8c8c8c;
    }

    .e-split-btn-wrapper.e-rtl .e-split-btn:active {
        border-left-color: #adadad;
        border-right-color: #adadad;
    }

    .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
        border-left-color: rgba(204, 204, 204, 0.65);
        border-right-color: rgba(204, 204, 204, 0.65);
    }

.e-split-btn-wrapper.e-vertical .e-split-btn {
    border-bottom-color: #ccc;
    border-right-color: #ccc;
}

    .e-split-btn-wrapper.e-vertical .e-split-btn:hover {
        border-bottom-color: #adadad;
        border-right-color: #adadad;
    }

    .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
        border-bottom-color: #8c8c8c;
        border-right-color: #8c8c8c;
    }

    .e-split-btn-wrapper.e-vertical .e-split-btn:active {
        border-bottom-color: #adadad;
        border-right-color: #adadad;
    }

    .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
        border-bottom-color: rgba(204, 204, 204, 0.65);
        border-right-color: rgba(204, 204, 204, 0.65);
    }

.e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
    border-left-color: #ccc;
}

    .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:hover {
        border-left-color: #adadad;
    }

    .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
        border-left-color: #8c8c8c;
    }

    .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
        border-left-color: #adadad;
    }

    .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
        border-left-color: #ccc;
    }

/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! Bootstrap theme definition's */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's default definitions and variables */
@keyframes material-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes fabric-spinner-rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! component's theme wise override definitions and variables */
/*! component's default definitions and variables */
/*! TreeView's default definitions and variables */
.e-treeview .e-list-item div.e-icons {
    -webkit-transition: -webkit-transform .3s ease-in-out;
    border-radius: 15px;
    transition: transform .3s ease-in-out;
}

.e-treeview .e-list-item .e-icons.e-icon-collapsible {
    transform: rotate(90deg);
}

.e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
    transform: rotate(180deg);
}

.e-treeview.e-rtl div.e-icons {
    transform: rotate(180deg);
}

/*! TreeView's bootstrap theme wise override definitions and variables */



/* Bootstrap 3 override */
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #4caf50;
}

div.e-calendar td.e-selected span.e-day,
div.e-calendar div.e-footer-container button.e-today {
    background-color: #4caf50 !important;
    color: #fff !important;
    border-color: #3c793f !important;
}

.e-toast .e-toast-close-icon::before {
    content: "\e96c";
    font-family: "e-icons";
}

.e-toast .e-toast-success-icon::before {
    content: "\ea84";
    font-family: "e-icons";
}

.e-toast .e-toast-error-icon::before {
    content: "\e7e9";
    font-family: "e-icons";
}

.e-toast .e-toast-info-icon::before {
    content: "\e607";
    font-family: "e-icons";
}

.e-toast .e-toast-warning-icon::before {
    content: "\e92f";
    font-family: "e-icons";
}