.accordion-background {
    background-image: linear-gradient(74deg, rgba(255,255,255,1) 0%, rgba(36,93,226,1) 100%) !important;
}


.e-grid .e-row {
    cursor: pointer;
}



.e-rowcell {
    font-size: 18px !important;
}

.e-control {
    font-size: 18px !important;
}

.e-tbar-btn-text {
    font-size: 18px !important;
    font-family: YEKAN;
}

.e-dialog {
    border-radius: 20px;
}

.e-dlg-header-content {
    background-image: linear-gradient(0deg,rgba(245,247,248,1) 0%, rgba(96,139,193,1)100%) !important;
    font-size: 18px !important;
}

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

.e-acrdn-header-content {
    font-size: 18px !important;
}

.e-headertext {
    font-size: 14px !important;
}

.e-dlg-header {
    font-size: 18px !important;
    color: #fff;
}

    .e-dlg-header span {
        position: relative;
    }

        .e-dlg-header span:after {
            content: '';
            position: absolute;
            bottom: -7px;
            background: #ffca00;
            height: 3px;
            width: 36px;
            right: 50%;
            left: 0;
            transform: translateX(50%);
            position: absolute;
        }

.e-dlg-header-content {
    text-align: center;
    width: 100%;
    border-radius: 0 0 70% 70% / 50% !important;
    background-image: linear-gradient(135deg, #7c7c83 0%, #85808b 100%) !important;
    padding: 20px 35px !important;
    margin-bottom: 13px;
}

    .e-dlg-header-content button {
        width: unset !important;
        height: unset !important;
        position: static !important;
        padding: 5px !important;
        background: #fff !important;
        display: flex;
        align-items: center !important;
        border-radius: 5px !important;
        background: #fbdede !important;
        margin-top: -5px !important;
    }

        .e-dlg-header-content button span {
            width: unset !important;
            font-size: 16px !important;
            font-weight: 900 !important;
            margin: 0 !important;
            color: #cd2222;
        }

.e-footer-content {
    padding: 15px 50px 20px 50px !important;
}

.e-footer-content {
    display: flex !important;
    justify-content: end;
    box-shadow: 0px 0px 14px 3px #00000029;
    z-index: 3;
}

button.e-control.e-btn.e-lib.e-danger {
    background: #fbcbcb;
    color: #cb0303;
    border: 0;
    padding: 8px 22px;
    box-shadow: 0 0 20px 3px #5941411f;
    border-radius: 6px;
}

button.e-control.e-btn.e-lib.e-success {
    background: #a1ffa0;
    color: #0c8d2d;
    border: 0;
    padding: 8px 22px;
    box-shadow: 0 0 20px 3px #5941411f;
    border-radius: 6px;
}

.input-wrapper input {
    padding: 7px 10px !important;
    font-size: 17px !important;
    border-radius: 6px;
    width: 100%;
    height: unset !important;
    border: 1px solid #c1bebe;
    line-height: 25px !important;
}

.combo-wrapper {
    display: flex;
    align-items: center;
}

    .combo-wrapper .input-wrapper.search {
        width: 30%;
    }

    .combo-wrapper .e-multicolumn-container {
        padding: 7px 10px !important;
        line-height: 10px !important;
        border: 1px solid #c1bebe !important;
        height: 41.6px !important;
        border-radius: 6px 0 0 6px !important;
    }


.e-date-container {
    padding: 10px 12px;
    border-radius: 6px !important;
    border: 1px solid #837979;
}

.combo-wrapper .e-input-group-icon {
    background: #4173b3;
    color: #ffffff;
    border-radius: 6px;
    font-weight: 900;
}

.combo-wrapper .e-clear-icon::before {
    color: #e10f0f;
    font-size: 13px;
    font-weight: 900;
    margin-left: 8px;
}

.checkbox-wrapper .label {
    margin-right: 9px;
    font-size: 16px;
    font-weight: 500;
    max-width:55%;
}

.checkbox-wrapper {
    display: flex;
    align-content: center;
}

    .checkbox-wrapper input[type="checkbox"] {
        visibility: hidden;
        display: none;
    }

    .checkbox-wrapper *,
    .checkbox-wrapper ::after,
    .checkbox-wrapper ::before {
        box-sizing: border-box;
    }

    .checkbox-wrapper .switch {
        width: 60px;
        height: 29px;
        position: relative;
        display: inline-flex;
        align-items: center;
    }

    .checkbox-wrapper .slider {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius: 30px;
        box-shadow: 0 0 0 1px #777, 0 0 1px #777;
        cursor: pointer;
        border: 4px solid transparent;
        overflow: hidden;
        transition: 0.2s;
    }

        .checkbox-wrapper .slider:before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background-color: #777;
            border-radius: 30px;
            transform: translateX(-31px);
            transition: 0.2s;
        }

    .checkbox-wrapper input:checked + .slider:before {
        transform: translateX(31px);
        background-color: limeGreen;
    }

    .checkbox-wrapper input:checked + .slider {
        box-shadow: 0 0 0 2px limeGreen, 0 0 4px limeGreen;
    }


