:root {
  --primary-color: #ffffff;
  --primary-text-color: #212121;
}

.col-xs-offset-12 {
  margin-left: unset;
  margin-right: 100%;
}

.col-xs-offset-11 {
  margin-left: unset;
  margin-right: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: unset;
  margin-right: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: unset;
  margin-right: 75%;
}

.col-xs-offset-8 {
  margin-left: unset;
  margin-right: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: unset;
  margin-right: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: unset;
  margin-right: 50%;
}

.col-xs-offset-5 {
  margin-left: unset;
  margin-right: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: unset;
  margin-right: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: unset;
  margin-right: 25%;
}

.col-xs-offset-2 {
  margin-left: unset;
  margin-right: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: unset;
  margin-right: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: unset;
  margin-right: 0%;
}

.col-sm-offset-12 {
  margin-left: unset;
  margin-right: 100%;
}

.col-sm-offset-11 {
  margin-left: unset;
  margin-right: 91.66666667%;
}

.col-sm-offset-10 {
  margin-left: unset;
  margin-right: 83.33333333%;
}

.col-sm-offset-9 {
  margin-left: unset;
  margin-right: 75%;
}

.col-sm-offset-8 {
  margin-left: unset;
  margin-right: 66.66666667%;
}

.col-sm-offset-7 {
  margin-left: unset;
  margin-right: 58.33333333%;
}

.col-sm-offset-6 {
  margin-left: unset;
  margin-right: 50%;
}

.col-sm-offset-5 {
  margin-left: unset;
  margin-right: 41.66666667%;
}

.col-sm-offset-4 {
  margin-left: unset;
  margin-right: 33.33333333%;
}

.col-sm-offset-3 {
  margin-left: unset;
  margin-right: 25%;
}

.col-sm-offset-2 {
  margin-left: unset;
  margin-right: 16.66666667%;
}

.col-sm-offset-1 {
  margin-left: unset;
  margin-right: 8.33333333%;
}

.col-sm-offset-0 {
  margin-left: unset;
  margin-right: 0%;
}

.col-md-offset-12 {
  margin-left: unset;
  margin-right: 100%;
}

.col-md-offset-11 {
  margin-left: unset;
  margin-right: 91.66666667%;
}

.col-md-offset-10 {
  margin-left: unset;
  margin-right: 83.33333333%;
}

.col-md-offset-9 {
  margin-left: unset;
  margin-right: 75%;
}

.col-md-offset-8 {
  margin-left: unset;
  margin-right: 66.66666667%;
}

.col-md-offset-7 {
  margin-left: unset;
  margin-right: 58.33333333%;
}

.col-md-offset-6 {
  margin-left: unset;
  margin-right: 50%;
}

.col-md-offset-5 {
  margin-left: unset;
  margin-right: 41.66666667%;
}

.col-md-offset-4 {
  margin-left: unset;
  margin-right: 33.33333333%;
}

.col-md-offset-3 {
  margin-left: unset;
  margin-right: 25%;
}

.col-md-offset-2 {
  margin-left: unset;
  margin-right: 16.66666667%;
}

.col-md-offset-1 {
  margin-left: unset;
  margin-right: 8.33333333%;
}

.col-md-offset-0 {
  margin-left: unset;
  margin-right: 0%;
}

.col-lg-offset-12 {
  margin-left: unset;
  margin-right: 100%;
}

.col-lg-offset-11 {
  margin-left: unset;
  margin-right: 91.66666667%;
}

.col-lg-offset-10 {
  margin-left: unset;
  margin-right: 83.33333333%;
}

.col-lg-offset-9 {
  margin-left: unset;
  margin-right: 75%;
}

.col-lg-offset-8 {
  margin-left: unset;
  margin-right: 66.66666667%;
}

.col-lg-offset-7 {
  margin-left: unset;
  margin-right: 58.33333333%;
}

.col-lg-offset-6 {
  margin-left: unset;
  margin-right: 50%;
}

.col-lg-offset-5 {
  margin-left: unset;
  margin-right: 41.66666667%;
}

.col-lg-offset-4 {
  margin-left: unset;
  margin-right: 33.33333333%;
}

.col-lg-offset-3 {
  margin-left: unset;
  margin-right: 25%;
}

.col-lg-offset-2 {
  margin-left: unset;
  margin-right: 16.66666667%;
}

.col-lg-offset-1 {
  margin-left: unset;
  margin-right: 8.33333333%;
}

.col-lg-offset-0 {
  margin-left: unset;
  margin-right: 0%;
}

body {
  direction: rtl;
  background: #ffffff;
  /* overflow: hidden; */
}

@font-face {
  font-family: iranyekan;
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/persian_font/eot/iranyekanwebregular.eot");
  src: url("../fonts/persian_font/eot/iranyekanwebregular.eot@#iefix") format("embedded-opentype"),
    /* IE6-8 */
    url("../fonts/persian_font/woff2/iranyekanwebregular.woff2") format("woff2"),
    /* FF39+,Chrome36+, Opera24+*/
    url("../fonts/persian_font/woff/iranyekanwebregular.woff") format("woff"),
    /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url("../fonts/persian_font/ttf/iranyekanwebregular.ttf") format("truetype");
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.navbar-brand,
.tooltip,
.ui-widget {
  font-family: "iranyekan", sans-serif !important;
}

.dir-rtl {
  direction: rtl !important;
}

.dir-ltr {
  direction: ltr !important;
}

.navbar-header {
  float: right !important;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
  /* margin-right: -15px !important; */
}

#ajax-spinner {
  right: 180px;
  left: unset !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px !important;
}

.select2-container--default .select2-selection--single {
  height: 40px !important;
  border-radius: 8px;
  border: 1.5px solid #dce4ec !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
  border-radius: 8px;
  border: 1.5px solid #dce4ec !important;
}

.select2-container--default .select2-selection--multiple{
  border-radius: 8px;
  border: 1.5px solid #dce4ec !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 38px !important;
}

