.SfUploader * {
    font-size: 12px !important;
}

.SfUploader .e-file-select-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    background-color: white;
}

    .SfUploader .e-file-select-wrap button {
        margin-left: 20px !important;
    }

    .SfUploader .e-file-select-wrap span {
        margin-right: 40px !important;
        width: 100%;
    }

    .SfUploader .e-file-select-wrap .e-btn:after {
        content: ' تصویر';
    }

.combobox {
    display: flex;
    flex-direction: row !important;
    flex-wrap:wrap;
    align-items: center;
    gap: 20px !important;
    margin-top: 20px;
}

.sf-radio label > *{
    white-space: nowrap !important;
}

.sf-radio label > * {
    color: black !important;
    font-size: 12px !important;
}

.sf-radio-blue label > * {
    color: blue !important;
    font-size: 12px !important;
    white-space: nowrap !important;
}

.sf-radio-green label > * {
    color: green !important;
    font-size: 12px !important;
    white-space: nowrap !important;
}

.sf-radio-red label > * {
    color: indianred !important;
    font-size: 12px !important;
    white-space: nowrap !important;
}

.radio-grid{
    display:flex;
    gap:10px;
    border:1px solid silver;
    border-radius:5px;
    padding:5px 10px;
    align-items:center;
    /*background-color:white;*/
}


/*#region Treeview */
.e-treeview {
    overflow: auto !important;
}

.sftree {
    font-size: 12px;
    Height: 100%;
    overflow: auto;
}

.accordiontree .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-hover > .e-fullrow, .accordiontree .e-list-item.e-level-1 > .e-fullrow, .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-fullrow {
}

.accordiontree .e-list-item.e-level-1 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-hover > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-1.e-active.e-hover > .e-text-content .e-list-text {
    color: brown;
    font-size: 18px;
    font-weight: bold;
}

.accordiontree .e-list-item.e-level- .e-icons.e-icon-collapsible, .accordiontree .e-list-item.e-level-1 .e-icons.e-icon-collapsible, .accordiontree .e-list-item.e-level-1 .e-icon-expandable {
    /*display: none*/
}

.accordiontree .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-hover > .e-fullrow, .accordiontree .e-list-item.e-level-2 > .e-fullrow, .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-fullrow {
}

.accordiontree .e-list-item.e-level-2 > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-hover > .e-text-content .e-list-text, .accordiontree .e-list-item.e-level-2.e-active.e-hover > .e-text-content .e-list-text {
    font-weight: bold;
    font-size: 14px;
}

.accordiontree .e-list-item.e-level-3 > .e-fullrow, .accordiontree .e-list-item.e-level-3.e-active > .e-fullrow, .accordiontree .e-list-item.e-level-3.e-hover > .e-fullrow, .accordiontree .e-list-item.e-level-3 > .e-fullrow, .accordiontree .e-list-item.e-level-3.e-active.e-hover > .e-fullrow {
    color: silver;
}

.e-treeview.custom-tree .e-list-icon {
    font-size: 16px;
    margin-top: -4px;
    color: white;
}
/*#endregion Treeview */