.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
    content: '';
    right: 50%;
    height: 15px;
    border-right: 10px solid #ffff0000;
    border-left: 10px solid #0000ff00;
    border-top: 10px solid #00000000;
    border-bottom: 10px solid #0862a7;
    width: 15px;
    position: absolute;
    bottom: -11px;
    visibility: visible;
    transform: translateX(50%);
}



.accordion-control-section .e-control.e-toolbar {
    overflow: visible;
    border-top: 1px solid #c9bdbdee;
    border-bottom: 1px solid #c9bdbdee !important;
    padding: 10px 0px;
}

.e-toolbar-item.e-template:hover {
    background: unset !important;
}

.e-toolbar-item.e-template.e-active {
    background: #fff;
}

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-text {
    color: #201f1e;
    font-weight: 800;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
    font-family: YEKAN !important;
    font-weight: 500;
    font-size: 15px;
}

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: #fff;
}

.e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::before {
    background-color: #57a8e5;
    content: "";
    height: 3px;
    left: 0 !important;
    right: 50% !important;
    position: absolute;
    width: 90%;
    bottom: -12px;
    visibility: visible;
    opacity: 1;
    transform: translateX(50%);
}

.e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text {
    color: #201f1e;
}

.e-tab.e-fill .e-tab-header .e-toolbar-item {
    position: relative;
}

.e-tab .e-tab-header .e-toolbar-item:before {
    content: '';
    background-color: #c5c9cd;
    height: 3px;
    bottom: -12px;
    left: 0;
    position: absolute;
    right: 50%;
    width: 10%;
    transition: 0.3s all ease;
    transform: translateX(50%);
    visibility: hidden;
}

.e-tab .e-tab-header .e-toolbar-item:hover:before {
    visibility: visible;
    opacity: 1;
    width: 90%;
}

.e-grid.e-control {
    border-radius: 70px;
    border: 0;
}

.e-grid .e-control {
    border-radius: 5px 5px 0 0 !important;
    box-shadow: unset !important;
}

.card {
    background: unset;
    border: 0;
    box-shadow: 0 0 28px 6px #00000021 !important;
    border-radius: 25px;
    padding: 0;
    margin-bottom: 30px;
}

    .card .card-body {
        background: #ffffff;
        border-radius: 18px;
    }

.e-grid .e-toolbar-item button {
    background: #adccfd;
    margin-left: 10px !important;
    border-radius: 100px !important;
    padding: 3px 8px;
}

.e-grid .e-toolbar-item .e-tbar-btn-text {
    font-size: 16px !important;
}

._blue button {
    background-color: #abc5fd !important;
}

._yellow button {
    background-color: #ece895 !important;
}

._red button {
    background-color: #fdabab !important;
}

._green button {
    background-color: #abfdae !important;
}

._purple button {
    background-color: #c7abfd !important;
}

._pink button {
    background-color: #fdabe7 !important;
}

._gray button {
    background-color: #d1d5d3 !important;
}

._white button {
    background-color: #fff !important;
}

._orange button {
    background-color: #ffc98f !important;
}


.e-toolbar-item button.e-icon-btn span {
    margin-top: 0px !important;
}

.e-grid .e-control.e-toolbar {
    border-bottom: 2px solid #bfbbbb;
    padding: 10px 0;
}

.e-toolbar-item button.e-icon-btn span {
    margin-top: 0px !important;
}

.sf-grid.e-grid .e-control.e-toolbar {
    padding: 10px 0 !important;
}

.accordion-control-section .e-control.e-toolbar.e-tab-header {
    overflow: visible;
    margin: 30px 0;
    border-top: 1px solid #c9bdbdee;
    border-bottom: 1px solid #c9bdbdee !important;
    padding: 10px 0px;
}

