body {
  direction: rtl;
  font-family: 'iransans';
  font-size: 1rem;
  overflow-x: hidden;
}

.rtldirection {
  direction: rtl;
}

.ngx-datatable.material {
  background: #fff;
}

.ngx-datatable.material {
  background: #fff;
  border: 1px solid #e9e9e9;
}

.ngx-datatable.material.striped .datatable-row-odd {
  background: #eee;
}

.ngx-datatable.material.single-selection .datatable-body-row.active,
.ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active,
.ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
  background-color: #304ffe;
  color: #fff;
}

.ngx-datatable.material.single-selection .datatable-body-row.active:hover,
.ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active:hover,
.ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
  background-color: #193ae4;
  color: #fff;
}

.ngx-datatable.material.single-selection .datatable-body-row.active:focus,
.ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active:focus,
.ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
  background-color: #2041ef;
  color: #fff;
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background-color: #eee;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
  background-color: #ddd;
}

.ngx-datatable.material.cell-selection .datatable-body-cell:hover,
.ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group {
  background-color: #eee;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.ngx-datatable.material.cell-selection .datatable-body-cell:focus,
.ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group {
  background-color: #ddd;
}

.ngx-datatable.material.cell-selection .datatable-body-cell.active,
.ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group {
  background-color: #304ffe;
  color: #fff;
}

.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover,
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group {
  background-color: #193ae4;
  color: #fff;
}

.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus,
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group {
  background-color: #2041ef;
  color: #fff;
}

.ngx-datatable.material .empty-row {
  height: 50px;
  text-align: left;
  padding: 0.5rem 1.2rem;
  vertical-align: top;
  border-top: 0;
}

.ngx-datatable.material .loading-row {
  text-align: left;
  padding: 0.5rem 1.2rem;
  vertical-align: top;
  border-top: 0;
}

.ngx-datatable.material .datatable-header .datatable-row-left,
.ngx-datatable.material .datatable-body .datatable-row-left {
  background-color: #fff;
  background-position: 100% 0;
  background-repeat: repeat-y;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==);
}

.ngx-datatable.material .datatable-header .datatable-row-right,
.ngx-datatable.material .datatable-body .datatable-row-right {
  background-position: 0 0;
  background-color: #fff;
  background-repeat: repeat-y;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==);
}

.ngx-datatable.material .datatable-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
  text-align: left;
  padding: 0.9rem 1.2rem;
  font-weight: 400;
  color: rgb(36 35 35);
  vertical-align: bottom;
  font-size: 12px;
  font-weight: 500;
}

.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
  position: relative;
}

.ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after {
  -webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;
  transition: opacity 400ms ease, -webkit-transform 400ms ease;
  transition: transform 400ms ease, opacity 400ms ease;
  transition: transform 400ms ease, opacity 400ms ease, -webkit-transform 400ms ease;
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after {
  content: ' ';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  height: 60px;
  width: 60px;
  background: #eee;
  border-radius: 100%;
  opacity: 1;
  -webkit-filter: none;
  filter: none;
  -webkit-transform: scale(0);
  transform: scale(0);
  z-index: 9999;
  pointer-events: none;
}

.ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
  border-right: none;
}

.ngx-datatable.material .datatable-header .resize-handle {
  border-right: solid 1px #eee;
}

.ngx-datatable.material .datatable-body .datatable-row-detail {
  background: #f5f5f5;
  padding: 10px;
}

.ngx-datatable.material .datatable-body .datatable-group-header {
  background: #f5f5f5;
  border-bottom: solid 1px #d9d8d9;
  border-top: solid 1px #d9d8d9;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  text-align: right;
  padding: 0.9rem 1.2rem;
  vertical-align: top;
  border-top: 0;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  font-size: 14px;
  font-weight: 400;
  direction: rtl;
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
  text-align: left;
  padding: 0.9rem 1.2rem;
  vertical-align: top;
  border-top: 0;
  color: rgba(0, 0, 0, 0.87);
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
  font-size: 14px;
  font-weight: 400;
}

.ngx-datatable.material .datatable-body .progress-linear {
  display: block;
  position: relative;
  width: 100%;
  height: 5px;
  padding: 0;
  margin: 0;
  position: absolute;
}

.ngx-datatable.material .datatable-body .progress-linear .container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5px;
  -webkit-transform: translate(0, 0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  background-color: #aad1f9;
}

.ngx-datatable.material .datatable-body .progress-linear .container .bar {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.2s linear;
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
  background-color: #106cc8;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}

.ngx-datatable.material .datatable-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
}

.ngx-datatable.material .datatable-footer .page-count {
  line-height: 50px;
  height: 50px;
  padding: 0 1.2rem;
}

.ngx-datatable.material .datatable-footer .datatable-pager {
  margin: 0 10px;
}

.ngx-datatable.material .datatable-footer .datatable-pager li {
  vertical-align: middle;
}

.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
  color: rgba(0, 0, 0, 0.26) !important;
  background-color: transparent !important;
}

.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
  background-color: rgba(158, 158, 158, 0.2);
  font-weight: bold;
}

.ngx-datatable.material .datatable-footer .datatable-pager a {
  height: 22px;
  min-width: 24px;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 3px;
  margin: 6px 3px;
  text-align: center;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  vertical-align: bottom;
}

.ngx-datatable.material .datatable-footer .datatable-pager a:hover {
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(158, 158, 158, 0.2);
}

.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
  font-size: 20px;
  line-height: 20px;
  padding: 0 3px;
}

.ngx-datatable.material .datatable-summary-row .datatable-body-row {
  background-color: #ddd;
}

.ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
  background-color: #ddd;
}

.ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
  font-weight: bold;
}

.datatable-checkbox {
  position: relative;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

.datatable-checkbox input[type='checkbox'] {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
  outline: none;
}

.datatable-checkbox input[type='checkbox']:before {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: '';
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  border: 2px solid #f2f2f2;
}

.datatable-checkbox input[type='checkbox']:checked:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 0.5rem;
  border-color: #009688;
  border-top-style: none;
  border-right-style: none;
}

.datatable-checkbox input[type='checkbox']:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #fff;
  cursor: pointer;
}

@-webkit-keyframes query {
  0% {
    opacity: 1;
    -webkit-transform: translateX(35%) scale(0.3, 1);
    transform: translateX(35%) scale(0.3, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0, 1);
    transform: translateX(-50%) scale(0, 1);
  }
}

@keyframes query {
  0% {
    opacity: 1;
    -webkit-transform: translateX(35%) scale(0.3, 1);
    transform: translateX(35%) scale(0.3, 1);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(0, 1);
    transform: translateX(-50%) scale(0, 1);
  }
}

.ngx-datatable {
  display: block;
  overflow: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
}

.ngx-datatable [hidden] {
  display: none !important;
}

.ngx-datatable *,
.ngx-datatable *:before,
.ngx-datatable *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ngx-datatable.scroll-vertical .datatable-body {
  overflow-y: auto;
}

.ngx-datatable.scroll-vertical .datatable-body .datatable-row-wrapper {
  position: absolute;
}

.ngx-datatable.scroll-horz .datatable-body {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
  white-space: nowrap;
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ngx-datatable.fixed-row .datatable-scroll {
  white-space: nowrap;
}

.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
  white-space: nowrap;
}

.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ngx-datatable .datatable-body-row,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  flex-flow: row;
}

.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell {
  overflow-x: hidden;
  vertical-align: top;
  display: inline-block;
  line-height: 1.625;
}

.ngx-datatable .datatable-body-cell:focus,
.ngx-datatable .datatable-header-cell:focus {
  outline: none;
}

.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-right {
  z-index: 9;
}

.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-group,
.ngx-datatable .datatable-row-right {
  position: relative;
}

.ngx-datatable .datatable-header {
  display: block;
  overflow: hidden;
}

.ngx-datatable .datatable-header .datatable-header-inner {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-items: stretch;
}

.ngx-datatable .datatable-header .datatable-header-cell {
  position: relative;
  display: inline-block;
}

.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
  cursor: pointer;
}

.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
  cursor: move;
}

.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
  line-height: 100%;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}

.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  padding: 0 4px;
  visibility: hidden;
}

.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
  cursor: ew-resize;
}

.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
  visibility: visible;
}

.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
  visibility: visible;
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
  position: absolute;
  top: 0;
  bottom: 0;
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
  right: 0;
}