.base-body {
  position: relative !important;
  direction: rtl !important;
  width: calc(100% - 260px);
  transition: all 0.5s;
  margin: 0;
  /* padding-top: 20px; */
  margin-right: 260px;
  /* height: calc(100vh - 20px); */
  /* background: #ffffff; */
}

.list-group {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#sidebar {
  background: white;
  padding: 0;
  font-size: 12px;
  position: relative;
  top: 0;
}

#menu-actions {
  right: unset !important;
  left: 0;
  padding: 0 0 0 10px;
}

.dropdown-menu>li>a {
  text-align: right;
}

.appearance-icon {
  /* we want it in ui, but causes some malfunction for other part (specially icons in dropdonws )  */
  /* padding-left: 5px; */
  line-height: normal;
}

.main-color {
  background-color: var(--primary-color) !important;
}

@media (min-width: 768px) {
  .navbar-brand {
    width: auto;
    font-size: 15px;
  }
}

@media (max-width: 768px) {
  .base-body {
    width: calc(100% - 20px) !important;
    padding-right: 20px;
  }
}

/* start related to dynamic_search */

#search-navbar-form button {
  /* border: unset !important; */
  /* background-color: #007E89 ; */
  border-radius: 15px;
}

#search-navbar-form a {
  /* border: unset !important; */
  /* background-color: #007E89 ; */
  border-radius: 15px;
}

#search-navbar-form .form-control {
  border-radius: 15px;
}

/* end related to dynamic_search */

/* start related to dashboard */

.dashboards-panel-widget {
  /* box-shadow: unset !important; */
  box-shadow: 0 1px 10px -5px rgb(158 158 158);
  border: 0;
  /* padding: 5px !important; */
  padding-bottom: 10px !important;
  border-radius: 10px;
}

/* end related to dashboard */

.btn-no-fucos:focus,
.btn-no-fucos:active {
  outline: none !important;
  box-shadow: none !important;
}

.btn-block {
  border-top: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
  text-shadow: unset !important;
  border-radius: 20px;
  /* background-color: #00506E !important; */
}

.btn-primary {
  border: 0px;
  background: #02b793;
  color: #ffffff;
}

.btn-primary2 {
  color: #ffffff;
  background-color: #02b793;
  border:0px;
  width: 125px;
  border-radius: 8px !important;
}

.btn-primary3 {
  display: flex;
  justify-content: center;
  color: #ffffff;
  background-color: #d02a25 !important;
  border:0px;
  width: 135px;
  border-radius: 8px !important;
}

.btn-primary3:hover{
  background-color: #bf241f;
}

.btn-primary2:hover{
  background-color:#00ad8b;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none !important;
}



.button-box {
  position: fixed;
  bottom: 2px;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  padding: 20px;
  display: flex;
  justify-content: left;
  align-items: center;
  width: 96%;
  height: 61px;
  box-sizing: border-box;
}

.btn-primary:hover {
  background-color: #00ad8b !important;
}

.btn-default {
  color: var(--primary-text-color);
  background-color: #EEEEEE;
  border: 0;
}

.btn-default:hover {
  background-color: #bababa5e;
  color: var(--primary-text-color);
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #00ad8b !important;
}

.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  /* color: #ffffff; */
  background-color: #00ad8b !important;
  /* background-image: none; */
  border-color: #00ad8b !important;
}

.btn-primary:focus,
.btn-primary.focus {
  /* color: #ffffff; */
  background-color: #00ad8b !important;
  border-color: #00ad8b !important;
}

#accordion-sidebar>.panel>div>.panel-body>ul>li.active {
  background: #00ad8b;
  border-radius: 10px;
  margin-left: 10px;
}

#accordion-sidebar>.panel>div>.panel-body>ul>li.active a {
  color: white;
}

#accordion-sidebar .js-custom-menu-text>.panel-heading:hover {
  background-color: #00ad8b !important;
  color: white;
}

#accordion-sidebar>.panel>div>.panel-body>ul>li:hover {
  background-color: #00ad8b;
  /* margin-left: 10px; */
  border-radius: 10px;
  margin-left: 10px;
}

#accordion-sidebar>.panel>div>.panel-body>ul>li:hover a {
  color: white;
}

#accordion-sidebar a[aria-expanded="true"] {
  background: #00ad8b !important;
}

.well-radius {
  border-radius: 10px;
  background: white;
  /* padding: 0 5px; */
  /* box-shadow: 1px 1px 5px -2px #9E9E9E; */
}

.well {
  background: white;
  position: relative;
  margin-bottom: 0;
}

.btn {
  /* border: 1px transparent !important; */
  border-radius: 4px;
  padding: 8px 15px;
}

.btn-danger.form-control {
  height: unset;
  background: #e74c3c;
  margin: 10px 0 0 0;
  outline: none !important;
  width: unset;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: #00ad8b !important;
  border-radius: 10px;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  border-bottom: 3px solid #00ad8b !important;
  background: none;
  color: #41b19b;
  border-radius: unset;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  border-bottom: 3px solid #00ad8b !important;
  background: none;
  color: #41b19b;
  border-color: #18bc9c;
  /* margin-bottom: 5px; */
  border-radius: unset;
  background-color: #ffffff;
}

a.list-group-item:hover{
  background: #d5d5d55c;
  color: #000000;
  border-radius: unset;
  border-bottom: none !important;
}

.list-group-item.active a,
.list-group-item.active a:hover,
.list-group-item.active a:focus {
  color: #1e977f; 
}

table th,
table td,
table td div {
  text-align: right !important;
}

.dropdown-menu {
  border-radius: 10px;
}

.float-rtl {
  float: right;
}

/* .bg-color */

.navbar-nav>li>.dropdown-menu,
.dropdown-menu {
  padding: 18px;
  max-height: 60vh;
  overflow-x: auto;
}

/* for checkbox, could not change ist value(disabled or not disabled) */
/* 'onclick': 'return false;', */

.overflow-hide {
  overflow-x: hidden;
}

.navbar-collapse {
  width: 100%;
}

