@font-face {
    font-family: Vazir;
    src: url('../../fonts/vazir/Vazir.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazir;
    src: url('../../fonts/vazir/Vazir-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

#loader {
    display: none !important;
}

html.rtl,
html.rtl body,
html.rtl h1, html.rtl h2, html.rtl h3, html.rtl h4, html.rtl h5, html.rtl h6,
html.rtl p, html.rtl span, html.rtl a, html.rtl label, html.rtl input,
html.rtl select, html.rtl textarea, html.rtl button, html.rtl td, html.rtl th,
html.rtl .box, html.rtl .modal, html.rtl .dropdown-menu, html.rtl .main-footer,
html.rtl .main-header, html.rtl .content-wrapper, html.rtl .sidebar-menu,
html.rtl .btn, html.rtl .form-control, html.rtl .badge, html.rtl .nav-link,
html.rtl .dropdown-item, html.rtl .chat-box, html.rtl .control-sidebar {
    font-family: Vazir, Tahoma, sans-serif !important;
}

html.rtl .main-header .logo-box {
    border-left: 1px solid rgba(0, 0, 0, 0.08);
    border-right: none;
}

html.rtl .power-box .light-box-1 {
    border-radius: 0 10px 0 0 !important;
    border-left: 1px solid #aeaeae;
    border-right: none !important;
}

html.rtl .power-box .light-box-2 {
    border-radius: 10px 0 0 0 !important;
}

html.rtl.dark-skin .power-box .light-box-1 {
    border-left: 1px solid #454e56;
    border-right: none !important;
}

html.rtl .apexcharts-canvas,
html.rtl .highcharts-container {
    direction: ltr;
}

html.rtl .apexcharts-legend,
html.rtl .highcharts-axis-labels {
    font-family: Vazir, Tahoma, sans-serif !important;
}

html.rtl #chat-box-body {
    left: 30px;
    right: auto;
}