/*
-------------------------------------------------------------
Theme Name: Trademen exchange
Theme URI:
Author: Codemen
Author URI:
Description: Trademen exchange is a modern dashboard template based on html css responsive with bootstrap.We’ve used modern technologies and best practices to make our product easy to work with It’s the most convenient template for developers clean code and detailed documentation, which allows you to build any projects easily! Use it for Sales Monitoring, Event Management, Helpdesk Management, Ad Campaign, analytics and other types of web or mobile applications.
Version: 1.0
License:
License
Text Domain: Trademen exchange
Tags: admin, best react admin template, das
-------------------------------------------------------------

-------------------------------------------------------------
#Css index
-------------------------------------------------------------
01). Common css
02). Sidebar css
03). Topbar css
04). main wrapper css
05). Dashboard css
06). User management css
07). Wallet Transcation css
08). ID verify css
09). Node History css
10). Buy Coin Order List css
11). Profile css
12). Settings css
-------------------------------------------------------------
*/

/*
----------------------------------------------------------
    (01) Common css
----------------------------------------------------------
*/

@import url("https://fonts.googleapis.com/css?family=Karla:400,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;700&display=swap');


* {
    direction: rtl;
}

body {
    text-align: right;
    font-family: "Vazirmatn", Sans-serif;
}

.sidebar {
    right: 0;
    left: auto;
}

.main-wrapper, .top-bar {
    margin-left: unset;
    margin-right: 250px;
}

.sidebar-hide {
    right: -250px;
    left: unset;
}

.content-expend {
    margin-right: 0 !important;
    margin-left: unset !important;
}

.top-bar-right ul li:not(:last-child) {
    margin-left: 30px;
    margin-right: unset;
}

.cp-user-avater .cp-user-img {
    margin-left: 10px;
    margin-right: unset;
}

.ml-3, .mx-3 {
    margin-right: 1rem !important;
    margin-left: unset;
}

.profile-dropdown .dropdown-toggle::after {
    left: unset;
    right: 100%;
}

.dropdown-toggle::after {
    margin-left: 0.255em;
    margin-right: unset;
}

.profile-dropdown button a i {
    margin-left: 8px;
    margin-right: unset;
}

.dropdown-item {
    text-align: right;
}

.tab-content {
    border-right: 1px solid #353535;
    border-left: unset;
    padding-right: 15px;
    margin-right: 15px;
    padding-left: unset;
    margin-left: unset;
}

.user-management-nav .nav-link img {
    margin-left: 8px;
    margin-right: unset;
}

.sidebar-menu ul li a .name {
    margin-right: 10px;
    margin-left: unset;
}

.sidebar-menu ul li a::before {
    left: 28px;
    right: unset;
}

.custom-breadcrumb ul li:not(:last-child)::after {
    right: 100%;
    left: unset;
}

.custom-breadcrumb ul li:not(:last-child) {
    margin-left: 14px;
    padding-left: 7px;
    margin-right: unset;
    padding-right: unset;
}

#vanillatoasts-container {
    left: 0;
    right: unset;
    font-family: "Vazirmatn", Sans-serif;
}

.user-form .form-control {
    font-family: "Vazirmatn", Sans-serif;
}

.user-form .form-group .eye {
    left: 15px;
    right: unset;
}

.user-form .form-group .form-control-password {
    padding-left: 35px;
    padding-right: 25px;
}

.cp-select-area::before {
    left: 15px;
    right: unset;
}