@font-face {
  font-family: "vazir";
  font-style: normal;
  font-weight: 700;
  src: url(../../fonts/Vazir-Md.ttf);
  font-display: swap;
}
html,
body {
  padding: 0;
  margin: 0;
  direction: rtl;
  font-family: "Vazir" !important;
  background-color: #fffdfd !important;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none !important;
}

* {
  box-sizing: border-box;
}

.row {
  margin: 0 !important;
  width: 100% !important;
  padding: 0 !important;
}

.col {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.row > * {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.handle-loading-btn .spinner-container {
  height: unset !important;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.filter-select-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 23px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.filter-select-container .filter-options-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 25px;
  padding-right: 5px;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
}
.filter-select-container .filter-options-container .wrapper {
  position: relative;
  padding-bottom: 40px;
}
.filter-select-container .filter-options-container .column-10 {
  width: 9%;
  position: relative;
}
@media screen and (max-width: 455px) {
  .filter-select-container .filter-options-container .column-10 {
    width: 100%;
  }
}
@media screen and (max-width: 1300px) {
  .filter-select-container .filter-options-container .column-10 {
    width: 50%;
    padding: 20px;
  }
}
.filter-select-container .filter-options-container .column-25 {
  width: 23%;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-25 {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 976px) {
  .filter-select-container .filter-options-container .column-25 {
    width: 23%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1410px) {
  .filter-select-container .filter-options-container .column-25 {
    width: 23%;
  }
}
.filter-select-container .filter-options-container .column-30 {
  width: 32%;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-30 {
    width: 100%;
    padding-bottom: 20px;
  }
}
.filter-select-container .filter-options-container .column-50 {
  width: 48%;
  position: relative;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-50 {
    width: 100%;
    padding-bottom: 25px;
  }
}
.filter-select-container .filter-options-container .column-70 {
  width: 65%;
  position: relative;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-70 {
    width: 100%;
    padding-bottom: 25px;
  }
}
.filter-select-container .filter-options-container .column-35 {
  width: 35%;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-35 {
    width: 100%;
  }
}
.filter-select-container .filter-options-container .search-input {
  text-align: right;
  width: 100%;
  height: 65px;
}
@media only screen and (max-width: 500px) {
  .filter-select-container .filter-options-container {
    width: 90%;
    margin: 0 auto;
  }
}
.filter-select-container .filter-options-container .two-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.filter-select-container .filter-options-container .two-section .profile-select {
  width: 92%;
  margin-right: 10px;
}
@media only screen and (max-width: 500px) {
  .filter-select-container .filter-options-container .two-section .profile-select {
    width: 85%;
  }
}
.filter-select-container .filter-options-container .filter-select {
  text-align: right;
  min-width: 200px;
  padding: 5px;
}
.filter-select-container .filter-options-container .filter-select-label {
  font-size: 14px;
  margin-bottom: 5px;
}

.MuiTypography-root {
  font-family: "Vazir" !important;
}

.squere {
  padding: 7px;
  font-size: 14px;
  min-width: 100px !important;
  white-space: nowrap;
}

.form-control {
  text-align: center;
  min-width: 20%;
  font-size: 13px !important;
}

.rmdp-container {
  width: 100%;
}

.main-card {
  margin-right: 20px;
  margin-left: 20px;
  display: flex;
  justify-content: center;
}
.main-card table {
  border-collapse: separate;
  border-spacing: 10px 10px;
  width: 100% !important;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #000000 !important;
}

.date-picker {
  background-color: #FFFFFF;
  width: 100%;
  color: #646c9a;
  outline: unset;
  text-align: right;
  height: 35px;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #e2e5ec;
  border-radius: 4px;
  margin-bottom: 15px;
}

.custom-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.dx-menu-item.dx-menu-item-has-text .dx-icon {
  margin-right: 0 !important;
}

.dx-menu-base .dx-menu-item .dx-menu-item-content {
  display: flex !important;
  justify-content: space-between !important;
}

.dx-menu-horizontal {
  direction: ltr !important;
}

.dx-filemanager-progress-panel {
  display: none !important;
}

.dx-checkbox-checked .dx-checkbox-icon::before {
  top: 7px !important;
  right: 1px;
  left: 0 !important;
  margin-left: 0 !important;
}

.dx-loadindicator-icon {
  right: 6px !important;
  left: 0 !important;
}

.dx-loadpanel-message {
  direction: ltr !important;
}

.dx-popup-content {
  direction: ltr !important;
  text-align: center !important;
}

.filter-icon {
  margin: 5px;
  fill: #c9c6c6;
  cursor: pointer;
}

.MuiTableContainer-root {
  overflow-y: scroll !important;
  height: 65vh;
}

.custom-pagination {
  display: flex;
  justify-content: end;
}

.MuiToolbar-root .MuiBox-root {
  left: 0 !important;
  right: unset !important;
}
.MuiToolbar-root .filter-tab {
  height: 30px;
  border: 1px solid #e2e5ec;
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  width: 100%;
}
.MuiToolbar-root .filter-tab .item {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 200 !important;
  font-size: 14px !important;
  color: #000000 !important;
}
.MuiToolbar-root .filter-tab .item a:visited {
  color: #000000;
}
.MuiToolbar-root .filter-tab .item a:focus {
  color: #1301bd;
}
.MuiToolbar-root .filter-tab .is-active {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #1301bd !important;
}

.react-pdf__Document {
  display: flex;
  justify-content: center;
}
.react-pdf__Document .react-pdf__Page {
  height: 145px;
  margin-bottom: 20px !important;
}

.yellow-btn, .users-info .add-btn {
  background-color: #e9cc0e !important;
}

.MuiTableCell-root {
  padding: 0 0px !important;
  font-size: 13px !important;
}

.Mui-ToolbarDropZone {
  position: sticky !important;
  height: 0px !important;
}

.MuiTablePagination-root {
  margin-top: 0 !important;
}

.css-zltoc8-MuiTableCell-root {
  text-align: center !important;
}

.MuiTablePagination-actions {
  display: none !important;
}

.css-u9kckv-MuiInputBase-root-MuiTablePagination-select {
  display: none;
}

.css-194a1fa-MuiSelect-select-MuiInputBase-input.css-194a1fa-MuiSelect-select-MuiInputBase-input.css-194a1fa-MuiSelect-select-MuiInputBase-input {
  display: none;
}

.MuiTableRow-root:hover {
  background-color: white;
}

.MuiInputBase-root {
  display: none !important;
}

.Mui-TableHeadCell-Content {
  justify-content: center !important;
}

.css-1bjfkoj-MuiTableCell-root {
  justify-content: center !important;
}

.MuiTooltip-popperArrow {
  display: none;
}

.css-1w86f15 {
  justify-content: center !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.btn-container .submit-btn {
  height: 50px !important;
  background-color: #3f6193 !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 5px 10px;
}

.detail-container {
  width: 100%;
  direction: rtl;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
}
.detail-container .detail-col {
  white-space: nowrap;
}
.detail-container .detail-col .detail-row {
  display: flex;
  justify-content: start;
  cursor: pointer;
}

.text-pre {
  white-space: pre !important;
}

.text-breack-space {
  white-space: break-spaces !important;
}

.MuiToggleButtonGroup-root {
  direction: rtl !important;
}

.modal-table th {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #6a6973 !important;
}
.modal-table td {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #6a6973 !important;
}
.modal-table tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}
.modal-table .colored-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #000000 !important;
}
.modal-table .disabled-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #6a6973 !important;
}

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

.dir-ltr {
  direction: ltr;
}

.logo {
  width: 32px;
  height: auto;
}

.bottom-14 {
  bottom: 14px;
}

.bottom-20 {
  bottom: 20px;
}

.padd-t-10 {
  padding-top: 10px;
}

.error-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  color: #FC4A56 !important;
  white-space: nowrap;
  margin-left: 10px;
}

.add-user-btn {
  display: flex;
  align-items: center;
}

.fixed-list {
  width: 100% !important;
  overflow: scroll !important;
}

.font-12 {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #5d5c60 !important;
}

.w-h-100 {
  width: 100% !important;
  height: 50px !important;
}

.magnified-img {
  width: 30%;
  height: auto;
}

.modal-logo-img {
  width: 48px;
}

.hour-btn {
  height: 15px !important;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #fffdfd;
}

::-webkit-scrollbar-thumb {
  background: #c9c6c6;
}

.flex-wrap-container {
  line-height: 2em;
  height: 4em; /* height is 2x line-height, so two lines will display */
  overflow: hidden; /* prevents extra lines from being visible */
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  color: #000000 !important;
}

.table-font * {
  font-size: 14px !important;
}

.full-width {
  width: 98% !important;
}

.margin-r-5 {
  margin-right: 5px;
}

.modal-tip {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 230px;
  overflow-y: scroll;
}

.modal-variable {
  display: flex;
  height: 58px;
  overflow-x: scroll;
  width: 470px;
  max-width: 500px;
}

.font-style, .icon-orange, .icon-white, .icon-blue, .icon-black, .icon-gray, .icon-yellow, .icon-navy-blue, .icon-green, .icon-red {
  font-weight: 400;
  font-size: 20px;
  cursor: pointer;
}

.icon-red {
  color: #FC4A56 !important;
}

.icon-green {
  color: #1c8d0f;
}

.color-blue {
  color: #1301bd;
}

.icon-navy-blue {
  color: #3f6193;
}

.icon-yellow {
  color: #e9cc0e;
  cursor: pointer;
}

.icon-gray {
  color: #5d5c60;
}

.icon-black {
  color: #000000;
}

.icon-blue {
  color: #1301bd !important;
}

.icon-white {
  color: #FFFFFF;
}

.icon-orange {
  color: #fc6e10;
}

.bg-orange {
  background-color: #fc6e10 !important;
}

.bg-gray {
  background-color: #f3f3f3 !important;
}

.bg-red {
  background-color: #FC4A56 !important;
}

.bg-purple {
  background-color: #952aff !important;
}

.bg-hot-pink {
  background-color: #ec2ea0 !important;
}

.bg-black {
  background-color: black !important;
}

.bg-light-green {
  background-color: #3ecd5e !important;
}

.bg-blue {
  background-color: #3f6193 !important;
}

.bg-yellow {
  background-color: #e9cc0e !important;
}

.bg-light-olive {
  background-color: #bfc720 !important;
}

.border-orange {
  border: 1px solid #fc6e10 !important;
}

.border-yellow {
  border: 1px solid #e9cc0e !important;
}

.border-green {
  border: 1px solid #1c8d0f !important;
}

.border-red {
  border: 1px solid #FC4A56 !important;
}

@font-face {
  font-family: "vazir";
  font-style: normal;
  font-weight: 700;
  src: url(../../fonts/Vazir-Md.ttf);
  font-display: swap;
}
html,
body {
  padding: 0;
  margin: 0;
  direction: rtl;
  font-family: "Vazir" !important;
  background-color: #fffdfd !important;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none !important;
}

* {
  box-sizing: border-box;
}

.row {
  margin: 0 !important;
  width: 100% !important;
  padding: 0 !important;
}

.col {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.row > * {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.handle-loading-btn .spinner-container {
  height: unset !important;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.filter-select-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 23px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.filter-select-container .filter-options-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 25px;
  padding-right: 5px;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
}
.filter-select-container .filter-options-container .wrapper {
  position: relative;
  padding-bottom: 40px;
}
.filter-select-container .filter-options-container .column-10 {
  width: 9%;
  position: relative;
}
@media screen and (max-width: 455px) {
  .filter-select-container .filter-options-container .column-10 {
    width: 100%;
  }
}
@media screen and (max-width: 1300px) {
  .filter-select-container .filter-options-container .column-10 {
    width: 50%;
    padding: 20px;
  }
}
.filter-select-container .filter-options-container .column-25 {
  width: 23%;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-25 {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 976px) {
  .filter-select-container .filter-options-container .column-25 {
    width: 23%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1410px) {
  .filter-select-container .filter-options-container .column-25 {
    width: 23%;
  }
}
.filter-select-container .filter-options-container .column-30 {
  width: 32%;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-30 {
    width: 100%;
    padding-bottom: 20px;
  }
}
.filter-select-container .filter-options-container .column-50 {
  width: 48%;
  position: relative;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-50 {
    width: 100%;
    padding-bottom: 25px;
  }
}
.filter-select-container .filter-options-container .column-70 {
  width: 65%;
  position: relative;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-70 {
    width: 100%;
    padding-bottom: 25px;
  }
}
.filter-select-container .filter-options-container .column-35 {
  width: 35%;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-35 {
    width: 100%;
  }
}
.filter-select-container .filter-options-container .search-input {
  text-align: right;
  width: 100%;
  height: 65px;
}
@media only screen and (max-width: 500px) {
  .filter-select-container .filter-options-container {
    width: 90%;
    margin: 0 auto;
  }
}
.filter-select-container .filter-options-container .two-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.filter-select-container .filter-options-container .two-section .profile-select {
  width: 92%;
  margin-right: 10px;
}
@media only screen and (max-width: 500px) {
  .filter-select-container .filter-options-container .two-section .profile-select {
    width: 85%;
  }
}
.filter-select-container .filter-options-container .filter-select {
  text-align: right;
  min-width: 200px;
  padding: 5px;
}
.filter-select-container .filter-options-container .filter-select-label {
  font-size: 14px;
  margin-bottom: 5px;
}

.MuiTypography-root {
  font-family: "Vazir" !important;
}

.squere {
  padding: 7px;
  font-size: 14px;
  min-width: 100px !important;
  white-space: nowrap;
}

.form-control {
  text-align: center;
  min-width: 20%;
  font-size: 13px !important;
}

.rmdp-container {
  width: 100%;
}

.main-card {
  margin-right: 20px;
  margin-left: 20px;
  display: flex;
  justify-content: center;
}
.main-card table {
  border-collapse: separate;
  border-spacing: 10px 10px;
  width: 100% !important;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #000000 !important;
}

.date-picker {
  background-color: #FFFFFF;
  width: 100%;
  color: #646c9a;
  outline: unset;
  text-align: right;
  height: 35px;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #e2e5ec;
  border-radius: 4px;
  margin-bottom: 15px;
}

.custom-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.dx-menu-item.dx-menu-item-has-text .dx-icon {
  margin-right: 0 !important;
}

.dx-menu-base .dx-menu-item .dx-menu-item-content {
  display: flex !important;
  justify-content: space-between !important;
}

.dx-menu-horizontal {
  direction: ltr !important;
}

.dx-filemanager-progress-panel {
  display: none !important;
}

.dx-checkbox-checked .dx-checkbox-icon::before {
  top: 7px !important;
  right: 1px;
  left: 0 !important;
  margin-left: 0 !important;
}

.dx-loadindicator-icon {
  right: 6px !important;
  left: 0 !important;
}

.dx-loadpanel-message {
  direction: ltr !important;
}

.dx-popup-content {
  direction: ltr !important;
  text-align: center !important;
}

.filter-icon {
  margin: 5px;
  fill: #c9c6c6;
  cursor: pointer;
}

.MuiTableContainer-root {
  overflow-y: scroll !important;
  height: 65vh;
}

.custom-pagination {
  display: flex;
  justify-content: end;
}

.MuiToolbar-root .MuiBox-root {
  left: 0 !important;
  right: unset !important;
}
.MuiToolbar-root .filter-tab {
  height: 30px;
  border: 1px solid #e2e5ec;
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  width: 100%;
}
.MuiToolbar-root .filter-tab .item {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 200 !important;
  font-size: 14px !important;
  color: #000000 !important;
}
.MuiToolbar-root .filter-tab .item a:visited {
  color: #000000;
}
.MuiToolbar-root .filter-tab .item a:focus {
  color: #1301bd;
}
.MuiToolbar-root .filter-tab .is-active {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #1301bd !important;
}

.react-pdf__Document {
  display: flex;
  justify-content: center;
}
.react-pdf__Document .react-pdf__Page {
  height: 145px;
  margin-bottom: 20px !important;
}

.yellow-btn, .users-info .add-btn {
  background-color: #e9cc0e !important;
}

.MuiTableCell-root {
  padding: 0 0px !important;
  font-size: 13px !important;
}

.Mui-ToolbarDropZone {
  position: sticky !important;
  height: 0px !important;
}

.MuiTablePagination-root {
  margin-top: 0 !important;
}

.css-zltoc8-MuiTableCell-root {
  text-align: center !important;
}

.MuiTablePagination-actions {
  display: none !important;
}

.css-u9kckv-MuiInputBase-root-MuiTablePagination-select {
  display: none;
}

.css-194a1fa-MuiSelect-select-MuiInputBase-input.css-194a1fa-MuiSelect-select-MuiInputBase-input.css-194a1fa-MuiSelect-select-MuiInputBase-input {
  display: none;
}

.MuiTableRow-root:hover {
  background-color: white;
}

.MuiInputBase-root {
  display: none !important;
}

.Mui-TableHeadCell-Content {
  justify-content: center !important;
}

.css-1bjfkoj-MuiTableCell-root {
  justify-content: center !important;
}

.MuiTooltip-popperArrow {
  display: none;
}

.css-1w86f15 {
  justify-content: center !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.btn-container .submit-btn {
  height: 50px !important;
  background-color: #3f6193 !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 5px 10px;
}

.detail-container {
  width: 100%;
  direction: rtl;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
}
.detail-container .detail-col {
  white-space: nowrap;
}
.detail-container .detail-col .detail-row {
  display: flex;
  justify-content: start;
  cursor: pointer;
}

.text-pre {
  white-space: pre !important;
}

.text-breack-space {
  white-space: break-spaces !important;
}

.MuiToggleButtonGroup-root {
  direction: rtl !important;
}

.modal-table th {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #6a6973 !important;
}
.modal-table td {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #6a6973 !important;
}
.modal-table tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}
.modal-table .colored-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #000000 !important;
}
.modal-table .disabled-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #6a6973 !important;
}

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

.dir-ltr {
  direction: ltr;
}

.logo {
  width: 32px;
  height: auto;
}

.bottom-14 {
  bottom: 14px;
}

.bottom-20 {
  bottom: 20px;
}

.padd-t-10 {
  padding-top: 10px;
}

.error-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  color: #FC4A56 !important;
  white-space: nowrap;
  margin-left: 10px;
}

.add-user-btn {
  display: flex;
  align-items: center;
}

.fixed-list {
  width: 100% !important;
  overflow: scroll !important;
}

.font-12 {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #5d5c60 !important;
}

.w-h-100 {
  width: 100% !important;
  height: 50px !important;
}

.magnified-img {
  width: 30%;
  height: auto;
}

.modal-logo-img {
  width: 48px;
}

.hour-btn {
  height: 15px !important;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #fffdfd;
}

::-webkit-scrollbar-thumb {
  background: #c9c6c6;
}

.flex-wrap-container {
  line-height: 2em;
  height: 4em; /* height is 2x line-height, so two lines will display */
  overflow: hidden; /* prevents extra lines from being visible */
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  color: #000000 !important;
}

.table-font * {
  font-size: 14px !important;
}

.full-width {
  width: 98% !important;
}

.margin-r-5 {
  margin-right: 5px;
}

.modal-tip {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 230px;
  overflow-y: scroll;
}

.modal-variable {
  display: flex;
  height: 58px;
  overflow-x: scroll;
  width: 470px;
  max-width: 500px;
}

.textarea {
  display: flex;
  flex-direction: column;
  text-align: right;
  width: 100%;
  margin-bottom: 15px;
}
.textarea-label {
  font-size: 14px;
  margin-bottom: 5px;
  color: #f3f3f3;
}
.textarea-input {
  background: #FFFFFF;
  min-height: 100px;
  border-radius: 4px;
  width: 100%;
  border: 1px solid #e2e5ec;
  line-height: 1.5;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #5d5c60 !important;
  outline: unset;
  padding: 0.65rem 1rem;
  background-clip: padding-box;
  border-radius: 4px;
}
.textarea-input:focus {
  outline: none;
  border: 1px solid #e1dfdf;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.textarea-input:hover {
  outline: none;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.textarea-error {
  font-size: 12px;
  color: #FC4A56;
}

.input-icon {
  display: flex;
  flex-direction: column;
  text-align: right;
  width: 100%;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.input-icon-label {
  font-size: 14px;
  margin-bottom: 5px;
  color: #646c9a;
}
.input-icon-container {
  display: flex;
  width: 100%;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15px;
}
.input-icon-container .in-box {
  align-items: center;
  height: 35px !important;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  display: flex;
  background-color: #f7f8fa;
  border: 1px solid #e2e5ec;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #646c9a !important;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  direction: initial;
}
.input-icon-container .in-box svg {
  fill: #3f6193 !important;
}
.input-icon-container .rounded-4 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.input-icon-container .icon, .input-icon-container .seo-card .container .edit-container .icon, .seo-card .container .edit-container .input-icon-container .icon {
  height: 1.5rem;
  width: 1.5rem;
  padding: 2px;
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}
.input-icon-container .input {
  background-color: #FFFFFF;
  width: 100% !important;
  outline: unset;
  text-align: right;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #e2e5ec;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #000000 !important;
  border-radius: 4px;
  box-sizing: border-box;
  padding-left: 1.5rem;
  height: 35px;
}
.input-icon-container .input:disabled {
  background: #f7f8fa !important;
}
.input-icon-container .input:focus {
  outline: none;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.input-icon-container .input:hover {
  outline: none;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.input-icon-container .deactive {
  background: #c9c6c6;
}
.input-icon-error {
  font-size: 12px;
  color: #FC4A56;
}
.input-icon input::-webkit-outer-spin-button,
.input-icon input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-icon input[type=number] {
  -moz-appearance: textfield;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loading-spinner {
  width: 25px;
  height: 25px;
  border: 2px solid #f3f3f3;
  /* Light grey */
  border-top: 2px solid #3f6193;
  /* Blue */
  border-radius: 50%;
  animation: spinner 1.5s linear infinite;
}

.spinner-container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
}

.btn-tab {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #5d5c60 !important;
  cursor: pointer;
  padding: 1rem;
  border: 1px solid #f3f3f3;
  border-radius: 0.358rem;
  line-height: 1rem;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  min-width: 200px !important;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
.btn-tab-title {
  padding-top: 10px;
}

.btn-tab-active {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #FFFFFF !important;
  cursor: pointer;
  background-color: #1c8d0f;
}

.button-component {
  width: -moz-fit-content;
  width: fit-content;
  height: 30px;
  padding: 20px 38px !important;
  border: none;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #3f6193;
}
.button-component-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #FFFFFF !important;
  margin: 0;
  cursor: pointer;
}
@media only screen and (min-width: 769px) {
  .button-component-text {
    font-size: 12px !important;
  }
}
.button-component-title {
  white-space: nowrap;
}

.square-radio {
  width: 20px;
  height: 20px;
  border-radius: 20%;
  border: 1px solid #c9c6c6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.square-radio-active {
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 20%;
  background-color: #2aafbe;
}

.check-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.check-box > div {
  margin: 1%;
}

.input-text-label {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 10px;
  font-size: 14px;
  height: 52px !important;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.input-text-label input:disabled {
  background: #f7f8fa !important;
}
.input-text-label-error {
  font-size: 12px;
  color: #FC4A56;
  margin-top: 5px;
}
.input-text-label-input-green {
  width: 100%;
  height: 42px;
  border: 1px solid #c9c6c6;
  border-radius: 4px;
  background-color: #FFFFFF !important;
  padding: 0 15px;
  direction: rtl;
}
.input-text-label-input-green:focus {
  outline: none;
}
.input-text-label-input-green:-webkit-autofill, .input-text-label-input-green:-webkit-autofill:hover, .input-text-label-input-green:-webkit-autofill:focus, .input-text-label-input-green:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 31px white inset !important;
  background-color: #FFFFFF;
}
.input-text-label-input-green::-moz-placeholder {
  opacity: 0.4;
}
.input-text-label-input-green::placeholder {
  opacity: 0.4;
}
.input-text-label-title {
  position: absolute;
  top: -6px;
  right: 24px;
  background-color: #FFFFFF;
  width: auto;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
}
.input-text-label-title-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #3f6193 !important;
}
.input-text-label .icon, .input-text-label .seo-card .container .edit-container .icon, .seo-card .container .edit-container .input-text-label .icon {
  height: 1.5rem;
  width: 1.5rem;
  padding: 2px;
  position: absolute;
  box-sizing: border-box;
  margin-top: 20px;
  left: 10px;
  transform: translateY(-50%);
}
.input-text-label input::-webkit-outer-spin-button,
.input-text-label input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-text-label input[type=number] {
  -moz-appearance: textfield;
}

.button-outline {
  width: 129px;
  height: 48px;
  background-color: #3f6193;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.button-outline-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #2aafbe !important;
  cursor: pointer;
  margin: 0;
  color: white !important;
}

.button-icon {
  width: 110px;
  height: 40px;
  border-radius: 41px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: unset;
  margin: 0 7px;
}
.button-icon-text {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
}

.tab {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #5d5c60 !important;
  margin: 0 20px;
  line-height: 1.45;
  padding: 0.61rem 1.2rem;
  cursor: pointer;
}

.tab-active {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #1c8d0f !important;
  margin: 0 20px;
  line-height: 1.45;
  padding: 0.61rem 1.2rem;
  border-bottom: 3px solid #1c8d0f;
  cursor: pointer;
}

.tab-disable {
  color: #1c8d0f !important;
}

.square-radio {
  width: 20px;
  height: 20px;
  border-radius: 20%;
  border: 1px solid #c9c6c6;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.square-radio-active {
  width: 10px;
  height: 10px;
  margin: 5px;
  border-radius: 20%;
  background-color: #2aafbe;
}

.check-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.check-box > div {
  margin: 1%;
}

.lable-icon {
  position: relative;
}
.lable-icon .headline {
  width: -moz-fit-content;
  width: fit-content;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  height: 55px;
  display: flex;
  justify-content: flex-start;
  padding: 10px;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
  background-color: #FFFFFF;
}
.lable-icon .headline svg {
  width: 28px;
  height: 28px;
  stroke: #5d5c60;
}
.lable-icon .headline .title {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #c9c6c6 !important;
  margin-right: 10px;
}
.lable-icon::before {
  content: " ";
  width: 100%;
  height: 1px;
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  z-index: 1;
  border-radius: 15px;
  opacity: 0.5;
  background: #3f6193;
}

.vitrin-card {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  padding: 5px;
}
.vitrin-card-modal-header {
  border-bottom: unset !important;
  padding: 0.8rem 1.4rem !important;
}
.vitrin-card-modal-header .btn-close {
  margin: unset !important;
}
.vitrin-card-modal-header .modal-title {
  line-height: 1.45;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 1.07rem !important;
  color: #5d5c60 !important;
}
.vitrin-card-modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0.8rem 1.4rem !important;
}
.vitrin-card-modal-body .btn {
  height: 50px !important;
  background-color: #3f6193 !important;
  width: 50%;
  margin: 10px !important;
}
.vitrin-card-modal-body .icon, .vitrin-card-modal-body .seo-card .container .edit-container .icon, .seo-card .container .edit-container .vitrin-card-modal-body .icon {
  color: #fc6e10;
  font-size: 50px;
  margin-bottom: 15px;
}
.vitrin-card-modal-body-btn {
  background-color: #3f6193 !important;
}
.vitrin-card-modal-body-input {
  border: 1px solid gray !important;
}
.vitrin-card-modal-body-input:focus {
  border-color: #3f6193 !important;
  box-shadow: none !important;
  outline: unset !important;
}
.vitrin-card-modal-footer {
  border-top: 1px solid rgba(34, 41, 47, 0.05) !important;
}
.vitrin-card-modal-footer-btn {
  background-color: #3f6193 !important;
}
.vitrin-card img {
  height: auto;
  width: 100%;
}
.vitrin-card div [class^=col-] {
  padding-left: 5px;
  padding-right: 5px;
}
.vitrin-card .card {
  cursor: pointer;
  margin-bottom: 0 !important;
}
.vitrin-card .card-header {
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  display: flex;
  justify-content: space-between;
}
.vitrin-card .card-title {
  font-size: 15px;
  cursor: pointer;
}
.vitrin-card .card:hover {
  transform: scale(1.05);
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}
.vitrin-card .card-text {
  justify-content: center;
  padding: 20px;
  overflow: hidden;
  line-height: 2em;
  height: 155px !important; /* height is 2x line-height, so two lines will display */
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 100 !important;
  font-size: 12px !important;
  color: #5d5c60 !important;
}
.vitrin-card .card::before, .vitrin-card .card::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  pointer-events: none;
}
.vitrin-card .card::before {
  transform-origin: left top;
}
.vitrin-card .card::after {
  transform-origin: right bottom;
}
.vitrin-card .card:hover::before, .vitrin-card .card:hover::after, .vitrin-card .card:focus::before, .vitrin-card .card:focus::after {
  transform: scale3d(1, 1, 1);
}
.vitrin-card .vitrin-card-btn {
  color: #FC4A56;
  cursor: pointer;
  font-size: 15px;
}

.notification-card {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0 10px;
  border-right: 4px solid #3f6193;
  justify-content: space-between;
}
.notification-card .details {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 10px;
}
.notification-card .details .border-bottom {
  border-bottom: 1px solid #c9c6c6;
}
.notification-card .details p {
  padding: 0px 10px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #5d5c60 !important;
  margin-top: 10px;
  margin-bottom: 0;
  width: 135px;
}
.notification-card .details .message {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.notification-card .details .logo-margin {
  margin: auto 23px;
}

.vitrin-card {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  padding: 5px;
}
.vitrin-card-modal-header {
  border-bottom: unset !important;
  padding: 0.8rem 1.4rem !important;
}
.vitrin-card-modal-header .btn-close {
  margin: unset !important;
}
.vitrin-card-modal-header .modal-title {
  line-height: 1.45;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 1.07rem !important;
  color: #5d5c60 !important;
}
.vitrin-card-modal-body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0.8rem 1.4rem !important;
}
.vitrin-card-modal-body .btn {
  height: 50px !important;
  background-color: #3f6193 !important;
  width: 50%;
  margin: 10px !important;
}
.vitrin-card-modal-body .icon, .vitrin-card-modal-body .seo-card .container .edit-container .icon, .seo-card .container .edit-container .vitrin-card-modal-body .icon {
  color: #fc6e10;
  font-size: 50px;
  margin-bottom: 15px;
}
.vitrin-card-modal-body-btn {
  background-color: #3f6193 !important;
}
.vitrin-card-modal-body-input {
  border: 1px solid gray !important;
}
.vitrin-card-modal-body-input:focus {
  border-color: #3f6193 !important;
  box-shadow: none !important;
  outline: unset !important;
}
.vitrin-card-modal-footer {
  border-top: 1px solid rgba(34, 41, 47, 0.05) !important;
}
.vitrin-card-modal-footer-btn {
  background-color: #3f6193 !important;
}
.vitrin-card img {
  height: auto;
  width: 100%;
}
.vitrin-card div [class^=col-] {
  padding-left: 5px;
  padding-right: 5px;
}
.vitrin-card .card {
  cursor: pointer;
  margin-bottom: 0 !important;
}
.vitrin-card .card-header {
  background-color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  display: flex;
  justify-content: space-between;
}
.vitrin-card .card-title {
  font-size: 15px;
  cursor: pointer;
}
.vitrin-card .card:hover {
  transform: scale(1.05);
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}
.vitrin-card .card-text {
  justify-content: center;
  padding: 20px;
  overflow: hidden;
  line-height: 2em;
  height: 155px !important; /* height is 2x line-height, so two lines will display */
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 100 !important;
  font-size: 12px !important;
  color: #5d5c60 !important;
}
.vitrin-card .card::before, .vitrin-card .card::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.1);
  content: "";
  pointer-events: none;
}
.vitrin-card .card::before {
  transform-origin: left top;
}
.vitrin-card .card::after {
  transform-origin: right bottom;
}
.vitrin-card .card:hover::before, .vitrin-card .card:hover::after, .vitrin-card .card:focus::before, .vitrin-card .card:focus::after {
  transform: scale3d(1, 1, 1);
}
.vitrin-card .vitrin-card-btn {
  color: #FC4A56;
  cursor: pointer;
  font-size: 15px;
}

.dropdown-icon {
  display: flex;
  flex-direction: column;
  text-align: right;
  padding-bottom: 5px;
}
.dropdown-icon-label {
  font-size: 14px;
  margin-bottom: 5px;
  color: #646c9a;
}
.dropdown-icon-container {
  display: flex;
  width: 100%;
  position: relative;
  margin: 0 auto;
}
.dropdown-icon-container .in-box {
  align-items: center;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  line-height: 1.5;
  height: 35px !important;
  text-align: center;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #646c9a !important;
  white-space: nowrap;
  background-color: #f7f8fa;
  border: 1px solid #e1dfdf;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  direction: initial;
}
.dropdown-icon-container .select-container {
  width: 100%;
}
.dropdown-icon-container .select-container select {
  background: #FFFFFF;
  outline: unset;
  text-align: right;
  height: 35px !important;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #e2e5ec;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #646c9a !important;
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown-icon-container .select-container select:focus {
  outline: none;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.dropdown-icon-container .select-container select:hover {
  outline: none;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.dropdown-icon-container svg {
  fill: #f3f3f3 !important;
}
.dropdown-icon-error {
  font-size: 12px;
  color: #FC4A56;
}

.support-ticket-card {
  height: 150px;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 1px 1px grey;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  cursor: pointer;
}
.support-ticket-card .img-card-section {
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.support-ticket-card .name-card-section {
  font-size: 14px;
  margin-top: 60px;
}
.support-ticket-card .number-card-section {
  font-size: 16px;
  margin-bottom: 10px;
}

.active {
  box-shadow: 0 0 1px 2px rgb(236, 116, 190);
}

.iconSize {
  font-size: 40px;
}

@media only screen and (max-width: 400px) {
  .iconSize {
    font-size: 20px;
  }
}
.submission-alert {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  box-shadow: 24;
  background-color: whitesmoke;
  padding: 20px;
}
.submission-alert .name-card-section {
  font-size: 20px;
  margin-top: 20px;
}
.submission-alert .list-style, .submission-alert .dynamic-category .container .group-container .group-li, .dynamic-category .container .group-container .submission-alert .group-li, .submission-alert .dynamic-category .container .children-container .column-25 .column-25-li, .submission-alert .dynamic-category .container .children-container-center .column-25 .column-25-li, .dynamic-category .container .children-container .column-25 .submission-alert .column-25-li, .dynamic-category .container .children-container-center .column-25 .submission-alert .column-25-li, .submission-alert .dynamic-category .container .children-container .column-25 .title, .submission-alert .dynamic-category .container .children-container-center .column-25 .title, .dynamic-category .container .children-container .column-25 .submission-alert .title, .dynamic-category .container .children-container-center .column-25 .submission-alert .title {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 16 !important;
  color: #5d5c60 !important;
}
.submission-alert .list-style .item, .submission-alert .dynamic-category .container .group-container .group-li .item, .dynamic-category .container .group-container .submission-alert .group-li .item, .submission-alert .dynamic-category .container .children-container .column-25 .column-25-li .item, .submission-alert .dynamic-category .container .children-container-center .column-25 .column-25-li .item, .dynamic-category .container .children-container .column-25 .submission-alert .column-25-li .item, .dynamic-category .container .children-container-center .column-25 .submission-alert .column-25-li .item, .submission-alert .dynamic-category .container .children-container .column-25 .title .item, .submission-alert .dynamic-category .container .children-container-center .column-25 .title .item, .dynamic-category .container .children-container .column-25 .submission-alert .title .item, .dynamic-category .container .children-container-center .column-25 .submission-alert .title .item {
  display: flex;
  max-width: 500px;
  overflow-x: scroll;
}
.submission-alert .detail-card-section {
  margin-top: 30px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 16 !important;
  color: #5d5c60 !important;
}
.submission-alert .extra-info-card-section {
  display: flex;
  justify-content: space-around;
  min-width: 93px;
  margin-top: 30px;
  overflow-x: scroll;
  padding: 0px 26px;
}
.submission-alert .extra-info-card-section .first-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.submission-alert .extra-info-card-section .second-column {
  display: flex;
  padding-right: 22px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  color: #000000 !important;
}
.submission-alert .submit-btn {
  width: 50%;
  margin: 10px !important;
}

.notifications-list {
  padding: 10px 15px;
  background-color: #FFFFFF;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.notifications-list-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}
.notifications-list-header-title {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #3f6193 !important;
  direction: ltr;
}
.notifications-list-header .btn {
  border: 2px solid #3f6193 !important;
}
.notifications-list-header .text {
  color: #3f6193 !important;
}
.notifications-list-children {
  height: 270px;
  margin-bottom: 10px;
  overflow-y: scroll;
}

.invoices-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: border-box;
  border: 0px solid rgba(0, 0, 0, 0);
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
  width: 100%;
  padding: 5px;
  max-height: 300px;
  cursor: pointer;
  box-shadow: 0 2px 6px 0 rgba(218, 218, 253, 0.65), 0 2px 6px 0 rgba(206, 206, 238, 0.54);
}
.invoices-card .radius-10 {
  border-radius: 10px !important;
}
.invoices-card .border-info {
  border-left: 50px solid #3f6193 !important;
}
.invoices-card .border-danger {
  border-left: 50px solid #FC4A56 !important;
}
.invoices-card .border-success {
  border-left: 50px solid #1c8d0f !important;
}
.invoices-card .border-warning {
  border-left: 50px solid #e9cc0e !important;
}
.invoices-card .invoices-card-body {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.invoices-card .invoices-card-body .title {
  display: flex;
  align-items: baseline;
  justify-content: center;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #3f6193 !important;
}
.invoices-card .invoices-card-body .items-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.invoices-card .invoices-card-body .items-container .invoices-card-column-25 {
  display: flex;
  flex-direction: column;
}
.invoices-card .invoices-card-body .items-container .count {
  padding-right: 5px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #3f6193 !important;
}
.invoices-card .font-14 {
  font-size: 14px;
}

.accordion-item {
  left: 0;
  right: 0;
  position: absolute;
  display: block;
  z-index: 10;
}
.accordion-item .accordion-title {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 5px;
}
.accordion-item .accordion-title .title {
  padding-right: 5px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #c9c6c6 !important;
}
.accordion-item .accordion-content {
  min-height: 50px;
  margin: 10px 0px;
  padding: 1rem;
}

.landing-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  align-items: center;
  border-radius: 10px;
  position: relative;
  white-space: nowrap;
  padding: 0px 75px;
  width: 100px;
  height: 70px;
  margin: 5px;
}
.landing-card .landing-card_title {
  min-height: 40px;
  min-width: 40px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  color: #FFFFFF !important;
}

.drag-drop {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 20%;
}
.drag-drop p {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 100 !important;
  font-size: 12px !important;
  color: #5d5c60 !important;
}
.drag-drop .count {
  display: flex;
}
.drag-drop .count .item {
  display: flex;
  flex-direction: column;
  padding: 10px;
}
.drag-drop .count .item span {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 100 !important;
  font-size: 14px !important;
  color: #5d5c60 !important;
}
.drag-drop .upload-area {
  width: 100%;
}
.drag-drop .upload-area .upload-status {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}
.drag-drop .upload-area .upload-status .filemanager-icon {
  margin-top: 15px;
}
.drag-drop .upload-area .upload-lable {
  cursor: pointer;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 100 !important;
  font-size: 12px !important;
  color: #3f6193 !important;
}
.drag-drop .upload-area .file-upload-area {
  width: 100%;
  padding: 20px;
}
.drag-drop .upload-area .file-upload-area .upload-btn {
  width: 100%;
  justify-content: flex-end;
  display: flex;
  padding: 15px;
}
.drag-drop .upload-area .file-upload-area .files-container {
  width: 98%;
  border: 1px solid #c9c6c6;
  min-height: 300px;
  display: flex;
  flex-wrap: wrap;
}
.drag-drop .upload-area .file-upload-area .files-container .column {
  display: flex;
  flex-direction: column;
}
.drag-drop .upload-area .file-upload-area .files-container .column .item {
  width: 120px;
  height: 140px;
  pointer-events: none;
  border: 1px solid rgb(211, 208, 208);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin: 4px;
  padding: 10px;
}
.drag-drop .upload-area .file-upload-area .files-container .column .item-name {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 110px !important;
  height: 2em !important;
  white-space: nowrap;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 100 !important;
  font-size: 9px !important;
  color: #5d5c60 !important;
}
.drag-drop .upload-area .file-upload-area .files-container .column img {
  width: 100px;
  height: 120px;
}
.drag-drop .upload-area .file-upload-area .files-container .column .icon-blue {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 100 !important;
  font-size: 20px !important;
  color: #5d5c60 !important;
  pointer-events: all !important;
}
.drag-drop .upload-area .file-upload-area .files-container .column .show-modal {
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.editable-card {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  padding-bottom: 5px;
}
.editable-card .container {
  display: flex;
  width: 100%;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15px;
  flex-direction: column;
}
.editable-card .container li {
  min-width: 100px;
  margin: 3px;
  list-style: none;
  padding: 5px;
  border: 1px solid #c9c6c6;
}

.seo-card {
  border: 1px solid #f3f3f3;
  padding: 10px;
}
.seo-card .action {
  display: flex;
  justify-content: space-between;
}
.seo-card .container {
  display: flex;
  width: 100% !important;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15px;
  flex-direction: column;
  text-align: right;
  align-items: center;
  padding: 10px;
  border: 0.5px solid #f3f3f3;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #5d5c60 !important;
}
.seo-card .container .edit-container .icon {
  display: flex;
  width: 100% !important;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15px;
  flex-direction: column;
  text-align: right;
  align-items: center;
  padding: 10px;
}
.seo-card .container .info-container {
  display: flex;
  width: 100% !important;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15px;
  flex-direction: column;
  text-align: right;
  align-items: center;
  padding: 10px;
}
.seo-card .container .info-container .icon {
  height: 1.5rem;
  width: 1.5rem;
  padding: 2px;
  position: absolute;
  box-sizing: border-box;
  top: 50%;
  right: 164px;
  transform: translateY(-50%);
}
.seo-card .container .icon, .seo-card .container .edit-container .icon {
  height: 1.5rem;
  width: 1.5rem;
  padding: 2px;
  position: absolute;
  box-sizing: border-box;
  top: 21%;
  right: 75px;
  transform: translateY(-50%);
}

.update-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.update-content .margin-top-10 {
  margin-top: 10px !important;
}
.update-content .seo_title_date {
  margin: 10px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #000000 !important;
}
.update-content .image-upload-card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}
.update-content .image-upload-card img {
  width: 500px;
  height: auto;
}
.update-content .column-25 {
  width: 25%;
  position: relative;
}
@media screen and (max-width: 975px) {
  .update-content .column-25 {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 976px) {
  .update-content .column-25 {
    width: 45%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1410px) {
  .update-content .column-25 {
    width: 23%;
  }
}
.update-content .upload-btn {
  width: 100%;
  margin: 5px;
  padding: 0px 10px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
}
.update-content .upload-btn label {
  width: 200px;
  background-color: #e9cc0e;
  height: 40px;
  border-radius: 8px;
}
.update-content .upload-btn span {
  padding-right: 5px;
}
.update-content .faq-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
}
.update-content .faq-item svg {
  fill: #FC4A56 !important;
  cursor: pointer;
}
.update-content .faq-item .qa-section {
  display: flex;
  justify-content: space-between;
}

.note-card {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  padding-bottom: 5px;
}
.note-card .container {
  display: flex;
  width: 100% !important;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15px;
  flex-direction: column;
  text-align: right;
  padding: 10px;
  border: 0.5px solid #f3f3f3;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #5d5c60 !important;
}
.note-card .container .last-row {
  display: flex;
  justify-content: space-between;
  padding: 5px;
}
.note-card .container .input {
  background-color: #FFFFFF;
  width: 100%;
  outline: unset;
  text-align: right;
  padding: 0.5rem 1rem;
  height: 42px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #646c9a !important;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
}
.note-card .container .input:disabled {
  background: #f7f8fa !important;
}
.note-card .container .icon, .note-card .seo-card .container .edit-container .icon, .seo-card .note-card .container .edit-container .icon {
  height: 1.5rem;
  width: 1.5rem;
  padding: 2px;
  position: absolute;
  box-sizing: border-box;
  top: 46%;
  left: 10px;
  transform: translateY(-50%);
}

.badge-row {
  display: flex;
  justify-content: space-around;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #5d5c60 !important;
}
.badge-row .badge-title {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
  background-color: #fc6e10;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #FFFFFF !important;
}

.image-uploader {
  display: flex;
  flex-direction: column;
}
.image-uploader .title {
  color: #3f6193;
  direction: ltr;
}
.image-uploader .img {
  width: 100%;
  height: 200px;
  padding-bottom: 10px;
}
.image-uploader .button-format, .image-uploader .btn-container .select, .image-uploader .btn-container .delete {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #FFFFFF !important;
  padding: 10px 25px !important;
  border: none;
  border-radius: 8px;
}
.image-uploader .btn-container {
  display: flex;
}
.image-uploader .btn-container .delete {
  background-color: #e9cc0e;
}
.image-uploader .btn-container .select {
  background-color: #3f6193;
  margin-left: 10px;
}
.image-uploader .btn-container .upload-pic {
  display: flex;
}
.image-uploader .btn-container .upload-pic span {
  white-space: nowrap;
}

.custom-container {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 85px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
  width: 90%;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .custom-container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.custom-container-title {
  height: 50px;
  background-color: #e1dfdf;
  color: #000000;
  text-align: right;
  padding-top: 10px;
  padding-right: 10px;
}
.custom-container-content {
  width: 100%;
  padding: 1rem 1rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.custom-container-content .content {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
@media only screen and (max-width: 769px) {
  .custom-container-content .content {
    flex-direction: column;
    justify-content: center;
  }
}

.children, .feature-children {
  line-height: 30px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #000000 !important;
  list-style: none;
  white-space: nowrap;
  display: flex;
  width: 100%;
  justify-content: space-between;
  border-radius: 8px;
  padding: 0px 100px;
  border: 1px solid #c9c6c6;
  cursor: pointer;
  margin-bottom: 10px;
}
.children label, .feature-children label {
  border-radius: 50%;
  margin-left: 3px;
  height: -moz-fit-content;
  height: fit-content;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 9px !important;
  color: #000000 !important;
  cursor: pointer;
}
.children .operation, .feature-children .operation {
  display: flex;
  justify-content: space-between;
}

.feature-children {
  border: 1px solid #c9c6c6 !important;
  border-radius: 8px;
}

.parent {
  line-height: 30px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #000000 !important;
  list-style: none;
  white-space: nowrap;
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 10px;
  border-radius: 8px;
  cursor: pointer;
}
.parent .row-id {
  margin-left: 50px;
}
.parent .operation {
  display: flex;
  justify-content: space-between;
}

.d-block {
  display: block;
}

.d-none {
  display: none;
}

.otp-group {
  display: flex;
  width: 100%;
  max-width: 360px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  flex-flow: row-reverse;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15px;
}
.otp-group .otp-input {
  width: 100%;
  height: 60px;
  border-radius: 5px;
  text-align: center;
  line-height: 1;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #000000 !important;
  background-color: #FFFFFF;
  width: 100% !important;
  outline: unset;
  padding: 0.5rem 1rem;
  text-align: center;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #e2e5ec;
}

.check-box {
  display: flex !important;
  height: -moz-fit-content;
  height: fit-content;
}
.check-box .label {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #000000 !important;
  white-space: nowrap;
}
.check-box .input {
  margin: 1px 5px;
}

.header {
  direction: rtl;
  display: flex;
  justify-content: space-between;
  height: 65px;
  width: 100%;
  left: 0;
  right: 0;
  align-items: center;
  position: fixed;
  padding: 10px;
  top: 0;
  z-index: 1000;
  color: #FFFFFF;
  background-color: #3f6193 !important;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.header .header-options {
  padding: 5px;
  margin: 5px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
@media (max-width: 445px) {
  .header .header-options {
    display: none;
  }
}
.header .header-options .is-active {
  color: #FFFFFF;
}
.header .header-left-side {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 900px) {
  .header .header-left-side .date {
    display: none;
  }
}
.header .header-right-side {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: space-around;
}
.header .header-right-side .side-bar-close-button {
  margin: 10px 20px;
}
.header .header-right-side .netran-logo {
  width: 65px;
  height: auto;
}
.header .header-title, .header .sub-menu {
  font-size: 14px;
  padding: 0 5px;
  cursor: pointer;
}
.header .role {
  margin: 20px;
  white-space: nowrap;
}
@media (max-width: 500px) {
  .header .role {
    display: none;
  }
}
.header .not-active {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #c9c6c6 !important;
}

.side-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 230px;
  overflow: hidden;
  background-color: #3f6193;
  padding-right: 24px;
  padding-top: 43px;
  padding-left: 22px;
  text-align: right;
  height: 100%;
  top: 0;
  right: 0;
  z-index: 1000;
  overflow-y: auto;
  scrollbar-width: none !important;
}
.side-bar .item {
  width: 100%;
  height: 39px;
  list-style: none;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 15px;
}
.side-bar .item:hover {
  cursor: pointer;
  padding-right: 20px;
}
.side-bar .item .text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #FFFFFF !important;
  white-space: nowrap;
}
.side-bar .item .text svg {
  height: 1.4285rem;
  width: 1.4285rem;
  margin-left: 5px;
}
.side-bar-active {
  background-color: #646c9a;
}

@font-face {
  font-family: "vazir";
  font-style: normal;
  font-weight: 700;
  src: url(../../fonts/Vazir-Md.ttf);
  font-display: swap;
}
html,
body {
  padding: 0;
  margin: 0;
  direction: rtl;
  font-family: "Vazir" !important;
  background-color: #fffdfd !important;
  /* Hide scrollbar for Chrome, Safari and Opera */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none !important;
}

* {
  box-sizing: border-box;
}

.row {
  margin: 0 !important;
  width: 100% !important;
  padding: 0 !important;
}

.col {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.row > * {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.handle-loading-btn .spinner-container {
  height: unset !important;
}

.justify-end {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.filter-select-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 23px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.filter-select-container .filter-options-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 25px;
  padding-right: 5px;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
}
.filter-select-container .filter-options-container .wrapper {
  position: relative;
  padding-bottom: 40px;
}
.filter-select-container .filter-options-container .column-10 {
  width: 9%;
  position: relative;
}
@media screen and (max-width: 455px) {
  .filter-select-container .filter-options-container .column-10 {
    width: 100%;
  }
}
@media screen and (max-width: 1300px) {
  .filter-select-container .filter-options-container .column-10 {
    width: 50%;
    padding: 20px;
  }
}
.filter-select-container .filter-options-container .column-25 {
  width: 23%;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-25 {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 976px) {
  .filter-select-container .filter-options-container .column-25 {
    width: 23%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1410px) {
  .filter-select-container .filter-options-container .column-25 {
    width: 23%;
  }
}
.filter-select-container .filter-options-container .column-30 {
  width: 32%;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-30 {
    width: 100%;
    padding-bottom: 20px;
  }
}
.filter-select-container .filter-options-container .column-50 {
  width: 48%;
  position: relative;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-50 {
    width: 100%;
    padding-bottom: 25px;
  }
}
.filter-select-container .filter-options-container .column-70 {
  width: 65%;
  position: relative;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-70 {
    width: 100%;
    padding-bottom: 25px;
  }
}
.filter-select-container .filter-options-container .column-35 {
  width: 35%;
}
@media screen and (max-width: 975px) {
  .filter-select-container .filter-options-container .column-35 {
    width: 100%;
  }
}
.filter-select-container .filter-options-container .search-input {
  text-align: right;
  width: 100%;
  height: 65px;
}
@media only screen and (max-width: 500px) {
  .filter-select-container .filter-options-container {
    width: 90%;
    margin: 0 auto;
  }
}
.filter-select-container .filter-options-container .two-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}
.filter-select-container .filter-options-container .two-section .profile-select {
  width: 92%;
  margin-right: 10px;
}
@media only screen and (max-width: 500px) {
  .filter-select-container .filter-options-container .two-section .profile-select {
    width: 85%;
  }
}
.filter-select-container .filter-options-container .filter-select {
  text-align: right;
  min-width: 200px;
  padding: 5px;
}
.filter-select-container .filter-options-container .filter-select-label {
  font-size: 14px;
  margin-bottom: 5px;
}

.MuiTypography-root {
  font-family: "Vazir" !important;
}

.squere {
  padding: 7px;
  font-size: 14px;
  min-width: 100px !important;
  white-space: nowrap;
}

.form-control {
  text-align: center;
  min-width: 20%;
  font-size: 13px !important;
}

.rmdp-container {
  width: 100%;
}

.main-card {
  margin-right: 20px;
  margin-left: 20px;
  display: flex;
  justify-content: center;
}
.main-card table {
  border-collapse: separate;
  border-spacing: 10px 10px;
  width: 100% !important;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #000000 !important;
}

.date-picker {
  background-color: #FFFFFF;
  width: 100%;
  color: #646c9a;
  outline: unset;
  text-align: right;
  height: 35px;
  padding: 0.5rem 1rem;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  border: 1px solid #e2e5ec;
  border-radius: 4px;
  margin-bottom: 15px;
}

.custom-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #FFFFFF;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.dx-menu-item.dx-menu-item-has-text .dx-icon {
  margin-right: 0 !important;
}

.dx-menu-base .dx-menu-item .dx-menu-item-content {
  display: flex !important;
  justify-content: space-between !important;
}

.dx-menu-horizontal {
  direction: ltr !important;
}

.dx-filemanager-progress-panel {
  display: none !important;
}

.dx-checkbox-checked .dx-checkbox-icon::before {
  top: 7px !important;
  right: 1px;
  left: 0 !important;
  margin-left: 0 !important;
}

.dx-loadindicator-icon {
  right: 6px !important;
  left: 0 !important;
}

.dx-loadpanel-message {
  direction: ltr !important;
}

.dx-popup-content {
  direction: ltr !important;
  text-align: center !important;
}

.filter-icon {
  margin: 5px;
  fill: #c9c6c6;
  cursor: pointer;
}

.MuiTableContainer-root {
  overflow-y: scroll !important;
  height: 65vh;
}

.custom-pagination {
  display: flex;
  justify-content: end;
}

.MuiToolbar-root .MuiBox-root {
  left: 0 !important;
  right: unset !important;
}
.MuiToolbar-root .filter-tab {
  height: 30px;
  border: 1px solid #e2e5ec;
  display: flex;
  justify-content: space-evenly;
  align-items: baseline;
  width: 100%;
}
.MuiToolbar-root .filter-tab .item {
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 200 !important;
  font-size: 14px !important;
  color: #000000 !important;
}
.MuiToolbar-root .filter-tab .item a:visited {
  color: #000000;
}
.MuiToolbar-root .filter-tab .item a:focus {
  color: #1301bd;
}
.MuiToolbar-root .filter-tab .is-active {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: #1301bd !important;
}

.react-pdf__Document {
  display: flex;
  justify-content: center;
}
.react-pdf__Document .react-pdf__Page {
  height: 145px;
  margin-bottom: 20px !important;
}

.yellow-btn, .users-info .add-btn {
  background-color: #e9cc0e !important;
}

.MuiTableCell-root {
  padding: 0 0px !important;
  font-size: 13px !important;
}

.Mui-ToolbarDropZone {
  position: sticky !important;
  height: 0px !important;
}

.MuiTablePagination-root {
  margin-top: 0 !important;
}

.css-zltoc8-MuiTableCell-root {
  text-align: center !important;
}

.MuiTablePagination-actions {
  display: none !important;
}

.css-u9kckv-MuiInputBase-root-MuiTablePagination-select {
  display: none;
}

.css-194a1fa-MuiSelect-select-MuiInputBase-input.css-194a1fa-MuiSelect-select-MuiInputBase-input.css-194a1fa-MuiSelect-select-MuiInputBase-input {
  display: none;
}

.MuiTableRow-root:hover {
  background-color: white;
}

.MuiInputBase-root {
  display: none !important;
}

.Mui-TableHeadCell-Content {
  justify-content: center !important;
}

.css-1bjfkoj-MuiTableCell-root {
  justify-content: center !important;
}

.MuiTooltip-popperArrow {
  display: none;
}

.css-1w86f15 {
  justify-content: center !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.btn-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.btn-container .submit-btn {
  height: 50px !important;
  background-color: #3f6193 !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 5px 10px;
}

.detail-container {
  width: 100%;
  direction: rtl;
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: row;
}
.detail-container .detail-col {
  white-space: nowrap;
}
.detail-container .detail-col .detail-row {
  display: flex;
  justify-content: start;
  cursor: pointer;
}

.text-pre {
  white-space: pre !important;
}

.text-breack-space {
  white-space: break-spaces !important;
}

.MuiToggleButtonGroup-root {
  direction: rtl !important;
}

.modal-table th {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #6a6973 !important;
}
.modal-table td {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #6a6973 !important;
}
.modal-table tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}
.modal-table .colored-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #000000 !important;
}
.modal-table .disabled-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 13px !important;
  color: #6a6973 !important;
}

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

.dir-ltr {
  direction: ltr;
}

.logo {
  width: 32px;
  height: auto;
}

.bottom-14 {
  bottom: 14px;
}

.bottom-20 {
  bottom: 20px;
}

.padd-t-10 {
  padding-top: 10px;
}

.error-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  color: #FC4A56 !important;
  white-space: nowrap;
  margin-left: 10px;
}

.add-user-btn {
  display: flex;
  align-items: center;
}

.fixed-list {
  width: 100% !important;
  overflow: scroll !important;
}

.font-12 {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #5d5c60 !important;
}

.w-h-100 {
  width: 100% !important;
  height: 50px !important;
}

.magnified-img {
  width: 30%;
  height: auto;
}

.modal-logo-img {
  width: 48px;
}

.hour-btn {
  height: 15px !important;
}

::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #fffdfd;
}

::-webkit-scrollbar-thumb {
  background: #c9c6c6;
}

.flex-wrap-container {
  line-height: 2em;
  height: 4em; /* height is 2x line-height, so two lines will display */
  overflow: hidden; /* prevents extra lines from being visible */
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  color: #000000 !important;
}

.table-font * {
  font-size: 14px !important;
}

.full-width {
  width: 98% !important;
}

.margin-r-5 {
  margin-right: 5px;
}

.modal-tip {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 230px;
  overflow-y: scroll;
}

.modal-variable {
  display: flex;
  height: 58px;
  overflow-x: scroll;
  width: 470px;
  max-width: 500px;
}

.font-style, .icon-red, .icon-green, .icon-navy-blue, .icon-yellow, .icon-gray, .icon-black, .icon-blue, .icon-white, .icon-orange {
  font-weight: 400;
  font-size: 20px;
  cursor: pointer;
}

.icon-red {
  color: #FC4A56 !important;
}

.icon-green {
  color: #1c8d0f;
}

.color-blue {
  color: #1301bd;
}

.icon-navy-blue {
  color: #3f6193;
}

.icon-yellow {
  color: #e9cc0e;
  cursor: pointer;
}

.icon-gray {
  color: #5d5c60;
}

.icon-black {
  color: #000000;
}

.icon-blue {
  color: #1301bd !important;
}

.icon-white {
  color: #FFFFFF;
}

.icon-orange {
  color: #fc6e10;
}

.bg-orange {
  background-color: #fc6e10 !important;
}

.bg-gray {
  background-color: #f3f3f3 !important;
}

.bg-red {
  background-color: #FC4A56 !important;
}

.bg-purple {
  background-color: #952aff !important;
}

.bg-hot-pink {
  background-color: #ec2ea0 !important;
}

.bg-black {
  background-color: black !important;
}

.bg-light-green {
  background-color: #3ecd5e !important;
}

.bg-blue {
  background-color: #3f6193 !important;
}

.bg-yellow {
  background-color: #e9cc0e !important;
}

.bg-light-olive {
  background-color: #bfc720 !important;
}

.border-orange {
  border: 1px solid #fc6e10 !important;
}

.border-yellow {
  border: 1px solid #e9cc0e !important;
}

.border-green {
  border: 1px solid #1c8d0f !important;
}

.border-red {
  border: 1px solid #FC4A56 !important;
}

.home {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .home {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.home-chart {
  display: flex;
  min-height: 300px;
  width: 50%;
}
.home .cards-row {
  display: flex;
  text-align: center;
  justify-content: space-between;
  padding-left: 42px;
  padding-right: 42px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #5d5c60 !important;
}
.home .home-landing-card {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 20px;
  flex-wrap: wrap;
}
.home .home-landing-card .landing-container {
  display: flex;
  flex-wrap: wrap;
}
.home .invoices-card-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 15px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.home .invoices-card-container .responsive-column-25 {
  width: 23%;
}
@media screen and (max-width: 767px) {
  .home .invoices-card-container .responsive-column-25 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .home .invoices-card-container .responsive-column-25 {
    width: 23%;
  }
}
@media screen and (min-width: 999px) {
  .home .invoices-card-container .responsive-column-25 {
    width: 23%;
  }
}
.home .notifications-list-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  padding-bottom: 10px;
  width: 100%;
}
.home .notifications-list-container .column-50 {
  width: 48%;
}
@media screen and (max-width: 999px) {
  .home .notifications-list-container .column-50 {
    width: 99%;
  }
}
@media (max-width: 900px) {
  .home .notifications-list-container {
    overflow-x: scroll;
  }
}
.home .comment {
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home thead th {
  position: sticky;
  top: 0;
  background-color: #FFFFFF;
}

.login {
  width: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FFFFFF;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}
.login-icon {
  margin-bottom: 15px;
}
.login-modal {
  width: 500px;
  height: 510px;
  background-color: #FFFFFF;
  box-shadow: 0px 15px 75px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: center !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}
@media (max-width: 900px) {
  .login-modal {
    width: 90%;
    margin: 0 auto;
    min-height: 600px;
  }
}
.login-modal-header {
  width: 90%;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
.login-modal-header-title {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 34px !important;
  color: #3f6193 !important;
}
@media (max-width: 900px) {
  .login-modal-header-title {
    width: auto;
    height: auto;
    font-family: "Vazir" !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    color: #3f6193 !important;
  }
}
.login-modal-input-group {
  width: 90%;
}
.login-modal-input-group-email {
  margin: 10px 0;
}
.login-modal-input-group-email .input-text-label > div > h6 {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #3f6193 !important;
}
.login-modal-input-group-password .input-text-label > input {
  border-color: #c9c6c6;
}
.login-modal-error {
  width: 90%;
  height: 41px;
  background-color: #FFFFFF;
  display: flex !important;
  justify-content: start !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  border-radius: 8px;
}
.login-modal-error-text {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #2aafbe !important;
  margin: 0;
}
.login-modal-error > img {
  margin: 0 10px;
}
.login-modal-forgot-passsword {
  width: 90%;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
.login-modal-forgot-passsword .smalText {
  white-space: nowrap;
}
.login-modal-forgot-passsword-link {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #1c8d0f !important;
  cursor: pointer;
}
.login-modal-otp-code {
  width: 90%;
  margin-bottom: 10px;
  margin-top: 10px;
  cursor: pointer;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #3f6193 !important;
}
.login-modal-button {
  width: 90%;
}
.login-modal-button .spinner-container {
  height: unset !important;
}
.login-modal-button .button-component {
  width: 100%;
}
.login-modal-button .button-component-text {
  direction: ltr;
}

.register {
  width: 100%;
  min-height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #FFFFFF;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}
.register-icon {
  margin-bottom: 15px;
}
.register-modal {
  width: 500px;
  height: 510px;
  padding: 20px 2px;
  background-color: #FFFFFF;
  box-shadow: 0px 15px 75px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex !important;
  justify-content: space-evenly !important;
  align-items: center !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
}
@media (max-width: 900px) {
  .register-modal {
    width: 90%;
    margin: 0 auto;
    min-height: 600px;
  }
}
.register-modal-header {
  width: 90%;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
.register-modal-header-title {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 34px !important;
  color: #3f6193 !important;
}
@media (max-width: 900px) {
  .register-modal-header-title {
    width: auto;
    height: auto;
    font-family: "Vazir" !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    color: #3f6193 !important;
  }
}
.register-modal-input-group {
  width: 90%;
}
.register-modal-input-group-name {
  margin: 10px 0;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
.register-modal-input-group-name > div:nth-of-type(1) > input {
  border-radius: 8px;
  border-color: #c9c6c6;
}
.register-modal-input-group-name > div:nth-of-type(2) > input {
  border-radius: 8px;
  border-color: #c9c6c6;
}
.register-modal-input-group-name .input-text-label > div > h6 {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #3f6193 !important;
}
.register-modal-input-group-email {
  margin: 10px 0;
}
.register-modal-input-group-email .input-text-label > input {
  border-color: #c9c6c6;
}
.register-modal-input-group-phone {
  margin: 10px 0;
}
.register-modal-input-group-phone .input-text-label > input {
  border-color: #c9c6c6;
}
.register-modal-input-group-password {
  margin: 10px 0;
}
.register-modal-input-group-password .input-text-label > input {
  border-color: #c9c6c6;
}
.register-modal-forgot-passsword {
  width: 90%;
  margin-bottom: 10px;
  margin-top: 10px;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
@media (max-width: 900px) {
  .register-modal-forgot-passsword {
    flex-direction: column !important;
  }
}
.register-modal-forgot-passsword .square-radio {
  width: 20px;
}
.register-modal-forgot-passsword .smalText {
  white-space: nowrap;
}
.register-modal-forgot-passsword-link {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #2aafbe !important;
}
.register-modal-button {
  width: 100%;
}
.register-modal-button .spinner-container {
  height: unset !important;
}
.register-modal-button .button-component {
  width: 100%;
}
.register-modal-button .button-component-text {
  direction: ltr;
}
.register-modal-divider {
  width: 90%;
  position: relative;
}
.register-modal-divider-line {
  width: 100%;
  height: 1px;
  background-color: #c9c6c6;
}
.register-modal-divider-text {
  background-color: #FFFFFF;
  width: 63px;
  height: 30px;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  position: absolute;
  top: -14px;
  left: 204px;
}
.register-modal-divider-text > h6 {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  color: #3f6193 !important;
  margin: 0;
}
.register-modal-button-group {
  width: 90%;
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
.register-modal-button-group > button {
  width: 137.67px;
  height: 72px;
  border: 1px solid #c9c6c6 !important;
  border-radius: 8px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  background-color: transparent;
}
.register-modal-submit-btn {
  width: 100% !important;
}

.profile {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .profile {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.profile-hr {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: unset;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.profile-card {
  background-color: #FFFFFF;
  background-clip: border-box;
  border-radius: 0.428rem;
  width: 95%;
  border: none;
  margin-bottom: 2rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  padding: 1.5rem;
  margin: 0 auto;
}
.profile-card .upload-container {
  width: 100%;
  height: 100%;
  margin-top: 20px;
}
.profile-card .upload-container .upload-input {
  border: 1px solid #e2e5ec;
  border-radius: 50%;
  height: 110px;
  width: 110px;
  display: flex;
  justify-content: center;
}
.profile-card .upload-container .upload-input .upload-lable {
  cursor: pointer !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.profile-card .upload-container .upload-input span {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #646c9a !important;
  margin-top: 5px;
}
.profile-card .upload-container .upload-input svg {
  fill: #f3f3f3 !important;
}
.profile-card .image-upload-card {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
  margin-top: 20px;
}
.profile-card .image-upload-card span {
  width: 100%;
  height: 100%;
  background-color: #c9c6c6;
  color: white;
}
.profile-card .action {
  top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.profile-card .stepper-save {
  height: 50px !important;
  background-color: #3f6193 !important;
  width: 150px !important;
  margin-right: 10px !important;
}

.user-update {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .user-update {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.user-update-hr {
  background-color: rgba(0, 0, 0, 0.1);
  opacity: unset;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.user-update-tabs {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  margin-top: 2rem;
  width: 95%;
  margin: 0 auto;
  margin-bottom: 1rem;
}
.user-update-card {
  background-color: #FFFFFF;
  background-clip: border-box;
  border-radius: 0.428rem;
  width: 95%;
  border: none;
  margin-bottom: 2rem;
  box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1);
  padding: 1.5rem;
  margin: 0 auto;
}
.user-update-card .upload-container {
  width: 110px;
  height: 110px;
  margin-bottom: 15px;
}
.user-update-card .upload-container .upload-input {
  border: 1px solid #e2e5ec;
  border-radius: 50%;
  height: 140px;
  width: 140px;
  display: flex;
  justify-content: center;
}
.user-update-card .upload-container .upload-input .upload-lable {
  cursor: pointer !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.user-update-card .upload-container .upload-input span {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  color: #646c9a !important;
  margin-top: 5px;
}
.user-update-card .upload-container .upload-input svg {
  fill: #f3f3f3 !important;
}
.user-update-card .multiple-select {
  margin-bottom: 15px;
  text-align: right;
}
.user-update-card .multiple-select-label {
  font-size: 14px;
  margin-bottom: 5px;
}
.user-update-card .multiple-select .error {
  font-size: 12px;
  color: #FC4A56;
}
.user-update-card .image-upload-card {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}
.user-update-card .image-upload-card span {
  width: 100%;
  height: 100%;
  background-color: #c9c6c6;
  color: white;
}
.user-update-card .image-upload-card svg {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  fill: #FC4A56;
}
.user-update-card .image-upload-card .img {
  width: 100%;
  height: 100%;
}
.user-update-card .image-upload-card span {
  width: 100%;
  height: 100%;
  background-color: #c9c6c6;
  color: white;
}
.user-update-card .file-upload-card {
  max-width: 220px;
  display: flex;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #c9c6c6;
}
.user-update-card .file-upload-card svg {
  fill: #FC4A56;
  cursor: pointer;
}
.user-update-card .file-upload-card span {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  width: 100%;
  color: #5d5c60;
  margin-right: 5px;
}

.price-list {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 500px) {
  .price-list {
    width: 90%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 769px) {
  .price-list {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.price-list .group-op-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}
.price-list .group-op-container .first-row {
  line-height: 1em;
  margin-bottom: 43px;
}
.price-list .group-op-container .second-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-left: 20px;
}
.price-list .group-op-btn {
  min-width: 85px !important;
  background-color: #e9cc0e !important;
  margin-right: 20px;
}
.price-list .MuiTableCell-root .unselected-site-logo {
  filter: grayscale(100%);
}

.price-list-btn {
  width: 98%;
  margin-bottom: 5px;
  height: 40px !important;
}

.change-price {
  margin-bottom: 10px;
}

.final-submission-btn {
  width: 100%;
  margin-top: 24px;
}

.linked-product-list img {
  width: 28px;
  margin-right: 10px;
}

.orders {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .orders {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.orders .new-order-btn {
  white-space: nowrap !important;
}
.orders .drop-down {
  font-size: 12px !important;
  border: none !important;
  cursor: pointer;
}

.send-sms-btn {
  background-color: #1c8d0f !important;
  margin: 10px;
  width: 300px !important;
}

.copy-btn {
  margin: 10px;
  background-color: #FC4A56 !important;
  width: 300px !important;
}

.selected-products-container {
  margin-top: 10px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #000000 !important;
}

.prefactor {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .prefactor {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.prefactor .mt-18 {
  margin-top: 18px;
}
.prefactor .user-mobile-inp {
  width: 100% !important;
  margin-top: 18px !important;
  height: 35px !important;
}
.prefactor .site-select {
  margin-top: 10px;
}
@media only screen and (max-width: 500px) {
  .prefactor {
    width: 90%;
    margin: 0 auto;
  }
}
.prefactor .cursor {
  cursor: pointer;
}
.prefactor .action-container {
  display: flex;
  justify-content: space-between;
}

.address {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0 10px;
  overflow: hidden;
  border-right: 4px solid #3f6193;
  margin-bottom: 20px;
  justify-content: space-between;
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 0 10px;
  overflow: hidden;
  border-right: 4px solid #3f6193;
  margin-bottom: 20px;
  justify-content: space-between;
}

.new-address-btn {
  width: 100% !important;
  margin-bottom: 20px;
  background-color: #1c8d0f !important;
}

.pre-factor-product-name {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #000000 !important;
}

.icon-back {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 25px !important;
  color: #1c8d0f !important;
  cursor: pointer;
}

.table-product tr, .table-product td {
  text-align: center;
  font-size: 14px;
}

.create-factor-btn {
  background-color: #3f6193 !important;
  width: 100% !important;
}

.submit-order {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .submit-order {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.submit-order .max-height-65 {
  max-height: 65px !important;
}
@media only screen and (max-width: 1008px) {
  .submit-order .max-height-65 {
    max-height: -moz-fit-content !important;
    max-height: fit-content !important;
  }
}
.submit-order .image-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #000000 !important;
}
.submit-order .image-container img {
  width: 100px;
  height: auto;
  cursor: pointer;
}
.submit-order .mt-8 {
  margin-top: 8px;
}
.submit-order .address-part {
  display: flex;
  justify-content: space-between;
  width: 48%;
  flex-direction: column;
}
.submit-order .address-part .first-row {
  display: flex;
  justify-content: space-between;
}
.submit-order .address-part .second-row {
  display: flex;
  justify-content: flex-start;
}
.submit-order .address-part .error-part {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #000000 !important;
  white-space: nowrap;
}
@media only screen and (max-width: 769px) {
  .submit-order .address-part {
    flex-direction: column;
  }
  .submit-order .address-part .new-address-btn {
    margin-right: 20px;
  }
}
.submit-order .payment-pic {
  background-color: #3f6193;
  width: 48%;
  padding: 10px;
  cursor: pointer;
  height: 40px;
  border: none;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.submit-order .payment-pic .upload-pic {
  margin-bottom: 5px;
  padding: 10px;
  color: #FFFFFF;
}
.submit-order .payment-pic .upload-pic-icon {
  margin-left: 5px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #FFFFFF !important;
  margin-bottom: 5px;
}
.submit-order .payment-pic .font-12 {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #FFFFFF !important;
}
.submit-order .pannel-conteiner {
  padding-left: 10px;
  padding-right: 10px;
}
.submit-order .pannel-conteiner .pannel, .submit-order .pannel-conteiner .pannel-send-info {
  border: 1px solid rgb(168, 168, 168);
  display: flex;
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  border-radius: 8px;
  padding: 20px;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.submit-order .pannel-conteiner .pannel .title, .submit-order .pannel-conteiner .pannel-send-info .title {
  position: absolute;
  top: -6px;
  right: 24px;
  background-color: #FFFFFF;
  width: auto;
  height: 22px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  color: #3f6193 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
}
.submit-order .pannel-conteiner .pannel .column-50, .submit-order .pannel-conteiner .pannel-send-info .column-50 {
  width: 47%;
}
@media only screen and (max-width: 850px) {
  .submit-order .pannel-conteiner .pannel .column-50, .submit-order .pannel-conteiner .pannel-send-info .column-50 {
    width: 100%;
  }
}
.submit-order .pannel-conteiner .pannel .justify-start, .submit-order .pannel-conteiner .pannel-send-info .justify-start {
  display: flex;
  justify-content: space-between !important;
}
.submit-order .pannel-conteiner .pannel .column-section, .submit-order .pannel-conteiner .pannel-send-info .column-section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 48%;
}
@media only screen and (max-width: 520px) {
  .submit-order .pannel-conteiner .pannel .column-section, .submit-order .pannel-conteiner .pannel-send-info .column-section {
    width: 100%;
  }
}
.submit-order .pannel-conteiner .pannel .column-section .item, .submit-order .pannel-conteiner .pannel-send-info .column-section .item {
  padding-left: 10px;
  padding-top: 10px;
  display: flex;
  text-align: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}
@media only screen and (max-width: 900px) {
  .submit-order .pannel-conteiner .pannel .column-section .item .m-t-responsive-1, .submit-order .pannel-conteiner .pannel-send-info .column-section .item .m-t-responsive-1 {
    margin-top: 10px;
  }
}
.submit-order .pannel-conteiner .pannel .column-section .item .flex-justified, .submit-order .pannel-conteiner .pannel-send-info .column-section .item .flex-justified {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.submit-order .pannel-conteiner .pannel .column-section .item .flex-justified .m-r-10, .submit-order .pannel-conteiner .pannel-send-info .column-section .item .flex-justified .m-r-10 {
  margin-right: 10px !important;
}
.submit-order .pannel-conteiner .pannel .column-section .item .payment-method-btn, .submit-order .pannel-conteiner .pannel-send-info .column-section .item .payment-method-btn {
  height: 15px !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.submit-order .pannel-conteiner .pannel .column-section .item .button-with-alert, .submit-order .pannel-conteiner .pannel-send-info .column-section .item .button-with-alert {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 20px;
  margin-top: 4px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #000000 !important;
}
.submit-order .pannel-conteiner .pannel .column-section .item .button-with-alert label, .submit-order .pannel-conteiner .pannel-send-info .column-section .item .button-with-alert label {
  padding-top: 15px;
  white-space: nowrap;
}
.submit-order .pannel-conteiner .pannel .column-section .item .button-with-alert .new-address-btn, .submit-order .pannel-conteiner .pannel-send-info .column-section .item .button-with-alert .new-address-btn {
  padding: 10px 5px !important;
  width: 125px !important;
}
.submit-order .pannel-send-info {
  margin-top: 20px;
}
.submit-order .details {
  margin-top: 20px;
}
.submit-order .alert-for-address {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #FC4A56 !important;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  margin-top: 28px;
  margin-right: 20px;
}
.submit-order .column-50 {
  width: 47%;
}
@media screen and (max-width: 1040) {
  .submit-order .column-50 {
    width: 100%;
    padding-bottom: 20px;
  }
}
.submit-order .form-control {
  text-align: center;
  min-width: 20%;
}
.submit-order .delete-icon {
  cursor: pointer;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  color: #FC4A56 !important;
  margin-top: 10px;
}
@media only screen and (max-width: 500px) {
  .submit-order {
    width: 90%;
    margin: 0 auto;
  }
}
.submit-order .two-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
@media only screen and (max-width: 500px) {
  .submit-order .two-section {
    margin-top: 20px;
  }
}
.submit-order .two-section .site-select {
  width: 92%;
  margin-right: 10px;
}
@media only screen and (max-width: 500px) {
  .submit-order .two-section .site-select {
    width: 85%;
  }
}
.submit-order .two-section .profile-select {
  width: 100%;
}
.submit-order .new-address-btn {
  padding: 35px 55px !important;
  margin-top: 10px;
  white-space: nowrap;
  width: 100% !important;
}
.submit-order .table-container {
  display: flex;
  flex-direction: column;
}
.submit-order .table-container .submit-order-search-input {
  padding: 20px;
}
@media screen and (max-width: 1424px) {
  .submit-order .table-container .submit-order-search-input {
    width: 100%;
    padding-bottom: 20px;
  }
}
.submit-order .btn-container {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between !important;
}
.submit-order .btn-container .submit-50 {
  width: 50% !important;
}
.submit-order .btn-container .submit-btn-order {
  background-color: #3f6193;
  width: 98%;
}
@media screen and (max-width: 1359px) {
  .submit-order .btn-container {
    width: 100%;
  }
}

.image-upload-card {
  display: flex;
  justify-content: center;
}
.image-upload-card .delete-pic-icon {
  cursor: pointer;
  color: #FC4A56;
}

.create-new-user-img {
  width: 100px !important;
  height: 100px !important;
}

.address-container {
  width: 90%;
  margin: 0 auto;
}
.address-container .responsive-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
.address-container .responsive-container .column-50 {
  width: 47%;
}
@media screen and (max-width: 975px) {
  .address-container .responsive-container .column-50 {
    width: 100%;
    padding-bottom: 15px;
  }
}

.submit-address-btn {
  background-color: #3f6193 !important;
  width: 100% !important;
}

.MuiTableCell-root .unselected-site-logo { /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.issuing-pre-factor {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
.issuing-pre-factor .icon, .issuing-pre-factor .seo-card .container .edit-container .icon, .seo-card .container .edit-container .issuing-pre-factor .icon {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  color: #1c8d0f !important;
  margin-top: 15px;
  cursor: pointer;
}
.issuing-pre-factor .i-btn-container {
  margin-top: 40px;
  width: 100%;
}
.issuing-pre-factor .i-btn-container .issuing-submit-btn {
  width: 100% !important;
}
@media only screen and (max-width: 769px) {
  .issuing-pre-factor {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.issuing-pre-factor .final-status-section {
  display: flex;
  border: none;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 35px;
}
.issuing-pre-factor .final-status-section .table-status {
  width: 48%;
  margin-left: 20px;
}
.issuing-pre-factor .final-status-section .table-status tr {
  height: 60px;
}
@media screen and (max-width: 1359px) {
  .issuing-pre-factor .final-status-section .table-status {
    width: 100%;
  }
}
.issuing-pre-factor .final-status-section .isuuing-submit-btn {
  background-color: #3f6193 !important;
  width: 100% !important;
}
.issuing-pre-factor .delete-icon {
  cursor: pointer;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  color: #FC4A56 !important;
  margin-top: 10px;
}
.issuing-pre-factor .main-card {
  margin: 35px;
  margin-right: 40px;
  display: flex;
  justify-content: center;
}
.issuing-pre-factor .main-card table {
  border-collapse: separate;
  border-spacing: 10px 10px;
}
.issuing-pre-factor .form-control {
  text-align: center;
  min-width: 20%;
}

.users-info {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .users-info {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.users-info .add-btn {
  width: 100% !important;
  padding: 13px;
  height: 31px;
}
.users-info .users-img {
  width: 50px !important;
  height: 50px !important;
  border-radius: 45%;
}
.users-info .table-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.users-info .table-container .column-50 {
  width: 41%;
  padding: 20px;
}
@media screen and (max-width: 1424px) {
  .users-info .table-container .column-50 {
    width: 100%;
    padding-bottom: 20px;
  }
}
.users-info .table-container .users-info-search-input {
  padding: 20px;
}
@media screen and (max-width: 1424px) {
  .users-info .table-container .users-info-search-input {
    padding-bottom: 20px;
  }
}

.actions {
  display: flex;
  padding-right: 10px;
}

.centerize {
  display: flex;
  justify-content: center;
}

.vitrin {
  direction: rtl;
  padding-bottom: 40px;
  width: 96%;
  text-align: center;
  padding-top: 75px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin: 0 auto;
}
@media only screen and (max-width: 769px) {
  .vitrin {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.vitrin .col-select {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vitrin .special-sell {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  margin: 20px;
  flex-wrap: wrap;
}

.best-selling {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 85px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .best-selling {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.best-selling .best-selling-card {
  margin-right: 28px;
  margin-left: 10px;
}
.best-selling .special-sell {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 40px;
  flex-wrap: wrap;
}

.payment {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .payment {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.payment .bill-img {
  width: 100px;
  height: 100px;
  margin-top: 15px;
}

.bill-action {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  padding-left: 200px;
  padding-right: 200px;
}
.bill-action .btn-reject {
  background-color: #FC4A56;
  width: 140px !important;
  margin-right: 10px;
}
.bill-action .btn-confirm {
  background-color: #1c8d0f;
  width: 140px !important;
}

.users-comments {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .users-comments {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .users-comments {
    width: 90%;
    margin: 0 auto;
  }
}

.comments-container {
  overflow-y: scroll;
  max-height: 250px;
}

.system-events {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .system-events {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.system-events .accordion-container {
  padding: 20px;
  position: relative;
  margin: 20px;
}
@media only screen and (max-width: 500px) {
  .system-events {
    width: 90%;
    margin: 0 auto;
  }
}

.support-ticket {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .support-ticket {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 500px) {
  .support-ticket {
    width: 90%;
    margin: 0 auto;
  }
}
.support-ticket .action-container {
  display: flex;
  justify-content: space-around;
}
.support-ticket .action-container .icon-comment {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 25px !important;
  color: #2aafbe !important;
  cursor: pointer;
  margin-right: 15px;
}

.comment-upload {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.send-btn, .send-close-comment-btn, .send-comment-btn {
  width: 70%;
  margin: 5px;
  height: 50px !important;
}

.send-comment-btn {
  background-color: #fc6e10 !important;
}

.send-close-comment-btn {
  background-color: #3f6193 !important;
}

.landing {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding: 100px;
  height: 100%;
  display: flex;
  overflow-y: initial;
  margin-left: 0;
  justify-content: center;
  margin-right: 0;
}
.landing .landing-container {
  display: flex;
  flex-wrap: wrap;
  margin-top: 5px;
}

.create-product-relations {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
.create-product-relations .main-card {
  display: flex;
}
.create-product-relations .btn-center {
  display: flex;
  justify-content: center;
  width: 100%;
}
.create-product-relations .select-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.create-product-relations .select-container .item {
  width: 20%;
  position: relative;
  min-height: 650px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .create-product-relations .select-container .item {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .create-product-relations .select-container .item {
    width: 33%;
  }
}
@media screen and (min-width: 1515px) {
  .create-product-relations .select-container .item {
    width: 20%;
  }
}
.create-product-relations .select-container .item .list-item, .create-product-relations .select-container .item .is-linked {
  line-height: 2em;
  margin: 20px 10px;
  cursor: pointer;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.create-product-relations .select-container .item .list-item label, .create-product-relations .select-container .item .is-linked label {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 9px !important;
  color: #000000 !important;
  cursor: pointer;
}
.create-product-relations .select-container .item .list-item .row-right-side, .create-product-relations .select-container .item .is-linked .row-right-side {
  display: flex;
  flex-direction: column;
}
.create-product-relations .select-container .item .is-linked {
  cursor: auto !important;
  background-color: #e1dfdf;
  border-radius: 4px;
}
.create-product-relations .select-container .item span {
  line-height: 2em;
  height: 4em; /* height is 2x line-height, so two lines will display */
  overflow: hidden; /* prevents extra lines from being visible */
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 11px !important;
  color: #000000 !important;
}

.edit-product {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  height: 100%;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
  padding: 84px 20px 20px 40px;
}
.edit-product .relative-product {
  margin-bottom: 20px;
}
.edit-product .custom-card {
  display: table;
  width: 100%;
}
.edit-product .custom-card .static-content {
  width: 25%;
  display: flex;
  float: left;
  padding: 20px;
  flex-direction: column;
}
.edit-product .custom-card .static-content .scrollable-container {
  max-height: 200px;
  overflow: auto;
  margin: 10px 0px 20px 0px;
}
.edit-product .custom-card .static-content label {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #5d5c60 !important;
  text-align: right;
}
.edit-product .custom-card .static-content .side-btn-container {
  margin-bottom: 15px;
}
.edit-product .custom-card .static-content .side-btn-container .show-product-container {
  height: 42px !important;
  border: none;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #3f6193;
  margin-bottom: 8px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #FFFFFF !important;
}
.edit-product .custom-card .static-content .log {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  border: 1px solid #c9c6c6;
  width: 100%;
}
.edit-product .custom-card .static-content .log span {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: #5d5c60 !important;
  white-space: nowrap;
}
.edit-product .custom-card .dynamic-content {
  width: 75%;
}
.edit-product .li-with-select {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 25px;
  padding-right: 5px;
  margin: 15px;
  font-size: 14px;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
}
.edit-product .li-with-select .column-50 {
  width: 48%;
  position: relative;
}
@media screen and (max-width: 975px) {
  .edit-product .li-with-select .column-50 {
    width: 100%;
    padding-bottom: 25px;
  }
}
.edit-product .li-with-select .column-50 .option-container {
  display: flex;
  flex-wrap: wrap;
}
.edit-product .li-with-select .column-50 .option-container .options {
  width: 30% !important;
  border: 1px solid #c9c6c6;
  margin: 5px;
  line-height: 1.5rem;
  cursor: pointer;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: #000000 !important;
  height: 3rem;
  border-radius: 8px;
}
.edit-product .li-with-select .column-50 .option-container .options .selected {
  background-color: #e1dfdf;
}
.edit-product .li-with-select li {
  list-style: none;
  display: flex;
  justify-content: flex-start;
}
.edit-product .sites-tab-conteainer {
  display: flex;
  margin-bottom: 15px;
}
.edit-product .media {
  display: flex;
  justify-content: center;
  align-items: center;
}
.edit-product ul {
  display: flex;
  padding-top: 10px;
  flex-wrap: wrap;
}
.edit-product .seo-card-preview {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 18px;
}
.edit-product .seo-card-preview .seo-card-li {
  list-style: none !important;
  margin-left: 15px !important;
  margin-bottom: 15px;
}
.edit-product .seo {
  padding: 20px;
  width: 98%;
}
.edit-product .seo .google-preview {
  display: flex;
  border: 1px solid #c9c6c6;
  justify-content: space-around;
  padding: 20px;
  flex-wrap: wrap;
}
.edit-product .seo .google-preview .details {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
}
.edit-product .seo .google-preview .details .name {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #1c8d0f !important;
}
.edit-product .seo .google-preview .details .seo-desc {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #5d5c60 !important;
  max-width: 400px;
}
.edit-product .seo .google-preview .details .seo-title {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  color: #3f6193 !important;
  max-width: 400px;
}
.edit-product .seo .google-preview .rate {
  width: 20%;
}

.log-list-column {
  text-align: center;
  vertical-align: middle;
}

.dx-filemanager .dx-drawer-shrink .dx-filemanager-progress-panel {
  display: none !important;
}

.products-list .detail-container {
  justify-content: center !important;
  padding-top: 15px;
  display: flex;
  flex-wrap: wrap;
}
.products-list .detail-container span {
  margin-left: 5px;
}

.center-align {
  text-align: center !important;
  width: 100% !important;
  font-size: 14px !important;
}

.redirect {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  height: 100%;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
  padding-top: 65px;
}
.redirect .add-container {
  text-align: right;
}
.redirect .add-container label {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.redirect .add-container .add-new-redirect {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-left: 25px;
  padding-right: 5px;
  padding-top: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  flex-wrap: wrap;
  border: 1px solid #c9c6c6;
}
.redirect .add-container .btn {
  margin-top: 6px;
  margin-bottom: 10px;
  padding: 20px 19px !important;
  display: flex;
  align-items: center;
}
.redirect .detail-container {
  direction: rtl;
  display: flex;
  align-items: center;
  justify-content: center;
}
.redirect .detail-container .detail-col {
  white-space: nowrap;
}
.redirect .detail-container .detail-col .detail-row {
  display: flex;
  justify-content: start;
  cursor: pointer;
}

.site-slogan-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.media {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}

.file-mananger-action {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.features {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
.features .container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: start;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 9px;
  min-width: 100% !important;
  width: 100%;
  border: 1px solid #f3f3f3;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.features .container .add-feature {
  margin-top: 10px;
  display: flex;
  text-align: start;
  flex-direction: column;
  width: 100%;
}
.features .container .add-feature .inputs-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
}
.features .container .add-feature .inputs-container .column-50 {
  width: 48%;
  position: relative;
}
@media screen and (max-width: 975px) {
  .features .container .add-feature .inputs-container .column-50 {
    width: 100%;
    padding-bottom: 25px;
  }
}
.features .container .tree-list {
  width: 100%;
  max-height: 730px;
  overflow: scroll;
  padding: 8px;
}
.features .container .name-input {
  margin-bottom: 0 !important;
}

.permissions {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
.permissions .title-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: right;
}
.permissions .title-container .label-container {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.permissions-container, .roles-container {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid rgb(241, 241, 241);
  border-radius: 8px;
  margin-top: 10px;
  overflow-y: scroll;
  max-height: 580px;
  align-items: center;
  margin-bottom: 10px;
  padding: 10px;
  justify-content: center;
}
.permissions-container .item, .roles-container .item {
  height: 35px !important;
  border: 1px solid rgb(211, 208, 208);
  display: flex;
  border-radius: 8px;
  white-space: nowrap;
  align-items: center;
  margin: 4px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #5d5c60 !important;
  padding: 10px;
  width: 234px !important;
  justify-content: space-between;
  cursor: pointer;
}

.roles-container {
  max-height: 230px !important;
}

.dynamic-category {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 55px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
.dynamic-category .container {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 20px;
  min-width: 100% !important;
  width: 100%;
}
.dynamic-category .container .children-container, .dynamic-category .container .children-container-center {
  display: flex;
  flex-wrap: wrap;
  max-height: 700px;
  border-right: 1px solid #e1dfdf;
  overflow: auto;
  width: 74%;
  position: relative;
}
@media screen and (max-width: 975px) {
  .dynamic-category .container .children-container, .dynamic-category .container .children-container-center {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 976px) {
  .dynamic-category .container .children-container, .dynamic-category .container .children-container-center {
    width: 72%;
    padding-bottom: 20px;
  }
}
.dynamic-category .container .children-container .column-25, .dynamic-category .container .children-container-center .column-25 {
  width: 25%;
}
@media screen and (max-width: 576px) {
  .dynamic-category .container .children-container .column-25, .dynamic-category .container .children-container-center .column-25 {
    width: 100%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 580px) {
  .dynamic-category .container .children-container .column-25, .dynamic-category .container .children-container-center .column-25 {
    width: 47%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1157px) {
  .dynamic-category .container .children-container .column-25, .dynamic-category .container .children-container-center .column-25 {
    width: 32%;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 1410px) {
  .dynamic-category .container .children-container .column-25, .dynamic-category .container .children-container-center .column-25 {
    width: 25%;
    padding-bottom: 20px;
  }
}
.dynamic-category .container .children-container .column-25 .title, .dynamic-category .container .children-container-center .column-25 .title {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 12px !important;
  color: #000000 !important;
  border: none !important;
}
.dynamic-category .container .children-container .column-25 .column-25-li, .dynamic-category .container .children-container-center .column-25 .column-25-li {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 10px !important;
  color: #000000 !important;
}
.dynamic-category .container .children-container-center {
  justify-content: center;
}
.dynamic-category .container .group-container {
  display: flex;
  width: 19%;
  flex-direction: column;
  padding-left: 20px;
}
@media screen and (max-width: 975px) {
  .dynamic-category .container .group-container {
    width: 100%;
  }
}
@media screen and (min-width: 976px) {
  .dynamic-category .container .group-container {
    width: 28%;
  }
}
.dynamic-category .container .group-container .add-group-btn {
  width: 100% !important;
  margin-bottom: 10px;
}
.dynamic-category .container .group-container .group-li {
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #000000 !important;
}
.dynamic-category .list-style, .dynamic-category .container .children-container .column-25 .title, .dynamic-category .container .children-container .column-25 .column-25-li, .dynamic-category .container .children-container-center .column-25 .title, .dynamic-category .container .children-container-center .column-25 .column-25-li, .dynamic-category .container .group-container .group-li {
  width: 100%;
  height: 38px;
  border: 1px solid rgb(236, 235, 235);
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin: 4px;
  padding: 10px;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
}
.dynamic-category .list-style .actions, .dynamic-category .container .children-container .column-25 .title .actions, .dynamic-category .container .children-container .column-25 .column-25-li .actions, .dynamic-category .container .children-container-center .column-25 .title .actions, .dynamic-category .container .children-container-center .column-25 .column-25-li .actions, .dynamic-category .container .group-container .group-li .actions {
  display: flex;
  align-items: center;
  height: 100%;
}
.dynamic-category .list-style .name, .dynamic-category .container .children-container .column-25 .title .name, .dynamic-category .container .children-container .column-25 .column-25-li .name, .dynamic-category .container .children-container-center .column-25 .title .name, .dynamic-category .container .children-container-center .column-25 .column-25-li .name, .dynamic-category .container .group-container .group-li .name {
  white-space: nowrap;
}
.dynamic-category .brand-ul {
  margin-top: 20px;
  border: 1px solid rgb(236, 235, 235);
  padding: 20px;
  max-height: 615px;
  width: auto;
  height: auto;
  font-family: "Vazir" !important;
  font-style: normal !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  color: #000000 !important;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 4px;
}
.dynamic-category .center-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 10px;
}

.not-found {
  direction: rtl;
  padding-bottom: 40px;
  width: 100%;
  text-align: center;
  padding-top: 85px;
  height: 100%;
  padding-bottom: 10px;
  overflow-y: initial;
  margin-left: 0;
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  .not-found {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
.not-found .not-found-img {
  width: 451px;
  display: block;
  margin: auto auto 8px;
}/*# sourceMappingURL=app.css.map */