/*========================================================
        DARK LAYOUT
=========================================================*/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IRANSansWeb.eot');
    src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('../fonts/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/IRANSansWeb.ttf') format('truetype');
}
body {
   font-family: IRANSans, sans-serif !important;
}
.main-menu .navigation li > a > i, .main-menu .dropdown-menu i, .main-menu .dropdown-user > a > i, .main-menu .navigation > li > a > i {
  float : right;
}

.main-menu .navigation > li ul li > a {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
          align-items : center;
}

.header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu {
  top : 48px !important;
}
.header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu::before {
  top : 1px;
}

.header-navbar .navbar-container ul.nav li.dropdown.dropdown-user .dropdown-menu .dropdown-item i {
  float : right;
}

.header-navbar .dropdown .dropdown-menu.dropdown-menu-right::before, .header-navbar .dropup .dropdown-menu.dropdown-menu-right::before {
  right : auto;
  left : 0.5rem;
}

.dropdown .dropdown-menu, .dropup .dropdown-menu {
    top: 85%!important;
    right: auto!important;
    left: auto!important;
}
.dropdown .dropdown-menu.dropdown-menu-right, .dropup .dropdown-menu.dropdown-menu-right {
  /*left : 0 !important;*/
}
.dropdown .dropdown-menu.dropdown-menu-right::before, .dropup .dropdown-menu.dropdown-menu-right::before {
  right : 0.6rem;
  left : auto;
}

.dropleft .dropdown-toggle::before {
  content : '\e844' !important;
}

.dropright .dropdown-toggle::after {
  content : '\e843' !important;
}

.input-group .dropdown-menu.show {
  top : 0 !important;
  right : auto !important;
  left : 0 !important;
}

.chartjs-render-monitor {
  margin-right : 1rem;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align : left !important;
}

#dashboard-analytics .img-left {
  left : 0;
  right : auto !important;
}

#dashboard-analytics .img-right {
  right : 0;
  left : auto;
}

.square.slider-xl .noUi-handle:before {
  left : 5px;
}

.square.slider-xl .noUi-handle:after {
  left : 10px;
}

.square .noUi-handle:before {
  left : 2px;
}

.square .noUi-handle:after {
  left : 7px;
}

.noUi-vertical.square .noUi-handle:before {
  left : -1px;
}

.noUi-vertical.square .noUi-handle:after {
  left : -1px;
}

.noUi-horizontal.slider-sm .noUi-handle {
  left : auto !important;
  right : -2px !important;
}

.noUi-horizontal.slider-xs .noUi-handle {
  left : auto !important;
  right : -2px !important;
}

.context-menu-list {
  z-index : 1031 !important;
}

.context-menu-item > .context-menu-list {
  right : 100%;
  margin-right : 0;
}

.pagination .page-item.prev-item .page-link:before {
  content : '\e844';
  font-family : 'feather';
}

.pagination .page-item.next-item .page-link:after {
  content : '\e843';
  font-family : 'feather';
}

.pagination .page-item.prev .page-link:after, .pagination .page-item.previous .page-link:after {
  content : '\e844';
  font-family : 'feather';
}

.pagination .page-item.prev .page-link:before, .pagination .page-item.previous .page-link:before {
  display : none;
}

.pagination .page-item.next .page-link:before {
  content : '\e843';
  font-family : 'feather';
}

.pagination .page-item.next .page-link:after {
  display : none;
}

code[class*='language-'], pre[class*='language-'] {
  direction : ltr;
}

@media print {
  code[class*='language-'], pre[class*='language-'] {
    text-shadow : none;
  }
}

.list-group .list-group-item i {
  float : right;
}

.email-application .app-content .list-group .list-group-item i {
  float : right !important;
}

.fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button .fc-icon {
  right : 4px !important;
}

.fc .fc-header-toolbar .fc-right .fc-button.fc-next-button .fc-icon {
  left : -3px !important;
}

.btn i {
  float : right;
  margin-left : 0.25rem;
}

.btn.btn-icon i {
  margin-left : 0;
}

.carousel-control-next {
  left : auto;
  right : 0;
}

.carousel-control-prev {
  left : 0;
  right : auto;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^='left'] .arrow::before {
  border-width : 0.4rem 0 0.4rem 0.4rem;
  border-left-color : #323232;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^='left'] .arrow {
  right : 0;
  left : auto;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^='right'] .arrow::before {
  border-width : 0.4rem 0.4rem 0.4rem 0;
  border-right-color : #323232;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^='right'] .arrow {
  left : 0;
  right : auto;
}

.popover {
  right : auto !important;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  right : auto !important;
}

body .ps__rail-y {
  right : auto !important;
  left : 1px !important;
}

.ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle {
  left : 5px !important;
}
.dir-rtl{
    direction: rtl;
}
.dropdown, .dropup, .dropright, .dropleft {
position: unset!important;
}

.daterangepicker .drp-calendar{
    direction: rtl!important;
}
.daterangepicker td.start-date
{
    border-radius: 4px!important;
}

.daterangepicker .calendar-table .next span {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.41 12'%3E%3Cpath fill='%233b3b3b' d='M7.41 10.59 2.83 6l4.58-4.59L6 0 0 6l6 6Z'/%3E%3C/svg%3E")!important;
}

.daterangepicker .calendar-table .prev span {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.41 12'%3E%3Cpath fill='%233b3b3b' d='M0 1.41 4.58 6 0 10.59 1.41 12l6-6-6-6Z'/%3E%3C/svg%3E") !important

}



.productImg{
    max-width: 200px!important;
    MAX-HEIGHT: 200PX!important;
}
.left-0 {
    left: 0!important;
}

.top-0 {
    top: 0!important;
}
.height-4 {
    height: 1rem!important;
}
.width-4 {
    width: 1rem!important;
}
