/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#PageMainDiv {
    /*padding-left: 0;*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
    /*position: static;*/
    position: relative;

}


@media (max-width: 991.98px) {

   #BtnSidebarToggle {
        margin-left: auto; /* به سمت راست هل داده می‌شود */
    }
}


#ContentPage {
    position: relative;
    padding: 15px;
    /*width:calc(100% - 50px);*/
    /*width: auto;*/
    /*height: calc(100% - 108px);*/
    overflow-x: hidden;
    direction: rtl;
    /*right: 50px;*/
    /*top: 60px;*/
    /*ُرا کامنت یا غیر فعال کردم Sidebar از بین می رود چون  ContentPage فاصله از ابتدای  */
    /*margin-right: 50px;*/
}

#PageMainDiv.toggled #ContentPage {
    position: relative;
    margin-right: 0px;
}

.fixed-brand {
    width: auto;
}

/* Sidebar Styles */

.SidebarContent {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
    /*margin-top: 2px;*/
    overflow-y: hidden;
}

.SidebarContent li {
    text-indent: 15px;
    line-height: 40px;
    /*Add by Mehrdad*/
    text-align: right;

    border: 1px solid #f1f0f0;
    margin: 1px 0 0 1px;
    border-radius: 3px;
    ;

}

.SidebarContent li a {
    display: block;
    text-decoration: none;
    color: #842029 ;
    /*color: rgb(241, 82, 188);*/
    /*Add By Mehrdad*/
    /*Comment By Mehrdad*/
    /*padding-right: .7%;*/
}

a.nav-link span,
a.btn span {
    vertical-align: middle;
}



/*Add By Mehrdad*/
.SidebarContent li a span {
    float: right;
}

/*Add By Mehrdad*/

#SidebarMainDiv {
    z-index: 1000;
    position: absolute;
    /*left: 250px;*/
    right: 250px;
    /*width: 0;*/
    /*height: calc(100% - 390px);*/
    height: stretch;
    margin-right: -250px;
    overflow-y: auto;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 5px;
    top: 0;
}

#wrapper.toggled #SidebarMainDiv {
    width: 250px;
}


.SidebarContent li a span i {
    text-align: justify;
}

#PageMainDiv.PageMainDiv #SidebarMainDiv {
    /*سایز اولیه ساید بار*/
    width: 50px;
    overflow-x: hidden;
}

#SidebarMainDiv {
    width: 250px;
}

#PageMainDiv.PageMainDiv #SidebarMainDiv:hover {
    width: 250px;
}


.SidebarContent li a:hover {
    text-decoration: none;
    color: rgb(94, 5, 46);

    background: rgba(255, 255, 255, 0.2);
    border-left: red 2px solid;
}

.SidebarContent li a:active,
.SidebarContent li a:focus {
    text-decoration: none;
}

.SidebarContent>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.SidebarContent>.sidebar-brand a {
    color: #999999;
}

.SidebarContent>.sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media(max-width:576px) {

    #PageMainDiv {
        padding-right: 0px;
    }

    #PageMainDiv.toggled {
        padding-right: 0;
    }

    #ContentPage {
        right: 0px;
        margin-right: 0;
    }

    #SidebarMainDiv {
        width: 250px;
    }

    #PageMainDiv.toggled #SidebarMainDiv {
        width: 250px;
    }

    #PageMainDiv.PageMainDiv #SidebarMainDiv {
        /*هنگام کوچک شدن صفحه دیده نخواهد شد*/
        width: 0px;
    }

    #ContentPage {
        /*padding: 20px;
        position: relative;*/
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        /*Add By Mehrdad*/
        direction: rtl;
        right: 0;
        width: calc(100%);
        ;
        float: right;

        border: 1px solid red;
        border-radius: 5px;
        box-shadow: 1px 1px 5px black;
    }

    #PageMainDiv.toggled #ContentPage {
        position: relative;
        margin-right: 0;
        padding-left: 250px;
    }
}


@media(min-width) {
    #ContentPage {
        right: 50px;
    }
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    height: 56px;
    border-radius: 3px;
}