body, ul, li, a, p, h3, h4, h5, h6 {
    font-size: 13px;
}

h1, h2 {
    font-size: 16px;
    direction: rtl;
}

.sp-board {
    direction: rtl;
}

.sp-direction {
    direction: rtl;
}

.sp-link a {
    font-weight: normal;
}

.sp-smart-menu {
    direction: rtl;
}

.sp-main-quick {
    right: 0;
    border-left: 1px solid var(--secondary);
    border-right: 0;
    box-shadow: -1px 1px 2px var(--verylight);
}

.sp-main-alert {
    direction: rtl;
}

.sp-main-page {
    margin-left: 0;
    margin-right: 50px;
    /*transform: translate(-130px,0);*/
}

.sp-main-flag {
    border: 1px solid var(--primary);
    border-radius: 10px 0 0 10px;
    padding: 7px 2px;
    right: 0;
    transform: translate(-50px,0);
}

    .sp-main-flag img {
        transform: rotate(0deg);
    }

.sp-normalpage .sp-main-flag img {
    transform: rotate(180deg);
}

    .sp-normalpage .sp-main-flag img:hover {
        transform: scale(1.1,1.1);
    }

.sp-normalpage .sp-main-page {
    margin-left: 0;
    margin-right: 130px;
}

.sp-normalpage .sp-main-flag {
    -webkit-transform: translate(-130px, 0);
    -ms-transform: translate(-130px, 0);
    -o-transform: translate(-130px, 0);
    transform: translate(-130px,0);
}

.sp-fullpage .sp-main-quick {
    -webkit-transform: translate(130px, 0);
    -ms-transform: translate(130px, 0);
    -o-transform: translate(130px, 0);
    transform: translate(130px, 0);
}


.sp-main-header-append {
    float: right;
}

.sp-main-header-icon {
    float: right;
}

.sp-main-header-fix {
    left: 18px;
    right: auto;
}

.sp-card-body {
    direction: rtl;
}

.sp-card-header {
    text-align: right;
}

.sp-card li {
    text-align: right;
    padding-right: 15px;
    padding-left: 0;
}

.sp-nav-header {
    float: right;
}

.sp-nav-toolbar {
    float: right;
}

    .sp-nav-toolbar li {
        float: right;
    }

.sp-nav-menu {
    float: right;
}

.sp-menu {
    direction: rtl;
}

.sp-nav-popup {
    float: left;
}

.sp-nav-search {
    float: right;
}

.sp-nav-search-btn {
    float: left;
}

.sp-nav-notification {
    float: right;
}

.sp-nav-user {
    float: left;
}

.sp-nav-profile {
    float: right;
}

.sp-nav-user-drop {
    transform: translate(-16px,-368px);
}

    .sp-nav-user-drop li {
        text-align: right;
    }

.sp-nav-show .sp-nav-user-drop {
    transform: translate(-16px,2px);
}

.sp-nav-logout {
    float: left;
    margin-left: 10px;
}

    .sp-nav-logout img {
        transform: rotate(180deg);
    }

        .sp-nav-logout img:hover {
            transform: rotate(180deg) scale(1.1,1.1);
        }


.sp-nav-group {
    float: right;
}

.sp-nav-group-drop {
    top: 50px;
    left: 0;
}

.sp-main-panel {
    float: right;
    /*background: #ffffffc7;
    padding: 0 22px;
    border-radius: 10px 10px 0 0;
    margin-right: 20px;
    box-shadow: -2px -2px 3px -1px rgba(0,0,0,0.25);
    min-height: 70px;*/
}

.sp-menu-sub {
    left: auto;
    right: 0;
    text-align: right;
}

.sp-main-header-menu {
    float: left;
}

.sp-value {
    text-align: right;
}

.sp-notice-item {
    direction: rtl;
}

.sp-notice-right {
    right: auto;
    left: 20px;
}

.sp-notice-left {
    left: auto;
    right: 20px;
}

.sp-notice-close {
    right: auto;
    left: 8px;
}
/*portlet*/
.sp-portlet-title, .sp-portlet-header {
    text-align: right;
}