body:not(.menu-closed) #menu-main .panel:not(.menu-with-sub) .collapse,
body:not(.menu-closed) .sub-menu-heading,
body.menu-closed .js-custom-menu-text .collapse {
  display: none;
}

@media screen and (max-width: 768px) {
  body.menu-closed #menu-main .panel.menu-with-sub:hover>.collapse.menu-sub {
    position: static !important;
  }

  body.menu-closed #menu-main .js-custom-menu-text:not(.menu-with-sub):hover .menu-sub {
    display: none !important;
  }
}

body.menu-closed #menu-main .panel.menu-with-sub:hover>.collapse.menu-sub {
  right: 45px;
  position: fixed;
  display: block !important;
  margin-top: -40px;
  border-right: 5px solid whitesmoke;
  height: auto !important;
  box-shadow: -4px 15px 30px -15px #9e9e9e;
  border-radius: 5px;
}

body.menu-closed #menu-main .js-custom-menu-text:not(.menu-with-sub):hover .menu-sub {
  display: block;
  position: fixed;
  right: 45px;
  border-right: 5px solid white;
  margin-top: -35px;
}

body.menu-closed #menu-main .panel.menu-with-sub .collapse.in {
  display: none !important;
}

body.menu-closed .base-body {
  width: calc(100% - 70px);
  margin-right: 70px;
}

#menu-main .panel {
  background-color: var(--primary-color);
  box-shadow: unset;
}

#menu-main-button-close {
  border-radius: 0;
  height: 50px;
  width: 100%;
  display: flex !important;
  position: absolute !important;
  bottom: 0;
  right: 0;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
  padding-left: 8px;
}

#menu-main-button-close:hover {
  background: #E0E0E0;
}

.js-custom-main-menu .panel-group {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 80px;
}

/* body.menu-closed .js-custom-click-icon {
  transform: rotate(180deg);
} */

#menu-main-button-close i {
  background: #f5f5f5;
  display: inline-flex;
  padding: 9px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  margin-right: 10px;
  font-size: 10px;
  transition: all 0.3s;
}

#menu-main-button-close a {
  color: var(--primary-text-color);
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

#menu-main .appearance-icon {
  margin-left: 12px;
  font-size: 18px;
}

/* .custom-scrollbar {
  scrollbar-color: #c1c1c1 #fff;
  scrollbar-width: thin;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  background: #092540;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #c1c1c1;
} */

.radio input[type="radio"],
.radio-inline input[type="radio"] {
  margin-right: -20px;
}

.sub-menu-heading {
  margin-top: -10px;
  padding-bottom: 35px;
  background: transparent !important;
  text-align: center;
  border-bottom: 1px solid;
  border-radius: 0 !important;
}

#accordion-sidebar .sub-menu-heading a {
  padding: 10px 0 10px 0;
  color: var(--primary-text-color) !important;
}

.dropdown-allways-bottom .dropup .dropdown-menu {
  bottom: unset;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: right;
  direction: ltr;
}

.btn-toolbar .btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.btn-toolbar .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

[class^="col-"] {
  float: right;
}

.switch {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: 9;
  position: absolute;
  right: 6px;
  top: -8px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  outline: none;
  opacity: 0;
  transform: scale(1);
  transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;
}

.switch+span::before {
  content: "";
  float: right;
  display: inline-block;
  margin: 5px 0 5px 10px;
  border-radius: 50px;
  width: 47px;
  height: 22px;
  background-color: rgb(0, 0, 0, 0.38);
  vertical-align: top;
  transition: background-color 0.2s, opacity 0.2s;
  margin-top: 12px;
}

/* Thumb */
.switch+span::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 24px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background-color: #fff;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: background-color 0.2s, transform 0.2s;
}

/* Checked */
.switch:checked {
  right: -10px;
  background-color: #85b8b7;
}

.switch:checked+span::before {
  background-color: #85b8b7;
}

.switch:checked+span::after {
  background-color: #018786;
  transform: translateX(26px);
}

/* Active */
.switch:active {
  transition: transform 0s, opacity 0s;
}

.switch:active+span::before {
  background-color: #8f8f8f;
}

.switch:checked:active+span::before {
  background-color: #85b8b7;
}

/* Disabled */
.switch:disabled {
  opacity: 0;
}

.switch:disabled+span::before {
  background-color: #ddd;
}

.switch:checked:disabled+span::before {
  background-color: #bfdbda;
}

.switch:checked:disabled+span::after {
  background-color: #61b5b4;
}

.relative {
  position: relative;
}

#list-toolbar.affix-top {
  width: 100% !important;
}

.title-content {
  width: calc(100% - 80px);
}

#content-title {
  margin-right: 0px;
  margin-top: -12px;
  padding-right: 15px;
  padding-left: 15px;
}

.jstree-rtl .jstree-anchor>.jstree-themeicon {
  background-size: 20px !important;
}

.nav.navbar-nav.navbar-left {
  padding: inherit;
}

.well.well-radius.well-preview {
  height: inherit;
}

#sidebar {
  transition: all 0.5s ease;
  /* border-radius: 5px; */
  width: calc(100% - 40px);
  height: 100%;
}

#sidebar.active {
  margin-left: 0;
  transition: all 0.5s ease;
  border-radius: 5px;
  z-index: 1020;
}

#document-sidebar {
  position: relative;
  width: 100%;
  border-radius: 5px;
  overflow: auto;
  margin-right: 10px;
  margin-top: 6px;
  background-color: #f3f2f299;
}

.list-group {
  flex-direction:row !important;
  display: flex;
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: all 0.5s ease;
  z-index: 999;
  height: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: none;
}

.base-body {
  display: flex;
  flex-direction: column;
}

.list-group.active {
  padding: 0;
  opacity: 1;
  transition: all 0.5s ease;
  font-size: 1.6rem;
  overflow: auto;
  max-height: 100%;
}

.list-group-item:last-child {
  width: max-content;
  border: none;
  height: 100%;
  display: flex;
  align-items: center;
}

