/*navbar*/
.navbar .navbar-nav {
  margin-left: auto;
  margin-right: unset !important;
  padding-right: 0;
}
.navbar-custom {
  left: 0;
  right: 250px;
}
.page-container {
  margin-left: 0;
  margin-right: 250px;
}
.page-container #page-content .client-widget-section {
  /*padding*/
}
@media (max-width: 990px) {
  .navbar {
    right: 0;
  }
  .page-container {
    margin-right: 0px !important;
  }
  .sidebar .sidebar-brand {
    padding-left: 0;
  }
  .sidebar-off {
    right: -250px;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
  }
  .sidebar-toggled .sidebar-off {
    right: 0;
  }
}
/*sidebar*/
#sidebar-menu li i {
  margin-right: 0;
  margin-left: 10px;
}
#sidebar-menu li.expand a::before {
  left: 1.5rem;
  right: unset;
}
#sidebar-menu li.expand.open a::before {
  left: 1.5rem;
  right: unset;
}
#sidebar-menu li ul li a svg {
  transform: rotate(180deg);
}
#sidebar-menu li a span {
  margin-left: 0;
  margin-right: 10px;
}
#sidebar-menu .badge {
  float: left;
}
@media (min-width: 991px) {
  .sidebar-toggled .navbar-custom {
    left: 0;
    right: 70px;
  }
  .sidebar-toggled .sidebar-menu li a .menu-text {
    padding-left: 0;
    padding-right: 35px;
  }
  .sidebar-toggled .sidebar-menu li ul {
    right: 70px;
  }
  .sidebar-toggled .page-container {
    margin-left: 0;
    margin-right: 70px;
  }
}
.nav-tabs {
  padding-right: 0;
}
.nav-tabs.title .tab-title {
  margin-right: auto;
  margin-left: 0 !important;
}
.page-title .title-button-group {
  float: left;
  margin: 0 !important;
}
.page-title h1 {
  float: right;
}
#comment-form-container .flex-shrink-0,
.comment-form-container .flex-shrink-0 {
  margin-left: 0 !important;
}
.comment-avatar {
  padding-left: 0;
  padding-right: 15px;
}
.comment-like-top {
  left: 60px;
  right: auto;
}
.reply-form .flex-shrink-0 {
  margin-left: 0 !important;
}
/*timeline*/
#timeline .post-content:nth-child(odd) {
  float: right;
  clear: right;
  padding-left: 20px;
  padding-right: 0;
}
#timeline .post-content:nth-child(even) {
  float: left;
  clear: left;
  padding-left: 0;
  padding-right: 20px;
}
#timeline .post-content .post-date:before {
  left: 0;
  right: -20px;
}
#timeline .post-content:nth-child(odd) .post-date {
  text-align: left;
}
#timeline .post-content:nth-child(odd) .post-date:before {
  margin-right: 0;
  margin-left: -40px;
  float: left;
}
.timeline-images span.more {
  margin-right: -80px;
}
@media screen and (max-width: 1400px) {
  /* Timeline */
  #timeline:before {
    right: 0px;
    margin-left: 0;
  }
  #timeline .post-content {
    float: right;
    padding: 0 30px 0 0 !important;
  }
  #timeline .post-content:nth-child(odd) .post-date {
    text-align: right !important;
  }
  #timeline .post-content:nth-child(odd) .post-date:before {
    float: right !important;
  }
}
.float-start {
  float: right !important;
}
.float-end {
  float: left !important;
}
.text-end {
  text-align: left !important;
}
.dropdown-menu {
  text-align: right !important;
}
.dropdown-menu-end {
  --bs-position: start;
  right: auto !important;
  left: 0 !important;
}
.dropdown-menu-start {
  --bs-position: end;
  right: 0 !important;
  left: auto !important;
}
#message-details-section .dropdown {
  right: auto;
  left: 30px;
}
.border-end {
  border-right: none !important;
  border-left: 1px solid #dee2e6 !important;
}
/*padding and margin*/
.p10 {
  padding: 10px !important;
}
.pl0 {
  padding-right: 0 !important;
  padding-left: auto;
}
.pl10 {
  padding-left: 0 !important;
  padding-right: 10px;
}
.pr15 {
  padding-left: 15px !important;
  padding-right: 0 !important;
}
.mr15 {
  margin-right: 0 !important;
  margin-left: 15px !important;
}
.ml10 {
  margin-left: 0 !important;
  margin-right: 10px;
}
.ml15 {
  margin-left: 0 !important;
  margin-right: 15px !important;
}
.ml298 {
  margin-left: 0 !important;
  margin-right: 298px;
}
.mr-1 {
  margin-left: -1px !important;
}
.ml-1 {
  margin-right: -1px !important;
}
.d-flex .flex-shrink-0 {
  margin-right: 0 !important;
  margin-left: 10px;
}
/*loader*/
.app-loader {
  right: auto;
  left: 20px;
}
#pre-loader .app-loader {
  right: auto;
  left: 53%;
}
.init-chat-icon {
  right: auto;
  left: 20px;
}
.rise-chat-wrapper {
  right: auto;
  left: 80px;
}
.rise-chat-header .chat-back svg {
  transform: rotate(180deg);
}
.rise-chat-footer textarea {
  padding: 10px 35px 10px 10px;
}
.chat-other .chat-msg,
.close {
  float: left;
}
.b-l {
  border-left: none;
  border-right: 1px solid #f2f4f6;
}
.b-r {
  border-right: none;
  border-left: 1px solid #f2f4f6;
}
.me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}
/*datatable*/
table.dataTable th {
  text-align: right;
}
table.dataTable th:before {
  left: 1em;
  right: auto !important;
}
table.dataTable th:after {
  left: 0.5em;
  right: auto !important;
}
.dataTables_filter input,
.datatable-search,
.custom-filter-search {
  background: url('../images/search.png') no-repeat 4% 45% #fff;
}
.dataTables_wrapper .dataTables_filter {
  float: left;
  text-align: left;
}
.dataTables_wrapper .dataTables_filter input {
  margin: 0 5px 0 0;
}
.dataTables_filter {
  margin: 0 10px 10px 0;
}
.dataTables_wrapper .dataTables_length {
  float: right;
}
#page-content .datatable-tools .dataTables_paginate .paginate_button svg {
  transform: rotate(180deg);
}
div.DTTT_container {
  float: left;
}
.notepad-title {
  border-left: none !important;
  border-right: 5px solid #1ccacc !important;
}
.bs-popover-end {
  margin-right: 0.5rem !important;
  margin-left: 0 !important;
}
.list-group {
  padding-right: 0;
}
.dtr-data {
  text-align: left;
}
.comment-dropdown,
.reply-dropdown {
  right: auto;
  left: 30px;
}
.modal .modal-header .btn-close {
  margin: 0;
}
.settings .settings-anchor .pull-right {
  float: left !important;
}
.help-catagory.list-group .list-group-item:hover,
.help-catagory.list-group .list-group-item.active {
  border-left: none !important;
  border-right: 2px solid #4e5e6a !important;
}
.move-icon {
  margin: 3px 0 3px 15px !important;
}
.invoice-styles .active:before {
  margin-left: 0;
  margin-right: 100px;
}
.social-link {
  margin: 0 0 10px 10px;
}
.profile-image-upload {
  margin-left: 0;
  margin-right: -45px;
}
.file-upload input.upload {
  left: 0;
  right: auto;
}
#template-list-box .settings-anchor {
  margin-right: 10px;
}
/* fs modal*/
.app-modal .expand {
  right: auto !important;
  left: 370px !important;
}
.app-modal .compress,
.app-modal .expand {
  right: auto;
  left: 20px;
}
/*select2 */
.select2-container .select2-choice .select2-arrow {
  border-left: none !important;
  border-right: none !important;
}
.select2-search input {
  background: url('../js/select2/select2.png') no-repeat -30% -22px, #fff 0 0 !important;
}
.alert .progress {
  margin: 19px -41px -15px -13px;
}
.app-alert.animate {
  left: 15px !important;
  right: unset !important;
}
.settings .settings-anchor:not(.collapsed):not(.hide-collapse)::after {
  float: left !important;
}
.settings .settings-anchor:not(.hide-collapse):after {
  float: left !important;
}
@media (min-width: 992px) {
  .custom-modal-lg .ps__rail-y {
    right: 885px !important;
  }
}
.kanban-col {
  float: right !important;
}
.color-tag {
  margin: 0 0 2px 10px !important;
}
.pl30 {
  padding-left: 0 !important;
  padding-right: 30px;
}

