﻿

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: vazir,'Source Sans Pro', sans-serif;
}
.main-header .logo {
    float: right;
}

.main-header .sidebar-toggle {
    float: right;
}

.main-sidebar {
    right: 0;
    left: auto;
}


.form-check-input {
    margin-right: -1.25rem;
    margin-left:unset;
}


.modal-header .close { 
    margin: -1rem auto -1rem -1rem;
}
.custom-control-input {
    right: 0;
    left: auto;
}
.custom-control-label::after {
    left: auto;
    right: -1.5rem;
}
.custom-control-label::before {
    left: auto;
    right: -1.5rem;
}
.custom-control {
    padding-left: unset;
    padding-right: 1.5rem;
}
.content-wrapper, .main-footer {
    margin-right: 230px;
    margin-left: auto;
}

sidebar-open, .control-sidebar.control-sidebar-open + .control-sidebar-bg {
    left: 0;
    right: auto;
}

.control-sidebar-bg, .control-sidebar {
    top: 0;
    /*left: -230px;*/
    width: 230px;
    -webkit-transition: left 0.3s ease-in-out;
    -o-transition: left 0.3s ease-in-out;
    transition: left 0.3s ease-in-out;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .right-side,
    .sidebar-mini.sidebar-collapse .main-footer {
        margin-right: 50px !important;
    }
}

@media (max-width: 767px) {
    .content-wrapper, .main-footer {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .sidebar-open .content-wrapper,
    .sidebar-open .main-footer {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        margin-right: 0;
        margin-left: 0;
        /*-webkit-transform: translate(-230px, 0);
    -ms-transform: translate(-230px, 0);
    -o-transform: translate(-230px, 0);
    transform: translate(-230px, 0);
    margin-right: 0;
    margin-left: 230px;*/
    }
}

@media (max-width: 767px) {
    .main-sidebar {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }
}

@media (min-width: 768px) {
    .main-header .navbar-custom-menu, .main-header .navbar-right {
        float: left;
    }

    .main-header .navbar {
        -webkit-transition: margin-right 0.3s ease-in-out;
        -o-transition: margin-right 0.3s ease-in-out;
        transition: margin-right 0.3s ease-in-out;
        margin-left: 0px;
        margin-right: 230px;
    }

    .sidebar-mini.sidebar-collapse .main-header .navbar {
        -webkit-transition: margin-right 0.3s ease-in-out;
        -o-transition: margin-right 0.3s ease-in-out;
        transition: margin-right 0.3s ease-in-out;
        margin-left: 0px;
        margin-right: 50px;
    }
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
        margin-right: 50px !important;
        margin-left: 0px !important;
    }

    .sidebar-collapse .main-sidebar {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    left: 0;
    right: auto;
}


.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    right: 50px;
    left: auto;
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container {
    right: 170px !important;
}

.sidebar-menu li > a > .pull-right-container {
    left: 10px;
    right: auto;
}

.skin-black-light .main-header .navbar {
    /*background-color: transparent;*/
    position: initial;
}


@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav {
        float: left;
    }

        .navbar-custom-menu > .navbar-nav > li {
            position: static;
        }

            .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
                left: 5%;
                right: auto;
            }
}

@media (max-width: 767px) {
    .main-header .navbar-custom-menu {
        float: left;
    }
}


.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: right;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: right;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: right;
}

.dl-horizontal dt {
    float: right;
}

.dl-horizontal dd {
    margin-left: auto;
    margin-right: 180px;
}

th {
    text-align: right;
}

.dropdown-menu {
    text-align: right;
    left: auto;
    /*right:0;*/
}
.nav-link{cursor:pointer;}



.blog-slider__pagination {
    right: auto;
    left:20px!important;
}
.blog-slider__img {
    transform: translateX(+80px);
}

.blog-slider__content {
    padding-left: 25px;
    padding-right: initial;
}



.navbar-nav {
    flex-direction: unset;
}
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, .skin-black-light .main-header .navbar .navbar-right > li > a {
    border-left: none;
    border-right:1px solid #d2d6de;
    border-left-width: 0;
}
.skin-black-light .main-header .navbar > .sidebar-toggle {
    color: #333;
    border-right: none;
    border-left: 1px solid #d2d6de;
    font-size: smaller;
}
.skin-black-light .main-sidebar {
    border-right: none;
    border-left:  1px solid #d2d6de;
}
.navbar {
    
    padding: 0.5rem 1rem;
    padding-top: 0rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 1rem;
}
.skin-black-light .main-header > .logo {
    border-left: 1px solid #d2d6de;
    border-right:none;
}
.nav > li > a { 
    padding: 10px 15px;
}
.sidebar-menu > li > a {
    padding: 12px 15px 12px 5px;
    display: block;
}

.treeview-menu {
    padding-right: 10px;
    padding-left: unset;
}