.list-group-item {
  display: block;
  padding: 10px 15px;
  background-color: #fff;
  /* border: 1px solid #ecf0f1; */
  border: none;
  color: #555555;
  color: #18bc9c;
  font-size: 13px;
  line-height: 1.5;
  transition: all 0.3 ease;
}

.list-group-item:hover {
  transition: all 0.1s ease;
}

#mobile-menu {
  position: absolute;
  top: 0%;
  left: 6px;
  height: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  font-size: 22px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .list-group.active {
    padding: 0;
    margin-top: 0px;
    left: 7px;
    opacity: 1;
    transition: all 1s ease;
    z-index: 999;
    font-size: 1.6rem;
    overflow: auto;
    max-height: 100%;
  }

  .dropdown-header {
    font-size: 20px;
    text-align: center;
    display: block;
    padding: 3px 20px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #b4bcc2;
    margin-left: 8px;
  }

  .list-group-item {
    display: block;
    padding: 10px 15px;
    width: 140px;
    background-color: #fff;
    color: #000;
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 1.5;
    transition: all 0.3 ease;
  }

  .list-group-item:hover {
    transition: all 0.3s ease;
  }

  #mobile-menu {
    position: absolute;
    padding: 20px 20px;
    top: 0%;
    left: 0;
  }

  body.menu-closed #accordion-sidebar ul.list-unstyled {
    /* margin-top: 40px; */
  }

  .well-radius .text {
    position: relative;
  }

  #jstree {
    height: 300px;
  }

  .appearance-table-condensed thead tr th {
    position: inherit;
  }

  .dropdown-menu .divider {
    width: 180px !important;
  }

  .menu-user-name {
    color: #585e5e;
  }

  .navbar-nav .open .dropdown-menu {
    background-color: #fff;
    /* width: 190px; */
    display: grid;
    position: absolute;
    border: 1px solid rgb(0, 0, 0, 0.15);
  }

  .navbar-nav .open ul:nth-child(0) {
    height: 150px;
    background-color: #fff;
  }

  .navbar-nav .open .navbar-menu {
    height: 110px;
  }

  .dropdown-menu-bottom .divider {
    height: 1px;
    margin: 9.5px 0 !important;
    overflow: hidden !important;
    background-color: #e5e5e5 !important;
  }

  .dropdown-menu .divider {
    margin: 3px;
    height: 1px;
    overflow: hidden;
    margin-right: 2px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    width: 180px;
    color: #585e5e;
    transition: all 0.1ms ease;
    margin-top: 2px;
    margin-right: -1px;
    padding: 5px 0;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #fff;
    transition: all 0.1ms ease;
  }

  .navbar-nav li:nth-child(4) .dropdown-menu li:nth-child(1) {
    width: 140px;
    margin-top: 7px;
  }

  .navbar-nav li:nth-child(4) .dropdown-menu li:nth-child(2) {
    width: 140px;
    left: auto;
    position: relative;
    top: 0px;
  }

  .navbar-nav li:nth-child(4) .dropdown-menu li:nth-child(3) {
    width: 140px;
  }

  .sub-menu-heading {
    display: none;
  }

  #menu-main {
    right: -275px;
  }

  .jstree-default-responsive>.jstree-container-ul>.jstree-node {
    /* margin-right: 30px !important; */
  }

  .btn-box {
    width: 115px;
  }

  #navbar {
    height: auto !important;
    padding-bottom: 0;
    /* padding-right: 0; */
    padding-left: 0;
    width: 100%;
  }

  .navbar-left {
    margin: 0;
  }

  #select-part {
    width: auto;
  }

  #search-navbar-form-input-terms {
    width: auto;
  }

  #search-navbar-form button {
    max-height: 45px;
  }

  #search-navbar-form a {
    max-height: 45px;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }

  #navbar {
    overflow: visible;
  }

  .row-user {
    /* padding-left: 20px; */
    /* padding-right: 20px; */
  }

  .well-home {
    /* margin-left: 30px; */
    /* margin-right: 30px; */
  }

  .navbar-collapse.collapse.nav.navbar-nav.navbar-left.navbar-tools {
    margin-top: 0px;
  }

  .cabinet-row {
    display: block !important;
  }

  #resizable {
    width: calc(100% - 30px) !important;
    margin: 0 15px 0 15px;
    height: unset;
  }

  .row-container {
    width: 100% !important;
  }

  .box-all {
    display: none;
  }

  .navbar-left {
    margin-left: 10px;
  }

  .base-body {
    left: 0;
  }

  .base-body {
    position: relative !important;
    direction: rtl !important;
    width: calc(100% - 265px);
    transition: all 0.5s;
    margin: 0;
    /* float: left; */
    /* padding-top: 20px; */
    right: 0%;
    margin-right: unset !important;
  }
  .content-loader {
    width: 100% !important;
  }
  #main-menu-button-open {
    display: block !important;
  }

  #content-title {
    /* margin-right: 10px; */
    margin-top: -12px;
    padding-right: 15px;
    padding-left: 15px;
  }
  body.menu-closed #menu-main .panel.menu-with-sub:hover>.collapse.menu-sub {
    margin-top: 0;
    border-right: 0;
    box-shadow: none;
    border-radius: 0;
  }
}

@media screen and (max-width: 550px) {
  /* .col-lg-3 {
    width: 50%;
  }   */
  .notification {
    margin-right: -6px;
  }
}

@media screen and (max-width: 1000px) {
  #btn-pagination {
    float: left !important;
  }

  .well-preview {
    /* margin-right: 20px; */
    /* margin-left: 20px; */
  }

  #pull-list {
    display: flex;
    flex-flow: column;
    gap: 7px;
  }

  .list-ul-two {
    float: left !important;
  }

  #search-filter-input-terms {
    width: 100% !important;
  }

  .list-ul-tree {
    width: 40%;
  }
}