.combo-wrapper .e-multicolumn-container input {
    font-size: 17px !important;
    height: 25px !important;
}

.combo-wrapper .e-control.e-btn {
    padding: 5px;
    width: 7%;
    border-radius: 6px;
    border: 1px solid #c1bebe;
    border-radius: 6px 0 0 6px;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.combo-wrapper .input-wrapper input {
    border-left: 0;
    border-radius: 0px 6px 6px 0;
}

button.e-control.e-btn.e-lib.e-rtl:last-child {
    border-left: 1px solid #c1bebe;
    border-radius: 6px 0 0 6px;
}

._input {
    padding-left: 12px;
    margin-bottom: 20px;
}


.combo-wrapper .has-btn .e-multicolumn-container {
    border-radius: 0px 0px 0px 0px !important;
}

.flex {
    display: flex !important;
}

.jc-end {
    justify-content: end;
}

span.e-numeric {
    border: 1px solid #c1bebe !important;
    border-radius: 6px !important;
}

    span.e-numeric input {
        border: 0 !important;
    }

.input-wrapper {
    width: 100%;
}

.inputs-section {
    display: flex;
    flex-wrap: wrap;
}

.checkbox-wrapper {
    display: flex;
    /*   align-items: center; */
    height: 100%;
}

.has-search .input-wrapper {
    width: 120px;
    min-width: 120px;
}

.combo-wrapper .e-multicolumn-container {
    padding: 7px 10px !important;
    line-height: 10px !important;
    border: 1px solid #c1bebe !important;
    height: 41.6px !important;
    border-radius: 6px 6px 6px 6px !important;
}

.has-search .combo-wrapper .e-multicolumn-container {
    border-radius: 6px 0 0 6px !important;
}

.e-dialog .e-dlg-header-content + .e-dlg-content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.e-grid td.e-active {
    background: #feffb5 !important;
}

.e-grid th.e-headercell {
    border-color: #cbc9c6 !important;
}

.e-grid td.e-rowcell {
    border-color: #cbc9c6 !important;
}

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: unset !important;
}

/* .e-toolbar {
                                                    background: #a3a1a1 !important;
                                                }

                                                    .e-toolbar .e-toolbar-items {
                                                        background: #a3a1a1;
                                                    } */
.e-searchcontainer span.e-label {
    font-family: YEKAN !important;
    font-variation-settings: "wght" 500;
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
}

.e-grid-filter-menu li.e-menu-item {
    font-size: 16px;
    font-variation-settings: "wght" 500;
}

ul.e-menu-parent.e-ul li {
    font-family: YEKAN !important;
}

.e-searchbox .e-searchinput {
    font-family: YEKAN !important;
}

.dir-rtl {
    direction: rtl;
}

.dir-ltr {
    direction: ltr;
}

input::placeholder {
    text-align: right !important;
}

.e-dlg-container {
    z-index: 50000 !important;
}

    .e-dlg-container .e-dlg-modal {
        z-index: 50001 !important;
    }

.e-dlg-overlay {
    z-index: 50000 !important;
}

.btn-wrapper {
    margin-right: 20px;
}

.btnn {
    font-size: 14px;
    font-weight: 600;
    background-color: #154633;
    padding: 15px 24px 15px 32px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    position: relative;
    transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    text-decoration: none;
}

    .btnn .text {
        color: #fff;
        line-height: 1;
        position: relative;
        z-index: 5;
        margin-left: 22px;
    }

    .btnn i {
        display: inline-block;
        position: relative;
        z-index: 5;
        transform: rotate(0deg) translateX(-13px);
        transform-origin: left;
        transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
        color: #fff;
        font-size: 15px;
    }

    .btnn::before {
        content: '';
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        z-index: 1;
        border-radius: 8px;
        top: 50%;
        left: 10px;
        transform: translateY(-50%);
        transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    }

    .btnn.danger {
        background-color: #d13d08;
    }

        .btnn.danger::before {
            background-color: #910b0b;
        }

    .btnn.success {
        background-color: #08d141;
    }

        .btnn.success::before {
            background-color: #0b912a;
        }

    .btnn.primary {
        background-color: #007BFF;
    }

        .btnn.primary::before {
            background-color: #0069D9;
        }

    .btnn.warning {
        background-color: #FFC107;
    }

        .btnn.warning::before {
            background-color: #E0A800;
        }

    .btnn.secendery {
        background-color: #6C757D;
    }

        .btnn.secendery::before {
            background-color: #5A6268;
        }

    .btnn.info {
        background-color: #17A2B8;
    }

        .btnn.info::before {
            background-color: #138496;
        }
    .btnn.caution {
        background-color: #dc8b19;
    }

        .btnn.caution::before {
            background-color: #a47024;
        }

    .btnn:hover i {
        transform: rotate(0deg) translateX(-13px);
    }

    .btnn:hover::before {
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
    }

