.small-box > .small-box-footer {
    padding-top: 15px;
    padding-bottom: 15px;
}
.required::after {
    content: " *";
    color: red;
}
.submit-icon {
    /*https://fontawesome.com/cheatsheet*/
    font-family: FontAwesome, DroidArabicKufi,Arial, sans-serif;
}
.text-warning {
    color: #bf9c32 !important;
}
blockquote {
    background: #f3f1f1;
    border-right: .7rem solid #007bff;
    margin: 1.5em .7rem;
    padding: .5em .7rem;
}

    blockquote.quote-info {
        border-color: #17a2b8;
    }

    blockquote.quote-success {
        border-color: #28a745;
    }
    blockquote.quote-warning {
        border-color: #ffc107;
    }
    blockquote.quote-secondary {
        border-color: #6c757d;
    }

    blockquote.quote-danger {
        border-color: #dc3545;
    }
    /* ----------------------- */
    .sidebar-dark-primary {
        background-color: #1c6969;
    }

.brand-image {
     float: right;
}
.Dno {
    display: none;
}
.sidebar-dark-primary .sidebar a {
    color: #ffffff !important;
}

.card-primary.card-outline {
    border-top: 3px solid #45a4a4 !important;
}

.nav-sidebar>li.nav-item {
    background-color: #309a9a;
    margin-bottom: 2px;
}
a.nav-link>p.ng-binding {
    font-size: 14px;
}
li.nav-item.has-treeview.ng-scope>a.nav-link>p.ng-binding{
    font-size: 16px;
}
ul.nav-sidebar{
    background-color:#fff;
}
.sidebar-dark-primary {
    color: #fff;
}

.card-primary.card-outline {
    border-top: 3px solid #1c6969;
}

.control-sidebar-dark, .control-sidebar-dark:before {
    background:#1c6969;
}

[class*=sidebar-dark] .brand-link {
    color:#fff;
    border-bottom: 1px solid #aaacad;
    margin-bottom: 10px;
}

.carousel-inner > .item > img {
    margin: 0 auto;
  }
  .carousel-control-next,
.carousel-control-prev {
    filter: invert(100%);
}
.sidebar-dark-primary .nav-treeview>.nav-item>.nav-link.active, .sidebar-dark-primary .nav-treeview>.nav-item>.nav-link.active:hover{
    background-color: #9e9e9e;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #9e9e9e;
}
@media (min-width: 992px){
.sidebar-mini.sidebar-collapse .main-sidebar {
    overflow-x: hidden;
}
}




/* 
.main-sidebar{
    width: 350px;
}
@media only screen and (max-width: 600px) {
    .main-sidebar{
        width: 250px;
    }  
} */
.div_hover:hover {
    background-color: #1c6969;
}
.brand-link{
    font-size: 1.1rem;
}
[class*=sidebar-dark] .user-panel{
    border-bottom: 1px dotted #ffffff;
}
/* .content-wrapper,
.right-side,
.main-footer {
  margin-left: 150px;
}
.main-header > .navbar {
  margin-left: 0;
}
.main-sidebar,
.left-side {
  width: 150px;
} */

/* ----------------------- */

/* ------ */
@font-face {
  font-family: 'DroidArabicKufi';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/DroidKufi-Regular.eot);
  src: url(../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi-Regular.woff2) format('woff2'),
       url(../fonts/DroidKufi-Regular.woff) format('woff'),
       url(../fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'DroidArabicKufi';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/DroidKufi-Bold.eot);
  src: url(../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/DroidKufi-Bold.woff2) format('woff2'),
       url(../fonts/DroidKufi-Bold.woff) format('woff'),
       url(../fonts/DroidKufi-Bold.ttf) format('truetype');
}


/*---------------------------------- End of fonts ---------------------------------- */

body {
    font-family: 'DroidArabicKufi', sans-serif !important;
}

.ltr {
    direction:ltr;
}


ul {
    padding-inline-start: 0px;
}

.dropdown-item {
    text-align: right;
}
.dropdown-footer, .dropdown-header {
    text-align: center;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding-left: .5rem;
}


/*------------------------------------ contacts-list ------------------------------------*/

.contacts-list-img {
    float: right;
}

.contacts-list-info {
    margin-right: 45px;
    margin-left: 0;
}


/* sidebar */

.sidebar {
    direction: ltr;
}

.sidebar > div:first-child {
    direction: rtl;
}

.control-sidebar, .control-sidebar:before {
    left: -250px;
    right: auto;
    transition: left .3s ease-in-out;
}

.control-sidebar-slide-open .control-sidebar, .control-sidebar-slide-open .control-sidebar:before {
    left: 0;
    right: auto;
}

.small-box .icon {
    right:auto;
    left:10px;
}

.nav-sidebar .nav-link>p>.right {
    left: 1rem;
    right: auto;
}

.nav-sidebar>.nav-item .nav-icon {
    margin-right: 0;
    margin-left: .2rem;
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-right: 4.6rem;
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-left: 0rem !important;
        margin-right: 4.6rem !important;
        z-index:100;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar:before {
        margin-right: 1px;
        width: 3.9rem;
    }
}