.sp-portlet-body {
    direction: rtl;
}
/*form*/
.sp-form-row, .sp-f-row,
.sp-form-row2, .sp-f-row2 .sp-form-row3, .sp-f-row3 {
    direction: rtl;
}

.sp-form-editor, .sp-f-editor {
    text-align: right;
}

.sp-form-title, .sp-f-title {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.sp-form .detail, .sp-f .detail {
    float: right;
}

.sp-form input[type=button], .sp-form input[type=submit],
.sp-f input[type=button], .sp-f input[type=submit] {
    font-family: 'IranSans';
}

.sp-form input, .sp-form select, .sp-form textarea, .sp-form button,
.sp-f input, .sp-f select, .sp-f textarea, .sp-f button {
    direction: rtl;
}

.sp-form-flat .sp-form-title, .sp-f-flat .sp-f-title,
.sp-f-f .sp-form-title, .sp-f-f .sp-f-title {
    text-align: right;
}

.sp-form-material .sp-form-title, .sp-f-material .sp-f-title,
.sp-f-m .sp-form-title, .sp-f-m .sp-f-title {
    text-align: right;
}

.sp-form .sp-invalidated, .sp-form .sp-invalid, .sp-f .sp-invalidated, .sp-f .sp-invalid {
    padding-right: 0 !important;
    padding-left: 2.966971rem !important;
    background-position: center left calc(2.966971rem / 4) !important
}

.sp-form .sp-validated, .sp-form .sp-valid, .sp-f .sp-validated, .sp-f .sp-valid {
    padding-right: 0 !important;
    padding-left: 2.966971rem !important;
    background-position: center left calc(2.966971rem / 4) !important
}

.sp-f-note {
    margin-left: 0;
    margin-right: 150px;
}

.sp-main-quick-menu li::before {
    border-left: none;
    border-right: 3px solid var(--primary);
}

.sp-main-flag {
    box-shadow: -2px 2px 5px var(--verylight);
}

.sp-tabview {
    direction: rtl;
}

.sp-wizard-content {
    direction: rtl;
}

.sp-directory-popup {
    direction: rtl;
}

.sp-tab .sp-tab-item:first-child {
    margin-right: 46px;
}

.sp-tab .sp-tab-small:first-child {
    margin-right: 20px;
}

.sp-tab-header {
    direction: rtl;
}

.sp-tab-item {
    margin-left: 0;
    margin-right: 46px;
}

.sp-tab-item-small, .sp-tab-small {
    margin-right: 15px;
    margin-left: 5px;
}

/*report*/
.sp-preview {
    direction: rtl;
}

.sp-report-header {
    direction: rtl;
    text-align: right;
    display: flex;
}

.sp-report-page {
    direction: rtl;
}

.sp-report ul {
    text-align: right;
}

.sp-report li {
    border: none;
    border-left: 1px solid black;
}

    .sp-report li:first-child {
        border-left: 1px solid black !important;
    }

    .sp-report li:last-child {
        border: none;
    }

.sp-footer-flag {
    left: 30px;
    right: auto;
}

.sp-develop {
    right: 0;
    left: auto;
}

.sp-develop-circle {
    left: auto;
    right: 33px;
}

.ui-widget-content {
    direction: rtl;
    font-family: var(--font-primary)
}

@media screen and (max-width: 64em) {
    .sp-main-page {
        margin-left: 0;
        margin-right: 49px;
    }

    .sp-main-flag {
        left: auto;
        right: 0;
        transform: translate(-49px,0);
    }

    .sp-form-title {
        text-align: right;
        font-weight: bold;
    }
}

@media screen and (max-width: 40em) {
    .sp-main-flag {
        transform: translate(0,0);
    }

    .sp-main-page {
        margin-right: 0;
    }

    .sp-fullpage .sp-main-page {
        margin-left: 0;
        margin-right: 49px;
    }

    .sp-fullpage .sp-main-quick {
        left: auto;
        right: 0;
        transform: translate(0,0);
    }
}