.lcnnBy {
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex: 0 0 auto;
    -webkit-box-align: center;
    align-items: center;
    outline: 0px;
    border-radius: 3px;
    cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.42857rem;
    margin: 0px;
    overflow: hidden;
    position: relative;
    height: 2.57143rem;
    padding: 0px 1.14286rem;
    min-width: 4.57143rem;
    color: rgb(171 5 0);
    /*border: 1px solid rgb(171 5 0);*/
    border: 1px solid rgb(211, 213, 215);
    background: rgb(255, 255, 255);
}

    .lcnnBy .ripple {
        inset: 0px;
        position: absolute;
        border-radius: 50%;
        background-color: rgb(102, 184, 255);
        z-index: 0;
        animation: 0.8s ease 0s 1 normal forwards running jQrFHD;
    }

    .lcnnBy svg {
        height: 1.42857rem;
        width: 1.42857rem;
    }

    .lcnnBy:hover {
        /*background-color: rgb(230, 244, 255);*/
    }

    .lcnnBy:focus-visible {
        background: rgb(204, 231, 255);
    }


.etpkYt {
    pointer-events: none;
    position: absolute;
    inset: 0px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-radius: 3px;
    border: 1px solid rgb(211, 213, 215);
    overflow: hidden;
    box-sizing: border-box;
}






.el-message--success {
    background-color: #67ae3f;
    border-color: #67ae3f;
}

.el-message--error {
    background-color: #d32f2f;
    border-color: #d32f2f;
}

.el-button {
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex: 0 0 auto;
    -webkit-box-align: center;
    align-items: center;
    outline: 0;
    border-radius: 3px;
    cursor: pointer;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.42857rem;
    /*margin: 0 0 0 16px;*/
    overflow: hidden;
    position: relative;
    height: 2.57143rem;
    padding: 0px 12px;
    /*border: none;*/
}

.el-button--default:hover {
    background: #2962ff;
}

.el-button--withdrawbalance:hover {
    background: #2962ff;
}


.el-button--hover {
    border: none;
}

.button-hover {
    height: 100%;
    width: 100%;
    background: transparent;
}

.el-button--default {
    color: rgb(255,255,255);
    background: #ab0500;
    border: none;
}

.el-button--noboder {
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    flex: 0 0 auto;
    -webkit-box-align: center;
    align-items: center;
    outline: 0px;
    border-radius: 3px;
    cursor: pointer;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.42857rem;
    margin: 0px 8px 0px 0px;
    overflow: hidden;
    position: relative;
    height: 2.57143rem;
    min-width: unset;
    color: rgb(15, 24, 36);
    border: none;
    background: transparent;
    padding: 0px;
}

.el-button--noboder span {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 0px 0px 0.571429rem;
    z-index: 2;
    font-size: inherit;
    font-weight: inherit;
}

.el-button--noboder:hover {
    color: rgb(171 5 0);
}

.el-button--withdrawbalance {
    color: rgb(255,255,255);
    background: #439eee;
    border: none;
    height: 25px;
}

.el-button--withdrawbalance.disabled {
    color: rgb(255 255 255);
    background: #b2b2b2;
    border: none;
    height: 25px;
}

.el-button--addvariant {
    color: rgb(41 121 255);
    background: #ffffff;
    border: 1px dashed;
}

.el-button--addvehicle {
    color: rgb(41 121 255);
    background: #ffffff;
    border: 1px dashed;
}

.el-button--dropdown {
    border: 1px solid rgb(211, 213, 215);
    background: rgb(255,255,255);
}

    .el-button--dropdown span {
        font-weight: 400;
    }

    .el-button--dropdown svg {
        display: inherit;
        margin-left: 8px;
        margin-right: -4px;
        color: rgb(163, 168, 175);
    }


.el-button-group {
    display: inline-flex;
    vertical-align: middle;
    float: right;
}

.el-dropdown-menu {
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
    list-style: none;
    background-color: #fff;
}

    .el-dropdown-menu li {
        color: #0F1824;
        text-decoration: none;
        font-size: 14px;
        margin: 3px 0;
        font-weight: 400;
        line-height: 1.5;
        padding-top: 6px;
        border-radius: 3px;
        padding-bottom: 6px;
        padding-left: 16px;
        padding-right: 16px;
    }

        .el-dropdown-menu li:hover svg {
            color: #ab0500;
        }


















.jss2210.focused {
    border-color: #ab0500;
}