@media (min-width: 768px) {
    .content-wrapper, .main-footer, .main-header {
        transition: margin-right .3s ease-in-out;
        margin-right: 250px;
        margin-left : 0;
        z-index: 3000;
    }
}

@media (max-width: 991.98px) {
    .main-sidebar, .main-sidebar:before {
        box-shadow: none!important;
        margin-right: -250px;
        margin-left: 0;
    }

    .content-wrapper, .content-wrapper:before, .main-footer, .main-footer:before, .main-header, .main-header:before {
        margin-right: 0;
    }

    .sidebar-open .main-sidebar, .sidebar-open .main-sidebar:before {
        margin-right: 0;
        z-index: 4000;
    }
}

.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar:before {
    margin-right: -250px;
}

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

/* Cards */

.card-header>.card-tools {
    right:auto;
    left:1rem;
}

.user-block img {
     float: right;
}

.attachment-block .attachment-img {
    float: right;
}

.attachment-block .attachment-pushed {
    margin-left: 0px;
    margin-right: 110px;
}

.card-comments .card-comment img, .img-lg, .img-md, .img-sm, .user-block.user-block-sm img {
    float: right;
}

.card-comments .comment-text {
    margin-right: 40px;
    margin-left: 0;
}

.card-comments .card-comment img+.img-push, .img-sm+.img-push, .user-block.user-block-sm img+.img-push {
    margin-left: 0px;
    margin-right: 40px;
}

.user-block .comment, .user-block .description, .user-block .username {
    margin-right: 50px;
    margin-left: 0px;
}

.btn-group-vertical {
    align-items: center;
}


/*------------------------- Form ----------------------------*/
.select2-container .select2-search--inline {
    float: right;
}

.select2-container--default .select2-search--inline .select2-search__field {
    text-align: right;
}

/*----------------------- Extra Page ---------------------------*/
.error-page>.headline {
    float: right;
}

.error-page>.error-content {
    margin-right: 190px;
    margin-left: 0;
}

.lockscreen-image {
    left: auto;
    right:-10px;
}

.lockscreen-credentials {
    margin-left: 0px;
    margin-right: 70px;
}

.nav {
    padding-inline-start: 0px !important;
}

/*---------------------------------- Persian Date Picker ---------------------------------- */

.datepicker-plot-area {
    font-family: 'Vazir', sans-serif;
}
/*---------------------------------- layout-navbar-fixed ---------------------------------- */


@supports not (-webkit-touch-callout:none) {
    .layout-fixed .wrapper .sidebar {
        height: calc(100vh - (3.5rem + 1px))
    }

    .layout-fixed.text-sm .wrapper .sidebar {
        height: calc(100vh - (2.93725rem + 1px))
    }
}



.layout-navbar-fixed.layout-fixed .wrapper .control-sidebar {
    top: calc(3.5rem + 1px)
}

.layout-navbar-fixed.layout-fixed .wrapper .main-header.text-sm ~ .control-sidebar {
    top: calc(2.93725rem + 1px)
}

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
    margin-top: calc(3.5rem + 1px)
}

.layout-navbar-fixed.layout-fixed .wrapper .brand-link.text-sm ~ .sidebar {
    margin-top: calc(2.93725rem + 1px)
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .control-sidebar {
    top: calc(2.93725rem + 1px)
}

.layout-navbar-fixed.layout-fixed.text-sm .wrapper .sidebar {
    margin-top: calc(2.93725rem + 1px)
}

.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link, .layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link, .layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link {
    height: calc(3.5rem + 1px);
    width: 4.6rem
}

    .layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link.text-sm, .layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link.text-sm, .layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link.text-sm {
        height: calc(2.93725rem + 1px)
    }

.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse.text-sm .wrapper .brand-link, .layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse.text-sm .wrapper .brand-link, .layout-navbar-fixed.sidebar-mini.sidebar-collapse.text-sm .wrapper .brand-link {
    height: calc(2.93725rem + 1px)
}

body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar {
    margin-top: calc(calc(2.93725rem + 1px)/ -1)
}

    body:not(.layout-fixed).layout-navbar-fixed.text-sm .wrapper .main-sidebar .sidebar {
        margin-top: calc(2.93725rem + 1px)
    }

.layout-navbar-fixed .wrapper .control-sidebar {
    top: 0
}

.layout-navbar-fixed .wrapper a.anchor {
    display: block;
    position: relative;
    top: calc((3.5rem + 1px + (.5rem * 2))/ -1)
}

.layout-navbar-fixed .wrapper .main-sidebar:hover .brand-link {
    transition: width .3s ease-in-out;
    width: 250px
}

.layout-navbar-fixed .wrapper .brand-link {
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: width .3s ease-in-out;
    width: 250px;
    z-index: 1035
}



.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(3.5rem + 1px)
}

.layout-navbar-fixed .wrapper .main-header.text-sm ~ .content-wrapper {
    margin-top: calc(2.93725rem + 1px)
}

.layout-navbar-fixed .wrapper .main-header {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1033
}

.layout-navbar-fixed.text-sm .wrapper .content-wrapper {
    margin-top: calc(2.93725rem + 1px)
}

.layout-navbar-fixed .user-panel {
    padding-top: 10px;
}