.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
  left: 0;
}

.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
  height: inherit;
  text-align: right;
}

.ngx-datatable .datatable-body {
  position: relative;
  z-index: 10;
  display: block;
}

.ngx-datatable .datatable-body .datatable-scroll {
  display: block;
}

.ngx-datatable .datatable-body .datatable-row-detail {
  overflow-y: hidden;
}

.ngx-datatable .datatable-body .datatable-row-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ngx-datatable .datatable-body .datatable-body-row {
  outline: none;
}

.ngx-datatable .datatable-body .datatable-body-row>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ngx-datatable .datatable-footer {
  display: block;
  width: 100%;
}

.ngx-datatable .datatable-footer .datatable-footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.ngx-datatable .datatable-footer .selected-count .page-count {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 40%;
  flex: 1 1 40%;
}

.ngx-datatable .datatable-footer .selected-count .datatable-pager {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 60%;
  flex: 1 1 60%;
}

.ngx-datatable .datatable-footer .page-count {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 20%;
  flex: 1 1 20%;
}

.ngx-datatable .datatable-footer .datatable-pager {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 80%;
  flex: 1 1 80%;
  text-align: right;
}

.ngx-datatable .datatable-footer .datatable-pager .pager,
.ngx-datatable .datatable-footer .datatable-pager .pager li {
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style: none;
}

.ngx-datatable .datatable-footer .datatable-pager .pager li,
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
  outline: none;
}

.ngx-datatable .datatable-footer .datatable-pager .pager li a {
  cursor: pointer;
  display: inline-block;
}

.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
  cursor: not-allowed;
}

/**
 * Progress bar animations
 */

@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }

  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}

/*
bootstrap table theme
*/

.ngx-datatable.bootstrap {
  box-shadow: none;
  font-size: 13px;
}

.ngx-datatable.bootstrap .datatable-header {
  height: unset !important;
}

.ngx-datatable.bootstrap .datatable-header .datatable-header-cell {
  vertical-align: bottom;
  padding: 0.75rem;
  border-bottom: 1px solid #d1d4d7;
}

.ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label {
  line-height: 24px;
}

.ngx-datatable.bootstrap .datatable-body .datatable-body-row {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #d1d4d7;
}

.ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even {
  background-color: rgba(0, 0, 0, 0.05);
}

.ngx-datatable.bootstrap .datatable-body .datatable-body-row.active {
  background-color: #1483ff;
  color: #fff;
}

.ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell {
  text-align: left;
  vertical-align: top;
}

.ngx-datatable.bootstrap .datatable-footer {
  background: #424242;
  color: #ededed;
  margin-top: -1px;
}

.ngx-datatable.bootstrap .datatable-footer .page-count {
  line-height: 50px;
  height: 50px;
  padding: 0 1.2rem;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager {
  margin: 0 10px;
  vertical-align: top;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li {
  margin: 10px 0px;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a {
  background-color: #545454;
  font-weight: bold;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager a {
  height: 22px;
  min-width: 24px;
  line-height: 22px;
  padding: 0;
  border-radius: 3px;
  margin: 0 3px;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  vertical-align: bottom;
  color: #ededed;
}

.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev {
  font-size: 18px;
  line-height: 27px;
  padding: 0 3px;
}

.breadcrumb-arrow {
  height: 36px;
  padding: 0;
  line-height: 36px;
  list-style: none;
  background-color: #e6e9ed;
}

.breadcrumb-arrow li:first-child a {
  border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
}

.breadcrumb-arrow li,
.breadcrumb-arrow li a,
.breadcrumb-arrow li span {
  display: inline-block;
  vertical-align: top;
}

.breadcrumb-arrow li:not(:first-child) {
  margin-left: -5px;
}

.breadcrumb-arrow li+li:before {
  padding: 0;
  content: '';
}

.breadcrumb-arrow li span {
  padding: 0 10px;
}

.breadcrumb-arrow li a,
.breadcrumb-arrow li:not(:first-child) span {
  height: 36px;
  padding: 0 25px 0 10px;
  line-height: 36px;
}

.breadcrumb-arrow li:first-child a {
  padding: 0 10px;
}

.breadcrumb-arrow li a {
  position: relative;
  color: #fff;
  text-decoration: none;
  background-color: #0e46d7;
  border: 1px solid #0e46d7;
  float: right;
}

.breadcrumb-arrow li:first-child a {
  padding-left: 10px;
}

.breadcrumb-arrow li a:after,
.breadcrumb-arrow li a:before {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  content: '';
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
}

.breadcrumb-arrow li a:before {
  left: -10px;
  z-index: 3;
  border-right-color: #0e46d7;
  border-right-style: solid;
  border-right-width: 11px;
}

.breadcrumb-arrow li a:after {
  left: -11px;
  z-index: 2;
  border-right: 11px solid #4a7cff;
}

.breadcrumb-arrow li a:focus,
.breadcrumb-arrow li a:hover {
  background-color: #0e46d7;
  border: 1px solid #0e46d7;
}

.breadcrumb-arrow li a:focus:before,
.breadcrumb-arrow li a:hover:before {
  border-left-color: #0e46d7;
}

.breadcrumb-arrow li a:active {
  background-color: #0e46d7;
  border: 1px solid #0e46d7;
}

.breadcrumb-arrow li a:active:after,
.breadcrumb-arrow li a:active:before {
  border-left-color: #0e46d7;
}

.breadcrumb-arrow li span {
  color: #434a54;
}

.m-progress {
  position: relative;
  opacity: 0.8;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none;
  cursor: default;
}

.m-progress:hover,
.m-progress:active,
.m-progress:focus {
  cursor: default;
  color: transparent;
  outline: none !important;
  box-shadow: none;
}

.m-progress:before {
  content: '';
  display: inline-block;
  position: absolute;
  background: transparent;
  border: 1px solid #fff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  width: 24px;
  height: 24px;
  -webkit-animation: ld 1s ease-in-out infinite;
  -moz-animation: ld 1s ease-in-out infinite;
  -o-animation: ld 1s ease-in-out infinite;
  animation: ld 1s ease-in-out infinite;
}

.btn-primary.m-progress:before {
  border-left-color: #333333;
  border-right-color: #333333;
}

.btn-lg.m-progress:before {
  margin-top: -16px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
}

.btn-sm.m-progress:before {
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
}

.btn-xs.m-progress:before {
  margin-top: -7px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
}

.nav-tabs {
  border-bottom: 2px solid #ddd;
  padding: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  border-width: 0;
}

.nav-tabs>li>a {
  border: none;
  color: #666;

  font-size: 13px;
}

.nav-tabs>li.active>a,
.nav-tabs>li>a:hover {
  border: none;
  color: #4285f4 !important;
  background: transparent;
}

.nav-tabs>li>a::after {
  content: '';
  background: #4285f4;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.nav-tabs>li.active>a::after,
.nav-tabs>li:hover>a::after {
  transform: scale(1);
}

.tab-nav>li>a::after {
  background: #21527d none repeat scroll 0% 0%;
  color: #fff;
}

.tab-pane {
  padding: 15px 0;
}

.tab-content {
  padding: 20px 0;
  background: white;
  border: 1px solid #e7e3e3;
  border-top: 0;
}

.nav-tabs>li {
  float: right;
  position: relative;
}

.tab-content>.active {
  display: block;
  width: 100%;
}

.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
  position: relative;
  top: 1px;
}

.input-group {
  direction: rtl;
}

.table-condensed {
  font-size: 13px;
  text-align: right;
}

/*.form-group > div {
    float: right;
    margin-top: 1px;
}*/

.innerMargin>div {
  padding-right: 11px;
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  text-align: center;
  vertical-align: middle;
}

.errorBox {
  padding: 10px;
  direction: rtl;
  text-align: right;
  margin: 11px;
  display: none;
}

.other {
  display: none;
}

.alert {
  height: auto;
  overflow: auto;
}

.marginRight {
  margin-right: 15px;
}

.imageLoading {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding-top: 50px;
  text-align: center;
}

.imageLoading img {
  margin: 5px;
}

.imageLoading span {
  margin-top: 10px;
}

.imghigall {
  margin-top: 1rem;
}

.imghigall li {
  width: 80px;
  height: 95px;
  float: right;
}

.imghigall li div {
  width: 100%;
  height: 20px;
  background: #17e917;
  color: #12551c;
  font-size: 10px;
  text-align: center;
  padding: 2px 0 4px 0;
  border-radius: 5px 5px 0 0;
  border: 2px solid #ddd;
  border-bottom: 0;
}

.imghigall li img {
  width: 100%;
  height: 75px;
  border: 2px solid #ddd;
}

.img_move_right {
  float: right;
}

.img_move_left {
  float: left;
}

.ToolBarIcon {
  color: #00a51d;
  font-size: 30px;
}

.deleteIcon {
  color: red;
  font-size: 30px;
}

.fcontainer {
  width: 95%;
  height: 42px;
  padding: 5px;
  background: #ffffff;
  border: 1px solid #dedede;
  cursor: pointer;
  margin: 1px;
  margin-top: 10px;
}

.fcontainer:hover {
  background: #eee;
}

.fcontainerSelected {
  background: rgb(230, 240, 163);
  /* Old browsers */
  background: -moz-linear-gradient(top, rgba(230, 240, 163, 1) 0%, rgba(210, 230, 56, 1) 50%, rgba(195, 216, 37, 1) 51%, rgba(219, 240, 67, 1) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 240, 163, 1)), color-stop(50%, rgba(210, 230, 56, 1)), color-stop(51%, rgba(195, 216, 37, 1)), color-stop(100%, rgba(219, 240, 67, 1)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(230, 240, 163, 1) 0%, rgba(210, 230, 56, 1) 50%, rgba(195, 216, 37, 1) 51%, rgba(219, 240, 67, 1) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(230, 240, 163, 1) 0%, rgba(210, 230, 56, 1) 50%, rgba(195, 216, 37, 1) 51%, rgba(219, 240, 67, 1) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(230, 240, 163, 1) 0%, rgba(210, 230, 56, 1) 50%, rgba(195, 216, 37, 1) 51%, rgba(219, 240, 67, 1) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(230, 240, 163, 1) 0%, rgba(210, 230, 56, 1) 50%, rgba(195, 216, 37, 1) 51%, rgba(219, 240, 67, 1) 100%);
  /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e6f0a3', endColorstr='#dbf043', GradientType=0);
  /* IE6-9 */
}

.featureBtn i {
  display: block;
  float: left;
  margin: 0 20px 0 0;
  box-shadow: 0 15px 10px -15px rgba(0, 0, 0, 0.4);
  font-size: 25px;
  color: black;
}

.fieldTitle {
  background: #ddd;
  font-size: 13px;
  padding: 10px;
}

/*
JS Persian Calendar - by AMIB
http://amib.ir/weblog
amib@amib.ir
*/

input.pdate {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 14px;
}

input.valid {
  background-color: #e5fae2;
}

input.invalid {
  background-color: #fee5e7;
}

.btn-grid-action i {
  font-size: 25px !important;
}

.whiteContent {}

.slimScrollDiv,
.sidebar {
  overflow: visible !important;
  height: 700px !important;
}

.centerAlg {
  text-align: center;
}

#select2-ddlGroup-results>li[role='group'] {
  background: #e2e2e2;
}

.jcrop-tracker,
.imgpre {
  max-width: 100% !important;
}

#btnsabt {
  height: 54px;
  padding: 5px;
}

#btnsabt>button {
  float: right;
}