.jss2210 {
    width: 100%;
    border: 1px solid #D3D5D7;
    height: 36px;
    display: flex;
    padding: 0 12px;
    align-items: center;
    border-radius: 3px;
    justify-content: center;
    background-color: #FFFFFF;
}

    .jss2210 .search-icon, .jss2210 .clear-icon {
        color: #e3e3e3;
    }

    .jss2210 .input-element {
        width: 100%;
        height: 100%;
        padding: 0 4px;
    }

    .jss2210 .MuiInputBase-input {
        color: #0F1824;
    }














.el-button-group .el-dropdown:first-child .el-button--dropdown {
    border-right-color: rgb(211 213 215);
}

.el-button-group > .el-button.is-active, .el-button-group > .el-button:active, .el-button-group > .el-button:focus, .el-button-group > .el-button:hover {
    z-index: 1;
}

/*.el-button-group > .el-button:not(:last-child) {
    margin-right: -1px;
}*/

.el-button-group > .el-dropdown:first-child .el-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-button-group > .el-dropdown:not(:last-child) .el-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.el-button-group > .el-dropdown:last-child .el-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
}

.el-button-group > .el-button {
    float: left;
    position: relative;
}

.el-button--dropdown:focus, .el-button--dropdown:hover {
    background: #66b1ff;
    background-color: rgba(0, 0, 0, 0.04);
    color: rgb(0,136,255);
    /*border: 1px solid #ab0500;*/
}

/*.el-button:focus, .el-button:hover {
    color: #409EFF;
    border-color: #c6e2ff;
    background-color: #ecf5ff;
}
*/
.el-button--primary {
    color: #FFF;
    background-color: #409EFF;
    border-color: #409EFF;
}

.el-button-group .el-dropdown:not(:first-child):not(:last-child) .el-button--dropdown {
    border-left-color: rgba(255,255,255,.5);
    border-right-color: rgb(211 213 215);
}

.el-button-group > .el-dropdown:not(:first-child):not(:last-child) .el-button {
    border-radius: 0;
}

.el-button-group > .el-button.is-active, .el-button-group > .el-button:active, .el-button-group > .el-button:focus, .el-button-group > .el-button:hover {
    z-index: 1;
}

/*.el-button-group > .el-button:not(:last-child) {
    margin-right: -1px;
}*/

.el-button-group > .el-button + .el-button {
    margin-left: 0;
}

.el-button-group > .el-button {
    float: left;
    position: relative;
}









.el-dropdown-menu .dropdown-select {
    width: 100%;
    cursor: pointer;
    display: flex;
    padding: 0 11px;
    box-sizing: border-box;
    /* min-height: 36px; */
    /* overflow-x: hidden; */
    align-items: center;
    border-bottom: 1px solid rgb(232, 234, 235);
    height: 35px;
    padding-top: 5px;
}

.el-checkbox__label {
    height: 25px;
    padding-left: 8px;
    font-size: 1rem;
}














.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #409EFF;
    border-color: #409EFF;
}

    .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1);
    }

.el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid #DCDFE6;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #FFF;
    z-index: 1;
    -webkit-transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
    transition: border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);
    border: 2px solid rgb(163, 168, 175);
    border-radius: 2px;
}

    .el-checkbox__inner::after {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        content: "";
        border: 1px solid #FFF;
        border-left: 0;
        border-top: 0;
        height: 7px;
        left: 3px;
        position: absolute;
        top: 0px;
        -webkit-transform: rotate(45deg) scaleY(0);
        transform: rotate(45deg) scaleY(0);
        width: 3px;
        -webkit-transition: -webkit-transform .15s ease-in .05s;
        transition: -webkit-transform .15s ease-in .05s;
        transition: transform .15s ease-in .05s;
        transition: transform .15s ease-in .05s,-webkit-transform .15s ease-in .05s;
        -webkit-transform-origin: center;
        transform-origin: center;
    }

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
    content: '';
    position: absolute;
    display: block;
    background-color: #FFF;
    height: 2px;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 5px;
}

.el-checkbox__original {
    opacity: 0;
    outline: 0;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1;
}












.MuiChip-root {
    color: rgba(0, 0, 0, 0.87);
    border: none;
    cursor: default;
    height: 32px;
    display: inline-flex;
    outline: 0;
    padding: 0;
    font-size: 0.8125rem;
    box-sizing: border-box;
    transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    align-items: center;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    white-space: nowrap;
    border-radius: 16px;
    vertical-align: middle;
    justify-content: center;
    text-decoration: none;
    background-color: #e0e0e0;
}

.delete-chip-button {
    color: #2B4263;
    cursor: pointer;
    height: 24px;
    font-size: 14px;
    background: #D9EDFF;
    border-radius: 20px;
}

