@charset "UTF-8";
@import url("/fonts/IRANSans/css/fontiran.css");
@import url("/fonts/css/all.css");
@import url(Loading.css);
.bc {
  margin: 0px;
  padding: 0px;
  display: block;
  list-style: none;
  font-size: 0px; }
  .bc.vat {
    vertical-align: top; }
  .bc.padd-10 {
    margin: 10px 10px 0px 0px; }
    .bc.padd-10 > * {
      padding: 0px 0px 10px 10px; }
  .bc > li {
    font-size: small;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
    clear: both; }
  @media screen and (min-width: 300px) and (max-width: 640px) {
    .bc .mb12 {
      display: inline-block;
      width: 100%;
      font-size: small; }
    .bc .mb11 {
      display: inline-block;
      width: 91.66667%;
      font-size: small; }
    .bc .mb10 {
      display: inline-block;
      width: 83.33333%;
      font-size: small; }
    .bc .mb9 {
      display: inline-block;
      width: 75%;
      font-size: small; }
    .bc .mb8 {
      display: inline-block;
      width: 66.66667%;
      font-size: small; }
    .bc .mb7 {
      display: inline-block;
      width: 58.33333%;
      font-size: small; }
    .bc .mb6 {
      display: inline-block;
      width: 50%;
      font-size: small; }
    .bc .mb5 {
      display: inline-block;
      width: 41.66667%;
      font-size: small; }
    .bc .mb4 {
      display: inline-block;
      width: 33.33333%;
      font-size: small; }
    .bc .mb3 {
      display: inline-block;
      width: 25%;
      font-size: small; }
    .bc .mb2 {
      display: inline-block;
      width: 16.66667%;
      font-size: small; }
    .bc .mb1 {
      display: inline-block;
      width: 8.33333%;
      font-size: small; } }
  @media screen and (min-width: 641px) and (max-width: 1000px) {
    .bc .tb12 {
      display: inline-block;
      width: 100%;
      font-size: small; }
    .bc .tb11 {
      display: inline-block;
      width: 91.66667%;
      font-size: small; }
    .bc .tb10 {
      display: inline-block;
      width: 83.33333%;
      font-size: small; }
    .bc .tb9 {
      display: inline-block;
      width: 75%;
      font-size: small; }
    .bc .tb8 {
      display: inline-block;
      width: 66.66667%;
      font-size: small; }
    .bc .tb7 {
      display: inline-block;
      width: 58.33333%;
      font-size: small; }
    .bc .tb6 {
      display: inline-block;
      width: 50%;
      font-size: small; }
    .bc .tb5 {
      display: inline-block;
      width: 41.66667%;
      font-size: small; }
    .bc .tb4 {
      display: inline-block;
      width: 33.33333%;
      font-size: small; }
    .bc .tb3 {
      display: inline-block;
      width: 25%;
      font-size: small; }
    .bc .tb2 {
      display: inline-block;
      width: 16.66667%;
      font-size: small; }
    .bc .tb1 {
      display: inline-block;
      width: 8.33333%;
      font-size: small; } }
  @media screen and (min-width: 1001px) {
    .bc .ds12 {
      display: inline-block;
      width: 100%;
      font-size: small; }
    .bc .ds11 {
      display: inline-block;
      width: 91.66667%;
      font-size: small; }
    .bc .ds10 {
      display: inline-block;
      width: 83.33333%;
      font-size: small; }
    .bc .ds9 {
      display: inline-block;
      width: 75%;
      font-size: small; }
    .bc .ds8 {
      display: inline-block;
      width: 66.66667%;
      font-size: small; }
    .bc .ds7 {
      display: inline-block;
      width: 58.33333%;
      font-size: small; }
    .bc .ds6 {
      display: inline-block;
      width: 50%;
      font-size: small; }
    .bc .ds5 {
      display: inline-block;
      width: 41.66667%;
      font-size: small; }
    .bc .ds4 {
      display: inline-block;
      width: 33.33333%;
      font-size: small; }
    .bc .ds3 {
      display: inline-block;
      width: 25%;
      font-size: small; }
    .bc .ds2 {
      display: inline-block;
      width: 16.66667%;
      font-size: small; }
    .bc .ds1 {
      display: inline-block;
      width: 8.33333%;
      font-size: small; } }

.modal-session {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: repeating-linear-gradient(45deg, transparent 0px, transparent 9px, rgba(0, 0, 0, 0.05) 10px, rgba(0, 0, 0, 0.05) 20px); }
  .modal-session td {
    vertical-align: middle;
    text-align: center; }
    .modal-session td a {
      text-decoration: none; }
      .modal-session td a img {
        display: inline-block;
        border-radius: 5px; }
    .modal-session td i {
      color: #FFF;
      font-size: 24px;
      width: 64px;
      height: 64px;
      display: inline-block;
      border-radius: 100px;
      background-color: rgba(0, 0, 0, 0.6);
      line-height: 64px;
      vertical-align: middle; }

.scrollertop {
  position: fixed;
  bottom: 25px;
  left: 25px;
  width: 64px;
  background-color: rgba(150, 150, 150, 0.5);
  height: 64px;
  border-radius: 100px;
  cursor: pointer;
  animation: scrollertop infinite 1s; }
  .scrollertop i {
    width: inherit;
    height: inherit;
    line-height: 64px;
    vertical-align: central;
    text-align: center;
    font-size: 24px; }

