/*Font */
@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 100;
  src: url('fonts/iransansx/woff/IRANSansX-Thin.woff') format('woff'), url('fonts/iransansx/woff2/IRANSansX-Thin.woff2') format('woff2'); }
@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 200;
  src: url('fonts/iransansx/woff/IRANSansX-UltraLight.woff') format('woff'), url('fonts/iransansx/woff2/IRANSansX-UltraLight.woff2') format('woff2'); }
@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 300;
  src: url('fonts/iransansx/woff/IRANSansX-Light.woff') format('woff'), url('fonts/iransansx/woff2/IRANSansX-Light.woff2') format('woff2'); }
@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 500;
  src: url('fonts/iransansx/woff/IRANSansX-Medium.woff') format('woff'), url('fonts/iransansx/woff2/IRANSansX-Medium.woff2') format('woff2'); }
@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 600;
  src: url('fonts/iransansx/woff/IRANSansX-DemiBold.woff') format('woff'), url('fonts/iransansx/woff2/IRANSansX-DemiBold.woff2') format('woff2'); }
@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 800;
  src: url('fonts/iransansx/woff/IRANSansX-ExtraBold.woff') format('woff'), url('fonts/iransansx/woff2/IRANSansX-ExtraBold.woff2') format('woff2'); }
@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 900;
  src: url('fonts/iransansx/woff/IRANSansX-Black.woff') format('woff'), url('fonts/iransansx/woff2/IRANSansX-Black.woff2') format('woff2'); }
@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: bold;
  src: url('fonts/iransansx/woff/IRANSansX-Bold.woff') format('woff'), url('fonts/iransansx/woff2/IRANSansX-Bold.woff2') format('woff2'); }
@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: normal;
  src: url('fonts/iransansx/woff/IRANSansX-Regular.woff') format('woff'), url('fonts/iransansx/woff2/IRANSansX-Regular.woff2') format('woff2'); }

html, body, .select2-search input, .select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input, .tooltip-inner {
  background-color: #EEF1F9;
  color: #4e5e6a;
  font-family: IRANSansX, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }

* {
  -moz-font-feature-settings: "ss02";
  -webkit-font-feature-settings: "ss02";
  font-feature-settings: "ss02";
  letter-spacing: 0 !important; }

/*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; } }

.me-2 {
  margin-right: unset !important;
  margin-left: 0.5rem !important; }

.float-start {
  float: right !important; }

.float-end {
  float: left !important; }

.text-end {
  text-align: left !important; }

.dropdown-menu {
  text-align: right; }

.dropdown-menu-end {
  --bs-position: start;
  right: auto !important;
  left: 0 !important; }

.dropdown-menu-start {
  --bs-position: end;
  right: 0;
  left: auto; }

#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; }

h4.pr15 {
  padding-right: 15px !important;
  padding-left: 0 !important; }

.mr10 {
  margin-left: 10px !important;
  margin-right: unset !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; }

.ml5 {
  margin-right: 5px !important;
  margin-left: unset !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; }

.app-modal-close {
  text-align: left; }

/*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; }

/*Rtl fixes */
.settings .settings-anchor:not(.hide-collapse):after {
  float: left; }

.settings .settings-anchor:not(.collapsed):not(.hide-collapse)::after {
  float: left; }

.app-alert {
  right: unset !important;
  left: 15px !important; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  background-position: center left; }

.date-range-selector .feather-chevron-left {
  transform: rotate(180deg); }

.date-range-selector .feather-chevron-right {
  transform: rotate(180deg); }

blockquote {
  border-right: 5px solid #eee;
  border-left: 0; }

.gantt-container {
  direction: ltr; }

table.dataTable thead th:first-child, table.dataTable tbody td:first-child {
  padding-left: unset !important;
  padding-right: 15px !important; }

.kanban-col {
  float: right; }

.gantt .bar-label.big {
  font-weight: 500; }