.errorBox {
  padding: 10px;
  direction: rtl;
  text-align: right;
  margin: 11px;
  display: none;
}

.other {
  display: none;
}

.alert {
  height: auto;
  overflow: auto;
  direction: rtl;
  text-align: right;
  font-size: 0.9rem;
}

.marginRight {
  margin-right: 15px;
}

.imageLoading {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999999;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding-top: 50px;
  text-align: center;
}

.imageLoading img {
  margin: 5px;
}

.imageLoading span {
  margin-top: 10px;
}

.btnConfirmDiv {
  display: none;
  text-align: right;
  margin-top: 15px;
  margin-bottom: 15px;
}

.cnfBtn {
  -moz-box-shadow: inset 0px 1px 0px 0px #d9fbbe;
  -webkit-box-shadow: inset 0px 1px 0px 0px #d9fbbe;
  box-shadow: inset 0px 1px 0px 0px #d9fbbe;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
  background: -moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
  background: -webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
  background: -o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
  background: -ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
  background: linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52', GradientType=0);
  background-color: #b8e356;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #83c41a;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 12px;
  padding: 6px 14px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #86ae47;
}

.cnfBtn:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
  background: -moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
  background: -webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
  background: -o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
  background: -ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
  background: linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356', GradientType=0);
  background-color: #a5cc52;
}

.cnfBtn:active {
  position: relative;
  top: 1px;
}

.titlehimg {
  font-size: 13px;
  color: blue;
  display: none;
}

@media screen and (max-width: 480px) {
  .hidehz .app-content {
    margin-right: 0px;
    background-color: #009688;
  }

  .row>div {
    /*padding-right: 1px;*/
    /*padding-left: 4px;*/
  }
}

@media (min-width: 768px) {
  .hidehz .app-content {
    margin-right: 0px;
    background-color: #009688;
  }
}

@media (max-width: 575.98px) {
  .inpt-pr {
    margin-right: 0 !important;
  }

  .form-horizontal .control-label {
    margin-right: 0 !important;
    padding-right: 0;
  }

  .lbl-titlepr {
    padding-top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .inpt-pr {
    margin-right: 0 !important;
  }
}

.animated-checkbox {
  margin-top: 4px;
}

.banner {
  background: #f7ffa7;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
  color: black;
  border: 1px solid #c4b164;
  cursor: pointer;
}

.banner:hover {
  background: #bbc460;
}

.tile .title {
  text-align: center;
  font-size: 18px;
  background: #eee;
  padding: 16px;
  border: 1px solid #dfdcdc;
}

.table1 tbody td {
  padding: 0px;
}

.form-horizontal .control-label {
  float: right;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-addon:last-child {
  border-right: 0;
  border-left: 1px solid gray;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 100%;
}

.inpt-pr {
  margin-right: -50px;
}

.card-title {
  font-size: 15px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 15px;
}

.col-form-label {
  font-size: 13px;
}

.input-group-text {
  padding: 0.375rem 0.55rem;
  font-size: 0.7rem;
}

.widget-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 4px;
  color: #fff;
  margin-bottom: 1px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 8px;
}

.widget-small .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 85px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 9px;
  background-color: #0e46d7;
  border-radius: 4px 0 0 4px;
  font-size: 22px;
}

.widget-small .info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 15px;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 6px 15px;
}

.widget-small .info h4 {
  text-transform: uppercase;
  margin: 0;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 1rem;
}

.widget-small .info p {
  margin: 0;
  font-size: 16px;
  direction: ltr;
}

.widget-small.primary {
  background-color: #f7f7f7;
}

.widget-small.primary.coloured-icon {
  background-color: #fff;
  color: #2a2a2a;
}

.widget-small.primary.coloured-icon .icon {
  background-color: #009688;
  color: #fff;
}

.widget-small.info {
  background-color: #17a2b8;
}

.widget-small.gray {
  background-color: #c7c7c7;
  color: black;
}

.widget-small.info.coloured-icon {
  background-color: #fff;
  color: #2a2a2a;
}

.widget-small.info.coloured-icon .icon {
  background-color: #17a2b8;
  color: #fff;
}

.widget-small.warning {
  background-color: #ffc107;
}

.widget-small.warning.coloured-icon {
  background-color: #fff;
  color: #2a2a2a;
}

.widget-small.warning.coloured-icon .icon {
  background-color: #ffc107;
  color: #fff;
}

.widget-small.danger {
  background-color: #dc3545;
}

.widget-small.danger.coloured-icon {
  background-color: #fff;
  color: #2a2a2a;
}

.widget-small.danger.coloured-icon .icon {
  background-color: #dc3545;
  color: #fff;
}

.cursor-disabled {
  cursor: not-allowed;
}

.bootstrap-cascader {
  width: 220px;
}

.bootstrap-cascader>.dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
  background: white;
  border: 1px solid #cacaca;
}