.btn-wrapper:hover {
    cursor: pointer;
}

/* .container {
                            display: grid;
                            grid-template-columns: 25% 75%;
                            height: 100vh;
                        }

                        .action-box {
                            display: flex;
                            justify-content: space-between;
                            margin-bottom: 10px;
                        }

                        .action-btn {
                            padding: 5px 10px;
                            background-color: #007bff;
                            color: white;
                            border: none;
                            border-radius: 5px;
                            cursor: pointer;
                            transition: background-color 0.2s;
                        }

                            .action-btn:hover {
                                background-color: #0056b3;
                            }

                        .left-pane {
                            padding: 10px;
                            overflow-y: auto;
                        }

                        .right-pane {
                            padding: 10px;
                            display: flex;
                            justify-content: center;
                        }

                        .thumbnail-item {
                            display: flex;
                            align-items: center;
                            margin-bottom: 10px;
                            gap: 10px;
                        }

                            .thumbnail-item img {
                                width: 50px;
                                height: 50px;
                                border: 1px solid #ccc;
                                border-radius: 5px;
                            }

                        .image-container {
                            text-align: center;
                        }

                            .image-container img {
                                max-width: 100%;
                                max-height: 90%;
                                border: 1px solid #ccc;
                                border-radius: 5px;
                            }

                        .placeholder-text {
                            text-align: center;
                            color: gray;
                        } */
/*navid*/
.left-pane .e-list-parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

    .left-pane .e-list-parent li {
        padding: 5px !important;
        line-height: 22px;
    }

    .left-pane .e-list-parent .e-list-item img {
        width: 100%;
    }

.left-pane .e-listview {
    border: none !important;
}

.left-pane .e-list-header {
    width: 100% !important;
    display: flex;
    justify-content: center;
}

.left-pane .e-headertext {
    padding: 7px;
    border-radius: 10px 0 10px 0;
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 16px !important;
}

.left-pane .e-list-container {
    padding: 15px 5px;
}

.e-list-container:before {
    content: '';
    height: 2px;
    width: 80%;
    background: #d3d3d3;
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    transform: translateX(50%);
}

.left-pane .e-list-parent .e-list-item img {
    object-fit: cover;
    border-radius: 100px !important;
    box-shadow: 0px 0px 6px 1px #acb2b9 !important;
    border: 0;
    width: 75px !important;
    height: 75px !important;
}

.e-listview .e-list-item.e-hover {
    box-shadow: none;
    background: none !important;
}

    .e-listview .e-list-item.e-hover img {
        box-shadow: 0px 0px 6px 2px #368aebc9;
        background: no-repeat;
        border: 0 !important;
    }

.left-pane {
    width: 22%;
    margin-left: 20px;
}

    .left-pane .e-list-parent li {
        height: unset !important;
    }

.e-listview .e-list-item.e-hover img {
    box-shadow: 0px 0px 6px 2px #368aebc9;
    background: no-repeat;
    border: 0 !important;
}

.e-listview .e-list-item.e-hover {
    box-shadow: none;
    background: no-repeat;
}

.right-pane {
    width: 78%;
    margin-right: 10px;
}

    .right-pane .image-container img {
        object-fit: contain;
        height: 500px;
        width: 100%;
        border-radius: 20px !important;
    }

.is-required .tiny-label {
    color: red;
}

.is-required .persian-date-input input {
    border: 1px solid red !important;
}

.is-required .combo-wrapper .input-wrapper input {
    border-left: 0 !important;
}

.is-required .e-lib.e-input-group {
    border: 1px solid red !important;
    box-shadow: none !important;
}

.is-required .search-input {
    border: 1px solid red !important;
    border-left: 0 !important;
}

.is-required .e-control.e-btn {
    border: 1px solid red !important;
    border-left: none !important;
    border-right: none !important;
}

.is-required button.e-control.e-btn.e-lib.e-rtl:last-child {
    border-left: 1px solid red !important;
    border-radius: 6px 0 0 6px;
}

.is-required span.e-numeric {
    border: 1px solid red !important;
}

