@font-face {
    font-family: NotoKufiArabic;
    src: url(fonts/NotoKufiArabic-Medium.ttf);
}
header , .container, footer {
    direction: rtl !important;
}
body{
    font-family: NotoKufiArabic !important;
    text-align: right !important;
    direction: rtl !important;
}


.float-right {
    float: left !important;
}

.ml-sm-3, .mx-sm-3 , .mr-3, .mx-3 {
    margin-right: 1rem !important;
    margin-left: unset !important;
}
.text-md-left{
    text-align: right !important;
}
.text-right {
    text-align: left!important;
}

@media (min-width: 576px){
    .text-sm-right {
        text-align: left !important;
    }
}



.custom-file-label {
    padding: 0.54688rem 5.875rem;
}

.modal-header .close {
    margin: 0px;
}

.ml-2, .mx-2 {
    margin-right: .5rem !important;
}
.mr-3, .mx-3 {
    margin-left: 1rem !important;
}
.legend-indicator {
    margin-left: .4375rem;
}


.navbar-expand-md .dropdown:hover > .dropdown-menu {
    text-align: right !important;
}

.feature_header span , .widget-title {
    font-size: 15px !important;
}

.input-group-overlay .appended-form-control:not(.rounded-right-0) {
    padding-right: 4.5rem !important;
}

.navbar-vertical-fixed {
    left: unset !important;
    right: 0 !important;
}





[class*=navbar-vertical-aside-show] .navbar-nav-wrap-content-left {
    padding-left: unset !important;
    padding-right: 0;
}

.navbar-nav-wrap-content-right {
    margin-left: 30px !important;
    margin-right: auto !important;
}

.nav {
    padding-right: 0 !important;
    padding-left: unset !important;
}

.form-check-input {
    margin-left:unset !important;
    margin-right: -1.25rem !important;
}
.form-check {
    padding-left:unset !important;
    padding-right: 1.25rem !important;
}

.pull-right {
    float: left !important;
}
.pull-left {
    float: right !important;
}


.navbar-nav {
    padding-right: 0;
    padding-left: unset;
}
.navbar-brand {
    margin-right: unset;
    margin-left: 1rem;
}

@media (min-width: 576px) {

    .navbar-vertical-aside-show-sm .main {
        padding-left: unset;
        padding-right: 16.25rem;

    }

    .navbar-vertical-aside-show-sm .footer {
        margin-left: unset;
        margin-right: 16.25rem;

    }

    .navbar-vertical-aside-show-sm .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 16.25rem;

    }

    .navbar-vertical-aside-show-sm .splitted-content-navbar {
        margin-left: unset;
        margin-right: 21.5rem;


    }

    .navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mode .main {
        padding-left: unset;
        padding-right: 9rem;
    }

    .navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mode .footer {
        margin-left: unset;
        margin-right: 9rem;

    }

    .navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right:9rem

    }

    .navbar-vertical-aside-show-sm.splitted-content .main {
        padding-left: unset;
        padding-right: 21.5rem
    }

    .navbar-vertical-aside-show-sm.splitted-content .footer {
        margin-left: unset;
        margin-right: 21.5rem

    }

    .navbar-vertical-aside-show-sm.splitted-content .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 21.5rem

    }

    .navbar-vertical-aside-show-sm .navbar-vertical-aside {
        margin-left: unset;
        margin-right: 0

    }


    .navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 5.25rem

    }

    .navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .main {
        padding-left: unset;
        padding-right: 5.25rem
    }

    .navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .footer {
        margin-left: unset;
        margin-right:5.25rem

    }


    .navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
        padding-left: unset;
        padding-right: 21.5rem
    }

    .navbar-vertical-aside-show-sm.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 2rem

    }



    .navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar-vertical-content > .navbar-nav > .navbar-vertical-aside-has-menu > .nav {
        left: calc(100% + .9125rem);
        padding-left: unset;
        padding-right: 0;
    }

    .navbar-vertical-aside-show-sm.navbar-vertical-aside-mini-mode .navbar-vertical-content > .navbar-nav > .navbar-vertical-aside-has-menu > .nav::before {
        right: calc(100% - .0625rem);
    }


}