/* در انتخاب ساعت باید چپ چین باشد */
.bootstrap-timepicker-widget {
  direction: ltr;
}

/* ویجت آیکون کارت های داشبورد */
.dashboard-icon-widget .card-body {
  padding: 6px;
  align-items: center;
  display: flex;
}

.widget-details {
  text-align: right;
  position: absolute;
  right: 70px;
}

.widget-details h1 {
  font-size: 1.5rem;
  margin: 0px 6px;
  color: #000;
}

/* کل صفحه  */
.page-wrapper {
  padding: 6px;
}

/*  کاردهای داشبورد */
.card {
  margin-bottom: 6px;
}

/* عنوان های بالای جدول ها */
.tab-title h4 {
  margin: 2px 0 0 0;
  padding: 15px;
  float: right;
}

.custom-toolbar {
    display: flex;
    flex-wrap: wrap;
}

.filter-section-container {
    display: flex;
    flex-wrap: wrap;
}

.filter-item-box {
    margin: 5px;
}

@media screen and (max-width: 767px) {
    .w-filter-right,
    .custom-toolbar,
    .filter-section-right,
    .filter-section-left {
        display: block !important;
        flex-direction: unset !important;
        justify-content: unset !important;
        align-items: unset !important;
        gap: unset !important;
        width: 100% !important;
    }

    .w-filter-right .dataTables_filter,
    .custom-toolbar .dataTables_filter,
    .filter-section-right .dataTables_filter,
    .filter-section-left .dataTables_filter,
    .w-filter-right div.DTTT_container,
    .custom-toolbar div.DTTT_container,
    .filter-section-right div.DTTT_container,
    .filter-section-left div.DTTT_container {
        float: none !important;
        text-align: center !important;
        order: unset !important;
        width: 100% !important;
        margin: 0.5em 0 !important;
    }

    div.dt-buttons {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 0.5em !important;
    }

    div.dt-buttons a.btn {
        float: none !important;
    }

    /* Filter sections responsive styles - Grid layout */
    .filter-section-container {
        display: block !important;
        padding: 10px 15px !important;
    }

    .filter-section-flex-row {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
    }

    .filter-section-left,
    .filter-section-right {
        flex: 1 1 auto !important;
        width: auto !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
    }

    .filter-section-left {
        justify-content: flex-start !important;
    }

    .filter-section-right {
        justify-content: flex-end !important;
        text-align: right !important;
    }

    /* Filter form responsive styles */
    .filter-form {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
    }

    .filter-form .filter-item-box {
        display: inline-flex !important;
        margin: 2px !important;
        width: auto !important;
        min-width: 120px !important;
        flex: 0 1 auto !important;
    }

    .filter-form .filter-item-box .select2-container,
    .filter-form .filter-item-box .datepicker-custom-selector {
        width: 100% !important;
        min-width: 120px !important;
    }

    .filter-form .filter-item-box .filter-multi-select {
        width: 100% !important;
        min-width: 120px !important;
    }

    .filter-form .filter-item-box .filter-multi-select .dropdown-toggle {
        width: 100% !important;
    }

    .filter-form .filter-item-box .btn-group {
        width: 100% !important;
        display: flex !important;
    }

    .filter-form .filter-item-box .btn-group .btn {
        flex: 1 !important;
        margin-bottom: 0 !important;
    }

    /* Special handling for save/cancel filter buttons */
    .filter-form .filter-item-box.save-filter-box,
    .filter-form .filter-item-box.filter-cancel-box {
        width: auto !important;
        min-width: 80px !important;
        margin: 2px !important;
    }

    .filter-form .filter-item-box.save-filter-box .btn,
    .filter-form .filter-item-box.filter-cancel-box .btn {
        width: 100% !important;
    }
}