.bootstrap-cascader>.dropdown-toggle.bs-placeholder .filter-option,
.bootstrap-cascader>.dropdown-toggle.bs-placeholder:hover .filter-option,
.bootstrap-cascader>.dropdown-toggle.bs-placeholder:focus .filter-option,
.bootstrap-cascader>.dropdown-toggle.bs-placeholder:active .filter-option {
  opacity: 0.5;
}

.bootstrap-cascader>.dropdown-toggle .icon-cross {
  visibility: hidden;
  opacity: 0.4;
  right: 4px;
  position: absolute;
}

.bootstrap-cascader>.dropdown-toggle .icon-cross:hover {
  opacity: 0.7;
}

.bootstrap-cascader>.dropdown-toggle.selected:hover .icon-cross {
  visibility: visible;
}

.bootstrap-cascader>.dropdown-toggle.selected:hover .icon-arrow-down {
  visibility: hidden;
}

.bootstrap-cascader>.dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: right;
}

.bootstrap-cascader>.dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}

.bootstrap-cascader>.dropdown-menu {
  min-width: unset;
  max-width: 185px;
  height: 230px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: right;
  right: 25px;
  left: auto;
  top: 36px;
}

.bootstrap-cascader>.dropdown-menu:not(.first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-width: 0;
}

.bootstrap-cascader>.dropdown-menu:not(.last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.175);
}

.bootstrap-cascader>.dropdown-menu li.open a {
  background: #f5f5f5;
}

.bootstrap-cascader>.dropdown-menu li.open a.selected {
  background: #337ab7;
  color: #fff;
}

.bootstrap-cascader>.dropdown-menu li a.selected {
  background: #337ab7;
  color: #fff;
}

.bootstrap-cascader>.dropdown-menu li a.selected .item-right-arrow {
  color: #fff;
}

.bootstrap-cascader>.dropdown-menu li a .text {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
  color: black;
}

.bootstrap-cascader>.dropdown-menu li a .item-right-arrow {
  color: #999;
  font-size: 9px;
  position: absolute;
  top: 10px;
  left: 24px;
}

.bootstrap-cascader>.dropdown-menu li a .item-loading {
  display: none;
}

.bootstrap-cascader>.dropdown-menu li a .item-loading:before {
  display: inline-block;
  -webkit-animation: 1s linear infinite loadingCircle;
  animation: 1s linear infinite loadingCircle;
}

.bootstrap-cascader>.dropdown-menu li a .icon-error {
  display: none;
  color: #c7254e;
}

.bootstrap-cascader>.dropdown-menu li.bs-loading a .item-right-arrow {
  display: none;
}

.bootstrap-cascader>.dropdown-menu li.bs-loading a .item-loading {
  display: inline;
}

.bootstrap-cascader>.dropdown-menu li.load-error .item-loading,
.bootstrap-cascader>.dropdown-menu li.load-error .item-right-arrow {
  display: none;
}

.bootstrap-cascader>.dropdown-menu li.load-error .icon-error {
  display: inline;
}

.bootstrap-cascader>.dropdown-menu li.no-child a .item-right-arrow {
  display: inline;
  visibility: hidden;
}

.bootstrap-cascader.fit-width {
  width: auto !important;
}

.bootstrap-cascader.fit-width .dropdown-toggle .filter-option {
  position: static;
}

.bootstrap-cascader.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}

.bootstrap-cascader .dropdown-menu li {
  position: relative;
  height: 30px;
}

.bootstrap-cascader .dropdown-menu li a {
  font-size: 12px;
}

.has-error .bootstrap-cascader .dropdown-toggle,
.error .bootstrap-cascader .dropdown-toggle {
  border-color: #b94a48;
}

.bootstrap-cascader:not([class*='col-']):not([class*='form-control']):not(.input-group-btn) {
  width: 220px;
}

.bootstrap-cascader .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}

.bootstrap-cascader.open .dropdown-toggle.selected:hover .icon-cross {
  visibility: hidden;
}

.bootstrap-cascader.open .dropdown-toggle.selected:hover .icon-arrow-down {
  visibility: visible;
}

.bootstrap-cascader.readonly>.dropdown-toggle.selected:hover .icon-cross {
  visibility: hidden;
}

.bootstrap-cascader.readonly>.dropdown-toggle .caret {
  visibility: hidden;
}

.bootstrap-cascader.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

.bootstrap-cascader.form-control:not([class*='col-']) {
  width: 100%;
}

.bootstrap-cascader.form-control.input-group-btn {
  z-index: auto;
}

.bootstrap-cascader.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
  border-radius: 0;
}

.form-group-lg .bootstrap-cascader.btn-group.form-control,
.form-group-sm .bootstrap-cascader.btn-group.form-control {
  padding: 0;
}

.form-group-lg .bootstrap-cascader.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-cascader.btn-group.form-control .dropdown-toggle {
  height: 100%;
  font-size: inherit;
  line-height: inherit;
  border-radius: inherit;
}

.form-inline .bootstrap-cascader.btn-group .form-control {
  width: 100%;
}

@-webkit-keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loadingCircle {
  0% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* ::-webkit-scrollbar-track-piece {
  background-color: #fff;
  -webkit-border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  height: 30px;
  background-color: #999;
  -webkit-border-radius: 7px;
  outline: 2px solid #fff;
  outline-offset: -2px;
  border: 2px solid #fff;
}

::-webkit-scrollbar {
  width: 12px;
  height: 10px;
} */

.icon-loading1:before {
  content: '\e62b';
}

.icon-error:before {
  content: '\eb37';
}

.icon-1202youjiantou:before {
  content: '\e635';
}

.icon-jiaochacross78:before {
  content: '\e922';
}

.icon-ico-round-right-arrow:before {
  content: '\e662';
}

.icon-ico-right-arrow:before {
  /*content: "\e66c";*/
  font-family: FontAwesome;
  content: '\f053';
}

.icon-loading2:before {
  content: '\e614';
}

.icon-right-arrow:before {
  content: '\e613';
}

.icon-loading:before {
  content: '\e61c';
}

.icon-loading-:before {
  content: '\e959';
}

.cupnl {
  margin: 10px auto;
  background: #ffffff;
  padding: 15px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #cacaca;
}

.boxad {
  float: left;
  background: #e4e4e4;
  direction: ltr;
  padding: 5px;
  border: 1px solid #eee;
  border-right: 0;
}

* {
  font-family: iransans;
}

.control-label {
  padding-top: 10px;
}

.fieldBox {
  height: auto;
  overflow: auto;
  border: 1px solid #e8e8e8;
  background: #f9f9f9;
  margin: 13px 0px;
}

.fieldBox h2 {
  width: 100%;
  margin-bottom: 10px;
  height: auto;
  background: #efefef;
  padding: 8px 0px;
}

.content_field_form {
  width: 100%;
  height: auto;
  overflow: auto;
}

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 300px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev,
a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover,
a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}

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