p.single-overview:before {
    content: '';
    position: absolute;
    right: -4px;
    background: #f72f41;
    height: 9px;
    width: 9px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
}

p.single-overview {
    position: relative;
    font-size: 19px;
    padding-right: 9px;
    font-variation-settings: "wght" 700;
}

.overview-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    padding: 0 15px;
}

span.o-value {
    color: #655ec9;
}

span.o-key {
    padding-left: 5px;
}

.section-line-wrapper {
    padding-right: 25px;
    position: relative;
    margin-bottom: 25px;
}

    .section-line-wrapper:before {
        position: absolute;
        content: '';
        right: 0;
        background: #6c53b7;
        height: 100%;
        width: 5px;
        bottom: 0;
    }

.section-line-title {
    margin-bottom: 30px;
    background: #6c53b7;
    color: white;
    padding: 9px 12px 9px 25px;
    display: inline-flex;
    position: relative;
    right: -25px;
    font-size: 17px;
    border-radius: 25px 0 0 25px;
    font-variation-settings: "wght" 700;
    box-shadow: -8px 0px 3px #6c53b785, -16px 0px 3px #6c53b738;
}

.section-line-body {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.d-inline-flex {
    display: inline-flex !important;
}

.circular-btn i, .circular-btn label {
    font-size: 19px;
    height: 45px;
    width: 45px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
    margin-bottom: 10px;
    transition: 0.3s all ease;
    text-align: center;
    line-height: 45px;
}

.circular-btn.danger i, .circular-btn.danger label {
    background: red !important;
    box-shadow: 0 0 8px 4px #ff4e4e61 !important;
}

.circular-btn.danger:hover i, .circular-btn.danger:hover label {
    background: red !important;
    box-shadow: 0 0 9px 4px #ff4e4ea6 !important;
}

.circular-btn.primary i, .circular-btn.primary label {
    background: #4242ef !important;
    box-shadow: 0 0 8px 4px #4242ef54 !important;
}

.circular-btn.primary:hover i, .circular-btn.primary:hover label {
    background: #4242ef !important;
    box-shadow: 0 0 9px 4px #4242efa6 !important;
}

.circular-btn.success i, .circular-btn.success label {
    background: #32cb37 !important;
    box-shadow: 0 0 8px 4px #32ca375e !important;
}

.circular-btn.success:hover i, .circular-btn.success:hover label {
    background: #32cb37 !important;
    box-shadow: 0 0 9px 4px #32ca37a6 !important;
}

.circular-btn.warning i, .circular-btn.warning label {
    color: #3d4036 !important;
    background: #fbff00 !important;
    box-shadow: 0 0 8px 4px #d2f7155e !important;
}

.circular-btn.warning:hover i, .circular-btn.warning:hover label {
    color: #3d4036 !important;
    background: #fbff00 !important;
    box-shadow: 0 0 9px 4px #d2f715a6 !important;
}

.circular-btn.orange i, .circular-btn.orange label {
    background: #ffa500 !important;
    box-shadow: 0 0 8px 4px #ffa50066 !important;
}

.circular-btn.orange:hover i, .circular-btn.orange:hover label {
    background: #ffa500 !important;
    box-shadow: 0 0 9px 4px #ffa500a6 !important;
}

.circular-btn.gray i, .circular-btn.gray label {
    background: #878481 !important;
    box-shadow: 0 0 8px 4px #87848161 !important;
}

.circular-btn.gray:hover i, .circular-btn.gray:hover label {
    background: #878481 !important;
    box-shadow: 0 0 9px 4px #878481a6 !important;
}

.circular-btn {
    padding: 6px;
}

.file-uploader-wrapper {
    display: flex;
}


    .file-uploader-wrapper .fa {
        margin-left: 5px;
        font-size: 22px;
    }

.input-wrapper textarea {
    width: 100%;
    border: 1px solid #c1bebe;
    padding: 7px 10px !important;
    font-size: 17px !important;
    border-radius: 6px;
    min-height: 150px;
}

.custom-combo table tbody tr:nth-child(even) {
    background: #EAEDFF !important;
}

.custom-combo table thead {
    background: #c3bfbf !important;
}

.custom-combo table tbody tr td {
    border-left: 1px solid #e1dbdb !important;
}

.e-gridheader {
    padding: 0 !important;
}

.custom-combo table thead .e-headercell div.e-headercelldiv {
    text-align: center !important;
}

.custom-combo table thead tr th {
    border-left: 1px solid #a5a3a0 !important;
}

.custom-combo table tbody tr td {
    text-align: center;
    font-size: 16px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fw-200 {
    font-feature-settings: "wght" 200 !important;
}

.fw-400 {
    font-feature-settings: "wght" 400 !important;
}

.fw-600 {
    font-feature-settings: "wght" 600 !important;
}

.fw-800 {
    font-feature-settings: "wght" 800 !important;
}

.fw-900 {
    font-feature-settings: "wght" 900 !important;
}

.fw-1000 {
    font-feature-settings: "wght" 1000 !important;
}

.c-red {
    color: #f32538 !important;
}

.c-pink {
    color: #f12094 !important;
}

.c-purple {
    color: #c11beb !important;
}

.c-purple {
    color: #611beb !important;
}

.c-sky {
    color: #1b95eb !important;
}

.c-green {
    color: #3bdb8a !important;
}

.c-yellow {
    color: #f0f313 !important;
}

.c-orange {
    color: #f38f13 !important;
}

.c-black {
    color: #000000 !important;
}

.c-white {
    color: #fff !important;
}

.c-gray {
    color: #959292 !important;
}

.ta-center {
    text-align: center !important;
}

.ta-left {
    text-align: left !important;
}

.ta-right {
    text-align: right !important;
}

.list-style-2 {
    position: relative !important;
    padding-right: 14px !important;
}

.wr-on {
    word-wrap: break-word !important;
}

.list-style-2:after {
    content: '';
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-left: 10px solid #ff000000;
    border-right: 10px solid #6d7473;
    border-top: 10px solid #b4cd2a00;
    border-bottom: 10px solid #1e1e1e00;
}

.list-style-2:before {
    content: '';
    position: absolute;
    right: -12px;
    background: #6d7473;
    height: 9px;
    width: 9px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
}

.custom-combo .e-virtualtable {
    width: 100% !important;
}

.e-dialog {
    border-radius: 30px 30px 20px 20px;
}

.e-dlg-header-content {
    border-radius: 20px 20px 70% 70%
}

.title-heading1 {
    font-size: 15px;
    position: relative;
    margin-bottom: 25px;
}

    .title-heading1 span {
        position: relative;
    }

        .title-heading1 span:after {
            position: absolute;
            content: '';
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            background: #5fcee1;
            height: 10px;
            width: 10px;
            right: -18px;
            border-radius: 100px;
        }

.e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    font-size: 12px !important;
}

.is-required input[type="text"].required {
    border: 1px solid red !important;
}

article .e-control.e-toolbar.e-lib.e-tab-header.e-rtl.e-keyboard {
    overflow: visible;
    margin: 30px 0;
    border-top: 1px solid #c9bdbdee;
    border-bottom: 1px solid #c9bdbdee !important;
    padding: 10px 0px;
}

article .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
    background: #f7f7f7;
}
.drawer .section-line-body {
    border: 3px solid #a293d1;
    padding: 10px;
    margin: -47px -22px 0 0;
    border-radius: 6px 0 0 6px;
}