@media screen and (max-width: 615px) {
  .navbar-nav .open .dropdown-menu {
    background-color: #fff;
    /* width: 190px; */
    display: grid;
    position: absolute;
    border: 1px solid rgb(0, 0, 0, 0.15);
  }

  .navbar-collapse.in #search-navbar-form {
    width: 100%;
  }


  #search-navbar-form-input-terms {
    width: 100%;
  }

  .navbar-collapse.in #search-navbar-form {
    display: block !important;
    float: right !important;
    grid-template-columns: 50% 51%;
    gap: 10px;
    /* margin-right: 4px !important; */
    /* margin-top: 40px !important; */
  }

  .navbar-collapse.collapse.nav.navbar-nav.navbar-left.navbar-tools {
    margin-top: 0px;
  }
}

@media screen and (max-width: 800px) {
  #preview {
    width: calc(90% - 20px) !important;
    margin-right: 35px;
  }

  #edit-metadata {
    width: 90% !important;
    margin-right: 35px;
  }
}

@media screen and (max-width: 360px) {
  .panel-heading.main-color {
    width: 200px;
  }

  .dropdown-menu .divider {
    height: 1px;
    overflow: hidden;
    margin-right: -6px;
  }

  .navbar-form {
    display: block;
  }

  .navbar-nav>li {
    margin-left: -3px;
  }

  .navbar-nav .open .dropdown-menu {
    position: absolute;
    left: -34px;
  }

  .list-group {
    top: 15%;
  }

  .list-group.active {
    top: 15%;
  }

  .well .row .col-sm-6 {
    width: 50%;
  }

  .btn.disabled,
  .btn[disabled] {
    font-size: 12px;
  }

  .dir-ltr {
    font-size: 12px;
  }

  label {
    display: contents;
  }

  .text-left {
    display: flex;
    /* width: 400px !important; */
    margin-right: -14px;
  }

  .appearance-table-condensed thead tr th {
    right: -8%;
  }

  .table-striped thead {
    font-size: 12px;
  }

  .btn-toolbar {
    margin-left: 5px;
  }

  .form-multi-object-action-checkbox {
    margin-right: 1px !important;
  }

  .checkbox label span {
    margin-right: 20px;
  }

  .menu li {
    margin-top: 5px;
  }

  .well .row .col-sm-6 {
    width: 100%;
  }

  .dropdown-menu-bottom {
    /* margin-top: 42px; */
  }
}

.content-center {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: auto;
}

.h-100vh {
  height: 100vh;
}

.text-left {
  text-align: left;
}

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

.text-center {
  text-align: center;
}

.submit-auth-button {
  width: 50%;
  margin-right: 100px;
}

#login_logo {
  margin-right: 80px;
  height: 60px;
}

#login_supporter_logo {
  width: 50px;
  margin-left: 10px;
}

#login_branding {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 40px;
  margin-top: 25px;
}

#login_supporter {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 70px;
}

#login_page .panel {
  margin-bottom: 0;
  background-color: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0 4px 14px -1px #9e9e9e;
  border-radius: 20px;
}

#login_page .well {
  background-color: transparent;
  padding: 0;
}

#login_page .panel-heading {
  text-align: center !important;
}


.tile {
  background: white;
  color: #092540;
  border-radius: 0;
  height: 130px;
  box-shadow: 0px 0px 10px -3px #9e9e9e;
}

.tile:hover,
.tile:focus {
  background: #18bc9c;
  color: #18bc9c;
}

.navbar-default {
  background-color: var(--primary-color);
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav>li>a {
  color: var(--primary-text-color) !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  background: unset;
  color: #00ad8b !important;
}

.panel-primary {
  border: unset;
}

.ellipsis-navigation a {
  /* white-space: nowrap; */
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}

.navbar-brand {
  padding: 10px;
}

.navbar-brand>img {
  height: 40px;
}

@media (min-width: 1030px) {
  .navbar .navbar-collapse {
    display: flex !important;
    justify-content: space-between;
  }
}

.navbar-collapse:before,
.navbar-collapse:after {
  content: unset;
}

.pagination {
  margin: 0;
}

.pagination a {
  background: #eeeeee;
  margin: 0 5px;
  border-radius: 50px !important;
  min-width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 30px;
  height: 30px;
}

.pagination a:hover {
  background: #E0E0E0;
}

.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
  padding: 10px 5px;
}

.table-striped>tbody>tr {
  background-color: unset !important;
  border-bottom: 1px solid #eeeeee;
}

.btn-sm,
.btn-group-sm>.btn {
  padding: 6px;
  border-radius: 4px;
}

.table .dropdown-toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
}

.table .dropdown-toggle:hover,
.table .dropdown-toggle:focus {
  background: #00ad8b;
  color: white;
}

.navbar-default .badge{
  background: var(--primary-text-color);
  color: var(--primary-color);
  font-size: 11px;
  right: 0;
  top: 24px;
}

#topbar-messages .badge {
  position: absolute;
  background: var(--primary-text-color);
  color: var(--primary-color);
  font-size: 14px;
  top: 6px;
  right: -7px;
}

.iframe-mode #menu-topbar,
.iframe-mode #menu-main,
.iframe-mode #ajax-spinner,
.iframe-mode #main-menu-button-open,
.show_modal [onclick="history.back();"] {
  display: none !important;
}

.iframe-mode .base-body {
  width: 100% !important;
  margin-right: 0 !important;
  padding: 0;
  overflow: hidden;
}

.iframe-mode #list-toolbar.affix{
  position: static;
}

.iframe-mode #appearance-main-viewport {
  /* padding: 0 20px 0 0; */
  margin-top: 0;
}

.iframe-mode .content-loader{
    width: 100%;
}

.iframe-mode #list-toolbar.affix {
  top: 0;
}

.iframe-mode .row{
  margin: 0;
}

.show_modal {
  background: none;
}

.show_modal #appearance-main-viewport {
  margin-top: 0;
}

.show_modal #menu-main {
  display: none;
}

.show_modal .base-body {
  width: 100%;
  margin-right: 0;
}

.show_modal #sidebar {
  top: 0;
}
#add_metadata_form .base-body {
  width: 100%;
  margin: 0;
  height: auto;
}

.cabinet-container {
  background: white;
  padding: 0;
  border-radius: 10px;
  height: calc(100vh - 215px);
  margin-top: 55px !important;
}