.selectedColors li {
  float: right;
  margin: 4px;
  width: 30px;
  height: 30px;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

.a-btn {
  border-radius: 10px;
  padding: 20px 0px 22px 0px;
  position: relative;
  display: block;
  overflow: hidden;
  margin: 10px;
  background: #9cedef;
  background: linear-gradient(top, #b7f2f4 0%, #7ce7ea 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#b7f2f4', endColorstr='#7ce7ea', GradientType=0);
  border: 1px solid #90c6c8;
  border-color: #90c6c8 #78bdc0 #65b6ba;
  transition: all 0.2s linear;
  max-width: 268px;
  text-align: center;
  margin: 10px auto;
  display: flex;
  justify-content: center;
}

.a-btn-symbol {
  color: #437b7d;
  text-shadow: 0 1px 0 #bef3f5;
  position: absolute;
  left: 20px;
  width: 20px;
  text-align: center;
  line-height: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.a-btn-symbol>i {
  font-size: 25px !important;
}

.a-btn-text {
  font-size: 16px;
  color: #437b7d;
  text-shadow: 0 1px 0 #bef3f5;
  line-height: 16px;
  font-weight: bold;
  display: block;
}

.a-btn-slide-text {
  font-family: Arial, sans-serif;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #555;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.9);
}

.a-btn:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.a-btn:hover .a-btn-symbol {
  opacity: 0.5;
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}

.a-btn:active {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
}

.centerblocktitle {
  padding: 10px;
  width: 98%;
  height: 45px;
  text-align: center;
  background: #f1f1f1;
  margin: 10px auto;
  font-weight: bold;
}

.panelShop {
  margin: 50px auto;
}

.panelShop>div {
  text-align: center;
}

@-webkit-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@-moz-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@-o-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

.m-progress {
  position: relative;
  opacity: 0.8;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none;
  cursor: default;
}

.m-progress:hover,
.m-progress:active,
.m-progress:focus {
  cursor: default;
  color: transparent;
  outline: none !important;
  box-shadow: none;
}

.m-progress:before {
  content: '';
  display: inline-block;
  position: absolute;
  background: transparent;
  border: 1px solid #fff;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  width: 24px;
  height: 24px;
  -webkit-animation: ld 1s ease-in-out infinite;
  -moz-animation: ld 1s ease-in-out infinite;
  -o-animation: ld 1s ease-in-out infinite;
  animation: ld 1s ease-in-out infinite;
}

.btn-default.m-progress:before {
  border-left-color: #333333;
  border-right-color: #333333;
}

.btn-lg.m-progress:before {
  margin-top: -16px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
}

.btn-sm.m-progress:before {
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
}

.btn-xs.m-progress:before {
  margin-top: -7px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
}

.hidden {
  visibility: hidden;
}

.form-group {}

.panel {
  margin: 5px;
}

.control-label {
  padding-top: 10px;
  padding: 10px 0px;
}

.toast-title {
  font-weight: normal !important;
}

/* You can add global styles to this file, and also import other style files */

.productLists {
  width: 100%;
  margin: 0;
  padding: 0;
}

.productItem {
  background-color: #fff;
  box-shadow: 0px 0px 0px 0px #000000;
  border-radius: 0px;
  text-align: center;
  border: 1px solid #ddd;
  margin: 12px 0px;
  border-radius: 4px;
  box-shadow: 1px 1px 1px 1px #f5f5f5;
  min-height: 330px;
}

.linkContainer {
  text-align: center;
}

.imgProduct {
  display: inline-block !important;
}

.productTitlel {
  display: block;
  color: black !important;
  text-decoration: none;
  min-height: 76px;
  padding: 10px 6px;
  font-weight: bold;
  font-size: 13px;
}

.productTitlel:hover {
  text-decoration: none;
}

.productPrice {
  color: black;
  min-height: 36px;
  margin-top: 9px;
}

.imghigall {
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
  height: auto;
  border-top: 1px solid #ddd;
  margin-top: 1rem;
  padding-top: 1rem;
  overflow: auto;
  margin-bottom: 0rem;
  padding-bottom: 2rem;
}

.imghigall li img {
  width: 100%;
  height: 75px;
  border: 2px solid #ddd;
}

.imghigall li {
  width: 88px;
  height: 117px;
  float: right;
  margin: 3px 10px;
  background: #efeeee;
  text-align: center;
}

.imghigall li div {
  width: 100%;
  height: 20px;
  background: #17e917;
  color: #12551c;
  font-size: 10px;
  text-align: center;
  padding: 2px 0 4px 0px;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  border: 2px solid #ddd;
  border-bottom: 0;
}

.imghigall li i {
  cursor: pointer;
  color: red;
}

.imghigall li div span {
  float: right;
  font-size: 11px;
  margin: 0px 5px 0px 0;
}

.dlHeader {
  list-style: none;
  margin: 0px;
  padding: 0;
  float: right;
  height: 40px;
}

.dlHeader dt {
  float: right;
  height: 41px;
  width: auto;
  padding: 10px 10px 0 0px;
  color: #fff;
  border-radius: 0 6px 6px 0;
  font-weight: normal;
  /* font-size: 17px; */
}

.dlHeader dd {
  width: 35px;
  height: 41px;
  float: right;
}

.my-pagination {}

.ngx-pagination .current {
  background: red;
}

.rightBoxH {
  margin: 3px 3px 17px 3px;
  border: 1px solid #d4d4d4;
  direction: rtl;
}

.rightBoxHeaderH {
  width: 100%;
  height: 35px;
  background: #d4d4d4;
  text-align: center;
  padding-top: 0px;
}

.rightBoxBodyH {
  padding: 3px;
}

.pTitle {
  width: 95%;
  background: #dddddd;
  padding: 5px auto 10px auto;
  text-align: center;
  padding: 10px;
  margin: 13px;
  font-weight: bold;
}

.mapcontainer {
  width: 190px;
  padding: 20px 20px 0px 0px;
  direction: rtl;
  text-align: right;
  margin: 5px;
  height: 94px;
  margin-top: -18px;
  margin-bottom: 5px;
  margin-left: 1px;
}

.mapcontainer a {
  display: block;
  margin: 0px;
  padding: 0px;
}

.mapcontainer a img {
  width: 70px;
  height: 70px;
  float: right;
}

.mapcontainer a h1 {
  width: 260px;
  float: right;
  font-size: 15px;
  padding: 6px;
  margin: 0px 5px;
  color: black;
}

.mapcontainer a span {
  margin: 18px;
  color: gray;
}

.colproduct {
  padding: 2px;
}

.smallic {
  padding: 0px;
}

.margintoptable {
  margin-top: 50px;
}

.centerAlg {
  margin: 5px auto;
  text-align: center;
}

.nav-pills li {
  padding: 5px 10px;
}

.nav>li>a {
  padding: 15px 13px;
}

.tooltipster-sidetip .tooltipster-box {
  background: #ff5858 !important;
  border: 1px solid #d60909 !important;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #ff5858 !important;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #d60909 !important;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #d60909 !important;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #d60909 !important;
}

.redborder {
  border: 1px solid #ffa2a2 !important;
  padding: 2px;
  border-radius: 7px;
  width: 69px;
  display: block;
  text-align: center;
  height: 43px;
  background: #fbdcdc;
}

.sphint {
  float: left;
  cursor: pointer;
}

.sphint i {
  color: red;
}

.tooltipContent {
  display: none;
}

.adQuickContainer h6 {
  width: auto;
  border-bottom: 2px solid #7edcd3;
  background: #d0e6e4;
  padding-right: 8px;
}

.adEmerge h6 {
  background: #ffd600;
  border-bottom: 2px solid #ff1700;
}

.adQuickContainer .quicItems {}

.ulScorTypes {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

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

.ulScorTypes li {
  width: 170px;
  display: block;
  border: 1px solid #e4e0e0;
  text-align: center;
  padding: 10px;
  border-radius: 22px;
  background: #eee;
  margin-bottom: 10px;
}

.hcirColor {
  width: 17px;
  height: 17px;
  border: 2px solid gray;
  display: block;
  float: right;
  border-radius: 10px;
  margin-left: 6px;
}

.dcWaiting {
  background: #e6e6e6;
}

.notSent {
  background: #ff0000;
}

.sentOK {
  background: #09e800;
}

#goftino_w {
  display: none;
}

.btn_excell_export {
  background: #f0fff1;
  display: inline-block;
  width: 27px;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}

.btn_excell_export i {
  font-size: 19px;
  margin-top: 5px;
  color: #009813;
}

.btn_excell_export:hover {
  background: #00c321;
}

.btn_excell_export:hover i {
  color: white;
}

.tabl_sales {}

.tabl_sales th {
  text-align: center !important;
  font-size: 13px;
}

.tabl_sales td {
  font-size: 13px;
}

/* start of button loading  */

.m-progress {
  position: relative;
  opacity: 0.8;
  color: transparent !important;
  text-shadow: none !important;
  pointer-events: none;
  cursor: default;
}

.m-progress:hover,
.m-progress:active,
.m-progress:focus {
  cursor: default;
  color: transparent;
  outline: none !important;
  box-shadow: none;
}

.m-progress:before {
  content: '';
  display: inline-block;
  position: absolute;
  background: transparent;
  border: 1px solid #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -10px;
  width: 17px;
  height: 17px;
  -webkit-animation: ld 1s ease-in-out infinite;
  -moz-animation: ld 1s ease-in-out infinite;
  -o-animation: ld 1s ease-in-out infinite;
  animation: ld 1s ease-in-out infinite;
}

.btn-default.m-progress:before {
  border-left-color: #333333;
  border-right-color: #333333;
}

.btn-lg.m-progress:before {
  margin-top: -16px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
}

.btn-sm.m-progress:before {
  margin-top: -9px;
  margin-left: -9px;
  width: 18px;
  height: 18px;
}

.btn-xs.m-progress:before {
  margin-top: -7px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
}

@-webkit-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@-moz-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@-o-keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

@keyframes ld {
  0% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.1);
  }

  100% {
    transform: rotate(360deg) scale(1);
  }
}

.product_col_header {
  justify-content: space-between;
  font-size: 13px;
  background: #007bff;
  color: white;
  align-items: center;
}

.tbl_admin_color {
  width: 100%;
  font-size: 13px;
}

.tbl_admin_color thead tr th {
  justify-content: space-between;
  font-size: 13px;
  background: #007bff;
  color: white;
  align-items: center;
}

.tbl_admin_color tbody tr {
  border: 1px solid #e2dcc7;
  background: white;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.tbl_admin_color tbody tr:hover {
  background: #fff9eb;
  border: 1px solid #ffc212;
}

.inpt_price {
  direction: ltr;
  text-align: left;
}

.tbl_admin_color tfoot tr {
  background: #ffecbf;
  text-align: left;
}

.product-grid>div,
.product_col_header>div {
  padding: 12px 0;
  text-align: center;
}

.product-grid {
  direction: rtl;
  border: 1px solid #cbeaff;
  background: #fff;
  justify-content: space-between;
  margin-top: 0px;
  align-items: center;
}

.product-grid>div,
.product_col_header>div {
  padding: 12px 0;
  text-align: center;
  font-size: 13px;
}

.delay {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.product-grid:hover {
  background: #fff9eb;
  border: 1px solid #ffc212;
}

.show_inner_data {}

.show_inner_data a {
  cursor: pointer;
}

.show_inner_data a i {
  color: #715400;
}

.form-control {
  min-width: 50px;
  font-size: 13px;
}

/* end of button loading */
@media (max-width: 480px) {
  .dropdown-menu>li>a {
    padding: 3px 7px;
    font-size: 12px;
  }

  .bootstrap-cascader>.dropdown-menu {
    max-width: 90px;
    right: -29px;
  }

  .bootstrap-cascader>.dropdown-toggle .filter-option {
    font-size: 11px;
  }
}

.open>.dropdown-menu {
  display: block;
}

open>.dropdown-menu {
  display: block;
}

/*
JS Persian Calendar - by AMIB
http://amib.ir/weblog
amib@amib.ir
*/

a.pcalBtn {
  width: 19px;
  height: 18px;
  vertical-align: bottom;
  display: inline-block;
  background-image: url('images/pcal.png');
  background-repeat: no-repeat;
  margin: 0 1px;
  position: relative;
  left: -8px;
  top: -27px;
}

a.pcalBtn:hover {
  box-shadow: 0 0 1px #66ccff;
}

input.pdate {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

input.valid {
  background-color: #e5fae2;
}

input.invalid {
  background-color: #fee5e7;
}

div.picker {
  direction: rtl;
  background-color: #fff;
  border: 2px solid #999999;
  position: absolute;
  padding: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 6px 0px 6px 6px;
}

div.picker table {
  border-collapse: collapse;
  border-spacing: 0px;
  border: 1px solid #bbb;
  background-color: #eee;
  font: 11px Tahoma;
}

div.picker td {
  width: 22px;
  border: 1px solid #bbb;
  text-align: center;
  padding: 0px;
}

div.picker div.navBack {
  /*	float: right;
	uncommenting this line breaks IE display of element
	in some unknown situations !
*/
}

div.picker div.navBack a {
  float: right;
}

div.picker div.navFwd {
  float: left;
}

div.picker div.navFwd a {
  float: left;
}

div.picker span.navInfo {
  padding: 5px 0px;
  display: inline-block;
}

div.picker td.pickerHead a {
  padding: 5px;
}

div.picker td.pickerHead a.nav {
  display: block;
}

div.picker td.pickerHead a.monYear {
  display: inline-block;
  padding-left: 1px;
  padding-right: 1px;
}

div.picker a.weekday {
  display: block;
  padding: 2px 0px;
}

div.picker a.friday {
  background-color: #ffcccc;
}

div.picker a.selected {
  background-color: #ccffcc;
}

div.picker a.today {
  background-color: #fff5cc;
}

div.picker td.calWeekdays {
  background-color: #bbbbbb;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 2px;
}

div.picker td.pickerFoot a {
  display: block;
  padding: 2px;
}

div.picker a {
  text-decoration: none;
  color: #333;
  -moz-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  -webkit-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  -o-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  transition: all 0.1s cubic-bezier(0, 1, 1, 0);
}

div.picker a:hover {
  text-decoration: none;
  color: #004;
  background-color: #66ccff;
}

div.monthYearPicker {
  background-color: #eeeeee;
  border: solid 2px #999;
  border-radius: 3px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  text-align: center;
  position: absolute;
  font: 11px Tahoma;
}

div.monthYearPicker a {
  text-decoration: none;
  color: #333;
  -moz-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  -webkit-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  -o-transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  transition: all 0.1s cubic-bezier(0, 1, 1, 0);
  display: block;
  padding: 5px;
}

div.monthYearPicker a.selected {
  background-color: #ccffcc;
}

div.monthYearPicker a:hover {
  text-decoration: none;
  color: #004;
  background-color: #66ccff;
}

.leaflet-popup-content-wrapper {}

.leaflet-popup-content-wrapper .leaflet-popup-content {
  direction: rtl;
  text-align: right;
}

.leaflet-popup-tip-container {}

.leaflet-container a.leaflet-popup-close-button {
  right: auto !important;
  left: 0px;
}

.add-pr-con {
  background: #fbfbfb;
  text-align: center;
  line-height: 32px;
  padding: 0px 0px 10px 0px;
  border: 1px solid #eee;
  margin: -11px;
}

.add-pr-header {
  background: #e0e0e0;
  border-bottom: 1px solid #c1c1c1;
}

.add-pr-con input {
  direction: ltr;
  text-align: left;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

input[type='number'] {
  -moz-appearance: textfield;
}

#radioBtn .notActive {
  color: #3276b1;
  background-color: #fff;
  border-color: #dadada;
}

.gr-btn-items {
  direction: ltr;
  margin-top: 5px;
}

.gr-btn-items a {
  width: 100px;
  -webkit-box-shadow: 1px 1px 1px 1px #e6e6e6;
  box-shadow: 1px 2px 3px 1px #e6e6e6;
  height: 35px;
  justify-content: center;
  display: flex;
  align-items: center;
}

.invoiceContainer {}

.invoiceContainer {
  max-width: 780px;
}

.invClBg {
  padding: 7px;
  text-align: center;
  background-color: #e2ecf1;
  font-size: 12pt;
  font-family: tahoma;
  color: #221f1f;
  -webkit-print-color-adjust: exact;
  border: 1px solid #c2c2c2;
  border-bottom: 0px;
}

.invClBg2 {
  padding: 7px;
  text-align: center;
  background-color: #f0f0f0;
  font-size: 12pt;
  font-family: tahoma;
  color: #221f1f;
  -webkit-print-color-adjust: exact;
  border: 1px solid #c2c2c2;
  border-bottom: 0px;
}

.invSimlpeRow {
  border: 1px solid #c2c2c2;
  background: white;
}

.infColBordered {
  border: 1px solid #eee;
}

.nopadd {
  padding: 0px !important;
}

.invSimpleCol {
  padding: 7px;
  font-size: 8pt;
  font-family: tahoma;
  background-color: #ffffff !important;
  vertical-align: top;
  line-height: 30px;
  text-align: right;
}

.invInfo {}

.roleContainer {
  max-height: 217px;
  overflow: auto;
  padding: 10px;
}

.formBHcT {
  background: #2e6fcd;
  color: white;
}

.theader {
  background: #2f70ce;
  color: white;
}

app-inner-basket-list {
  width: 100%;
  direction: rtl;
}

.cuali {
  background: #fcffe5;
  box-shadow: 1px 1px 0px 0px #cccccc;
  border: 1px solid #cfe0cf;
  padding: 10px 8px;
  border-radius: 10px;
  min-height: 117px;
  font-size: 1rem;
}

.ulAdItems {
  list-style: none;
  display: block;
  height: auto;
  margin-bottom: 0.1rem;
  margin-top: 1rem;
  width: 100%;
  padding: 0px;
}

.ulAdItems li {
  float: left;
  width: 40px;
  height: 37px;
  background: #e4e4e4;
  text-align: left;
}

.add-url-item {
  width: 355px !important;
  background: #f3f3f3 !important;
  padding-top: 8px;
  padding-left: 8px;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

.icn-item {
  font-size: 1.3rem;
  margin: 9px 11px;
  cursor: pointer;
}

.greenItem {
  color: green;
}

.small-modal {
  max-width: 500px;
  margin: 40px auto;
}

.medium-modal {
  max-width: 700px;
  margin: 40px auto;
}

.fade:not(.show) {
  display: none;
}

.editMap {
  width: 100%;
  height: 400px;
  background-color: #f5f5f5;
  direction: ltr;
}

.shop-simple-map {
  width: 100%;
  height: 400px;
  background-color: #f5f5f5;
  direction: ltr;
}

.wlAdmin {
  text-align: center;
}

.wlAdmin>img {
  max-width: 120px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 11px;
  border-radius: 70px;
}

.wlAdmin>p {}

legend {
  font-size: 20px;
}

.ad_visit_row {
  background: white;
  direction: rtl;
  text-align: right;
  padding: 9px 10px;
  font-size: 14px;
}

.ad_visit_filter_row {
  margin: 10px 0;
  padding: 10px;
  background: white;
  display: flex;
  flex-direction: row;
}

.report_container {
  background: white;
  padding: 10px;
  margin-top: 40px;
}

.report_container>h2 {
  font-size: 14px;
  text-align: right;
  direction: rtl;
  padding: 0 0 10px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}

.pie_cn {
  width: 90%;
  min-height: 400px;
  position: relative;
  direction: ltr !important;
  display: flex;
  justify-content: center;
}

.horz_chart {
  width: 100%;
  min-height: 600px;
  position: relative;
  direction: ltr !important;
}

.timekind_cn {
  position: relative;
}

.typeInput {
  font-size: 14px;
  border: 1px solid #eee;
  padding: 4px;
  width: 100%;
  text-align: center;
  border-radius: 4px;
}

.numBtn {
  display: flex;
  background: #dedede;
  width: 26px;
  height: 26px;
  font-size: 21px;
  justify-content: center;
  align-items: center;
  margin-top: 3px;
  border-radius: 50%;
  cursor: pointer;
}

.ng-select .ng-clear-wrapper {
  opacity: 1 !important;
  right: auto !important;
  left: 27px !important;
  z-index: 999;
}

.ad-pr_sm {
  width: 40px;
}

.ad_sh_selector_cn {
  border: 1px solid #d7d7d7;
  padding: 2px 0;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
}

.ad_sh_selected {
  height: 53px;
  padding-top: 0px;
}

.ad_sh_panel {
  width: 91%;
  height: 400px;
  position: absolute;
  background: #ffffff;
  z-index: 99;
  top: 62px;
  border: 1px solid #c7c5c5;
}

.ad_sh_panel .ad_sh_panel_header {
  padding: 8px 0;
  background: #ececec;
  margin: 1px 1px;
}

.ad_sh_panel .ad_sh_panel_header .form-control {
  font-size: 12px;
  padding: 3px;
}

.ad_shop_panel_row {
  padding: 4px 0 0px 4px;
  border-bottom: 1px solid #eee;
  background: white;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  margin-bottom: 7px;
  position: relative;
}

.ad_h_panel_resules {
  max-height: 346px;
  overflow: auto;
}

.ad_shop_panel_row:hover {
  background: #ffedb9;
}

.ad_shop_panel_row img {
  width: 43px;
  height: 43px;
  border-radius: 22px;
  margin-top: 0px;
  border: 2px solid #eee;
  position: relative;
  top: -4px;
}

.pr_sle_remove {
  position: absolute;
  color: red !important;
  left: 0;
  top: 8px;
  cursor: pointer;
  z-index: 9;
}

.ad_shop_panel_row h1 {
  font-size: 13px;
  margin-bottom: 3px;
  height: 100%;
  display: flex;
  align-items: center;
}

.ad_shop_panel_row h2 {
  font-size: 11px;
  color: gray;
  margin-bottom: 2px;
}

.ad_shop_panel_row h3 {
  font-size: 11px;
  color: gray;
  direction: ltr;
}

.ad_shop_panel_row h3 i {}

.ad_shop_panel_row h3.confirmed {
  color: #00c500;
}

.ad_shop_panel_row h3.noconfirmed {
  color: #c52400;
}

.ad_shop_panel_row h4 {
  font-size: 11px;
  color: gray;
}

.product_col_header {
  justify-content: space-between;
  font-size: 13px;
  background: #5800ff;
  color: #fff;
  align-items: center;
}

.product_col_header_inner {
  background: #f1ba1b;
}

.row_inner_data {
  margin-bottom: 20px;
  margin-top: 7px;
}

.product-grid>div,
.product_col_header>div {
  padding: 12px 0;
  text-align: center;
}

.product-grid {
  direction: rtl;
  border: 1px solid #e2dcc7;
  background: #fff;
  justify-content: space-between;
  margin-top: 0px;
}

.product-grid>div,
.product_col_header>div {
  padding: 12px 0;
  text-align: center;
  font-size: 13px;
}

.delay {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.product-grid:hover {
  background: #fff9eb;
  border: 1px solid #ffc212;
}

.show_inner_data {}

.show_inner_data a {
  cursor: pointer;
}

.show_inner_data a i {
  color: #715400;
}

.product-grid>div,
.product_col_header>div {
  padding: 12px 0;
  text-align: center;
}

.product-grid {
  direction: rtl;
  border: 1px solid #e2dcc7;
  background: #fff;
  justify-content: space-between;
  margin-top: 0px;
}

.product-grid>div,
.product_col_header>div {
  padding: 12px 0;
  text-align: center;
  font-size: 13px;
}

.delay {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}

.product-grid:hover {
  background: #fff9eb;
  border: 1px solid #ffc212;
}

.show_inner_data {}

.show_inner_data a {
  cursor: pointer;
}

.show_inner_data a i {
  color: #715400;
}

.box_deposit {
  direction: rtl;
  background: #ffffff;
  margin: 1rem 1rem 2rem 1rem;
  border-radius: 15px;
  padding: 0px 0px 11px 0px;
  text-align: right;
  font-size: 14px;
  border: 3px solid #f0a834;
}

.box_deposit h2 {
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  padding: 12px;
  background: #f0a834;
  border-radius: 10px 10px 0 0;
  color: white;
}

.card_deadtime {
  padding: 5px;
  background: #dddddd;
  border-radius: 8px;
  text-align: center;
}

.card_deadtimeTitle {
  font-size: 13px;
  margin: 7px;
}

.card_deadtime_timer {
  background: #f0d034;
  display: inline-block;
  padding: 4px 16px;
  border-radius: 10px;
  font-weight: bold;
}

.card_deposit_canceled {
  background: #ffe0e0;
  text-align: center;
  font-size: 16px;
  padding: 20px 5px;
  border-radius: 10px;
  color: red;
}

.card_deposit_wating {
  border: 2px solid #b1d8ff;
  padding: 25px 10px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  background: #e0f9ff;
  border-radius: 14px;
  line-height: 30px;
}

.card_deposit_confirmed {
  border: 2px solid #4eff93;
  background: #9dffd2;
}

/* CSS */
.btn_blue {
  appearance: button;
  background-color: #1652f0;
  border: 1px solid #1652f0;
  border-radius: 4px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  font-family: Graphik, -apple-system, system-ui, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-size: 14px;
  line-height: 1.15;
  overflow: visible;
  padding: 12px 13px;
  position: relative;
  text-align: center;
  text-transform: none;
  transition: all 80ms ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  width: fit-content;
}

.btn_blue:disabled {
  opacity: 0.5;
}

.btn_blue:focus {
  outline: 0;
}

.btn_blue6:hover {
  background-color: #0a46e4;
  border-color: #0a46e4;
}

.btn_blue:active {
  background-color: #0039d7;
  border-color: #0039d7;
}

.btn_orange {
  background-color: initial;
  background-image: linear-gradient(-180deg, #ff7e31, #e62c03);
  border-radius: 6px;
  box-shadow: rgb(0 0 0 / 10%) 0 2px 4px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  outline: 0;
  overflow: hidden;
  padding: 13px 20px;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  border: 0;
  transition: box-shadow 0.2s;
}

.btn_orange:hover {
  box-shadow: rgba(253, 76, 0, 0.5) 0 3px 8px;
}

/* CSS */
.btn_green {
  background-color: initial;
  background-image: linear-gradient(-180deg, #00d775, #00bd68);
  border-radius: 5px;
  box-shadow: rgb(0 0 0 / 10%) 0 2px 4px;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  outline: 0;
  overflow: hidden;
  padding: 8px 20px;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  border: 0;
}

.btn_green:hover {
  background: #00bd68;
}

.btn_gray {
  background-color: initial;
  background-image: linear-gradient(-180deg, #a7a7a7, #3e3e3e);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px;
  color: #ffffff !important;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  outline: 0;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
  text-align: center;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  vertical-align: top;
  white-space: nowrap;
  border: 0;
}

.btn_gray:hover {
  background: #3e3e3e;
}

.row_tbl_header {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  background: #1652f0;
  border: 1px solid #c9c9c9;
  color: white;
  font-size: 12px;
}

.row_tbl_header>div {
  display: flex;
  justify-content: center;
}

.row_tbl_header a {
  color: white;
  cursor: pointer;
}

.row_tbl_header a:hover {
  text-decoration: none;
}

.row_tbl_header a span {
  margin: 0 4px;
}

.row_tbl_row {
  color: #4a4949;
  padding: 10px 0 0;
  display: block;
}

.row_tbl_data {
  background: #f0f4ff;
}

.trade_report_row {
  background: white;
  padding: 10px 0 0;
  margin-bottom: 11px;
  direction: rtl;
  text-align: right;
  font-size: 13px;
  border: 1px solid #d4d4d4;
  cursor: pointer;
}

.trade_report_row>div {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  padding: 0px 0 6px 0;
}

.trade_report_row:hover {
  background: #e7e7e7;
  border: 1px solid #c5c5c5;
  color: black;
}

.trade_report_row .row {
  padding: 9px 0;
}

.ngx-pagination li {
  font-size: 15px;
}

.ngx-pagination .current {
  background: #1652f0;
  color: #ffffff;
  border-radius: 13px;
}

.color_img_input {
  width: 190px;
}

.row_tbl_content_items {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  padding-right: 10px;
}

.row_tbl_content_items span {
  margin-left: 5px;
}

.row_tbl_content_items .animated-checkbox {
  margin-left: 15px;
}

.row_pr_link {
  display: flex;
  justify-content: start;
  width: 100%;
  padding-right: 12px;
  color: black;
}

.file_selected_ad {
  position: relative;
}

.file_selected_ad a i {
  position: absolute;
  left: -4px;
  top: -6px;
  color: red;
  border: 1px solid red;
  padding: 5px;
  border-radius: 40px;
  width: 14px;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: white;
}

.file_selected_ad img {
  border-radius: 5px;
  border: 2px solid #adadad;
}

.site_file_selector button {}

.add_form_1 {

  font-size: 13px;
  padding-bottom: 9px;
  border-bottom: 1px solid #eee;
}

.ad_card_1 {
  border-radius: 16px;
  width: 100%;
  direction: rtl;
  text-align: right;
  background: #ffffff;
  margin-bottom: 2rem;
  border: 1px solid #eee;
  padding-bottom: 1rem;
}

.ul_days {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.ul_days li {
  margin-left: 21px;
}

.ad_card_header_1 {

  background: #dcdcdc;
  padding: 10px;
  border-radius: 6px;
  color: #353535;
  border: 1px solid #eee;
  font-size: 15px;
}

.ad_card_body_1 {
  padding: 10px;
  font-size: 14px;
}

.add_form_1 {
  font-size: 13px;
}

.ad_card_lbl {

  height: 100%;
  display: flex;
  align-items: center;
}

.add_form_1>.row {
  margin-bottom: 14px;
}

.btn_ad_1 {
  width: auto;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: none;
  border-radius: 11px;
  overflow: hidden;
  cursor: pointer;
  min-width: 115px;
  background: none;
  padding: 0 0;
}

.btn_ad_1_text {
  width: 75%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #274696;
}

.btn_ad_icon_1 {
  width: 25%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  background-color: #052a89;
}

.btn_ad_1:hover .btn_ad_1_text {
  background-color: #0e46d7;
}

.btn_ad_2 {
  background: #e5e5e5;
  padding: 6px 15px;
  border: 0;
  min-width: 70px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  color: #5c5c5c;
}

.gu_grid_ad {
  background: #ffffff;
  border: 1px solid #eee;
  border-radius: 5px;
  transition: 250ms;
}

.gu_grid_ad_header {
  background: #ececec;
  height: 40px;
  display: flex;
  align-items: center;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
}


.gu_grid_ad .gu_grid_ad_row {

  border-bottom: 1px solid #eee;
  padding-top: 6px;
  font-size: 13px;
}

.gu_grid_ad .gu_grid_ad_row .img-fluid {
  max-height: 35px;
  border-radius: 5px;
}

.gu_grid_ad .gu_grid_ad_row:nth-child(odd) {
  border-bottom: 1px solid #dbdbdb;
  background: #eff8ff;
}

.gu_grid_ad .gu_grid_ad_row:hover {
  background: #d0ebff;
}

.gu_grid_ad_row_selected {
  background: #FFEB3B !important;
  border-top: 1px outset #ceb802;
}

.gu_grid_ad_row>div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ul_ad_mng {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

.ul_ad_mng li {
  padding: 10px 0;
  margin-left: 15px;
}

.ul_ad_mng li a {}

.btn_del_mng,
.btn_edt_mng {
  width: 25px;
  display: inline-block;
  display: flex;
  height: 22px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  transition: 250ms;
}

.btn_del_mng:hover,
.btn_edt_mng:hover {
  text-decoration: none;
}

.btn_del_mng {
  background: #ffebeb;
  color: red;
}

.btn_edt_mng {
  background: #ebf9ff;
  color: #0076ff;
}

.btn_del_mng:hover {
  background: #8b0303;
  color: #fff;

}

.btn_edt_mng:hover {
  background: #0076ff;
  color: #fff;
}

.img_ad_icon {

  height: 25px;
}

.ad_color_box {}

.ad_color_box span {
  display: block;
  height: 18px;
  width: 18px;
  border-radius: 20px;
}

.ad_color_img {
  height: 18px;
  width: 18px;
}

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

.ad_sle_label {
  margin-right: 6px;
}

.ad_colorDiv1 {
  width: 19px;
  height: 9px !important;
  border-radius: 20px 20px 0 0 !important;
}

.ad_colorDiv2 {
  width: 19px;
  height: 9px !important;
  border-radius: 0 0 20px 20px !important;
}

.img-ad-option {
  width: 20px;
  height: 20px;
  border-radius: 20px;
}

.ad_hashtag_inpt {
  width: 100% !important;
  padding: 10px;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
}

.ad_hashtah_btn {}

.ad_hashtah_btn i {
  padding-left: 8px;
  cursor: pointer;
}

.ltrInput {
  direction: ltr !important;
  text-align: left !important;
}

.ng-select .ng-select-container {
  border-radius: 5px !important;
  border: 1px solid #ced4da !important;
  min-height: 37px !important;
}

.tox-dialog__body .tox-form__group .tox-textfield {
  direction: rtl !important;
  text-align: right !important;
}

.modal_form {}

.mat-dialog-content {

  margin: 0 0 !important;
}

.modal_form .boxtitle {
  font-size: 18px;
}

.swal2-container {
  z-index: 10000 !important;
}

@media screen and (max-width: 600px) {
  .trade_report_row {
    padding-right: 6px;
    padding-left: 6px;
  }

  .trade_report_row>div {
    justify-content: start;
  }

  .ngx-pagination {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  pagination-controls {
    width: 100%;
  }

  .ngx-pagination li {
    font-size: 14px;
  }

  .ngx-pagination .disabled {
    padding: 0.1875rem 1px;
  }

  .ngx-pagination a,
  .ngx-pagination button {
    padding: 0.1875rem 8px;
  }

  .ov_x {
    overflow-x: auto !important;
  }
}