.drawer .section-line-wrapper {
    padding: 0;
}

.drawer .section-line-box-title {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-size: 21px;
    color: #6c53b7;
    font-weight: 700;
    padding: 7px 0px;
    margin: 0px 0 15px 0;
}

.drawer .section-line-body__inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.section-line-body__inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.drawer .section-line-body .fa {
    padding: 8px;
    background: #dfdfdf;
    border-radius: 100px;
    cursor: pointer;
}

.drawer .lines {
    position: relative;
}

.drawer .lines:after {
    content: '';
    position: absolute;
    right: 17px;
    height: 3px;
    width: 250px;
    background: linear-gradient(45deg, transparent, #6c53b7);
    top: 50%;
}

.drawer .lines:before {
    content: '';
    position: absolute;
    right: -287px;
    height: 3px;
    width: 250px;
    background: linear-gradient(45deg, #6c53b7, transparent);
    top: 50%;
}
.section-line-box-title .on.fa-chevron-up {
    --fa: "\f077" !important;
}
.header-dlg-danger .e-dlg-header-content {
    background: #f55353 !important;
}

.header-dlg-warning .e-dlg-header-content {
    background: #f5b453 !important;
}

.header-dlg-success .e-dlg-header-content {
    background: #19dd50 !important;
}

.header-dlg-primary .e-dlg-header-content {
    background: #7d55f7 !important;
}