@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');


/** RTL **/

/* Set Text Direction to RTL */
html {
    direction: rtl;
    text-align: right;
}

body {
    text-align: right;
}

/* Sidebar Mini */
@media (min-width: 992px) {
    .sidebar-o.sidebar-mini #sidebar .sidebar-content {
        -webkit-transform: translateX(0) translateY(0) translateZ(0);
        transform: translateX(0) translateY(0) translateZ(0);
    }

    .sidebar-r.sidebar-o.sidebar-mini #sidebar .sidebar-content {
        -webkit-transform: translateX(-166px) translateY(0) translateZ(0);
        transform: translateX(-166px) translateY(0) translateZ(0);
    }

    .sidebar-r.sidebar-o.sidebar-mini #sidebar:hover .sidebar-content {
      -webkit-transform: translateX(0) translateY(0) translateZ(0);
              transform: translateX(0) translateY(0) translateZ(0);
    }
}

/* Main Sidebar Navigation */
.nav-main a {
    padding-right: 40px;
    padding-left: 18px;
}

.nav-main a > i {
    right: 19px;
    left: auto;
}

.nav-main a.nav-submenu {
    padding-right: 40px;
    padding-left: 35px;
}

.nav-main a.nav-submenu::before, .nav-main a.nav-submenu::after {
    right: auto;
    left: 15px;
}

.nav-main a.nav-submenu::before {
    content: '\f105';
}

.nav-main a.nav-submenu::after {
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.nav-main ul {
    padding-right: 40px;
    padding-left: 0;
}

.nav-main ul a,
.nav-main ul a.nav-submenu {
    padding-right: 0;
    padding-left: 8px;
}

.nav-main ul a > i {
    margin-right: 0;
    margin-left: 15px;
}

.nav-main ul ul {
    padding-right: 12px;
}

/* Main Header Navigation */
@media (min-width: 992px) {
    .nav-main-header a > i {
        margin-right: 0;
        margin-left: 8px;
    }

    .nav-main-header a.nav-submenu {
        padding-right: 14px;
        padding-left: 28px;
    }

    .nav-main-header a.nav-submenu::before {
        right: auto;
        left: 6px;
    }

    .nav-main-header ul {
        right: 0;
        left: auto;
    }

    .nav-main-header ul a.nav-submenu::before {
        content: '\f104';
    }

    .nav-main-header ul ul {
        right: 100%;
        left: auto;
    }

    .nav-main-header > li:last-child ul {
        right: auto;
        left: 0;
    }

    .nav-main-header > li:last-child ul a.nav-submenu::before {
        content: '\f105';
    }

    .nav-main-header > li:last-child ul ul {
        right: auto;
        left: 100%;
    }
}





/** Override **/

html {
    font-family: 'Cairo', sans-serif;
}

body {
    font-family: 'Cairo', "Nunito Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

code,
kbd,
pre,
samp {
    font-family: 'Cairo', SFMono-Regular, Consolas, Menlo, Monaco, "Liberation Mono", "Courier New", monospace;
}

button,
input,
optgroup,
select,
textarea {
    font-family: 'Cairo', inherit;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Cairo', "Nunito Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.tooltip {
    font-family: 'Cairo', "Nunito Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.popover {
    font-family: 'Cairo', "Nunito Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.text-monospace {
    font-family: 'Cairo', SFMono-Regular, Consolas, Menlo, Monaco, "Liberation Mono", "Courier New", monospace !important;
}

.btn {
    font-family: 'Cairo', "Nunito Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.popover-header {
    font-family: 'Cairo', "Nunito Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

div.tagsinput span.tag {
    font-family: 'Cairo', "Nunito Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.jvectormap-tip {
    font-family: 'Cairo', "Nunito Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.select2-container--default .select2-search--inline .select2-search__field {
    font-family: 'Cairo', "Nunito Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.select2-search--dropdown .select2-search__field {
    font-family: 'Cairo', "Nunito Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}


.nav-main .nav-main-heading {
    padding: 20px 18px 6px 18px;
}

.content {
    padding-top: 20px;
}

.content-heading {
    padding-top: 0px;
}

@media (min-width: 768px) {
    .content-heading {
        padding-top: 0px;
    }
}