.btn {
  border: 0px;
  border-radius: 3px;
  padding: 6px 15px;
  font-size: 9pt;
  font-family: irs;
  display: inline-block;
  line-height: 18pt;
  cursor: pointer;
  opacity: 0.9;
  text-decoration: none; }
  .btn:hover {
    opacity: 1; }
  .btn.default {
    background-color: #0085dd;
    color: #FFF; }
  .btn.diffrent {
    background-color: #666;
    color: #FFF; }

.slider * {
  transition: all linear 0.7s; }

.slider .panel {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .slider .panel .item {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .slider .panel .item.act {
      opacity: 1;
      transform: scale(1);
      filter: blur(0px); }
    .slider .panel .item.hide {
      opacity: 0;
      transform: scale(1.1);
      filter: blur(5px); }
    .slider .panel .item > div {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }
    .slider .panel .item .color {
      z-index: 3; }
    .slider .panel .item .img {
      background-position: center center;
      background-repeat: no-repeat;
      z-index: 4; }
    .slider .panel .item .text {
      z-index: 5;
      padding: 0px;
      text-align: right;
      padding: 25px;
      height: auto;
      top: unset;
      padding-top: 100px;
      bottom: 0px;
      background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.8)); }
      .slider .panel .item .text .header-title {
        font-size: 15pt;
        font-weight: bold;
        display: inline-block;
        color: #FFF; }
      .slider .panel .item .text .row-title {
        font-size: 11pt;
        font-weight: normal;
        color: #FFF;
        text-align: right; }
      .slider .panel .item .text .row-description {
        font-size: 9pt;
        font-weight: normal;
        color: #FFF;
        display: none; }
  .slider .panel .link {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer; }

.tabs {
  display: block;
  background-color: #FFF; }
  .tabs, .tabs * {
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; }
  .tabs .tab-items {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: start;
    padding-right: 15px; }
    .tabs .tab-items .item {
      padding: 6px 15px;
      margin-bottom: -1px;
      cursor: pointer;
      margin: 0px; }
      .tabs .tab-items .item:not(.false) {
        display: inline-block; }
      .tabs .tab-items .item.false {
        display: none; }
      .tabs .tab-items .item:not(.act) {
        color: #999; }
      .tabs .tab-items .item.act {
        background-color: #FFF;
        color: #333;
        position: relative; }
        .tabs .tab-items .item.act:after {
          content: ' ';
          display: block;
          font-size: 0px;
          top: 100%;
          height: 3px;
          left: 0px;
          width: 100%;
          background-color: #0085dd;
          position: absolute; }
      .tabs .tab-items .item.new:before {
        content: 'جدید';
        display: inline-block;
        background-color: #fa7a00;
        color: #FFF;
        padding: 2px 5px;
        border-radius: 3px;
        font-size: 8pt;
        font-family: Tahoma;
        margin-left: 5px; }
  .tabs .tab-contents .content p {
    display: block;
    text-align: start; }
  .tabs .tab-contents .content ul {
    display: block;
    text-align: start; }
  .tabs .tab-contents .content:not(.act) {
    display: none; }
  .tabs .tab-contents .content.act {
    display: block; }
  .tabs .false {
    display: none; }

.scroller {
  overflow: hidden; }
  .scroller * {
    transition: all linear 0.0s; }
  .scroller .panel {
    white-space: nowrap;
    display: block; }

.wizard-provider {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px; }
  @media screen and (max-width: 1000px) {
    .wizard-provider ul {
      display: block;
      padding: 5px;
      margin: 0px;
      list-style: none; }
      .wizard-provider ul li {
        display: block;
        margin: 0px;
        padding: 0px;
        text-align: start;
        padding: 10px;
        position: relative;
        padding-right: 15px; }
        .wizard-provider ul li:after {
          position: absolute;
          content: ' ';
          width: 0px;
          font-size: 0px;
          right: 0px;
          top: 2px;
          bottom: 2px;
          border-right: 3px solid transparent;
          border-color: inherit; }
        .wizard-provider ul li:not(.sel):not(.act) {
          color: #AAA;
          border-color: #AAA; }
          .wizard-provider ul li:not(.sel):not(.act):after {
            border-right-width: 3px; }
        .wizard-provider ul li.sel {
          color: #002d4a;
          border-color: #002d4a; }
          .wizard-provider ul li.sel:after {
            border-right-width: 3px; }
        .wizard-provider ul li.act {
          color: #0085dd;
          border-color: #0085dd; }
          .wizard-provider ul li.act:after {
            border-right-width: 5px; } }
  @media screen and (min-width: 1001px) {
    .wizard-provider {
      display: table;
      width: 100%;
      overflow: hidden; }
      .wizard-provider ul {
        display: table-row;
        margin: 0px;
        padding: 0px; }
        .wizard-provider ul > li {
          display: table-cell;
          padding: 0px;
          margin: 0px;
          padding: 10px;
          color: #AAA;
          position: relative;
          background-color: #FEFEFE;
          cursor: default;
          white-space: nowrap; }
          .wizard-provider ul > li.sel {
            background-color: #002d4a; }
          .wizard-provider ul > li.act {
            background-color: #0085dd; }
          .wizard-provider ul > li:first-of-type:before {
            position: absolute;
            top: 0px;
            left: -15px;
            width: 100%;
            height: 100%;
            text-align: center;
            vertical-align: middle;
            content: attr(data-text);
            z-index: 2;
            padding: 10px 0px; }
          .wizard-provider ul > li:not(:first-of-type) {
            padding-right: 25px; }
            .wizard-provider ul > li:not(:first-of-type):before {
              position: absolute;
              top: 0px;
              left: -30px;
              width: 100%;
              height: 100%;
              text-align: center;
              vertical-align: middle;
              content: attr(data-text);
              z-index: 2;
              padding: 10px 0px; }
          .wizard-provider ul > li:not(:last-of-type) {
            padding-left: 25px; }
            .wizard-provider ul > li:not(:last-of-type):after {
              content: ' ';
              position: absolute;
              left: -13px;
              width: 100px;
              top: 50%;
              margin-top: -50px;
              background-color: inherit;
              transform: rotate(45deg);
              height: 100px;
              z-index: 1;
              box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1); }
          .wizard-provider ul > li.sel:before {
            color: #FFF; }
          .wizard-provider ul > li.act:before {
            color: #FFF; }
          .wizard-provider ul > li strong {
            font-weight: normal;
            color: transparent; } }

.scroller-object {
  position: relative; }
  .scroller-object .item {
    display: inline-block; }
    .scroller-object .item:hover {
      background-color: #f8f8f8; }
  .scroller-object .left {
    left: 0px; }
    .scroller-object .left:before {
      content: '\f053';
      color: #cdd0d2;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 32px;
      height: 64px;
      line-height: 64px;
      text-align: center;
      vertical-align: middle;
      direction: ltr;
      font-family: "Font Awesome 5 Pro";
      font-style: normal;
      font-variant: normal;
      font-weight: bold;
      cursor: pointer;
      font-size: 14pt;
      text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }
  .scroller-object .right {
    right: 0px; }
    .scroller-object .right:before {
      content: '\f054';
      color: #cdd0d2;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 32px;
      height: 64px;
      line-height: 64px;
      text-align: center;
      vertical-align: middle;
      direction: ltr;
      font-family: "Font Awesome 5 Pro";
      font-style: normal;
      font-variant: normal;
      font-weight: bold;
      cursor: pointer;
      font-size: 14pt;
      text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1); }
  .scroller-object .left,
  .scroller-object .right {
    position: absolute;
    top: 50%;
    height: 64px;
    width: 32px;
    margin-top: -32px;
    z-index: 99; }
  .scroller-object .title {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 10px;
    z-index: 999;
    font-size: 0pt; }
    .scroller-object .title a {
      text-decoration: none;
      color: #333;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      padding: 10px; }
      .scroller-object .title a:hover {
        background-color: #FFF; }
  .scroller-object .cproducts .panel {
    white-space: nowrap; }
    .scroller-object .cproducts .panel .loading {
      text-align: center; }
      .scroller-object .cproducts .panel .loading i {
        font-size: 32px; }
    .scroller-object .cproducts .panel .item {
      display: inline-block;
      cursor: pointer;
      padding-bottom: 25px; }
      .scroller-object .cproducts .panel .item.act {
        opacity: 1;
        transform: scale(1);
        filter: blur(0px); }
      .scroller-object .cproducts .panel .item.hide {
        opacity: 0;
        transform: scale(1.1);
        filter: blur(5px); }
      .scroller-object .cproducts .panel .item .img {
        text-align: center; }
        .scroller-object .cproducts .panel .item .img img {
          width: 100%; }
      .scroller-object .cproducts .panel .item .text {
        text-align: center;
        font-size: 10pt; }
      .scroller-object .cproducts .panel .item .price {
        text-align: center;
        color: #0085dd;
        font-size: 12pt;
        font-weight: bold; }
      .scroller-object .cproducts .panel .item .oprice, .scroller-object .cproducts .panel .item .oldprice {
        text-align: center;
        text-decoration: line-through;
        font-size: 9px;
        color: rgba(0, 0, 0, 0.4);
        display: none; }
      .scroller-object .cproducts .panel .item .unit:after {
        content: "تومان";
        display: inline-block;
        margin-right: 5px;
        font-weight: normal; }
  .scroller-object .porforooshtarin {
    background-color: #EEE; }

@media screen and (max-width: 1000px) {
  .table {
    display: block;
    width: 100%; }
    .table .tr {
      display: block; }
      .table .tr .th {
        display: block; }
      .table .tr .td {
        display: block; } }

@media screen and (min-width: 1001px) {
  .table {
    display: table;
    width: 100%; }
    .table .tr {
      display: table-row; }
      .table .tr .th {
        display: table-cell; }
      .table .tr .td {
        display: table-cell; } }

@keyframes scrollertop {
  0% {
    margin-bottom: 0px; }
  50% {
    margin-bottom: 25px; }
  100% {
    margin: 0px; } }

.radio-list {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 3px;
  text-align: start; }
  .radio-list > input[type=radio] {
    display: none; }
    .radio-list > input[type=radio]:checked + label {
      background-color: #0085dd;
      color: #FFF; }
    .radio-list > input[type=radio]:not(:checked) + label {
      background-color: rgba(0, 0, 0, 0.1);
      color: #333; }
  .radio-list label {
    display: inline-block;
    padding: 6px 8px;
    cursor: pointer;
    font-size: small;
    border-radius: 3px; }
    .radio-list label i {
      margin-left: 5px;
      font-size: 14px;
      vertical-align: middle;
      display: inline-block; }

body .page-OrderOverview,
body .users {
  padding: 50px 0px; }
  body .page-OrderOverview .table,
  body .users .table {
    border: 1px solid rgba(0, 0, 0, 0.1); }
    body .page-OrderOverview .table .tr:hover > *,
    body .users .table .tr:hover > * {
      background-color: rgba(0, 0, 0, 0.05); }
    body .page-OrderOverview .table .tr .td, body .page-OrderOverview .table .tr .th,
    body .users .table .tr .td,
    body .users .table .tr .th {
      padding: 10px; }
      @media screen and (min-width: 1001px) {
        body .page-OrderOverview .table .tr .td.nw, body .page-OrderOverview .table .tr .th.nw,
        body .users .table .tr .td.nw,
        body .users .table .tr .th.nw {
          width: 10px;
          white-space: nowrap; } }
    @media screen and (min-width: 1001px) {
      body .page-OrderOverview .table .tr:not(:last-of-type) .td,
      body .users .table .tr:not(:last-of-type) .td {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }
    body .page-OrderOverview .table .tr .td.unit:after,
    body .users .table .tr .td.unit:after {
      content: 'تومان';
      display: inline-block;
      padding-right: 5px;
      color: #0085dd; }
    body .page-OrderOverview .table .tr .td.precent:after,
    body .users .table .tr .td.precent:after {
      content: '%';
      display: inline-block;
      padding-right: 5px;
      color: #0085dd; }
    body .page-OrderOverview .table .tr .th,
    body .users .table .tr .th {
      background-color: #0085dd;
      color: #FFF; }
  body .page-OrderOverview .master-template .lnk-products,
  body .users .master-template .lnk-products {
    display: block;
    padding: 25px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    background-image: url("../Images/users-pattern.jpg");
    color: #333;
    font-size: 18pt;
    text-decoration: none; }
    body .page-OrderOverview .master-template .lnk-products:hover,
    body .users .master-template .lnk-products:hover {
      color: #0085dd; }
  body .page-OrderOverview .master-template .box,
  body .users .master-template .box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    position: relative;
    overflow: hidden; }
    body .page-OrderOverview .master-template .box a.foot,
    body .users .master-template .box a.foot {
      display: block;
      padding: 10px;
      font-size: 10pt;
      vertical-align: top;
      text-decoration: none;
      color: #0085dd;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      background-color: #FFF; }
      body .page-OrderOverview .master-template .box a.foot:hover,
      body .users .master-template .box a.foot:hover {
        background-color: rgba(0, 0, 0, 0.05); }
    body .page-OrderOverview .master-template .box.favorite .content,
    body .users .master-template .box.favorite .content {
      height: 400px;
      overflow: auto;
      margin-bottom: 42px; }
      body .page-OrderOverview .master-template .box.favorite .content ul,
      body .users .master-template .box.favorite .content ul {
        display: table;
        margin: 0px;
        padding: 0px;
        font-size: 0px;
        width: 100%; }
        body .page-OrderOverview .master-template .box.favorite .content ul li,
        body .users .master-template .box.favorite .content ul li {
          display: table-row;
          list-style: none;
          padding: 0px;
          margin: 0px;
          cursor: pointer;
          position: relative; }
          body .page-OrderOverview .master-template .box.favorite .content ul li:not(:last-of-type) > *,
          body .users .master-template .box.favorite .content ul li:not(:last-of-type) > * {
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
          body .page-OrderOverview .master-template .box.favorite .content ul li:not(:last-of-type):hover > *,
          body .users .master-template .box.favorite .content ul li:not(:last-of-type):hover > * {
            background-color: rgba(0, 0, 0, 0.05); }
          body .page-OrderOverview .master-template .box.favorite .content ul li .img,
          body .users .master-template .box.favorite .content ul li .img {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            width: 10px;
            padding: 10px; }
          body .page-OrderOverview .master-template .box.favorite .content ul li .text,
          body .users .master-template .box.favorite .content ul li .text {
            display: table-cell;
            vertical-align: middle; }
            body .page-OrderOverview .master-template .box.favorite .content ul li .text strong, body .page-OrderOverview .master-template .box.favorite .content ul li .text span,
            body .users .master-template .box.favorite .content ul li .text strong,
            body .users .master-template .box.favorite .content ul li .text span {
              display: block; }
            body .page-OrderOverview .master-template .box.favorite .content ul li .text strong,
            body .users .master-template .box.favorite .content ul li .text strong {
              font-size: 14pt; }
            body .page-OrderOverview .master-template .box.favorite .content ul li .text span,
            body .users .master-template .box.favorite .content ul li .text span {
              font-size: 10pt; }
              body .page-OrderOverview .master-template .box.favorite .content ul li .text span:after,
              body .users .master-template .box.favorite .content ul li .text span:after {
                content: 'تومان';
                color: red;
                display: inline-block;
                margin-right: 5px; }
          body .page-OrderOverview .master-template .box.favorite .content ul li .control,
          body .users .master-template .box.favorite .content ul li .control {
            display: table-cell;
            vertical-align: middle;
            padding: 10px; }
            body .page-OrderOverview .master-template .box.favorite .content ul li .control a,
            body .users .master-template .box.favorite .content ul li .control a {
              float: left;
              font-size: medium;
              width: 32px;
              height: 32px;
              text-align: center;
              vertical-align: middle;
              line-height: 32px;
              border: 1px solid rgba(0, 0, 0, 0.1);
              border-radius: 3px;
              color: #666;
              margin-right: 5px; }
              body .page-OrderOverview .master-template .box.favorite .content ul li .control a:hover,
              body .users .master-template .box.favorite .content ul li .control a:hover {
                color: #111; }
    body .page-OrderOverview .master-template .box.info .content,
    body .users .master-template .box.info .content {
      height: 400px;
      margin-bottom: 42px; }
      body .page-OrderOverview .master-template .box.info .content ul,
      body .users .master-template .box.info .content ul {
        font-size: 0px;
        margin: 0px;
        padding: 0px; }
        body .page-OrderOverview .master-template .box.info .content ul li,
        body .users .master-template .box.info .content ul li {
          display: inline-block;
          width: 50%;
          font-size: small;
          list-style: none;
          padding: 0px;
          margin: 0px;
          text-align: start; }
          body .page-OrderOverview .master-template .box.info .content ul li span,
          body .users .master-template .box.info .content ul li span {
            border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
            display: block;
            padding: 15px; }
          body .page-OrderOverview .master-template .box.info .content ul li strong,
          body .users .master-template .box.info .content ul li strong {
            display: block;
            padding: 15px;
            font-weight: normal;
            color: #0085dd; }
    body .page-OrderOverview .master-template .box.orders .content,
    body .users .master-template .box.orders .content {
      height: 400px;
      overflow: auto;
      margin-bottom: 42px; }
      body .page-OrderOverview .master-template .box.orders .content .tr:hover .td,
      body .users .master-template .box.orders .content .tr:hover .td {
        background-color: rgba(0, 0, 0, 0.05); }
      body .page-OrderOverview .master-template .box.orders .content .th, body .page-OrderOverview .master-template .box.orders .content .td,
      body .users .master-template .box.orders .content .th,
      body .users .master-template .box.orders .content .td {
        padding: 10px; }
      body .page-OrderOverview .master-template .box.orders .content .th,
      body .users .master-template .box.orders .content .th {
        background-color: #0085dd;
        color: #FFF; }
      body .page-OrderOverview .master-template .box.orders .content .td.unit:after,
      body .users .master-template .box.orders .content .td.unit:after {
        content: 'تومان';
        display: inline-block;
        padding-right: 5px;
        color: #0085dd; }
      body .page-OrderOverview .master-template .box.orders .content .td.precent:after,
      body .users .master-template .box.orders .content .td.precent:after {
        content: '%';
        display: inline-block;
        padding-right: 5px;
        color: #0085dd; }
      body .page-OrderOverview .master-template .box.orders .content .td a,
      body .users .master-template .box.orders .content .td a {
        text-decoration: none;
        color: #666;
        display: block;
        text-align: center; }
        body .page-OrderOverview .master-template .box.orders .content .td a:hover,
        body .users .master-template .box.orders .content .td a:hover {
          color: #0085dd; }
    body .page-OrderOverview .master-template .box.error,
    body .users .master-template .box.error {
      border-color: #0072ff;
      background-color: #c2deff;
      padding: 10px 10px 0px 0px;
      margin-bottom: 10px; }
      body .page-OrderOverview .master-template .box.error div,
      body .users .master-template .box.error div {
        color: #0050b4;
        display: block;
        text-align: justify;
        margin: 0px 0px 10px 10px; }
    body .page-OrderOverview .master-template .box > form .notification-warnings,
    body .users .master-template .box > form .notification-warnings {
      display: block;
      background-color: rgba(255, 226, 0, 0.16);
      color: #e00000;
      text-align: start;
      margin: 10px;
      padding: 10px 10px 0px 0px; }
      body .page-OrderOverview .master-template .box > form .notification-warnings p,
      body .users .master-template .box > form .notification-warnings p {
        margin: 0px;
        padding: 0px;
        display: block;
        padding: 0px 0px 10px 10px; }
  body .page-OrderOverview .master-template h6,
  body .users .master-template h6 {
    display: block;
    margin: 0px;
    padding: 10px;
    font-size: small;
    color: #0085dd;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: normal;
    text-align: start; }
  body .page-OrderOverview .master-template > .right-side,
  body .users .master-template > .right-side {
    vertical-align: top;
    font-size: 0px; }
    body .page-OrderOverview .master-template > .right-side > .user-info,
    body .users .master-template > .right-side > .user-info {
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 3px;
      margin-bottom: 10px;
      font-size: small;
      overflow: hidden; }
      body .page-OrderOverview .master-template > .right-side > .user-info .top,
      body .users .master-template > .right-side > .user-info .top {
        padding: 10px;
        position: relative;
        text-align: center; }
        body .page-OrderOverview .master-template > .right-side > .user-info .top:after,
        body .users .master-template > .right-side > .user-info .top:after {
          content: ' ';
          position: absolute;
          top: 0px;
          left: 0px;
          width: 100%;
          height: 50%;
          background-color: #0085dd;
          z-index: -1; }
        body .page-OrderOverview .master-template > .right-side > .user-info .top .img,
        body .users .master-template > .right-side > .user-info .top .img {
          text-align: center;
          display: inline-block;
          position: relative; }
          body .page-OrderOverview .master-template > .right-side > .user-info .top .img img,
          body .users .master-template > .right-side > .user-info .top .img img {
            border-radius: 100px;
            border: 3px solid #FFF;
            display: block; }
          body .page-OrderOverview .master-template > .right-side > .user-info .top .img a, body .page-OrderOverview .master-template > .right-side > .user-info .top .img label,
          body .users .master-template > .right-side > .user-info .top .img a,
          body .users .master-template > .right-side > .user-info .top .img label {
            background-color: #FFF;
            border-radius: 100px;
            width: 24px;
            height: 24px;
            line-height: 24px;
            text-align: center;
            vertical-align: middle;
            color: #666;
            position: absolute;
            bottom: -12px;
            left: 50%;
            margin-left: -12px;
            cursor: pointer; }
      body .page-OrderOverview .master-template > .right-side > .user-info .bottom,
      body .users .master-template > .right-side > .user-info .bottom {
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        font-size: medium; }
      body .page-OrderOverview .master-template > .right-side > .user-info .middle-link,
      body .users .master-template > .right-side > .user-info .middle-link {
        padding: 10px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 20px; }
        body .page-OrderOverview .master-template > .right-side > .user-info .middle-link strong,
        body .users .master-template > .right-side > .user-info .middle-link strong {
          padding: 10px;
          border: 1px solid rgba(0, 0, 0, 0.1);
          display: block;
          background-color: rgba(0, 0, 0, 0.05);
          font-family: Consolas;
          font-weight: normal;
          position: relative;
          padding-top: 25px; }
          body .page-OrderOverview .master-template > .right-side > .user-info .middle-link strong:before,
          body .users .master-template > .right-side > .user-info .middle-link strong:before {
            content: 'معرفی ویژه باشگاه مشتریان';
            position: absolute;
            right: 50%;
            margin-right: -100px;
            top: -10px;
            background-color: rgba(0, 0, 0, 0.9);
            color: #FFF;
            border-radius: 3px;
            display: inline-block;
            padding: 2px 0px;
            font-family: irs;
            font-size: 8pt;
            width: 200px; }
      body .page-OrderOverview .master-template > .right-side > .user-info .control,
      body .users .master-template > .right-side > .user-info .control {
        flex-direction: column;
        font-size: 0px;
        background-color: rgba(0, 0, 0, 0.05); }
        body .page-OrderOverview .master-template > .right-side > .user-info .control a,
        body .users .master-template > .right-side > .user-info .control a {
          display: inline-block;
          width: 50%;
          font-size: small;
          text-align: center;
          color: #0085dd;
          text-decoration: none;
          line-height: 42px; }
          body .page-OrderOverview .master-template > .right-side > .user-info .control a:hover,
          body .users .master-template > .right-side > .user-info .control a:hover {
            color: #FFF;
            background-color: #0085dd; }
    body .page-OrderOverview .master-template > .right-side > .menu,
    body .users .master-template > .right-side > .menu {
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 3px; }
      body .page-OrderOverview .master-template > .right-side > .menu .content a,
      body .users .master-template > .right-side > .menu .content a {
        display: block;
        font-size: small;
        text-align: start;
        text-decoration: none;
        padding: 10px;
        color: #002d4a; }
        body .page-OrderOverview .master-template > .right-side > .menu .content a i,
        body .users .master-template > .right-side > .menu .content a i {
          color: #002d4a;
          display: inline-block;
          width: 20px;
          margin-left: 10px;
          text-align: center; }
        body .page-OrderOverview .master-template > .right-side > .menu .content a:hover,
        body .users .master-template > .right-side > .menu .content a:hover {
          color: #111;
          background-color: rgba(0, 0, 0, 0.1); }
  body .page-OrderOverview .master-template > .left-side,
  body .users .master-template > .left-side {
    vertical-align: top; }
  body .page-OrderOverview .buttons,
  body .users .buttons {
    margin-top: 10px; }
  body .page-OrderOverview h6.title,
  body .users h6.title {
    text-align: start;
    font-size: large;
    margin: 0px;
    padding: 0px;
    padding: 10px 0px; }
  body .page-OrderOverview .form,
  body .users .form {
    padding: 10px; }
    body .page-OrderOverview .form .msg,
    body .users .form .msg {
      background-color: #fffba7;
      border: 1px solid #ffbb00;
      margin-bottom: 10px;
      border-radius: 3px;
      padding-bottom: 10px; }
      body .page-OrderOverview .form .msg .item,
      body .users .form .msg .item {
        padding: 10px;
        padding-bottom: 0px;
        text-align: start;
        color: #0085dd;
        animation: err infinite 2s;
        font-size: 9pt; }
    body .page-OrderOverview .form .field,
    body .users .form .field {
      margin-top: 10px; }
      body .page-OrderOverview .form .field .py,
      body .users .form .field .py {
        background-color: rgba(0, 162, 245, 0.16);
        border: 1px solid #00a2f5;
        border-radius: 3px;
        padding: 10px;
        text-align: start;
        margin-bottom: 10px;
        text-align: start; }
      body .page-OrderOverview .form .field .label > label,
      body .users .form .field .label > label {
        display: block;
        text-align: start;
        padding: 10px; }
        body .page-OrderOverview .form .field .label > label b:not(.req),
        body .users .form .field .label > label b:not(.req) {
          color: #0085dd;
          font-weight: normal;
          font-size: 8pt;
          float: left; }
        body .page-OrderOverview .form .field .label > label .req:after,
        body .users .form .field .label > label .req:after {
          content: '*';
          color: #0085dd;
          float: none;
          display: inline;
          font-family: Tahoma;
          display: inline-block;
          margin-left: 10px; }
      body .page-OrderOverview .form .field .control,
      body .users .form .field .control {
        text-align: start;
        margin-bottom: 10px; }
        body .page-OrderOverview .form .field .control select,
        body .page-OrderOverview .form .field .control input[type=text],
        body .page-OrderOverview .form .field .control textarea,
        body .page-OrderOverview .form .field .control input[type=email],
        body .page-OrderOverview .form .field .control input[type=password],
        body .users .form .field .control select,
        body .users .form .field .control input[type=text],
        body .users .form .field .control textarea,
        body .users .form .field .control input[type=email],
        body .users .form .field .control input[type=password] {
          width: 100%;
          padding: 10px;
          background-color: rgba(0, 0, 0, 0.02);
          border: 0px;
          border-radius: 3px;
          resize: vertical;
          border: 1px solid rgba(0, 0, 0, 0.1);
          font-family: irs; }
          body .page-OrderOverview .form .field .control select:focus,
          body .page-OrderOverview .form .field .control input[type=text]:focus,
          body .page-OrderOverview .form .field .control textarea:focus,
          body .page-OrderOverview .form .field .control input[type=email]:focus,
          body .page-OrderOverview .form .field .control input[type=password]:focus,
          body .users .form .field .control select:focus,
          body .users .form .field .control input[type=text]:focus,
          body .users .form .field .control textarea:focus,
          body .users .form .field .control input[type=email]:focus,
          body .users .form .field .control input[type=password]:focus {
            background-color: rgba(0, 95, 144, 0.12); }
          body .page-OrderOverview .form .field .control select::placeholder,
          body .page-OrderOverview .form .field .control input[type=text]::placeholder,
          body .page-OrderOverview .form .field .control textarea::placeholder,
          body .page-OrderOverview .form .field .control input[type=email]::placeholder,
          body .page-OrderOverview .form .field .control input[type=password]::placeholder,
          body .users .form .field .control select::placeholder,
          body .users .form .field .control input[type=text]::placeholder,
          body .users .form .field .control textarea::placeholder,
          body .users .form .field .control input[type=email]::placeholder,
          body .users .form .field .control input[type=password]::placeholder {
            opacity: 0.3;
            color: #000; }
          body .page-OrderOverview .form .field .control select:-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=text]:-ms-input-placeholder,
          body .page-OrderOverview .form .field .control textarea:-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=email]:-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=password]:-ms-input-placeholder,
          body .users .form .field .control select:-ms-input-placeholder,
          body .users .form .field .control input[type=text]:-ms-input-placeholder,
          body .users .form .field .control textarea:-ms-input-placeholder,
          body .users .form .field .control input[type=email]:-ms-input-placeholder,
          body .users .form .field .control input[type=password]:-ms-input-placeholder {
            opacity: 0.3;
            color: #000; }
          body .page-OrderOverview .form .field .control select::-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=text]::-ms-input-placeholder,
          body .page-OrderOverview .form .field .control textarea::-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=email]::-ms-input-placeholder,
          body .page-OrderOverview .form .field .control input[type=password]::-ms-input-placeholder,
          body .users .form .field .control select::-ms-input-placeholder,
          body .users .form .field .control input[type=text]::-ms-input-placeholder,
          body .users .form .field .control textarea::-ms-input-placeholder,
          body .users .form .field .control input[type=email]::-ms-input-placeholder,
          body .users .form .field .control input[type=password]::-ms-input-placeholder {
            opacity: 0.3;
            color: #000; }
        body .page-OrderOverview .form .field .control .checkbox,
        body .users .form .field .control .checkbox {
          width: 100%;
          background-color: rgba(0, 0, 0, 0.1);
          border: 0px;
          display: table;
          border-radius: 3px;
          overflow: hidden; }
          body .page-OrderOverview .form .field .control .checkbox .row,
          body .users .form .field .control .checkbox .row {
            display: table-row; }
            body .page-OrderOverview .form .field .control .checkbox .row input,
            body .users .form .field .control .checkbox .row input {
              display: none; }
              body .page-OrderOverview .form .field .control .checkbox .row input:checked + label,
              body .users .form .field .control .checkbox .row input:checked + label {
                background-color: #0085dd;
                color: #FFF; }
              body .page-OrderOverview .form .field .control .checkbox .row input + label,
              body .users .form .field .control .checkbox .row input + label {
                padding: 10px 0px;
                display: inline-block;
                display: table-cell;
                text-align: center;
                cursor: pointer;
                width: 50%; }
        body .page-OrderOverview .form .field .control.image-album,
        body .users .form .field .control.image-album {
          border: 1px solid rgba(0, 0, 0, 0.1);
          border-radius: 3px;
          padding: 10px 10px 0px 0px;
          font-size: 0px; }
          body .page-OrderOverview .form .field .control.image-album .item,
          body .users .form .field .control.image-album .item {
            display: inline-block;
            position: relative;
            overflow: hidden;
            margin: 0px 0px 10px 10px;
            border: 3px solid transparent;
            border-radius: 10px; }
            body .page-OrderOverview .form .field .control.image-album .item.hot,
            body .users .form .field .control.image-album .item.hot {
              border: 3px solid red; }
            body .page-OrderOverview .form .field .control.image-album .item *,
            body .users .form .field .control.image-album .item * {
              transition: all ease-out 0.3s; }
            body .page-OrderOverview .form .field .control.image-album .item img,
            body .users .form .field .control.image-album .item img {
              width: 128px;
              height: 128px; }
            body .page-OrderOverview .form .field .control.image-album .item a,
            body .users .form .field .control.image-album .item a {
              font-size: 8pt;
              display: inline-block;
              position: absolute;
              bottom: -30px;
              background-color: rgba(0, 0, 0, 0.7);
              color: #FFF;
              text-decoration: none;
              padding: 3px 5px;
              border-radius: 3px; }
              body .page-OrderOverview .form .field .control.image-album .item a:nth-of-type(1),
              body .users .form .field .control.image-album .item a:nth-of-type(1) {
                left: 10px; }
              body .page-OrderOverview .form .field .control.image-album .item a:nth-of-type(2),
              body .users .form .field .control.image-album .item a:nth-of-type(2) {
                right: 10px; }
            body .page-OrderOverview .form .field .control.image-album .item:hover a,
            body .users .form .field .control.image-album .item:hover a {
              bottom: 10px; }
      body .page-OrderOverview .form .field .tips,
      body .users .form .field .tips {
        text-align: start; }
  body .page-OrderOverview .Overview,
  body .page-OrderOverview .order-overview,
  body .users .Overview,
  body .users .order-overview {
    padding: 10px; }
    @media screen and (max-width: 1000px) {
      body .page-OrderOverview .Overview .tablex, body .page-OrderOverview .Overview .table,
      body .page-OrderOverview .order-overview .tablex,
      body .page-OrderOverview .order-overview .table,
      body .users .Overview .tablex,
      body .users .Overview .table,
      body .users .order-overview .tablex,
      body .users .order-overview .table {
        display: block;
        width: 100%; }
        body .page-OrderOverview .Overview .tablex .tr, body .page-OrderOverview .Overview .table .tr,
        body .page-OrderOverview .order-overview .tablex .tr,
        body .page-OrderOverview .order-overview .table .tr,
        body .users .Overview .tablex .tr,
        body .users .Overview .table .tr,
        body .users .order-overview .tablex .tr,
        body .users .order-overview .table .tr {
          display: block;
          border-top: 1px solid rgba(0, 0, 0, 0.1);
          padding: 5px; }
          body .page-OrderOverview .Overview .tablex .tr .td, body .page-OrderOverview .Overview .table .tr .td,
          body .page-OrderOverview .order-overview .tablex .tr .td,
          body .page-OrderOverview .order-overview .table .tr .td,
          body .users .Overview .tablex .tr .td,
          body .users .Overview .table .tr .td,
          body .users .order-overview .tablex .tr .td,
          body .users .order-overview .table .tr .td {
            display: block;
            text-align: center; }
            body .page-OrderOverview .Overview .tablex .tr .td.nw, body .page-OrderOverview .Overview .table .tr .td.nw,
            body .page-OrderOverview .order-overview .tablex .tr .td.nw,
            body .page-OrderOverview .order-overview .table .tr .td.nw,
            body .users .Overview .tablex .tr .td.nw,
            body .users .Overview .table .tr .td.nw,
            body .users .order-overview .tablex .tr .td.nw,
            body .users .order-overview .table .tr .td.nw {
              width: auto;
              white-space: normal; }
          body .page-OrderOverview .Overview .tablex .tr .th, body .page-OrderOverview .Overview .table .tr .th,
          body .page-OrderOverview .order-overview .tablex .tr .th,
          body .page-OrderOverview .order-overview .table .tr .th,
          body .users .Overview .tablex .tr .th,
          body .users .Overview .table .tr .th,
          body .users .order-overview .tablex .tr .th,
          body .users .order-overview .table .tr .th {
            display: block;
            text-align: center; }
            body .page-OrderOverview .Overview .tablex .tr .th.nw, body .page-OrderOverview .Overview .table .tr .th.nw,
            body .page-OrderOverview .order-overview .tablex .tr .th.nw,
            body .page-OrderOverview .order-overview .table .tr .th.nw,
            body .users .Overview .tablex .tr .th.nw,
            body .users .Overview .table .tr .th.nw,
            body .users .order-overview .tablex .tr .th.nw,
            body .users .order-overview .table .tr .th.nw {
              width: auto;
              white-space: normal; } }
    @media screen and (min-width: 1001px) {
      body .page-OrderOverview .Overview .tablex, body .page-OrderOverview .Overview .table,
      body .page-OrderOverview .order-overview .tablex,
      body .page-OrderOverview .order-overview .table,
      body .users .Overview .tablex,
      body .users .Overview .table,
      body .users .order-overview .tablex,
      body .users .order-overview .table {
        display: table;
        width: 100%; }
        body .page-OrderOverview .Overview .tablex .tr, body .page-OrderOverview .Overview .table .tr,
        body .page-OrderOverview .order-overview .tablex .tr,
        body .page-OrderOverview .order-overview .table .tr,
        body .users .Overview .tablex .tr,
        body .users .Overview .table .tr,
        body .users .order-overview .tablex .tr,
        body .users .order-overview .table .tr {
          display: table-row;
          border-top: 0px;
          padding: 0px; }
          body .page-OrderOverview .Overview .tablex .tr .td, body .page-OrderOverview .Overview .table .tr .td,
          body .page-OrderOverview .order-overview .tablex .tr .td,
          body .page-OrderOverview .order-overview .table .tr .td,
          body .users .Overview .tablex .tr .td,
          body .users .Overview .table .tr .td,
          body .users .order-overview .tablex .tr .td,
          body .users .order-overview .table .tr .td {
            display: table-cell;
            border-top: 1px solid rgba(0, 0, 0, 0.1);
            text-align: start; }
            body .page-OrderOverview .Overview .tablex .tr .td.nw, body .page-OrderOverview .Overview .table .tr .td.nw,
            body .page-OrderOverview .order-overview .tablex .tr .td.nw,
            body .page-OrderOverview .order-overview .table .tr .td.nw,
            body .users .Overview .tablex .tr .td.nw,
            body .users .Overview .table .tr .td.nw,
            body .users .order-overview .tablex .tr .td.nw,
            body .users .order-overview .table .tr .td.nw {
              width: 10px;
              white-space: nowrap; }
          body .page-OrderOverview .Overview .tablex .tr .th, body .page-OrderOverview .Overview .table .tr .th,
          body .page-OrderOverview .order-overview .tablex .tr .th,
          body .page-OrderOverview .order-overview .table .tr .th,
          body .users .Overview .tablex .tr .th,
          body .users .Overview .table .tr .th,
          body .users .order-overview .tablex .tr .th,
          body .users .order-overview .table .tr .th {
            display: table-cell;
            text-align: start; }
            body .page-OrderOverview .Overview .tablex .tr .th.nw, body .page-OrderOverview .Overview .table .tr .th.nw,
            body .page-OrderOverview .order-overview .tablex .tr .th.nw,
            body .page-OrderOverview .order-overview .table .tr .th.nw,
            body .users .Overview .tablex .tr .th.nw,
            body .users .Overview .table .tr .th.nw,
            body .users .order-overview .tablex .tr .th.nw,
            body .users .order-overview .table .tr .th.nw {
              width: 10px;
              white-space: nowrap; } }
    body .page-OrderOverview .Overview .tablex, body .page-OrderOverview .Overview .table,
    body .page-OrderOverview .order-overview .tablex,
    body .page-OrderOverview .order-overview .table,
    body .users .Overview .tablex,
    body .users .Overview .table,
    body .users .order-overview .tablex,
    body .users .order-overview .table {
      border: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-OrderOverview .Overview .tablex > .tr .th, body .page-OrderOverview .Overview .table > .tr .th,
      body .page-OrderOverview .order-overview .tablex > .tr .th,
      body .page-OrderOverview .order-overview .table > .tr .th,
      body .users .Overview .tablex > .tr .th,
      body .users .Overview .table > .tr .th,
      body .users .order-overview .tablex > .tr .th,
      body .users .order-overview .table > .tr .th {
        background-color: rgba(0, 0, 0, 0.02);
        padding: 10px; }
        body .page-OrderOverview .Overview .tablex > .tr .th.center, body .page-OrderOverview .Overview .table > .tr .th.center,
        body .page-OrderOverview .order-overview .tablex > .tr .th.center,
        body .page-OrderOverview .order-overview .table > .tr .th.center,
        body .users .Overview .tablex > .tr .th.center,
        body .users .Overview .table > .tr .th.center,
        body .users .order-overview .tablex > .tr .th.center,
        body .users .order-overview .table > .tr .th.center {
          text-align: center; }
      body .page-OrderOverview .Overview .tablex > .tr .td, body .page-OrderOverview .Overview .table > .tr .td,
      body .page-OrderOverview .order-overview .tablex > .tr .td,
      body .page-OrderOverview .order-overview .table > .tr .td,
      body .users .Overview .tablex > .tr .td,
      body .users .Overview .table > .tr .td,
      body .users .order-overview .tablex > .tr .td,
      body .users .order-overview .table > .tr .td {
        font-size: 11pt;
        vertical-align: middle;
        padding: 5px 10px; }
        body .page-OrderOverview .Overview .tablex > .tr .td img, body .page-OrderOverview .Overview .table > .tr .td img,
        body .page-OrderOverview .order-overview .tablex > .tr .td img,
        body .page-OrderOverview .order-overview .table > .tr .td img,
        body .users .Overview .tablex > .tr .td img,
        body .users .Overview .table > .tr .td img,
        body .users .order-overview .tablex > .tr .td img,
        body .users .order-overview .table > .tr .td img {
          vertical-align: middle; }
        body .page-OrderOverview .Overview .tablex > .tr .td.center, body .page-OrderOverview .Overview .table > .tr .td.center,
        body .page-OrderOverview .order-overview .tablex > .tr .td.center,
        body .page-OrderOverview .order-overview .table > .tr .td.center,
        body .users .Overview .tablex > .tr .td.center,
        body .users .Overview .table > .tr .td.center,
        body .users .order-overview .tablex > .tr .td.center,
        body .users .order-overview .table > .tr .td.center {
          text-align: center; }
        body .page-OrderOverview .Overview .tablex > .tr .td.unit, body .page-OrderOverview .Overview .table > .tr .td.unit,
        body .page-OrderOverview .order-overview .tablex > .tr .td.unit,
        body .page-OrderOverview .order-overview .table > .tr .td.unit,
        body .users .Overview .tablex > .tr .td.unit,
        body .users .Overview .table > .tr .td.unit,
        body .users .order-overview .tablex > .tr .td.unit,
        body .users .order-overview .table > .tr .td.unit {
          padding-left: 25px;
          padding-right: 25px; }
          body .page-OrderOverview .Overview .tablex > .tr .td.unit:after, body .page-OrderOverview .Overview .table > .tr .td.unit:after,
          body .page-OrderOverview .order-overview .tablex > .tr .td.unit:after,
          body .page-OrderOverview .order-overview .table > .tr .td.unit:after,
          body .users .Overview .tablex > .tr .td.unit:after,
          body .users .Overview .table > .tr .td.unit:after,
          body .users .order-overview .tablex > .tr .td.unit:after,
          body .users .order-overview .table > .tr .td.unit:after {
            content: 'تومان';
            color: #0085dd;
            display: inline-block;
            margin-right: 10px;
            font-size: 8pt; }
        body .page-OrderOverview .Overview .tablex > .tr .td.precent, body .page-OrderOverview .Overview .table > .tr .td.precent,
        body .page-OrderOverview .order-overview .tablex > .tr .td.precent,
        body .page-OrderOverview .order-overview .table > .tr .td.precent,
        body .users .Overview .tablex > .tr .td.precent,
        body .users .Overview .table > .tr .td.precent,
        body .users .order-overview .tablex > .tr .td.precent,
        body .users .order-overview .table > .tr .td.precent {
          padding-left: 25px;
          padding-right: 25px; }
          body .page-OrderOverview .Overview .tablex > .tr .td.precent:after, body .page-OrderOverview .Overview .table > .tr .td.precent:after,
          body .page-OrderOverview .order-overview .tablex > .tr .td.precent:after,
          body .page-OrderOverview .order-overview .table > .tr .td.precent:after,
          body .users .Overview .tablex > .tr .td.precent:after,
          body .users .Overview .table > .tr .td.precent:after,
          body .users .order-overview .tablex > .tr .td.precent:after,
          body .users .order-overview .table > .tr .td.precent:after {
            content: '%';
            display: inline-block;
            padding-right: 5px;
            color: #0085dd; }
        body .page-OrderOverview .Overview .tablex > .tr .td.pcolor, body .page-OrderOverview .Overview .table > .tr .td.pcolor,
        body .page-OrderOverview .order-overview .tablex > .tr .td.pcolor,
        body .page-OrderOverview .order-overview .table > .tr .td.pcolor,
        body .users .Overview .tablex > .tr .td.pcolor,
        body .users .Overview .table > .tr .td.pcolor,
        body .users .order-overview .tablex > .tr .td.pcolor,
        body .users .order-overview .table > .tr .td.pcolor {
          background-color: rgba(0, 162, 245, 0.18);
          font-size: 20px;
          font-weight: bold; }
        body .page-OrderOverview .Overview .tablex > .tr .td .overview-btnx, body .page-OrderOverview .Overview .table > .tr .td .overview-btnx,
        body .page-OrderOverview .order-overview .tablex > .tr .td .overview-btnx,
        body .page-OrderOverview .order-overview .table > .tr .td .overview-btnx,
        body .users .Overview .tablex > .tr .td .overview-btnx,
        body .users .Overview .table > .tr .td .overview-btnx,
        body .users .order-overview .tablex > .tr .td .overview-btnx,
        body .users .order-overview .table > .tr .td .overview-btnx {
          display: inline-block;
          background-color: #0085dd;
          color: #FFF;
          text-decoration: none;
          border-radius: 3px;
          font-size: 14pt;
          line-height: 24px;
          width: 32px;
          vertical-align: middle; }
        body .page-OrderOverview .Overview .tablex > .tr .td .overview-btn, body .page-OrderOverview .Overview .table > .tr .td .overview-btn,
        body .page-OrderOverview .order-overview .tablex > .tr .td .overview-btn,
        body .page-OrderOverview .order-overview .table > .tr .td .overview-btn,
        body .users .Overview .tablex > .tr .td .overview-btn,
        body .users .Overview .table > .tr .td .overview-btn,
        body .users .order-overview .tablex > .tr .td .overview-btn,
        body .users .order-overview .table > .tr .td .overview-btn {
          display: inline-block;
          background-color: #00a2f5;
          color: #FFF;
          text-decoration: none;
          border-radius: 3px;
          font-size: 14pt;
          width: 32px;
          line-height: 24px;
          vertical-align: middle; }
        body .page-OrderOverview .Overview .tablex > .tr .td a, body .page-OrderOverview .Overview .table > .tr .td a,
        body .page-OrderOverview .order-overview .tablex > .tr .td a,
        body .page-OrderOverview .order-overview .table > .tr .td a,
        body .users .Overview .tablex > .tr .td a,
        body .users .Overview .table > .tr .td a,
        body .users .order-overview .tablex > .tr .td a,
        body .users .order-overview .table > .tr .td a {
          display: inline-block;
          font-size: 9pt;
          font-weight: normal;
          text-decoration: none;
          padding: 3px 10px;
          min-width: 16px;
          border-radius: 3px; }
          body .page-OrderOverview .Overview .tablex > .tr .td a.btn-row, body .page-OrderOverview .Overview .table > .tr .td a.btn-row,
          body .page-OrderOverview .order-overview .tablex > .tr .td a.btn-row,
          body .page-OrderOverview .order-overview .table > .tr .td a.btn-row,
          body .users .Overview .tablex > .tr .td a.btn-row,
          body .users .Overview .table > .tr .td a.btn-row,
          body .users .order-overview .tablex > .tr .td a.btn-row,
          body .users .order-overview .table > .tr .td a.btn-row {
            background-color: #0085dd;
            color: #FFF; }
          body .page-OrderOverview .Overview .tablex > .tr .td a.btn-row-del, body .page-OrderOverview .Overview .table > .tr .td a.btn-row-del,
          body .page-OrderOverview .order-overview .tablex > .tr .td a.btn-row-del,
          body .page-OrderOverview .order-overview .table > .tr .td a.btn-row-del,
          body .users .Overview .tablex > .tr .td a.btn-row-del,
          body .users .Overview .table > .tr .td a.btn-row-del,
          body .users .order-overview .tablex > .tr .td a.btn-row-del,
          body .users .order-overview .table > .tr .td a.btn-row-del {
            background-color: #F00;
            color: #FFF; }
    body .page-OrderOverview .Overview .bc.address,
    body .page-OrderOverview .order-overview .bc.address,
    body .users .Overview .bc.address,
    body .users .order-overview .bc.address {
      cursor: pointer;
      text-align: start; }
      body .page-OrderOverview .Overview .bc.address input,
      body .page-OrderOverview .order-overview .bc.address input,
      body .users .Overview .bc.address input,
      body .users .order-overview .bc.address input {
        display: none; }
        body .page-OrderOverview .Overview .bc.address input:checked + label,
        body .page-OrderOverview .order-overview .bc.address input:checked + label,
        body .users .Overview .bc.address input:checked + label,
        body .users .order-overview .bc.address input:checked + label {
          background-color: rgba(0, 162, 245, 0.18);
          color: #333; }
          body .page-OrderOverview .Overview .bc.address input:checked + label:before,
          body .page-OrderOverview .order-overview .bc.address input:checked + label:before,
          body .users .Overview .bc.address input:checked + label:before,
          body .users .order-overview .bc.address input:checked + label:before {
            content: '\f058';
            display: inline-block;
            font-size: 16pt;
            font-family: "Font Awesome 5 Pro";
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            color: #0085dd;
            margin-left: 10px;
            float: right; }
        body .page-OrderOverview .Overview .bc.address input:not(:checked) + label:before,
        body .page-OrderOverview .order-overview .bc.address input:not(:checked) + label:before,
        body .users .Overview .bc.address input:not(:checked) + label:before,
        body .users .order-overview .bc.address input:not(:checked) + label:before {
          content: '\f111';
          display: inline-block;
          font-size: 16pt;
          font-family: "Font Awesome 5 Pro";
          font-style: normal;
          font-variant: normal;
          font-weight: bold;
          color: rgba(0, 0, 0, 0.1);
          margin-left: 10px;
          float: right; }
        body .page-OrderOverview .Overview .bc.address input + label,
        body .page-OrderOverview .order-overview .bc.address input + label,
        body .users .Overview .bc.address input + label,
        body .users .order-overview .bc.address input + label {
          display: block;
          padding: 10px;
          border-radius: 3px;
          cursor: pointer; }
          body .page-OrderOverview .Overview .bc.address input + label strong,
          body .page-OrderOverview .order-overview .bc.address input + label strong,
          body .users .Overview .bc.address input + label strong,
          body .users .order-overview .bc.address input + label strong {
            font-weight: normal; }
            body .page-OrderOverview .Overview .bc.address input + label strong:after,
            body .page-OrderOverview .order-overview .bc.address input + label strong:after,
            body .users .Overview .bc.address input + label strong:after,
            body .users .order-overview .bc.address input + label strong:after {
              content: ' : '; }
          body .page-OrderOverview .Overview .bc.address input + label span:after,
          body .page-OrderOverview .order-overview .bc.address input + label span:after,
          body .users .Overview .bc.address input + label span:after,
          body .users .order-overview .bc.address input + label span:after {
            content: ' / ';
            color: rgba(0, 0, 0, 0.3); }
          body .page-OrderOverview .Overview .bc.address input + label i,
          body .page-OrderOverview .order-overview .bc.address input + label i,
          body .users .Overview .bc.address input + label i,
          body .users .order-overview .bc.address input + label i {
            float: right;
            font-size: 18px;
            width: 40px;
            text-align: center;
            display: none; }
          body .page-OrderOverview .Overview .bc.address input + label b,
          body .page-OrderOverview .order-overview .bc.address input + label b,
          body .users .Overview .bc.address input + label b,
          body .users .order-overview .bc.address input + label b {
            display: block;
            margin-right: 30px; }
    body .page-OrderOverview .Overview .bc.way,
    body .page-OrderOverview .order-overview .bc.way,
    body .users .Overview .bc.way,
    body .users .order-overview .bc.way {
      cursor: pointer;
      text-align: start; }
      body .page-OrderOverview .Overview .bc.way input,
      body .page-OrderOverview .order-overview .bc.way input,
      body .users .Overview .bc.way input,
      body .users .order-overview .bc.way input {
        display: none; }
        body .page-OrderOverview .Overview .bc.way input:checked + label,
        body .page-OrderOverview .order-overview .bc.way input:checked + label,
        body .users .Overview .bc.way input:checked + label,
        body .users .order-overview .bc.way input:checked + label {
          background-color: rgba(0, 162, 245, 0.18);
          color: #333; }
          body .page-OrderOverview .Overview .bc.way input:checked + label:before,
          body .page-OrderOverview .order-overview .bc.way input:checked + label:before,
          body .users .Overview .bc.way input:checked + label:before,
          body .users .order-overview .bc.way input:checked + label:before {
            content: '\f058';
            display: inline-block;
            font-size: 16pt;
            font-family: "Font Awesome 5 Pro";
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            color: #0085dd;
            margin-left: 10px;
            float: right; }
        body .page-OrderOverview .Overview .bc.way input:not(:checked) + label:before,
        body .page-OrderOverview .order-overview .bc.way input:not(:checked) + label:before,
        body .users .Overview .bc.way input:not(:checked) + label:before,
        body .users .order-overview .bc.way input:not(:checked) + label:before {
          content: '\f111';
          display: inline-block;
          font-size: 16pt;
          font-family: "Font Awesome 5 Pro";
          font-style: normal;
          font-variant: normal;
          font-weight: bold;
          color: rgba(0, 0, 0, 0.1);
          margin-left: 10px;
          float: right; }
        @media screen and (min-width: 300px) {
          body .page-OrderOverview .Overview .bc.way input + label,
          body .page-OrderOverview .order-overview .bc.way input + label,
          body .users .Overview .bc.way input + label,
          body .users .order-overview .bc.way input + label {
            width: auto;
            display: block; } }
        @media screen and (min-width: 1000px) {
          body .page-OrderOverview .Overview .bc.way input + label,
          body .page-OrderOverview .order-overview .bc.way input + label,
          body .users .Overview .bc.way input + label,
          body .users .order-overview .bc.way input + label {
            width: auto;
            display: block; } }
        body .page-OrderOverview .Overview .bc.way input + label,
        body .page-OrderOverview .order-overview .bc.way input + label,
        body .users .Overview .bc.way input + label,
        body .users .order-overview .bc.way input + label {
          padding: 10px;
          border-radius: 3px;
          vertical-align: top;
          cursor: pointer; }
          body .page-OrderOverview .Overview .bc.way input + label strong,
          body .page-OrderOverview .order-overview .bc.way input + label strong,
          body .users .Overview .bc.way input + label strong,
          body .users .order-overview .bc.way input + label strong {
            display: inline;
            text-align: center; }
            body .page-OrderOverview .Overview .bc.way input + label strong.price,
            body .page-OrderOverview .order-overview .bc.way input + label strong.price,
            body .users .Overview .bc.way input + label strong.price,
            body .users .order-overview .bc.way input + label strong.price {
              padding: 0px 25px;
              font-size: 14pt; }
              body .page-OrderOverview .Overview .bc.way input + label strong.price:after,
              body .page-OrderOverview .order-overview .bc.way input + label strong.price:after,
              body .users .Overview .bc.way input + label strong.price:after,
              body .users .order-overview .bc.way input + label strong.price:after {
                content: 'تومان';
                padding-right: 5px;
                display: inline-block;
                font-size: 8pt; }
            body .page-OrderOverview .Overview .bc.way input + label strong.name,
            body .page-OrderOverview .order-overview .bc.way input + label strong.name,
            body .users .Overview .bc.way input + label strong.name,
            body .users .order-overview .bc.way input + label strong.name {
              font-size: 10pt; }
          body .page-OrderOverview .Overview .bc.way input + label i,
          body .page-OrderOverview .order-overview .bc.way input + label i,
          body .users .Overview .bc.way input + label i,
          body .users .order-overview .bc.way input + label i {
            display: none; }
    body .page-OrderOverview .Overview .bc.pays,
    body .page-OrderOverview .order-overview .bc.pays,
    body .users .Overview .bc.pays,
    body .users .order-overview .bc.pays {
      cursor: pointer; }
      body .page-OrderOverview .Overview .bc.pays input,
      body .page-OrderOverview .order-overview .bc.pays input,
      body .users .Overview .bc.pays input,
      body .users .order-overview .bc.pays input {
        display: none; }
        body .page-OrderOverview .Overview .bc.pays input:checked + label,
        body .page-OrderOverview .order-overview .bc.pays input:checked + label,
        body .users .Overview .bc.pays input:checked + label,
        body .users .order-overview .bc.pays input:checked + label {
          background-color: rgba(0, 162, 245, 0.18);
          color: #333; }
        @media screen and (min-width: 300px) {
          body .page-OrderOverview .Overview .bc.pays input + label,
          body .page-OrderOverview .order-overview .bc.pays input + label,
          body .users .Overview .bc.pays input + label,
          body .users .order-overview .bc.pays input + label {
            width: auto;
            display: block; } }
        @media screen and (min-width: 1000px) {
          body .page-OrderOverview .Overview .bc.pays input + label,
          body .page-OrderOverview .order-overview .bc.pays input + label,
          body .users .Overview .bc.pays input + label,
          body .users .order-overview .bc.pays input + label {
            width: 250px;
            display: inline-block; } }
        body .page-OrderOverview .Overview .bc.pays input + label,
        body .page-OrderOverview .order-overview .bc.pays input + label,
        body .users .Overview .bc.pays input + label,
        body .users .order-overview .bc.pays input + label {
          padding: 10px;
          border-radius: 3px;
          vertical-align: top;
          padding: 25px 25px;
          cursor: pointer; }
          body .page-OrderOverview .Overview .bc.pays input + label h2,
          body .page-OrderOverview .order-overview .bc.pays input + label h2,
          body .users .Overview .bc.pays input + label h2,
          body .users .order-overview .bc.pays input + label h2 {
            text-align: center; }
  body .page-OrderOverview fieldset,
  body .users fieldset {
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px;
    margin: 0px; }
    body .page-OrderOverview fieldset legend,
    body .users fieldset legend {
      display: inline-block;
      padding: 3px 10px; }
  body .page-OrderOverview .addresses > .bc,
  body .users .addresses > .bc {
    background-color: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.1); }
    body .page-OrderOverview .addresses > .bc .ds6,
    body .users .addresses > .bc .ds6 {
      padding: 5px; }
      body .page-OrderOverview .addresses > .bc .ds6 .item,
      body .users .addresses > .bc .ds6 .item {
        background-color: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        padding: 5px; }
        body .page-OrderOverview .addresses > .bc .ds6 .item li label,
        body .users .addresses > .bc .ds6 .item li label {
          display: block;
          color: #0085dd;
          border-bottom: 1px dashed rgba(0, 0, 0, 0.1); }
        body .page-OrderOverview .addresses > .bc .ds6 .item li span,
        body .users .addresses > .bc .ds6 .item li span {
          padding: 10px;
          display: block; }
  body .page-OrderOverview .favorites .bc,
  body .users .favorites .bc {
    margin: 0px 0px -10px -10px; }
    body .page-OrderOverview .favorites .bc > li,
    body .users .favorites .bc > li {
      padding: 0px 0px 10px 10px; }
      body .page-OrderOverview .favorites .bc > li .item,
      body .users .favorites .bc > li .item {
        padding: 10px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        text-align: center; }
        body .page-OrderOverview .favorites .bc > li .item .name,
        body .users .favorites .bc > li .item .name {
          font-size: 14pt; }
        body .page-OrderOverview .favorites .bc > li .item .price,
        body .users .favorites .bc > li .item .price {
          color: red; }
        body .page-OrderOverview .favorites .bc > li .item .control,
        body .users .favorites .bc > li .item .control {
          border-top: 1px solid rgba(0, 0, 0, 0.1);
          padding-top: 10px;
          margin-top: 10px; }
  body .page-OrderOverview .gifts .bc,
  body .users .gifts .bc {
    margin: 0px 0px -10px -10px; }
    body .page-OrderOverview .gifts .bc > li,
    body .users .gifts .bc > li {
      padding: 0px 0px 10px 10px; }
      body .page-OrderOverview .gifts .bc > li .item,
      body .users .gifts .bc > li .item {
        padding: 10px;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 3px;
        text-align: center; }
        body .page-OrderOverview .gifts .bc > li .item .name,
        body .users .gifts .bc > li .item .name {
          font-size: 14pt; }
        body .page-OrderOverview .gifts .bc > li .item .price,
        body .users .gifts .bc > li .item .price {
          color: #002d4a;
          font-size: 24pt;
          font-weight: bold; }
        body .page-OrderOverview .gifts .bc > li .item .control,
        body .users .gifts .bc > li .item .control {
          border-top: 1px solid rgba(0, 0, 0, 0.1);
          padding-top: 10px;
          margin-top: 10px; }
          body .page-OrderOverview .gifts .bc > li .item .control b,
          body .users .gifts .bc > li .item .control b {
            font-family: Consolas,Tahoma,irs;
            font-size: 14pt;
            color: #0085dd;
            font-weight: normal; }
  body .page-OrderOverview .products,
  body .users .products {
    padding: 10px;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none; }
    body .page-OrderOverview .products .td,
    body .users .products .td {
      vertical-align: middle; }
      body .page-OrderOverview .products .td .console,
      body .users .products .td .console {
        text-align: center;
        background-color: #0085dd;
        border-radius: 3px;
        padding: 5px;
        position: relative;
        width: 135px; }
        body .page-OrderOverview .products .td .console, body .page-OrderOverview .products .td .console *,
        body .users .products .td .console,
        body .users .products .td .console * {
          cursor: pointer; }
        body .page-OrderOverview .products .td .console[data-count]:after,
        body .users .products .td .console[data-count]:after {
          background-color: #69a800;
          border-radius: 100px;
          line-height: 32px;
          content: '\f00c';
          font-family: "Font Awesome 5 Pro";
          font-style: normal;
          font-variant: normal;
          font-weight: bold;
          font-size: 16px;
          width: 32px;
          height: 32px;
          color: #FFF;
          position: absolute;
          bottom: -16px;
          right: -16px;
          text-align: center;
          vertical-align: middle; }
        body .page-OrderOverview .products .td .console select,
        body .users .products .td .console select {
          width: 100%;
          font-family: irs; }
          body .page-OrderOverview .products .td .console select *,
          body .users .products .td .console select * {
            font-family: irs; }
        body .page-OrderOverview .products .td .console input,
        body .users .products .td .console input {
          background-color: transparent;
          border: 0px;
          color: #FFF;
          font-family: irs;
          padding: 10px 3px;
          text-align: center;
          display: block;
          width: 100%; }
        body .page-OrderOverview .products .td .console *,
        body .users .products .td .console * {
          display: block; }
    body .page-OrderOverview .products .result:not(.group):not(.table) .group, body .page-OrderOverview .products .result:not(.group):not(.table) .table,
    body .users .products .result:not(.group):not(.table) .group,
    body .users .products .result:not(.group):not(.table) .table {
      display: none; }
    body .page-OrderOverview .products .result.group .table,
    body .users .products .result.group .table {
      display: none; }
    body .page-OrderOverview .products .result.table .group,
    body .users .products .result.table .group {
      display: none; }
    body .page-OrderOverview .products .result .group,
    body .users .products .result .group {
      text-align: start; }
      body .page-OrderOverview .products .result .group fieldset.close > ul,
      body .users .products .result .group fieldset.close > ul {
        display: none; }
      body .page-OrderOverview .products .result .group fieldset.close legend span:before,
      body .users .products .result .group fieldset.close legend span:before {
        content: '\f053';
        font-family: "Font Awesome 5 Pro";
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        display: inline-block;
        padding: 0px 10px;
        color: #0085dd; }
      body .page-OrderOverview .products .result .group fieldset:not(.close) legend span:before,
      body .users .products .result .group fieldset:not(.close) legend span:before {
        content: '\f078';
        font-family: "Font Awesome 5 Pro";
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        display: inline-block;
        padding: 0px 10px;
        color: #0085dd; }
      body .page-OrderOverview .products .result .group fieldset legend,
      body .users .products .result .group fieldset legend {
        cursor: pointer; }
      body .page-OrderOverview .products .result .group li,
      body .users .products .result .group li {
        text-align: center; }
        body .page-OrderOverview .products .result .group li .item,
        body .users .products .result .group li .item {
          padding: 10px;
          background-color: rgba(0, 0, 0, 0.02);
          margin: 5px;
          border: 1px solid rgba(0, 0, 0, 0.1);
          border-radius: 3px;
          position: relative; }
          body .page-OrderOverview .products .result .group li .item[data-count]:after,
          body .users .products .result .group li .item[data-count]:after {
            content: '\f00c';
            font-family: "Font Awesome 5 Pro";
            font-style: normal;
            font-variant: normal;
            font-weight: bold;
            font-size: 50px;
            color: green;
            position: absolute;
            top: 10px;
            left: 10px;
            text-align: center;
            vertical-align: middle; }
          body .page-OrderOverview .products .result .group li .item .name,
          body .users .products .result .group li .item .name {
            font-size: medium;
            font-weight: bold;
            margin-bottom: 10px;
            text-align: start; }
          body .page-OrderOverview .products .result .group li .item .count,
          body .users .products .result .group li .item .count {
            text-align: start; }
          body .page-OrderOverview .products .result .group li .item .data,
          body .users .products .result .group li .item .data {
            text-align: start; }
          body .page-OrderOverview .products .result .group li .item .price,
          body .users .products .result .group li .item .price {
            text-align: start; }
            body .page-OrderOverview .products .result .group li .item .price b,
            body .users .products .result .group li .item .price b {
              display: inline-block;
              font-weight: normal; }
            body .page-OrderOverview .products .result .group li .item .price b:after,
            body .users .products .result .group li .item .price b:after {
              content: 'تومان';
              display: inline-block;
              color: #0085dd;
              font-size: small;
              margin-right: 5px;
              font-weight: normal; }
          body .page-OrderOverview .products .result .group li .item .console,
          body .users .products .result .group li .item .console {
            background-color: #0085dd;
            border-radius: 3px;
            padding: 5px;
            text-align: start;
            white-space: nowrap;
            margin-top: 10px; }
            body .page-OrderOverview .products .result .group li .item .console, body .page-OrderOverview .products .result .group li .item .console *,
            body .users .products .result .group li .item .console,
            body .users .products .result .group li .item .console * {
              cursor: pointer; }
            body .page-OrderOverview .products .result .group li .item .console table,
            body .users .products .result .group li .item .console table {
              width: 100%; }
            body .page-OrderOverview .products .result .group li .item .console select,
            body .users .products .result .group li .item .console select {
              padding: 5px;
              border-radius: 5px;
              border: 0px;
              display: block;
              width: 100%;
              font-family: irs; }
            body .page-OrderOverview .products .result .group li .item .console input,
            body .users .products .result .group li .item .console input {
              background-color: transparent;
              border: 0px;
              color: #FFF;
              font-family: irs;
              width: 100%;
              text-align: center;
              padding: 10px; }
  body .page-OrderOverview .tickets,
  body .users .tickets {
    padding: 10px; }
  body .page-OrderOverview .tickets .tick-type .ticket-type1:before,
  body .page-OrderOverview .orders .tick-type .ticket-type1:before,
  body .users .tickets .tick-type .ticket-type1:before,
  body .users .orders .tick-type .ticket-type1:before {
    content: ' ';
    height: 16px;
    width: 16px;
    background-color: #2c2c2c;
    color: #FFF;
    display: inline-block;
    font-size: 9pt;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 5px; }
  body .page-OrderOverview .tickets .tick-type .ticket-type2:before,
  body .page-OrderOverview .orders .tick-type .ticket-type2:before,
  body .users .tickets .tick-type .ticket-type2:before,
  body .users .orders .tick-type .ticket-type2:before {
    content: ' ';
    height: 16px;
    width: 16px;
    background-color: #b4a500;
    color: #FFF;
    display: inline-block;
    font-size: 9pt;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 5px; }
  body .page-OrderOverview .tickets .tick-type .ticket-type3:before,
  body .page-OrderOverview .orders .tick-type .ticket-type3:before,
  body .users .tickets .tick-type .ticket-type3:before,
  body .users .orders .tick-type .ticket-type3:before {
    content: ' ';
    height: 16px;
    width: 16px;
    background-color: #00ac43;
    color: #FFF;
    display: inline-block;
    font-size: 9pt;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 5px; }
  body .page-OrderOverview .tickets .tick-type .ticket-type4:before,
  body .page-OrderOverview .orders .tick-type .ticket-type4:before,
  body .users .tickets .tick-type .ticket-type4:before,
  body .users .orders .tick-type .ticket-type4:before {
    content: ' ';
    height: 16px;
    width: 16px;
    background-color: #336398;
    color: #FFF;
    display: inline-block;
    font-size: 9pt;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 5px; }
  body .page-OrderOverview .tickets .tick-type .ticket-type5:before,
  body .page-OrderOverview .orders .tick-type .ticket-type5:before,
  body .users .tickets .tick-type .ticket-type5:before,
  body .users .orders .tick-type .ticket-type5:before {
    content: ' ';
    height: 16px;
    width: 16px;
    background-color: #900808;
    color: #FFF;
    display: inline-block;
    font-size: 9pt;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 5px; }
  body .page-OrderOverview .tickets .tick-type .ticket-type6:before,
  body .page-OrderOverview .orders .tick-type .ticket-type6:before,
  body .users .tickets .tick-type .ticket-type6:before,
  body .users .orders .tick-type .ticket-type6:before {
    content: ' ';
    height: 16px;
    width: 16px;
    background-color: #7900b9;
    color: #FFF;
    display: inline-block;
    font-size: 9pt;
    border-radius: 3px;
    vertical-align: middle;
    margin-left: 5px; }
  body .page-OrderOverview .tickets .th,
  body .page-OrderOverview .tickets .td,
  body .page-OrderOverview .orders .th,
  body .page-OrderOverview .orders .td,
  body .users .tickets .th,
  body .users .tickets .td,
  body .users .orders .th,
  body .users .orders .td {
    padding: 5px; }
  body .page-OrderOverview .tickets .btn-row,
  body .page-OrderOverview .orders .btn-row,
  body .users .tickets .btn-row,
  body .users .orders .btn-row {
    display: inline-block;
    text-decoration: none;
    background-color: #666;
    color: #FFF;
    padding: 3px 7px;
    font-size: 8pt;
    border-radius: 3px; }
  body .page-OrderOverview .tickets .btn-row-del,
  body .page-OrderOverview .orders .btn-row-del,
  body .users .tickets .btn-row-del,
  body .users .orders .btn-row-del {
    display: inline-block;
    text-decoration: none;
    background-color: #0085dd;
    color: #FFF;
    padding: 3px 7px;
    font-size: 8pt;
    border-radius: 3px; }
  @media screen and (max-width: 1000px) {
    body .page-OrderOverview .tickets .tr:not(:last-of-type),
    body .page-OrderOverview .orders .tr:not(:last-of-type),
    body .users .tickets .tr:not(:last-of-type),
    body .users .orders .tr:not(:last-of-type) {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-OrderOverview .tickets .tr:not(:last-of-type) .td, body .page-OrderOverview .tickets .tr:not(:last-of-type) .th,
      body .page-OrderOverview .orders .tr:not(:last-of-type) .td,
      body .page-OrderOverview .orders .tr:not(:last-of-type) .th,
      body .users .tickets .tr:not(:last-of-type) .td,
      body .users .tickets .tr:not(:last-of-type) .th,
      body .users .orders .tr:not(:last-of-type) .td,
      body .users .orders .tr:not(:last-of-type) .th {
        text-align: start; } }
  @media screen and (min-width: 1001px) {
    body .page-OrderOverview .tickets .tr:not(:last-of-type) .td, body .page-OrderOverview .tickets .tr:not(:last-of-type) .th,
    body .page-OrderOverview .orders .tr:not(:last-of-type) .td,
    body .page-OrderOverview .orders .tr:not(:last-of-type) .th,
    body .users .tickets .tr:not(:last-of-type) .td,
    body .users .tickets .tr:not(:last-of-type) .th,
    body .users .orders .tr:not(:last-of-type) .td,
    body .users .orders .tr:not(:last-of-type) .th {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    body .page-OrderOverview .tickets .nw,
    body .page-OrderOverview .orders .nw,
    body .users .tickets .nw,
    body .users .orders .nw {
      width: 10px;
      white-space: nowrap; } }
  body .page-OrderOverview .visitor #resdiv,
  body .users .visitor #resdiv {
    margin-top: 10px; }
  body .page-OrderOverview .visitor fieldset select,
  body .users .visitor fieldset select {
    width: 100%;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
    border-radius: 3px;
    text-align: center; }
    body .page-OrderOverview .visitor fieldset select option,
    body .users .visitor fieldset select option {
      text-align: center; }
  @media screen and (max-width: 1000px) {
    body .page-OrderOverview .visitor fieldset div,
    body .users .visitor fieldset div {
      position: fixed;
      bottom: 57px;
      left: 0px;
      width: 100%;
      font-size: 12pt;
      padding: 10px 0px;
      background-color: rgba(0, 0, 0, 0.8);
      color: #FFF;
      z-index: 99; } }
  @media screen and (min-width: 1001px) {
    body .page-OrderOverview .visitor fieldset div,
    body .users .visitor fieldset div {
      background-color: rgba(0, 0, 0, 0.1);
      margin-top: 10px;
      padding: 10px;
      border-radius: 3px; } }
  body .page-OrderOverview .visitor fieldset #orderx-basket,
  body .users .visitor fieldset #orderx-basket {
    font-size: 18pt; }
    body .page-OrderOverview .visitor fieldset #orderx-basket:before,
    body .users .visitor fieldset #orderx-basket:before {
      content: 'جمع فاکتور : ';
      font-size: 9pt; }
    body .page-OrderOverview .visitor fieldset #orderx-basket:after,
    body .users .visitor fieldset #orderx-basket:after {
      content: ' تومان';
      color: #0085dd;
      font-size: 9pt; }
  body .page-OrderOverview .visitor .buttons,
  body .users .visitor .buttons {
    text-align: center; }
  @media screen and (max-width: 1000px) {
    body .page-OrderOverview .visitor .table .tr.act,
    body .users .visitor .table .tr.act {
      position: relative; }
      body .page-OrderOverview .visitor .table .tr.act:after,
      body .users .visitor .table .tr.act:after {
        background-color: #69a800;
        border-radius: 100px;
        line-height: 32px;
        content: '\f00c';
        font-family: "Font Awesome 5 Pro";
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 16px;
        width: 32px;
        height: 32px;
        color: #FFF;
        position: absolute;
        top: 10px;
        left: 10px;
        text-align: center;
        vertical-align: middle; }
      body .page-OrderOverview .visitor .table .tr.act .td,
      body .users .visitor .table .tr.act .td {
        background-color: rgba(105, 168, 0, 0.1); } }
  @media screen and (min-width: 1001px) {
    body .page-OrderOverview .visitor .table .tr.act,
    body .users .visitor .table .tr.act {
      position: relative; }
      body .page-OrderOverview .visitor .table .tr.act:after,
      body .users .visitor .table .tr.act:after {
        background-color: #69a800;
        border-radius: 100px;
        line-height: 32px;
        content: '\f00c';
        font-family: "Font Awesome 5 Pro";
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        font-size: 16px;
        width: 32px;
        height: 32px;
        color: #FFF;
        position: absolute;
        top: 50%;
        margin-top: -16px;
        right: 5px;
        text-align: center;
        vertical-align: middle;
        transform: scale(0.6); }
      body .page-OrderOverview .visitor .table .tr.act .td,
      body .users .visitor .table .tr.act .td {
        background-color: rgba(105, 168, 0, 0.1); }
    body .page-OrderOverview .visitor .table .tr .sep,
    body .users .visitor .table .tr .sep {
      width: 32px; } }
  body .page-OrderOverview .visitor .table .tr .td,
  body .users .visitor .table .tr .td {
    vertical-align: middle; }
  body .page-OrderOverview .visitor .table select,
  body .users .visitor .table select {
    width: 150px;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 5px;
    border-radius: 3px;
    text-align: center; }

@keyframes _error {
  0% {
    color: red; }
  49% {
    color: red; }
  50% {
    color: inherit; }
  99% {
    color: inherit; } }
  body .page-OrderOverview .factor .subfactor-msg,
  body .users .factor .subfactor-msg {
    animation: infinite _error 0.3s;
    font-size: medium; }
  body .page-OrderOverview .factor fieldset, body .page-OrderOverview .factor .box,
  body .users .factor fieldset,
  body .users .factor .box {
    border: 1px solid rgba(0, 0, 0, 0.1); }
    body .page-OrderOverview .factor fieldset table, body .page-OrderOverview .factor .box table,
    body .users .factor fieldset table,
    body .users .factor .box table {
      width: 100%;
      border-collapse: collapse; }
      body .page-OrderOverview .factor fieldset table tr:not(:last-of-type) td, body .page-OrderOverview .factor .box table tr:not(:last-of-type) td,
      body .users .factor fieldset table tr:not(:last-of-type) td,
      body .users .factor .box table tr:not(:last-of-type) td {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
      body .page-OrderOverview .factor fieldset table th, body .page-OrderOverview .factor .box table th,
      body .users .factor fieldset table th,
      body .users .factor .box table th {
        border-bottom: 3px solid rgba(0, 0, 0, 0.1);
        padding: 5px;
        text-align: start; }
      body .page-OrderOverview .factor fieldset table td, body .page-OrderOverview .factor .box table td,
      body .users .factor fieldset table td,
      body .users .factor .box table td {
        padding: 8px;
        text-align: start; }
        body .page-OrderOverview .factor fieldset table td img, body .page-OrderOverview .factor .box table td img,
        body .users .factor fieldset table td img,
        body .users .factor .box table td img {
          vertical-align: middle; }
      body .page-OrderOverview .factor fieldset table tr.end td, body .page-OrderOverview .factor .box table tr.end td,
      body .users .factor fieldset table tr.end td,
      body .users .factor .box table tr.end td {
        border-top: 3px solid rgba(0, 0, 0, 0.1); }
      body .page-OrderOverview .factor fieldset table .nw, body .page-OrderOverview .factor .box table .nw,
      body .users .factor fieldset table .nw,
      body .users .factor .box table .nw {
        width: 10px;
        white-space: nowrap; }
      body .page-OrderOverview .factor fieldset table .unit:after, body .page-OrderOverview .factor .box table .unit:after,
      body .users .factor fieldset table .unit:after,
      body .users .factor .box table .unit:after {
        content: 'تومان';
        display: inline-block;
        color: #00a2f5;
        font-size: 8pt;
        margin-right: 5px; }
      body .page-OrderOverview .factor fieldset table .precent:after, body .page-OrderOverview .factor .box table .precent:after,
      body .users .factor fieldset table .precent:after,
      body .users .factor .box table .precent:after {
        content: '%';
        display: inline-block;
        color: #00a2f5;
        font-size: 8pt;
        margin-right: 5px; }
    body .page-OrderOverview .factor fieldset .girande strong, body .page-OrderOverview .factor .box .girande strong,
    body .users .factor fieldset .girande strong,
    body .users .factor .box .girande strong {
      display: inline-block;
      padding: 5px; }
      body .page-OrderOverview .factor fieldset .girande strong b, body .page-OrderOverview .factor .box .girande strong b,
      body .users .factor fieldset .girande strong b,
      body .users .factor .box .girande strong b {
        font-weight: bold; }
        body .page-OrderOverview .factor fieldset .girande strong b:after, body .page-OrderOverview .factor .box .girande strong b:after,
        body .users .factor fieldset .girande strong b:after,
        body .users .factor .box .girande strong b:after {
          content: ' : '; }
      body .page-OrderOverview .factor fieldset .girande strong span, body .page-OrderOverview .factor .box .girande strong span,
      body .users .factor fieldset .girande strong span,
      body .users .factor .box .girande strong span {
        font-weight: normal; }
  body .page-OrderOverview .ticket .item,
  body .users .ticket .item {
    padding: 15px;
    text-align: start;
    margin-bottom: 5px; }
    body .page-OrderOverview .ticket .item.wt1,
    body .users .ticket .item.wt1 {
      border-right: 5px solid #0085dd;
      background-color: rgba(0, 0, 0, 0.02); }
      body .page-OrderOverview .ticket .item.wt1 .info,
      body .users .ticket .item.wt1 .info {
        color: #0085dd; }
    body .page-OrderOverview .ticket .item.wt2,
    body .users .ticket .item.wt2 {
      border-left: 5px solid #c4a200;
      background-color: rgba(196, 162, 0, 0.1); }
      body .page-OrderOverview .ticket .item.wt2 .info,
      body .users .ticket .item.wt2 .info {
        color: #0085dd;
        text-align: end; }
    body .page-OrderOverview .ticket .item.wt3,
    body .users .ticket .item.wt3 {
      border-left: 5px solid #08006d;
      background-color: rgba(8, 0, 109, 0.1); }
      body .page-OrderOverview .ticket .item.wt3 .info,
      body .users .ticket .item.wt3 .info {
        color: #0085dd;
        text-align: end; }
    body .page-OrderOverview .ticket .item .info,
    body .users .ticket .item .info {
      display: block;
      border-top: 1px dotted rgba(0, 0, 0, 0.1);
      padding-top: 15px;
      margin-top: 15px; }