.e-code-mirror::before {
    content: '\e345';
}

.e-html-preview::before {
    content: '\e350';
}

.e-richtexteditor.e-rte-full-screen {
    top: 48px;
}

.CodeMirror-linenumber,
.CodeMirror-gutters {
    display: none;
}

.sb-header {
    z-index: 100;
}

.fabric-dark .cm-s-default .cm-tag,
.bootstrap5-dark .cm-s-default .cm-tag,
.material-dark .cm-s-default .cm-tag,
.tailwind-dark .cm-s-default .cm-tag,
.highcontrast .cm-s-default .cm-tag {
    color: #00ff00;
}

.fabric-dark .cm-s-default .cm-string,
.bootstrap5-dark .cm-s-default .cm-string,
.material-dark .cm-s-default .cm-string,
.tailwind-dark .cm-s-default .cm-string {
    color: blue;
}

.highcontrast .cm-s-default .cm-string {
    color: #ffd939;
}

.fabric-dark .cm-s-default .cm-attribute,
.bootstrap5-dark .cm-s-default .cm-attribute,
.material-dark .cm-s-default .cm-attribute,
.tailwind-dark .cm-s-default .cm-attribute,
.highcontrast .cm-s-default .cm-attribute {
    color: #f00;
}

.fabric-dark .CodeMirror,
.bootstrap5-dark .CodeMirror,
.material-dark .CodeMirror,
.tailwind-dark .CodeMirror {
    background: #303030;
}

.highcontrast .CodeMirror {
    background: black;
}

.e-richtexteditor .e-rte-content .e-content pre {
    padding: 10px;
    background: #F4F5F7;
}

.fabric-dark .e-richtexteditor .e-rte-content .e-content pre,
.bootstrap5-dark .e-richtexteditor .e-rte-content .e-content pre,
.material-dark .e-richtexteditor .e-rte-content .e-content pre,
.tailwind-dark .e-richtexteditor .e-rte-content .e-content pre,
.highcontrast .e-richtexteditor .e-rte-content .e-content pre,
.fluent-dark .e-richtexteditor .e-rte-content .e-content pre,
.material3-dark .e-richtexteditor .e-rte-content .e-content pre,
{
    padding: 10px;
    background: #303030;
}

@media print {
    a, a:visited {
        color: blue !important;
        text-decoration: underline;
    }

        a[href^="javascript:"]:after, a[href^="#"]:after {
            content: "";
        }

        a[href]:after {
            content: "";
        }
}

.control-section {
    min-height: 370px;
}

.control-wrapper {
    max-width: 250px;
    margin: 0 auto;
    padding: 50px 0px 0px;
}

.example-label {
    font-size: 14px;
    margin-bottom: 6px;
}

.property-panel-section .property-value {
    padding: 5px 0px 10px;
    font-size: 14px;
}

.property-panel-content {
    padding: 0px 0px 15px 0px;
}

    .property-panel-content:last-child {
        padding: 0px 0px 40px 0px;
    }

.e-input-group.e-control-wrapper.e-ddl .e-input[readonly], .e-float-input.e-control-wrapper.e-ddl input[readonly] {
    margin-right: 10px;
}
#button-control {
    width: 100%;
    margin: 11% 0;
}

.e-dropdown-popup ul .e-item .e-menu-icon {
    margin-left: 10px !important;
}

.e-dropdown-btn {
    text-transform: none;
    white-space: normal;
    background-color: #f5f8fa;
    border: inherit;
    color: #7E8299;
}

.e-rtl {
    font-family: IRANSans !important;
    text-align: center;
}

.button-section {
    width: 80%;
    margin: auto;
    font-family: IRANSans !important;
}

#button-control .col-xs-12 {
    margin: 15px 0;
}

@media only screen and (max-width: 500px) {
    #button-control .col-lg-6 {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 1200px) {
    #button-control .col-lg-6 {
        width: 25%;
    }
}