.vehicle-chip-button {
    color: #2B4263;
    cursor: pointer;
    height: 24px;
    font-size: 14px;
    background: #ededed;
    border-radius: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.pending-chip-button {
    color: #ffffff;
    cursor: pointer;
    height: 24px;
    font-size: 14px;
    background: #ab0500;
    border-radius: 20px;
    font-weight: 500;
}

.pending-campaign-chip-button {
    cursor: pointer;
    height: 24px;
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #ee4d2d;
    background-color: #fff1f0;
    border-radius: 5px;
}

.upcoming-chip-button {
    color: #da0000;
    cursor: pointer;
    height: 24px;
    font-size: 14px;
    background: #ffffff;
    border-radius: 20px;
    margin-right: 5px;
    font-weight: 400;
    border: 1px dashed #da0000;
    margin-left: 10px;
    margin-top: -2px;
}

.active-chip-button {
    color: #ffffff;
    cursor: pointer;
    height: 24px;
    font-size: 14px;
    background: #42d086;
    border-radius: 20px;
    font-weight: 500;
}

.rejected-chip-button {
    color: #ffffff;
    cursor: pointer;
    height: 24px;
    font-size: 14px;
    background: #a71618;
    border-radius: 20px;
    font-weight: 500;
}

.MuiChip-label {
    overflow: hidden;
    white-space: nowrap;
    padding-left: 12px;
    padding-right: 12px;
    text-overflow: ellipsis;
}

.delete-chip-button .MuiChip-deleteIcon {
    color: #ab0500;
    width: 17.5px;
    height: 17.5px;
}

.MuiChip-deleteIcon {
    color: rgba(0, 0, 0, 0.26);
    width: 22px;
    cursor: pointer;
    height: 22px;
    margin: 0 5px 0 -6px;
    -webkit-tap-highlight-color: transparent;
}

.delete-chip-button .MuiChip-deleteIcon {
    color: #ab0500;
    width: 17.5px;
    height: 17.5px;
}












.jss7586 {
    border-color: rgb(232, 234, 235);
    height: 50px;
}

.jss7541 {
    height: 36px;
    display: flex;
    padding: 0 12px;
    /*border-top: 1px solid #E8EAEB;*/
    align-items: center;
    justify-content: flex-end;
}

    .jss7541 .paging-btn:first-child {
        margin-right: 5px;
    }

    .jss7541 .paging-btn.Mui-disabled {
        color: #E8EAEB;
        border-color: #E8EAEB;
    }

    .jss7541 .paging-btn {
        color: #ab0500;
        width: 20px;
        border: 1px solid;
        height: 20px;
        padding: 0;
        box-sizing: border-box;
        border-color: #ab0500;
        border-radius: 1px;
    }










.el-popper[x-placement^=bottom] {
    margin-top: 12px;
}

.el-picker-panel {
    color: #606266;
    border: 1px solid #E4E7ED;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    background: #FFF;
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0;
}

.el-picker-panel__body-wrapper {
    display: flex;
    border-bottom: 1px solid #E4E7ED;
}

.el-picker-panel__body {
    border-right: 1px solid #E4E7ED;
}

.el-date-picker {
    /*width: 420px;*/
}

.el-picker-panel, .el-table-filter {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.el-picker-panel {
    color: #606266;
    border: 1px solid #E4E7ED;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    background: #FFF;
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0;
}

.el-picker-panel__body-wrapper::after, .el-picker-panel__body::after {
    content: "";
    display: table;
    clear: both;
}

.el-date-picker__header {
    margin: 12px;
    text-align: center;
}

.el-picker-panel__icon-btn {
    font-size: 12px;
    color: #303133;
    border: 0;
    background: 0 0;
    cursor: pointer;
    outline: 0;
    margin-top: 8px;
}

.el-date-picker__prev-btn {
    float: left;
}

[class*=" el-icon-"], [class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.el-icon-d-arrow-left:before {
    content: "\e6dd";
}

.el-icon-arrow-left:before {
    content: "\e6de";
}

.el-icon-arrow-right:before {
    content: "\e6e0";
}

.el-icon-d-arrow-right:before {
    content: "\e6dc";
}

.el-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: #606266;
}

.el-date-picker__header {
    margin: 12px;
    text-align: center;
}

.el-date-picker .el-picker-panel__content {
    width: 292px;
}

.el-picker-panel__content {
    position: relative;
    margin: 15px;
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%;
}

.el-date-table {
    font-size: 12px;
    -ms-user-select: none;
    user-select: none;
}

.el-date-table, .el-table th {
    -webkit-user-select: none;
    -moz-user-select: none;
}

    .el-date-table th {
        padding: 5px;
        color: #606266;
        font-weight: 400;
        border-bottom: solid 1px #EBEEF5;
    }

    .el-date-table td.next-month, .el-date-table td.prev-month {
        color: #C0C4CC;
    }

    .el-date-table td {
        width: 32px;
        padding: 4px 0;
        box-sizing: border-box;
        text-align: center;
        cursor: pointer;
        position: relative;
    }

        .el-date-table td, .el-date-table td div {
            height: 30px;
            -webkit-box-sizing: border-box;
        }

            .el-date-table td span {
                width: 24px;
                height: 24px;
                display: block;
                margin: 0 auto;
                line-height: 24px;
                position: absolute;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                border-radius: 50%;
            }

.el-picker-panel__icon-btn:hover {
    color: #409EFF;
}

.el-date-picker__next-btn {
    float: right;
}

.el-date-table td.available:hover {
    color: #409EFF;
}

.el-date-table td.today {
    position: relative;
}

    .el-date-table td.today span {
        color: #409EFF;
        font-weight: 700;
    }









.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0;
}

.el-dialog {
    /* position: relative; */
    margin: 0 auto 50px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-sizing: border-box;
    width: 50rem;
}

.el-dialog, .el-pager li {
    background: #FFF;
    -webkit-box-sizing: border-box;
}

.el-dialog__header {
    display: flex;
    padding: 0 24px;
    box-sizing: border-box;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133;
    font-weight: 500;
}

.el-dialog__headerbtn {
    position: absolute;
    right: 10px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 16px;
    flex: 0 0 auto;
    color: #0F1824;
    padding: 12px;
    overflow: visible;
    font-size: 1rem;
    text-align: center;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    border-radius: 50%;
    color: #e3e3e3;
}

    .el-dialog__headerbtn span.MuiIconButton-label:hover {
        background: rgb(232, 234, 235);
        border-radius: 50px;
    }

    .el-dialog__headerbtn .el-dialog__close {
        color: #909399;
    }

[class*=" el-icon-"], [class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.el-icon-close:before {
    content: "\e6db";
}

.el-dialog__body {
    /*padding: 30px 20px;*/
    color: #606266;
    font-size: 14px;
    /*word-break: break-all;*/
}









.zen-panel {
    position: absolute;
}

.text-left {
    padding: 0px 1.14286rem;
    text-align: left !important;
}

.text-center {
    /*padding: 0px 1.14286rem;*/
    text-align: center !important;
}

.text-right {
    padding: 0px 1.14286rem;
    text-align: right !important;
}




.el-dropdown-menu__item:hover {
    background: #F2F9FF;
    cursor: pointer;
}




















.el-loading-parent--relative {
    position: relative !important
}

.el-loading-parent--hidden {
    overflow: hidden !important
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: rgba(255,255,255,.9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

    .el-loading-mask.is-fullscreen {
        position: fixed
    }

        .el-loading-mask.is-fullscreen .el-loading-spinner {
            margin-top: -25px
        }

            .el-loading-mask.is-fullscreen .el-loading-spinner .circular {
                height: 50px;
                width: 50px
            }

.el-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute
}

.el-col-pull-0, .el-col-pull-1, .el-col-pull-10, .el-col-pull-11, .el-col-pull-13, .el-col-pull-14, .el-col-pull-15, .el-col-pull-16, .el-col-pull-17, .el-col-pull-18, .el-col-pull-19, .el-col-pull-2, .el-col-pull-20, .el-col-pull-21, .el-col-pull-22, .el-col-pull-23, .el-col-pull-24, .el-col-pull-3, .el-col-pull-4, .el-col-pull-5, .el-col-pull-6, .el-col-pull-7, .el-col-pull-8, .el-col-pull-9, .el-col-push-0, .el-col-push-1, .el-col-push-10, .el-col-push-11, .el-col-push-12, .el-col-push-13, .el-col-push-14, .el-col-push-15, .el-col-push-16, .el-col-push-17, .el-col-push-18, .el-col-push-19, .el-col-push-2, .el-col-push-20, .el-col-push-21, .el-col-push-22, .el-col-push-23, .el-col-push-24, .el-col-push-3, .el-col-push-4, .el-col-push-5, .el-col-push-6, .el-col-push-7, .el-col-push-8, .el-col-push-9, .el-row {
    position: relative
}

.el-loading-spinner .el-loading-text {
    color: #409EFF;
    margin: 3px 0;
    font-size: 14px
}

.el-loading-spinner .circular {
    height: 42px;
    width: 42px;
    -webkit-animation: loading-rotate 2s linear infinite;
    animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
    -webkit-animation: loading-dash 1.5s ease-in-out infinite;
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90,150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409EFF;
    stroke-linecap: round
}

.el-loading-spinner i {
    color: #409EFF
}

@-webkit-keyframes loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loading-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -40px
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -120px
    }
}


.el-message-box__btns button:first-child {
    margin-right: 1.14286rem;
}

























.el-select > .el-input {
    display: block;
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.el-input--suffix .el-input__inner {
    padding-right: 30px;
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px;
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    /*height: 37px;
    line-height: 37px;*/
    height: 40px;
    line-height: 40px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}

.el-input-variant__inner {
    -webkit-appearance: none;
    background-color: #FFF;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #DCDFE6;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    /*font-size: inherit;*/
    height: 37px;
    line-height: 37px;
    outline: 0;
    padding: 0 15px;
    -webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
    width: 100%;
}

/* bo góc input đầu tiên và cuối cùng trong .MuiGrid-grid-xs-9dot5-batch */
/*.MuiGrid-grid-xs-9dot5-batch > .MuiGrid-root .el-input-variant__inner:first-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;*/
/*border-right: 0;*/
/*}

.MuiGrid-grid-xs-9dot5-batch > .MuiGrid-root .el-input-variant__inner:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;*/
/*border-left: 0;*/
/*}*/


.el-input__suffix {
    right: 5px;
    transition: all .3s;
}

.el-input__prefix, .el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    height: 100%;
    color: #C0C4CC;
    text-align: center;
}

.el-input__suffix, .el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none;
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}