@media (min-width: 1200px) {
  .col-lg-2_5 {
    width: 20%;
  }
}

.cabinet-header {
  position: absolute;
  top: -52px;
}

.nav.navbar-nav.navbar-left.navbar-tools::before {
  display: none;
}

.nav.navbar-nav.navbar-left.navbar-tools::after {
  display: none;
}

#j1_1 {
  margin-top: 20px;
}

.table.table-condensed.table-hover.table-striped tbody tr td {
  display: block;
}

table a:not(.btn), .table a:not(.btn) {
  text-decoration: none !important;
}

table a:not(.btn), .table a:not(.btn):hover {
  text-decoration: underline !important;
}

.svg-inline--fa.fa-file{
  color: #BDBDBD;
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone .dz-preview.dz-success .dz-success-mark {
  top: 70%;
}

.panel-group .panel {
  margin-bottom: -10px;
}

.list-unstyled.list-child li {
  height: 30px;
}

.table.table-condensed.table-hover.table-striped tbody {
  display: block;
}

.table.table-condensed.table-hover.table-striped {
  display: block;
}

.table.table-condensed.table-hover.table-striped tr {
  display: block;
}

/* table a:not(.btn),
.table a:not(.btn) {
  word-break: break-all;
} */

.table .dropup,
.table .dropdown {
  margin-top: -15px;
  position: static;
}

.table .btn-group,.table .btn-group-vertical{
  position: static;
}

/* text direction */

.fancybox-caption a {
  text-decoration: none;
}

.fancybox-caption a:hover {
  text-decoration: underline;
}

#content-title span {
  font-size: 15px;
}

.btn-multi-item-action i {
  font-size: 18px;
}

.accordion-indicator span {
  font-size: 18px;
}

.navigation-btn-dropdown i {
  font-size: 16px;
  margin-left: 3px;
  margin-top: 2px;
}

.btn-primary i {
  font-size: 16px;
}
.warn-msg{
  width: 90%;
}

.icon-file-snd {
  font-size: 140px;
}

.icon-check-circle {
  margin-left: 10px;
  font-size: 30px;
}

.icon-times-circle {
  margin-left: 10px;
  font-size: 30px;
}

.file-branch-ban {
  font-size: 59px;
}

.btn {
  font-family: "iranyekan", sans-serif !important;
}

.fa-4x {
  margin-bottom: 65px;
}

.icon-file-xmark {
  font-size: 59px;
}

.icon-book-left{
  font-size: 16px;
}

.icon-copy-left {
  font-size: 16px;
}

.icon-code-branch-left {
  font-size: 16px;
}

#main-menu-button-open {
  font-size: 25px;
  width: 60px;
  height: 80px;
  margin-top: -28px;
  margin-right: 0px;
}

#content-title i {
  display: none;
}

#multi-item-actions {
  display: block !important;
}

.dz-success-mark {
  margin-left: -25px !important;
  margin-top: -16px !important;
}

.dz-error-mark {
  margin-left: -25px !important;
  margin-top: -16px !important;
}

.appearance-input-search-clear {
  top: -5% !important;
  right: 86%;
}

@media (min-width: 768px) {
  body.active .base-body {
    width: calc(100% - 260px);
  }
  body.menu-closed.active .base-body {
    width: calc(100% - 70px);
  }
}

.folder-detaile {
  height: calc(100vh - 252px);
  overflow: auto;
}

.cabinet-row {
  display: flex;
  margin-top: -23px;
}

.row-container {
  float: left;
  width: 100%;
  min-width: 60%;
}

.cabinet-container {
  width: 17%;
  min-width: 17%;
  left: 0 !important;
  margin: 0 15px 0 0;
}

.ui-resizable-w {
  cursor: col-resize !important;
  border-radius: 10px !important;
  width: 4px !important;
}

.ui-resizable-resizing .ui-resizable-w {
  background-color: #00ad8b !important;
}

.ui-resizable-w:hover {
  background-color: #00ad8b !important;
  transition: all 0.1s ease;
}

#resizable h4 {
  font-size: 17px;
}

.row.row-user h4 {
  font-size: 17px;
}

#text {
  display: none ;
}

.thin_border.thin_border-thumbnail {
  height: 50px !important;
}

.box {
  display: flex;
  height: 4px;
  line-height: 5px;
  width: 4px;
  border-radius: 25px;
  margin: 4px auto;
  background: #000;
}

#accordion-body-5 > div {
  overflow-y: auto;
}

.thin_border {
  margin-bottom: 10px !important;
}

.ellipsis-navigation a {
  height: 40px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tooltip-txt {
  display: none;
  width: auto;
  position: absolute;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5pxmobile-menu;
  z-index: 999;
  margin-top: 20px;
}

.ellipsis-navigation:hover .tooltip-txt {
  display: block;
}
.tooltip-container:hover .tooltip-txt {
  display: block;
}

.tooltip-container a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.label-cabinet a:hover {
  text-decoration: underline !important;
}

#content-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px 0;
}

#item-actions-button .tooltiptext {
  visibility: hidden;
  width: 350px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  top: 0%;
  right: -340%;
}

#item-actions-button:hover .tooltiptext {
  visibility: visible;
}

#menu .dropdown-icons {
  margin-right: 3px;
}
.dropdown-icons:last-child{
  margin-left: 5px;
  cursor: pointer;
}
.folder-detail {
  overflow: auto;
  height: calc(100vh - 280px);
}

.tooltip-container {
  max-width: 350px;
}

.table-detail {
  height: calc(100vh - 253px);
  overflow: auto;
}

.menu-open .panel-body{
  /* max-height: fit-content !important; */
}

.iframe-mode #sidebar {
  position: relative;
  display: flex;
  height: auto;
  top: 0;
  left: 0 !important;
  right: unset;
  margin-left: 0 !important;
  background: white;
  overflow: hidden;
  font-size: 12px;
}

#menu-collapse{
  font-size: 20px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin: 14px 0 0 0;
  padding: 5px 5px 2px 5px;
  border-radius: 5px;
  transition: all 0.2s;
}