@media (min-width: 768px) {


    .navbar-vertical-aside-show-md .main {
        padding-left: unset;
        padding-right: 16.25rem
    }

    .navbar-vertical-aside-show-md .footer {
        margin-left: unset;
        margin-right: 16.25rem

    }

    .navbar-vertical-aside-show-md .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right:16.25rem

    }

    .navbar-vertical-aside-show-md .splitted-content-navbar {
        margin-left: unset;
        margin-right: 21.5rem

    }

    .navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mode .main {
        padding-left: unset;
        padding-right: 9rem
    }

    .navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mode .footer {
        margin-left: unset;
        margin-right:9rem

    }

    .navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 9rem

    }

    .navbar-vertical-aside-show-md.splitted-content .main {
        padding-left: unset;
        padding-right: 21.5rem
    }

    .navbar-vertical-aside-show-md.splitted-content .footer {
        margin-left: unset;
        margin-right: 21.5rem


    }

    .navbar-vertical-aside-show-md.splitted-content .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 21.5rem

    }

    .navbar-vertical-aside-show-md .navbar-vertical-aside {
        margin-left: unset;
        margin-right: 0

    }

    .navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 5.25rem

    }

    .navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .main {
        padding-left: unset;
        padding-right: 5.25rem;
    }

    .navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .footer {
        margin-left: unset;
        margin-right:5.25rem

    }

    .navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
        padding-left: unset;
        padding-right: 21.5rem
    }

    .navbar-vertical-aside-show-md.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 2rem

    }



    .navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar-vertical-content > .navbar-nav > .navbar-vertical-aside-has-menu > .nav {

        left: calc(100% + .9125rem);
        padding-left: unset;
        padding-right: 0;

    }

    .navbar-vertical-aside-show-md.navbar-vertical-aside-mini-mode .navbar-vertical-content > .navbar-nav > .navbar-vertical-aside-has-menu > .nav::before {
        right: calc(100% - .0625rem);
    }


}

@media (min-width: 992px) {


    .navbar-vertical-aside-show-lg .main {
        padding-left: unset;
        padding-right: 16.25rem
    }

    .navbar-vertical-aside-show-lg .footer {
        margin-left: unset;
        margin-right: 16.25rem

    }

    .navbar-vertical-aside-show-lg .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 16.25rem

    }

    .navbar-vertical-aside-show-lg .splitted-content-navbar {
        margin-left: unset;
        margin-right:  21.5rem

    }

    .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mode .main {
        padding-left: unset;
        padding-right: 9rem
    }

    .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mode .footer {
        margin-left: unset;
        margin-right: 9rem

    }

    .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 9rem

    }

    .navbar-vertical-aside-show-lg.splitted-content .main {
        padding-left: unset;
        padding-right: 21.5rem
    }

    .navbar-vertical-aside-show-lg.splitted-content .footer {
        margin-left: unset;
        margin-right: 21.5rem

    }

    .navbar-vertical-aside-show-lg.splitted-content .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right:21.5rem

    }

    .navbar-vertical-aside-show-lg .navbar-vertical-aside {
        margin-left: unset;
        margin-right: 0

    }

    .navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 5.25rem

    }

    .navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .main {
        padding-left: unset;
        padding-right:  5.25rem
    }

    .navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .footer {
        margin-left: unset;
        margin-right: 5.25rem

    }


    .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
        padding-left: unset;
        padding-right: 21.5rem
    }

    .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 2rem

    }



    .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode .navbar-vertical-aside .nav, .navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-aside .nav {
        padding-left: unset;
        padding-right: 16.25rem;
    }

    .navbar-vertical-aside-show-lg.navbar-vertical-aside-compact-mini-mode .navbar-vertical-aside .nav .nav, .navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-aside .nav .nav {
        padding-left: unset;
        padding-right: 16.25rem;
    }


    .navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-content > .navbar-nav > .navbar-vertical-aside-has-menu > .nav {

        left: calc(100% + .9125rem);
        padding-left: unset;
        padding-right: 16.25rem;

    }

    .navbar-vertical-aside-show-lg.navbar-vertical-aside-mini-mode .navbar-vertical-content > .navbar-nav > .navbar-vertical-aside-has-menu > .nav::before {
        right: calc(100% - .0625rem);
    }

}