.el-card {
    border: 1px solid #EBEEF5;
    background-color: #FFF;
    color: #303133;
    -webkit-transition: .3s;
    transition: .3s;
}

.el-input__suffix-inner {
    pointer-events: all;
}

.el-input__prefix, .el-input__suffix {
    position: absolute;
    top: 0;
    -webkit-transition: all .3s;
    height: 100%;
    color: #C0C4CC;
    text-align: center;
}

.el-input__suffix, .el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none;
}

.el-select .el-input .el-select__caret.is-reverse {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
}

.el-select .el-input .el-select__caret {
    color: #C0C4CC;
    font-size: 14px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
    cursor: pointer;
}

.el-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 40px;
}

[class*=" el-icon-"], [class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.el-input__icon:after {
    content: '';
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.el-popper[x-placement^=bottom] {
    margin-top: 12px;
}

.el-scrollbar {
    overflow: hidden;
    position: relative;
}

.el-scrollbar__wrap {
    /*overflow: scroll;*/
    height: 100%;
}

.el-select-dropdown__wrap {
    /*max-height: 274px;*/
}

.el-select-dropdown__list {
    list-style: none;
    /*padding: 6px 0;*/
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.el-select-dropdown__item.is-disabled {
    color: #C0C4CC;
    cursor: not-allowed;
}

.el-select-dropdown__item {
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606266;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px;
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity 120ms ease-out;
    transition: opacity 120ms ease-out;
}

    .el-scrollbar__bar.is-horizontal > div {
        height: 100%;
    }

    .el-scrollbar__bar.is-vertical > div {
        width: 100%;
    }

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(144,147,153,.3);
    -webkit-transition: .3s background-color;
    transition: .3s background-color;
}

.el-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px;
}

/*.el-popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: #EBEEF5;
}

.el-popper[x-placement^=bottom] .popper__arrow::after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #FFF;
}*/

.el-popper .popper__arrow::after {
    content: " ";
    border-width: 6px;
}

.el-popper .popper__arrow, .el-popper .popper__arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.el-select-dropdown {
    position: absolute;
    z-index: 1001;
    border: 1px solid #E4E7ED;
    border-radius: 4px;
    background-color: #FFF;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0;
}

.MuiDialogActions-root {
    flex: 0 0 auto;
    display: flex;
    padding: 8px;
    align-items: center;
    justify-content: flex-end;
}


/*.el-dropdown-menu li {
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    display: flex;
    padding: 11px 17px;
    align-items: center;
    text-decoration: none;
}*/













































.infinite-scroll-component::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    background-color: #E8EAEB;
}

.infinite-scroll-component::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #e3e3e3;
}

.infinite-scroll-component::-webkit-scrollbar-track {
    background: #E8EAEB;
}











.zen-show-button input, .zen-show-button fieldset {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}