#menu-collapse:hover{
  background: #E0E0E0;
}

.document-form {
  width: calc(100% - 150px);
}

.disabled {
  cursor: no-drop !important;
}

.custom-dropdown-menu {
  position: absolute !important;
}

#document-sidebar i {
  display: none;
}

.is-required::after {
  content: '*';
  color: red;
}
.search-modal-body {
  position: relative;
  height: 75vh;
  overflow-y: auto;
  scroll-behavior: smooth;
  margin-bottom: 10px;
}

.modal-header {
  position: relative;
  padding: 1rem;
}

.modal-title {
  margin: 0;
  flex: 1;
}

.close {
  position: absolute;
  font-size: 2rem;
  opacity: 0.5;
  padding: 0.5rem;
}

.close:hover {
  opacity: 1;
}

#show_breadcrumb {
  opacity: 1 !important;
  pointer-events:all !important;
  user-select:auto !important ;
}

.breadcrumb-custom {
  display: flex;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  user-select: none;
}
.breadcrumb-custom .breadcrumb-item {
  display: flex;
  align-items: center;
}
.breadcrumb-custom .breadcrumb-item + .breadcrumb-item::before {
  content: "\e940";
  font-family: "Icomoon";
  padding: 0 4px;
}

.carousel-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #eeeeee;
  color: #000;
  cursor: pointer;
  width: 30px;
  height: 34px;
  left: 0;
  float: left;
}

.carousel-button:hover {
  background-color: #aaa9a9;
  transition: all 1s;
}

#sidebar i {
  display: none;
}

.icon-angle-left.carousel-button.prev:before {
  transform: rotate(180deg);
}

.content-loader {
  transition: all 0.5s;
  position: fixed; 
  top: 50px;
  left: 0;
  width: calc(100% - 235px);
  height: 100%;
  /* background: rgba(255, 255, 255, 0.8); */
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
  z-index: 9999;
}

.loading-box{
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgb(255, 255, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  color: #333;
  z-index: 9999;
}

body.menu-closed .base-body .content-loader  {
  transition: all 0.5s;
  width: calc(100% - 45px);
} */
/* .load-bar {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 10px;
} */

.icon-loading-box {
  font-size: 35px;
}
.menu-sub{
  white-space: nowrap;
}

.breadcrumb {
  margin-top: 10px;
  padding: 5px 0;
  margin-bottom: 10px;
  list-style: none;
  background-color: unset;
  border-radius: 4px;
  margin-left: 75px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#menu-actions-container{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  position: absolute;
  left: 0;
  margin-top: -45px;
}

#lexical-iframe{
  width: 100%;
  height: calc(100vh - 250px);
  border: 2px solid rgb(247, 247, 247);
  background-color: white;
}

#tabs-container{
  display: flex;
  align-items: center;
  background-color: #fff;
  margin-bottom: 10px;
  border-radius: 20px;
  height: 30px;
}


.question-mark-wrapper3 {
  cursor: pointer !important;
  position: absolute;
  left: 155px;
  top: 36%;
  margin-top: -5px;
  display: inline-block;
}

.question-mark-wrapper {
  cursor: pointer !important;
  position: absolute;
  left: 45px;
  top: 50%;
  margin-top: -5px;
  display: inline-block;
}
.tooltip-text {
  display: none;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  color: #333;
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 5px;
  width: 200px;
  height: auto;
  z-index: 1001;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
}

.question-mark-wrapper:hover .tooltip-text {
  display: block;
}

.question-mark-wrapper3:hover .tooltip-text {
  display: block;
}

.question-mark-wrapper_3:hover .tooltip-text {
  display: block;
}
.tooltip-text2 {
  display: none;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  color: #333;
  position: absolute;
  margin-bottom: 5px;
  width: 200px;
  z-index: 1001;
  right: 117%;
  top: 50%;
  transform: translateY(-50%);
  height: auto;
}

.question-mark-wrapper2 {
  position: relative;
}

.question-mark-wrapper2:hover .tooltip-text2 {
  display: block;
}

.tooltip-ctm {
  display: none;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  color: #333;
  position: absolute;
  left: 20px;
  bottom: -50%;
  width: 200px;
  height: auto;
  z-index: 1001;
}
.question-mark-wrapper3:hover .tooltip-ctm {
  display: block;
}

.form-group2 {
  position: relative;
  display: grid;
  gap: 1.125rem 2.125rem;
  grid-template-columns: 8rem 1fr;
  padding: .5rem 1.5rem 0;
  margin-bottom: 30px;
  padding-left: 7%;
}

.form-group2 label {
  margin-top: 8px !important;
  text-align: end !important;

}

.form-group2 select,
.form-group2 input,
.form-group .select2-container {
  flex-grow: 1 !important;
  margin-left: 10px !important;
}


.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message *{
  width: 92%;
  border-radius: 10px;
}

input[type="file"] {
  border-radius: unset !important;
}

.form-group {
  position: relative;
  display: grid;
  gap: 1.125rem 11.125rem;
  grid-template-columns: 4rem 1fr;
  padding: .5rem 1.5rem 0;
  margin-bottom: 30px;
  padding-left: 16%;
  align-items: center;
}

.form-group:empty {
  position: relative;
  display: grid;
  gap: 1.125rem 11.125rem;
  grid-template-columns: 8rem 1fr;
  padding: .5rem 1.5rem 0;
  margin-bottom: -35px;
  padding-left: 12%;
  align-items: center;
}


.form-group label {
  max-width: unset;
  width: 135px;
  margin-top: -15px !important;
  text-align: end !important;
  grid-row: 1 / span 3;
}

.form-group select,
.form-group input,
.form-group .select2-container {
  flex-grow: 1 !important;
  margin-left: 0 !important;
  border-radius: 8px;
}

.form-control{
  border:1.5px solid #dce4ec !important ;
}


.detail{
  position: relative;
  padding: .5rem 1.5rem 0;
  margin-bottom: 30px;
  padding-left: 12%;
}

