.main-menu .navigation li > a > i, .main-menu .dropdown-menu i, .main-menu .dropdown-user > a > i, .main-menu .navigation > li > a > i {
    float: right;
}

.dropdown-user.nav-item i {
    float: right;
}

.horizontal-menu .main-menu-content #main-menu-navigation > li > a > i {
    float: right;
}

.mega-dropdown-menu li a i, .mega-dropdown-menu li h6 i {
    float: right;
}

.menu-expanded .form-group i {
    float: inherit;
}

.form-control-position i {
    top: 25%;
    position: absolute;
    right: 25%;
}

.echart-container {
    direction: ltr;
}

.mm-menu {
    left: auto;
}

.dz-hidden-input {
    position: relative !important;
}

.content-wrapper .sticky-wrapper, .content-right-sidebar .sticky-wrapper {
    float: left;
}

.ui-widget-icon-block {
    right: 50%;
}

.ui-dialog .ui-dialog-titlebar-close {
    right: 3rem;
}

.square.slider-xl .noUi-handle:before {
    left: 5px;
}

.square.slider-xl .noUi-handle:after {
    left: 10px;
}

.square .noUi-handle:before {
    left: 2px;
}

.square .noUi-handle:after {
    left: 7px;
}

.noUi-vertical.square .noUi-handle:before {
    left: -1px;
}

.noUi-vertical.square .noUi-handle:after {
    left: -1px;
}

#tubular-container {
    z-index: 0 !important;
}

.btn i[class^='icon-'], .btn i[class*=' icon-'] {
    line-height: 1.25rem;
}

code[class*='language-'], pre[class*='language-'] {
    direction: ltr;
}

@media print {
    code[class*='language-'], pre[class*='language-'] {
        text-shadow: none;
    }
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
    right: 65%;
}

body {
    font-family: 'Noto Kufi Arabic';
    font-size: 15px;
}

header {
    font-family: 'Noto Kufi Arabic';
    font-size: 12px;
}

ul li {
    font-family: 'Noto Kufi Arabic';
    font-size: 15px;
}

* {
    font-family: 'Noto Kufi Arabic'
}

h1 {
    font-size: 15px;
    font-family: 'Noto Kufi Arabic'
}

h2 {
    font-family: 'Noto Kufi Arabic'
}

h3 {
    font-family: 'Noto Kufi Arabic'
}

h4 {
    font-family: 'Noto Kufi Arabic'
}

h5 {
    font-family: 'Noto Kufi Arabic'
}

h6 {
    font-family: 'Noto Kufi Arabic'
}

div {
    font-family: 'Noto Kufi Arabic'
}

span {
    font-family: 'Noto Kufi Arabic'
}

.form-group.validate input, .form-group.validate select, .form-group.validate textarea {
font-weight:900;
font-size:larger !important;
color:darkblue !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 900;
    font-size: larger !important;
    color: darkblue !important;
}
    @media (max-width: 768px ) {
        html {
            font-size: 0.7rem;
        }

        body {
            font-family: 'Noto Kufi Arabic';
            font-size: 12px;
        }

        div input .form-control {
            width: 200px;
        }

        span.select2 {
            width: 200px !important;
        }

        div .select2 {
            width: 100%;
        }

        .select2 {
            width: 100%
        }

        div .form-control {
            width: 200px;
        }

        h1, .h1 {
            font-size: 1.5rem;
        }

        h2, .h2 {
            font-size: 1.2rem;
        }

        h3, .h3 {
            font-size: 1.1rem;
        }

        h4, .h4 {
            font-size: 1rem;
        }

        h5, .h5 {
            font-size: 0.9rem;
        }

        h6, .h6 {
            font-size: 0.8rem;
        }

        th {
            font-size: 1rem;
        }

        .table th, .table td {
            font-size: 12px;
            border-spacing: 1px;
            padding: 1px;
        }

        .dataTables_filter input {
            font-size: 12px;
            width: 100px
        }



        div.dataTables_wrapper div.dataTables_filter input {
            font-size: 12px;
            width: 200px;
        }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            font-size: 0.5rem;
        }

        div.dataTables_wrapper div.paginate_button {
            font-size: 0.5rem;
        }

        div.table-responsive label {
            font-size: 12px
        }

        div.table-responsive ul li {
            font-size: 7px
        }

        div.table-responsive .dataTables_info {
            font-size: 12px
        }
    }

    @media (min-width: 769px) {
        html {
            font-size: 1rem;
        }
        textarea {
         font-weight:900;
        }
        input.btn {
            display: inline-block;
            font-weight: 300;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid transparent;
            font-size: 1rem !important;
            line-height: 1.25;
            border-radius: 3px;
            padding: 0.5rem 0.5rem !important;
        }

        .btn {
            font-size: 1rem !important;
            padding: 0.5rem 0.5rem !important;
            border-radius: 3px;
        }

        a.btn {
            display: inline-block;
            font-weight: 300;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid transparent;
            padding: 0.5rem 0.5rem !important;
            font-size: 1rem !important;
            line-height: 1.25;
            border-radius: 3px;
        }

        h1, .h1 {
            font-size: 1.5rem;
        }

        h2, .h2 {
            font-size: 1.2rem;
        }

        h3, .h3 {
            font-size: 1.1rem;
        }

        h4, .h4 {
            font-size: 1rem;
        }

        h5, .h5 {
            font-size: 0.9rem;
        }

        h6, .h6 {
            font-size: 0.8rem;
        }

        div .select2 {
            width: 100% !important;
        }

        div input .form-control {
            width: 100%;
        }


        th {
            font-size: 0.8rem;
        }

        .table th, .table td {
            font-size: 13px;
            border-spacing: 5px;
            padding: 5px;
        }

        .dataTables_filter input {
            font-size: 13px;
            width: 100px
        }

        .dataTables_filter label .form-control-sm {
            width: 80px;
        }



        div.dataTables_wrapper div.dataTables_filter input {
            font-size: 12px;
            width: 200px;
        }

        div.dataTables_wrapper div.dataTables_paginate ul.pagination {
            font-size: 0.8rem;
        }

        div.dataTables_wrapper div.paginate_button {
            font-size: 0.8rem;
        }

        div.table-responsive label {
            font-size: 12px
        }

        div.table-responsive ul li {
            font-size: 9px
        }

        div.table-responsive .dataTables_info {
            font-size: 12px
        }

        div.dataTables_filter label input form-control form-control-sm {
            width: 200px;
        }
    }