@media (min-width: 1200px) {


    .navbar-vertical-aside-show-xl .main {
        padding-left: unset;
        padding-right: 16.25rem
    }

    .navbar-vertical-aside-show-xl .footer {
        margin-left: unset;
        margin-right: 16.25rem

    }

    .navbar-vertical-aside-show-xl .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 12.25rem

    }

    .navbar-vertical-aside-show-xl .splitted-content-navbar {
        margin-left: unset;
        margin-right: 21.5rem

    }

    .navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mode .main {
        padding-left: unset;
        padding-right: 9rem
    }

    .navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mode .footer {
        margin-left: unset;
        margin-right: 9rem

    }

    .navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 9rem

    }

    .navbar-vertical-aside-show-xl.splitted-content .main {
        padding-left: unset;
        padding-right: 21.5rem
    }

    .navbar-vertical-aside-show-xl.splitted-content .footer {
        margin-left: unset;
        margin-right: 21.5rem

    }

    .navbar-vertical-aside-show-xl.splitted-content .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 21.5rem

    }

    .navbar-vertical-aside-show-xl .navbar-vertical-aside {
        margin-left: unset;
        margin-right: 0

    }



    .navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right: 5.25rem;
    }

    .navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .main {
        padding-left: unset;
        padding-right: 5.25rem;
    }

    .navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .footer {
        margin-left: 5.25rem
    }





    .navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
        padding-left: unset;
        padding-right: 21.5rem;
    }

    .navbar-vertical-aside-show-xl.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
        margin-left: unset;
        margin-right:  2rem;
    }


    .navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar-vertical-content > .navbar-nav > .navbar-vertical-aside-has-menu > .nav {
        left: unset !important;
        right: calc(100% - .0625rem);
        padding-left: unset;
        padding-right: 0;
    }

    .navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode .navbar-vertical-content > .navbar-nav > .navbar-vertical-aside-has-menu > .nav::before {

        right: unset !important;
        left: calc(100% - .0625rem);
    }


}

@media (min-width: 1400px) {

    .navbar-vertical-aside-show-xxl .main {
        padding-left: unset !important;
        padding-right:  16.25rem;
    }

    .navbar-vertical-aside-show-xxl .footer {
        margin-left: unset !important;
        margin-right:  16.25rem;
    }

    .navbar-vertical-aside-show-xxl .navbar:not(.navbar-vertical) {
        margin-left: unset !important;
        margin-right:  16.25rem;
    }

    .navbar-vertical-aside-show-xxl .splitted-content-navbar {
        margin-left: unset !important;
        margin-right: 21.5rem;
    }

    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mode .main {
        padding-left: unset !important;
        padding-right: 9rem;
    }

    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mode .footer {
        margin-left: unset !important;
        margin-right: 9rem;
    }

    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mode .navbar:not(.navbar-vertical) {
        margin-left: unset !important;
        margin-right: 9rem;

    }

    .navbar-vertical-aside-show-xxl.splitted-content .main {
        padding-left: unset !important;
        padding-right: 21.5rem;
    }

    .navbar-vertical-aside-show-xxl.splitted-content .footer {
        margin-left: unset !important;
        margin-right: 21.5rem;
    }

    .navbar-vertical-aside-show-xxl.splitted-content .navbar:not(.navbar-vertical) {
        margin-left: unset !important;
        margin-right: 21.5rem;
    }


    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar:not(.navbar-vertical) {
        margin-left: unset !important;
        margin-right: 5.25rem;
    }

    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .main {
        margin-left: unset !important;
        margin-right: 5.25rem;
    }

    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .footer {
        margin-left: unset !important;
        margin-right: 5.25rem;
    }


    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mini-mode.splitted-content .footer, .navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical), .navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mini-mode.splitted-content .splitted-content-main {
        margin-left: unset !important;
        margin-right: 21.5rem;

    }

    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-compact-mini-mode.splitted-content .navbar:not(.navbar-vertical) {
        margin-left: unset !important;
        margin-right: 2rem;
    }


    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar-vertical-content > .navbar-nav > .navbar-vertical-aside-has-menu > .nav {
        right: calc(100% + .9125rem);
        left:unset !important;
        padding-right: 0;
        padding-left: unset !important;

        box-shadow: 0 10px 40px 10px rgba(140, 152, 164, .175);
        border-radius: .3125rem
    }

    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-mini-mode .navbar-vertical-content > .navbar-nav > .navbar-vertical-aside-has-menu > .nav::before {
        right:unset !important;
        left: calc(100% - .0625rem);
    }

}

@media (max-width: 575.98px) {

    .navbar-vertical-aside-show-sm.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
        margin-left: unset !important;
        margin-right: -100%;
    }
}

@media (max-width: 767.98px) {

    .navbar-vertical-aside-show-md.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
        margin-left: unset !important;
        margin-right: -100%;
    }
}

@media (max-width: 991.98px) {

    .navbar-vertical-aside-show-lg.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
        margin-left: unset !important;
        margin-right: -100%;
    }
}

@media (max-width: 1199.98px) {
    .navbar-vertical-aside-show-xl.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
        margin-left: unset !important;
        margin-right: -100%;
    }
}

@media (max-width: 1399.98px) {
    .navbar-vertical-aside-show-xxl.navbar-vertical-aside-closed-mode .navbar-vertical-aside {
        margin-left: unset !important;
        margin-right: -100%;
    }
}