.modal-header #close-c {
  margin-top: -20px;
}


.group.wat-cf .form-group {
  gap:1.125rem 4.125rem !important ;
}


/* .search-modal-body .form-group .question-mark-wrapper3 {
  left: 90px;
} */


.radio ul li label{
  width: unset;
}

.text-center .btn-danger{
  background-color: #d02a25 !important;
  border-color: #d02a25 !important  ;
}

.text-center .btn-danger:hover{
  background-color: #bf241f !important;
  border-color: #bf241f !important  ;
}

.btn-danger {
  color: #ffffff !important;
  background-color: #00ad8b !important;
  border-color: #02b793 !important;
}
.btn-danger:hover{
  background-color: #00ad8b !important;
  border-color: #00ad8b !important;
}

.btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
  color: #ffffff!important;
  background-color: #02b793!important;
  border-color: #02b793!important;
}



#id_contents{
  height: calc(100vh - 260px) !important;
}

* ::-webkit-scrollbar {
  width: 9px;
  height: 7px;
}

* ::-webkit-scrollbar-track {
  background-color: #ecedf0;
}


* ::-webkit-scrollbar-thumb {
  background-color: #97a0af;
  border-radius: 30px;
}


#id_available-selection{
  height: 243.2px !important;
}

#id_added-selection{
  height: 243.2px !important;
}

@media (max-width: 1469px){
  .question-mark-wrapper {
    left: 36px; 
}
}
@media (max-width: 1280px){
  .question-mark-wrapper {
    left: 28px; 
}
}

@media (min-width: 1141px) {
  .question-mark-wrapper3 {
    left: 45px;
  }
}

@media (max-width: 1141px){
  .question-mark-wrapper {
    left: 7px;
  }
  .question-mark-wrapper3 {
    left: 25px;
}
@media (min-width: 1141px) {
  .search-modal-body .form-group .question-mark-wrapper3 {
    left: 90px;
  }
}
}
@media (max-width: 768px) {
  .question-mark-wrapper {
    left: 3px;
  }
  .question-mark-wrapper3 {
    left: 10px;
  }
  .tooltip-text2 {
    width: 150px;
  }

  #company_box label{
    opacity: 1 !important;
  }
}


@media (max-width: 480px) {
  .question-mark-wrapper {
    left: 0px;
  }
  .question-mark-wrapper {  
    left: -3px;
  }
}

.social-media-icons { 
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.icon-container {
  text-align: center;
  cursor: pointer;
}

.icon-container i {
  font-size: 40px;
  padding: 15px;
  color: white;
  border-radius: 50%;
  background-color: #e0e0e0;
}

.icon-container i.fa-linkedin {
  background-color: #0077b5;
}

.icon-container i.fa-telegram {
  background-color: #0088cc;
}

.icon-container i.fa-whatsapp {
  background-color: #25d366;
}

.icon-container i.fa-x-twitter {
  background-color: #000;
}

.icon-container i.fa-facebook {
  background-color: #1877f2;
}

.icon-container span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #333;
  font-family: "iranyekan", sans-serif;
}


#form-custom .selected {
  display: flex;
  align-items: center;
  gap: 10px;
}

#form-custom .selected label {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin: 0;
}

#form-custom  {
  padding: 10px;
  border-radius: 4px;
  max-width: 90%;
  width: auto;
}

#form-custom .search-select-search-model option {
  padding: 8px;
}

#form-custom {
  margin-right:30px;
}

#form-custom .search-select-search-model{
  width: 73%;
  cursor: pointer;
}


.link-input{
  display: flex;
  justify-content: center;
}

.link-input .form-control{
  width: 64%;
  display: flex;
  position: relative;
  right: -15px;
  direction: ltr;
}

.link-input i {
  font-size: 25px;
  padding-left: 30px;
}

.link-input .tooltip-link{
  display: none;
  position: absolute;
  margin-top: -30px;
  right: 69px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 3px;
  font-size: 12px;
  border-radius: 4px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  color: #333;
}

.dropzone .dz-message .dz-button{
  display: contents;
}

.table-responsive{
  position: relative;
}

.select2-container{
  height: fit-content;
  width: unset !important;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
  word-break: break-all;
  white-space: normal;
}

#menu-actions .dropdown-icons [data-type="remove_attachment"] {
  display:none;
}

.iframe-mode .container.visible {
  top: -14px;
  left: -10px;
  z-index: 9999999999999;
  height: 100%;
}

#metadata-table-container {
  width: 100%;
  margin: 0 auto;
  text-align: right;
}
#metadata-table-container table{
  border-collapse : unset !important;
  margin-bottom:unset;
}

#metadata-table-container .form-group2{
  margin-bottom: unset;
}

.metadata-header hr,
#metadata-table tbody tr td hr {
  width: 99%;
  border: 1px solid #ccc;
  opacity: 0.7;
}


#logout_link {
  border-top:1px solid #e5e5e5;
  padding-top: 10px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
  color: white !important;
}

.navbar-nav>li>a {
  padding: 5px 16px;
}

#user-profile{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile-preview {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

#topbar-messages{
  font-size: 20px;
  padding: 18px 0px;
  top: 3px;
  left: 8px;
}

.dropdown-menu>li>a{
  padding: 4px 12px;
}

#company_box{
  position: absolute; 
  bottom: 0;  
  width: 100%;
  border-radius: 3px;
  display: flex;
  background: #e2e2e2;
  align-items: center;
  padding: 1px 5px;
  border-top: 1px solid #e5e5e5;
  cursor: pointer;
}

#accordion-sidebar:has([aria-expanded="true"]) #company_box {
  width: 97.5%;
}

#company_box #companyPreview{
  width: 45px;
  height: 45px;
}

#company_box label{
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
}

body.menu-closed #company_box label {
  opacity: 0;
}
body.menu-closed #company_box {
  padding: 1px 1px;
}
body.menu-open #company_box label {
  visibility: visible;
  transform: translateY(0);
  transition: opacity 0.2s ease-in-out, visibility 0s 0s, transform 0.5s ease-in-out;
}