@charset "UTF-8";
@import url(../fonts/faw/css/all.css);
@import url(../fonts/iransans/css/fontiran.css);
:root {
  --themeBGLinear: linear-gradient(0deg, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.02));
  --themeBG0: rgb(227, 225, 218);
  --themeBG1: #FAFAFA;
  --themeBG2: #EAEAEA;
  --themeBG3: #DADADA;
  --themeColorFont: #333;
  --themeBorderColor: rgba(0, 0, 0, 0.1);
  --themeColorHarm:red;
  --themeColorHarmFont:white;
  --themeColorHarmDiffrent: orange;
}

body[data-theme=white] {
  --themeBG0: rgb(227, 225, 218);
  --themeBG1: #FAFAFA;
  --themeBG2: #EAEAEA;
  --themeBG3: #DADADA;
  --themeColorFont: #333;
  --themeBorderColor: rgba(0, 0, 0, 0.1);
}

body[data-theme=semiwhite] {
  --themeBG0: #999;
  --themeBG1: #CCC;
  --themeBG2: #DDD;
  --themeBG3: #EEE;
  --themeColorFont: #000;
  --themeBorderColor: rgba(0,0,0, 0.1);
}

body[data-theme=normal] {
  --themeBG0: #666;
  --themeBG1: #888;
  --themeBG2: #999;
  --themeBG3: #AAA;
  --themeColorFont: #111;
  --themeBorderColor: rgba(0,0,0, 0.1);
}

body[data-theme=semidark] {
  --themeBG0: #453B22;
  --themeBG1: #454137;
  --themeBG2: #534E42;
  --themeBG3: #615B4D;
  --themeColorFont: #FFF;
  --themeBorderColor: rgba(255,255,255, 0.2);
}

body[data-theme=dark] {
  --themeBG0: #111111;
  --themeBG1: #2D2D2D;
  --themeBG2: #3D3D3D;
  --themeBG3: #4D4D4D;
  --themeColorFont: #FFF;
  --themeBorderColor: rgba(255,255,255, 0.2);
}

body[data-theme=night] {
  --themeBG0: #111922;
  --themeBG1: #212f42;
  --themeBG2: #2b435a;
  --themeBG3: #173444;
  --themeColorFont: #FFF;
  --themeBorderColor: rgba(200,200,255, 0.2);
}

.theme-white {
  background-color: #FAFAFA;
}

.theme-semiwhite {
  background-color: #FAFAFA;
}

.theme-normal {
  background-color: #AAA;
}

.theme-semidark {
  background-color: #453B22;
}

.theme-dark {
  background-color: #2D2D2D;
}

.theme-night {
  background-color: #000022;
}

body[data-overal=red] {
  --themeColorHarm:rgb(187, 0, 0);
  --themeColorHarmFont:white;
  --themeColorHarmDiffrent: rgb(194, 78, 0);
}

body[data-overal=blue] {
  --themeColorHarm:rgb(0, 135, 212);
  --themeColorHarmFont:white;
  --themeColorHarmDiffrent: rgb(89, 0, 255);
}

body[data-overal=green] {
  --themeColorHarm:rgb(107, 153, 0);
  --themeColorHarmFont:white;
  --themeColorHarmDiffrent: rgb(0, 153, 59);
}

body[data-overal=yellow] {
  --themeColorHarm:rgb(255, 217, 0);
  --themeColorHarmFont:#333;
  --themeColorHarmDiffrent: rgb(184, 119, 0);
}

.overal-red {
  background-color: rgb(187, 0, 0);
}

.overal-blue {
  background-color: rgb(0, 135, 212);
}

.overal-green {
  background-color: rgb(107, 153, 0);
}

.overal-yellow {
  background-color: rgb(255, 217, 0);
}

.bc {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  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 {
  vertical-align: top;
  margin: 0px;
  padding: 0px;
  clear: both;
}
.bc > * {
  justify-self: flex-start;
  font-size: small;
}
.bc > *:not(.flex) {
  display: inline-flex;
}
@media screen and (min-width: 300px) and (max-width: 640px) {
  .bc .mb12 {
    width: 100%;
  }
  .bc .mb11 {
    width: 91.6666663%;
  }
  .bc .mb10 {
    width: 83.333333%;
  }
  .bc .mb9 {
    width: 74.9999997%;
  }
  .bc .mb8 {
    width: 66.6666664%;
  }
  .bc .mb7 {
    width: 58.3333331%;
  }
  .bc .mb6 {
    width: 49.9999998%;
  }
  .bc .mb5 {
    width: 41.6666665%;
  }
  .bc .mb4 {
    width: 33.3333332%;
  }
  .bc .mb3 {
    width: 24.9999999%;
  }
  .bc .mb2 {
    width: 16.6666666%;
  }
  .bc .mb1 {
    width: 8.3333333%;
  }
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .bc .tb12 {
    width: 100%;
  }
  .bc .tb11 {
    width: 91.6666663%;
  }
  .bc .tb10 {
    width: 83.333333%;
  }
  .bc .tb9 {
    width: 74.9999997%;
  }
  .bc .tb8 {
    width: 66.6666664%;
  }
  .bc .tb7 {
    width: 58.3333331%;
  }
  .bc .tb6 {
    width: 49.9999998%;
  }
  .bc .tb5 {
    width: 41.6666665%;
  }
  .bc .tb4 {
    width: 33.3333332%;
  }
  .bc .tb3 {
    width: 24.9999999%;
  }
  .bc .tb2 {
    width: 16.6666666%;
  }
  .bc .tb1 {
    width: 8.3333333%;
  }
}
@media screen and (min-width: 1001px) {
  .bc .ds12 {
    flex-basis: 100%;
  }
  .bc .ds11 {
    flex-basis: 91.6666663%;
  }
  .bc .ds10 {
    flex-basis: 83.333333%;
  }
  .bc .ds9 {
    flex-basis: 74.9999997%;
  }
  .bc .ds8 {
    flex-basis: 66.6666664%;
  }
  .bc .ds7 {
    flex-basis: 58.3333331%;
  }
  .bc .ds6 {
    flex-basis: 49.9999998%;
  }
  .bc .ds5 {
    flex-basis: 41.6666665%;
  }
  .bc .ds4 {
    flex-basis: 33.3333332%;
  }
  .bc .ds3 {
    flex-basis: 24.9999999%;
  }
  .bc .ds2 {
    flex-basis: 16.6666666%;
  }
  .bc .ds1 {
    flex-basis: 8.3333333%;
  }
}

*[data-rbctype][data-rbctype=grid] > .flex > .center .grid-table {
  width: 100%;
  border-spacing: 0px 0px;
}
*[data-rbctype][data-rbctype=grid] > .flex > .center .unit:is(b, span) {
  font-weight: normal;
  font-size: x-small;
  margin-inline-start: 5px;
  background-color: rgba(100, 100, 100, 0.2);
  border-radius: 3px;
  padding: 1px 5px;
  line-height: 14px;
}
*[data-rbctype][data-rbctype=grid] > .flex > .center .enum:is(span, b) {
  color: var(--color);
  position: relative;
  padding: 0px 5px;
}
*[data-rbctype][data-rbctype=grid] > .flex > .center .enum:is(span, b) i {
  vertical-align: middle;
}
*[data-rbctype][data-rbctype=grid] > .flex > .center .enum:is(span, b):before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 5px;
  background-color: var(--color);
  opacity: 0.1;
}
*[data-rbctype][data-rbctype=notifier] {
  z-index: 9;
  pointer-events: none;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  padding: 10px;
}
@keyframes _heartbeat {
  0% {
    transform: scale(0.9);
    box-shadow: 0px 0px 10px var(--themeColorHarm);
  }
  3% {
    transform: scale(1);
    box-shadow: 0px 0px 10px var(--themeColorHarm);
  }
  6% {
    transform: scale(0.9);
    box-shadow: 0px 0px 20px var(--themeColorHarm);
  }
  9% {
    transform: scale(1);
    box-shadow: 0px 0px 10px var(--themeColorHarm);
  }
  12% {
    transform: scale(0.9);
    box-shadow: 0px 0px 10px var(--themeColorHarm);
  }
  15% {
    transform: scale(1);
    box-shadow: 0px 0px 0px var(--themeColorHarm);
  }
  100% {
    transform: scale(1);
    box-shadow: 0px 0px 0px var(--themeColorHarm);
  }
}
*[data-rbctype][data-rbctype=notifier] .notify {
  animation: infinite _heartbeat 5s;
  display: flex;
  max-width: 300px;
  border: 1px solid var(--themeBorderColor);
  border-radius: 5px;
  overflow: hidden;
}
*[data-rbctype][data-rbctype=notifier] .notify:not(:last-of-type) {
  margin: 0 0 10px 0;
}
*[data-rbctype][data-rbctype=notifier] .notify > div {
  margin: 10px;
  font-size: 0px;
}
*[data-rbctype][data-rbctype=notifier] .notify > div i {
  width: 24px;
  font-size: 18px;
  display: block;
  text-align: center;
}
*[data-rbctype][data-rbctype=notifier] .notify > div label {
  font-size: small;
  margin-inline-start: 10px;
  display: block;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=server] {
  background-color: #292600;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=server] i {
  color: rgb(236, 193, 0);
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=server] label {
  color: #FFF;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=info] {
  background-color: #271200;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=info] i {
  color: rgb(192, 109, 0);
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=info] label {
  color: #FFF;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=log] {
  background-color: #001727;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=log] i {
  color: rgb(0, 122, 192);
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=log] label {
  color: #FFF;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=success] {
  background-color: #00270c;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=success] i {
  color: rgb(8, 212, 1);
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=success] label {
  color: #FFF;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=error] {
  background-color: #270000;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=error] i {
  color: red;
}
*[data-rbctype][data-rbctype=notifier] .notify[data-notifytype=error] label {
  color: #FFF;
}
*[data-rbctype][data-rbctype=buttons] {
  text-align: end;
}
*[data-rbctype][data-rbctype=buttons].fullwidth {
  width: 100%;
  display: block;
}
*[data-rbctype][data-rbctype=buttons]:not(.inline) {
  background-image: var(--themeBGLinear);
  border-top: 1px solid var(--themeBorderColor);
}
@media screen and (max-width: 1000px) {
  *[data-rbctype][data-rbctype=buttons]:not(.inline) {
    padding: 10px;
  }
}
@media screen and (min-width: 1001px) {
  *[data-rbctype][data-rbctype=buttons]:not(.inline) {
    padding: 25px;
  }
}

*[data-rbctype=field]:not(.panel) .datepicker {
  position: fixed;
  font-size: small;
  z-index: 999;
}
*[data-rbctype=field]:not(.panel) .datepicker.hide {
  display: none;
}

@keyframes _heart_beat {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  6% {
    transform: scale(1);
  }
  9% {
    transform: scale(1.1);
  }
  12% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.1);
  }
  18% {
    transform: scale(1);
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.bc > * {
  padding: 5px;
}

/* component */
*[data-rbctype=wizard] {
  color: var(--themeColorFont);
}
*[data-rbctype=wizard] .levels > div:not(:is(.passed, .selected, .sep)) {
  opacity: 0.3;
}
*[data-rbctype=wizard] .levels > div.passed i {
  color: var(--themeColorHarmDiffrent);
}
*[data-rbctype=wizard] .levels > div.selected {
  color: var(--themeColorHarm);
}
*[data-rbctype=wizard] .levels > div.hide {
  display: none;
}
*[data-rbctype=wizard] .levels > div.hide + .sep {
  display: none;
}
*[data-rbctype=wizard] .levels label {
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
*[data-rbctype=wizard] .levels label i {
  font-size: 32px;
  margin-bottom: 10px;
}
*[data-rbctype=wizard] .levels label span {
  display: block;
  text-align: center;
}
*[data-rbctype=wizard] .contents {
  position: relative;
  border-top: 1px dashed var(--themeBorderColor);
}
*[data-rbctype=wizard] .contents > *:not(.active) {
  display: none;
}
*[data-rbctype=wizard] .contents > *.active {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

*[data-rbctype=widget] .grid-stack-item {
  overflow: hidden;
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: visible;
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--themeBorderColor);
  background-color: var(--themeBG1);
  border-radius: 5px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  opacity: 1;
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content .base-widget {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content .base-widget > .base-title {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-bottom: 1px dotted var(--themeBorderColor);
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content .base-widget > .base-title i {
  padding: 5px;
  margin: 5px;
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content .base-widget > .base-title > .center {
  overflow: auto;
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content .base-widget > .base-title .end > i {
  width: 24px;
  cursor: pointer;
  margin: 5px;
  aspect-ratio: 1/1;
  text-align: center;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content .base-widget > .base-title .end > i:hover {
  background-color: var(--themeBG2);
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content .base-widget > .base-title label {
  overflow: hidden;
  display: block;
  padding: 5px 10px;
  padding-inline-start: 0px;
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content .base-widget > .base-title label i {
  margin-inline-end: 10px;
}
*[data-rbctype=widget] .grid-stack-item .grid-stack-item-content .base-widget > .base-content {
  overflow: hidden;
}

.rtl {
  direction: rtl;
}

.ltr {
  direction: ltr;
}

*[data-rbctype=list] .search {
  border-bottom: 1px solid var(--themeBorderColor);
}
*[data-rbctype=list] .search input {
  display: block;
  width: 100%;
  background-color: transparent;
  border: 0px;
  padding: 5px;
  color: var(--themeColorFont);
  text-align: center;
  outline: none;
}
*[data-rbctype=list] .search input:focus {
  background-color: var(--themeBG1);
}
*[data-rbctype=list] .search .checkall {
  cursor: pointer;
  padding: 10px;
}
*[data-rbctype=list] .search .checkall i {
  font-size: 16px;
  vertical-align: middle;
  margin-inline-end: 5px;
}
*[data-rbctype=list] .search .checkall:hover {
  color: var(--themeColorHarm);
}
*[data-rbctype=list] table {
  width: 100%;
  border-spacing: 0px;
}
*[data-rbctype=list] table tr th {
  padding: 5px 10px;
  text-align: start;
}
*[data-rbctype=list] table tr:not(:last-of-type) td, *[data-rbctype=list] table tr th {
  border-bottom: 1px solid var(--themeBorderColor);
}
*[data-rbctype=list] table tr.select td {
  background-color: var(--themeBG3);
}
*[data-rbctype=list] table tr td {
  padding: 5px 10px;
}
*[data-rbctype=list] table tbody {
  cursor: default;
}
*[data-rbctype=list] table thead {
  cursor: s-resize;
}

*[data-rbctype=page] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
*[data-rbctype=page]:not(.nobg) {
  background-color: var(--themeBG0);
}
*[data-rbctype=page].loading::after {
  content: "درحال بررسی و بارگیری صفحه، لطفا منتظر بمانید";
  background-color: var(--themeBG1);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: small;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999999;
}
*[data-rbctype=page].error::after {
  content: "خطا در صفحه";
  background-color: rgb(182, 97, 97);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: large;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
*[data-rbctype=page].letter-view > .letter-content > .start {
  border-block-end: 1px solid var(--themeBorderColor);
  padding: 10px;
}
*[data-rbctype=page].letter-view > .letter-content > .start table {
  width: 100%;
}
*[data-rbctype=page].letter-view > .letter-content > .start table th {
  width: 10px;
  white-space: nowrap;
  color: var(--themeColorHarm);
}
*[data-rbctype=page].letter-view > .letter-content > .start table th:after {
  content: " : ";
}
*[data-rbctype=page].letter-view > .letter-content > .start h2 {
  margin: 0px;
}
*[data-rbctype=page].letter-view > .letter-content > .end {
  border-block-start: 1px solid var(--themeBorderColor);
}
*[data-rbctype=page].letter-view > .letter-content > .center > .content {
  padding: 20px 10px;
  border-bottom: 1px dashed var(--themeBorderColor);
}
*[data-rbctype=page].letter-view > .letter-content > .center > .content p {
  margin: 0px;
  padding: 0px;
  display: block;
  margin: 10px 10px 0px 0px;
  padding: 0px;
  text-align: justify;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .instruments {
  padding: 20px;
  border-bottom: 1px dashed var(--themeBorderColor);
}
*[data-rbctype=page].letter-view > .letter-content > .center > .instruments table {
  width: 100%;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .instruments table td, *[data-rbctype=page].letter-view > .letter-content > .center > .instruments table th {
  border: 1px dotted var(--themeBorderColor);
  border-radius: 5px;
  overflow: hidden;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .instruments table td.nw, *[data-rbctype=page].letter-view > .letter-content > .center > .instruments table th.nw {
  width: 10px;
  white-space: nowrap;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .instruments thead tr th {
  background-color: var(--themeBG1);
  padding: 10px;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .instruments tbody tr td {
  padding: 10px;
  text-align: center;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow {
  margin-inline-start: 30px;
  margin-top: 20px;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow > .content {
  border-inline-start: 3px solid var(--themeBorderColor);
  padding: 10px;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow p {
  padding: 0px;
  margin: 0px;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .user {
  gap: 10px;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .user .cl {
  margin-inline-start: -28px;
  cursor: pointer;
  border-radius: 1000px;
  background-color: var(--themeBG0);
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .user .cl:hover {
  background-color: var(--themeBG1);
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .user .cl i {
  padding: 5px 10px;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .user .img b {
  width: 24px;
  height: 24px;
  background-color: var(--themeBorderColor);
  border-radius: 100px;
  display: block;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .text {
  border-top: 1px dashed var(--themeBorderColor);
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .view {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .view label {
  background-color: var(--themeColorHarm);
  color: var(--themeColorHarmFont);
  border-radius: 5px;
  overflow: hidden;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .view label i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-color: var(--themeColorHarm);
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .view label span {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline-end: 5px;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow.hide > .tree {
  display: none;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .reference {
  color: var(--themeColorHarm);
  font-size: smaller;
}
*[data-rbctype=page].letter-view > .letter-content > .center > .footer .workflow .posttext {
  border-top: 1px dashed var(--themeBorderColor);
}
*[data-rbctype=page].process-view .process-content {
  padding: 10px;
}
*[data-rbctype=page].process-view fieldset {
  padding: 10px;
  background-color: var(--themeBG1);
  border-radius: 5px;
  border: 0px;
  position: relative;
  padding-top: 35px;
}
*[data-rbctype=page].process-view fieldset:not(:last-of-type) {
  margin-bottom: 10px;
}
*[data-rbctype=page].process-view fieldset > legend {
  position: absolute;
  right: 10px;
  top: 0px;
  border-top: 1px solid var(--themeColorHarm);
  padding-top: 10px;
  font-size: large;
}
*[data-rbctype=page].process-view fieldset .bc > * {
  border-bottom: 1px dashed var(--themeBorderColor);
}
*[data-rbctype=page].process-view fieldset label span {
  font-weight: bold;
  color: var(--themeColorHarm);
}
*[data-rbctype=page].process-view fieldset label span:after {
  content: ":";
  padding-inline: 10px;
}
*[data-rbctype=page].process-view fieldset label strong {
  font-weight: normal;
}
*[data-rbctype=page].letter-preview .letter-content {
  padding: 10px;
}
*[data-rbctype=page].letter-preview fieldset {
  padding: 10px;
  background-color: var(--themeBG1);
  border-radius: 5px;
  border: 0px;
  position: relative;
  padding-top: 35px;
}
*[data-rbctype=page].letter-preview fieldset:not(:last-of-type) {
  margin-bottom: 10px;
}
*[data-rbctype=page].letter-preview fieldset > legend {
  position: absolute;
  right: 10px;
  top: 0px;
  border-top: 1px solid var(--themeColorHarm);
  padding-top: 10px;
  font-size: large;
}
*[data-rbctype=page].letter-preview fieldset .bc > * {
  border-bottom: 1px dashed var(--themeBorderColor);
}
*[data-rbctype=page].letter-preview fieldset label span {
  font-weight: bold;
  color: var(--themeColorHarm);
}
*[data-rbctype=page].letter-preview fieldset label span:after {
  content: ":";
  padding-inline: 10px;
}
*[data-rbctype=page].letter-preview fieldset label strong {
  font-weight: normal;
}
*[data-rbctype=page].letter-create .letter-base-container {
  padding: 10px;
  border-bottom: 1px dashed var(--themeBorderColor);
  border-inline-end: 1px dashed var(--themeBorderColor);
}
*[data-rbctype=page].letter-create .letter-base-container > .field:not(:last-of-type) {
  margin-bottom: 10px;
}
*[data-rbctype=page].letter-create > .flex > .center {
  background-color: var(--themeBG1);
}
*[data-rbctype=page].widget-manager .widgetitem {
  vertical-align: top;
  flex-direction: column;
  border-radius: 5px;
  padding: 10px;
}
*[data-rbctype=page].widget-manager .widgetitem > i {
  font-size: 32px;
  text-align: center;
  margin-bottom: 10px;
}
*[data-rbctype=page].widget-manager .widgetitem label {
  text-align: center;
  display: block;
}
*[data-rbctype=page].widget-manager .widgetitem label span {
  font-size: smaller;
  text-align: center;
}
*[data-rbctype=page].widget-manager .widgetitem label i {
  color: green;
  display: inline;
  background-color: yellowgreen;
  color: var(--themeColorFont);
  border-radius: 3px;
  line-height: 10px;
  vertical-align: middle;
  padding: 2px 3px;
  margin-inline-end: 10px;
}
*[data-rbctype=page].widget-manager .widgetitem:hover {
  background-color: var(--themeBG2);
}
*[data-rbctype=page].theme-manager *[data-value] {
  vertical-align: top;
  flex-direction: column;
  border-radius: 5px;
  padding: 10px;
  margin-inline-end: 5px;
  margin-block-end: 5px;
  outline: 1px solid var(--themeBorderColor);
  background-size: cover;
}
*[data-rbctype=page].theme-manager *[data-value] > i {
  font-size: 32px;
  text-align: center;
  margin-bottom: 10px;
}
*[data-rbctype=page].theme-manager *[data-value].selected {
  outline: 3px solid var(--themeColorHarm);
}
*[data-rbctype=page].dashboard {
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
  padding: 5px;
}
*[data-rbctype=page].calendar {
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
}
*[data-rbctype=page].calendar table {
  font-family: iransans;
  border-spacing: 0px;
  background-color: var(--themeBG0);
}
*[data-rbctype=page].calendar table thead {
  z-index: 9;
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  background-color: inherit;
}
*[data-rbctype=page].calendar table thead th {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  background-color: var(--themeBG0);
  z-index: 9;
  padding-block: 20px;
  border-bottom: 3px solid var(--themeBorderColor);
}
*[data-rbctype=page].calendar table thead th .dayname {
  font-size: small;
  display: inline-block;
  transform: rotate(-45deg);
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
}
*[data-rbctype=page].calendar table thead th:first-of-type {
  z-index: 2;
  border-left: 3px solid var(--themeBorderColor);
}
*[data-rbctype=page].calendar table thead th:not(:first-of-type) {
  z-index: 1;
}
*[data-rbctype=page].calendar table thead th:nth-child(7n+1):not(:first-of-type) {
  background-image: repeating-linear-gradient(45deg, rgba(255, 0, 0, 0.1) 0px, rgba(255, 0, 0, 0.1) 9.9px, rgba(255, 0, 0, 0.2) 10px, rgba(255, 0, 0, 0.2) 19.9px);
}
*[data-rbctype=page].calendar table tbody {
  z-index: 8;
}
*[data-rbctype=page].calendar table tbody tr:hover {
  background-color: var(--themeBG1);
}
*[data-rbctype=page].calendar table tbody th {
  min-width: 100px;
  max-width: 100px;
  border-left: 3px solid var(--themeBorderColor);
  z-index: 6;
}
*[data-rbctype=page].calendar table tbody td {
  position: relative;
}
*[data-rbctype=page].calendar table tbody td label {
  display: block;
}
*[data-rbctype=page].calendar table tbody td > i {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 16px;
  width: 27px;
  height: 27px;
  background-color: var(--themeBG2);
  border-radius: 3px;
}
*[data-rbctype=page].calendar table tbody td:not(:hover) > i {
  opacity: 0;
  position: none;
}
*[data-rbctype=page].calendar table tbody td:hover > label {
  opacity: 0.3;
  filter: blur(3px);
}
*[data-rbctype=page].calendar table tbody td:hover > i {
  opacity: 1;
  position: none;
}
*[data-rbctype=page].calendar table tbody td .btn-close {
  bottom: 3px;
  left: 3px;
  color: red;
}
*[data-rbctype=page].calendar table tbody td .btn-open {
  bottom: 3px;
  right: 3px;
  color: yellowgreen;
}
*[data-rbctype=page].calendar table tbody td.loading b {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
*[data-rbctype=page].calendar table tbody td:nth-of-type(7n),
*[data-rbctype=page].calendar table tbody td.warning {
  background-image: repeating-linear-gradient(45deg, rgba(255, 208, 0, 0.1) 0px, rgba(255, 208, 0, 0.1) 9.9px, rgba(255, 208, 0, 0.2) 10px, rgba(255, 208, 0, 0.2) 19.9px);
}
*[data-rbctype=page].calendar table tbody td[data-color=open] {
  background-image: repeating-linear-gradient(45deg, rgba(82, 136, 0, 0.1) 0px, rgba(82, 136, 0, 0.1) 9.9px, rgba(82, 136, 0, 0.2) 10px, rgba(82, 136, 0, 0.2) 19.9px);
}
*[data-rbctype=page].calendar table tbody td[data-color=closed] {
  background-image: repeating-linear-gradient(45deg, rgba(255, 0, 0, 0.1) 0px, rgba(255, 0, 0, 0.1) 9.9px, rgba(255, 0, 0, 0.2) 10px, rgba(255, 0, 0, 0.2) 19.9px);
}
*[data-rbctype=page].calendar table tbody td.block {
  background-image: repeating-linear-gradient(45deg, var(--themeBG1) 0px, var(--themeBG1) 9.9px, var(--themeBG2) 10px, var(--themeBG2) 19.9px);
}
*[data-rbctype=page].calendar table tbody td > strong {
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
*[data-rbctype=page].calendar table thead > tr th:first-of-type, *[data-rbctype=page].calendar table tbody > tr th:first-of-type, *[data-rbctype=page].calendar table tfoot > tr th:first-of-type {
  position: sticky;
  position: -webkit-sticky;
  right: 0px;
  top: 0px;
  background-color: var(--themeBG0);
}
*[data-rbctype=page].calendar table td, *[data-rbctype=page].calendar table th {
  border: 1px solid var(--themeBorderColor);
  border-width: 0px 0px 1px 1px;
}
*[data-rbctype=page].calendar table td:nth-child(14n-6), *[data-rbctype=page].calendar table td:nth-child(14n-5), *[data-rbctype=page].calendar table td:nth-child(14n-4), *[data-rbctype=page].calendar table td:nth-child(14n-3), *[data-rbctype=page].calendar table td:nth-child(14n-2), *[data-rbctype=page].calendar table td:nth-child(14n-1), *[data-rbctype=page].calendar table td:nth-child(14n), *[data-rbctype=page].calendar table th:nth-child(14n-6), *[data-rbctype=page].calendar table th:nth-child(14n-5), *[data-rbctype=page].calendar table th:nth-child(14n-4), *[data-rbctype=page].calendar table th:nth-child(14n-3), *[data-rbctype=page].calendar table th:nth-child(14n-2), *[data-rbctype=page].calendar table th:nth-child(14n-1), *[data-rbctype=page].calendar table th:nth-child(14n) {
  background-color: var(--themeBG1);
}
*[data-rbctype=page].calendar table td {
  font-size: x-large;
  font-family: iransans;
  text-align: center;
  vertical-align: center;
  width: auto;
  z-index: 5;
  width: 60px;
  height: 60px;
  min-width: 60px;
  min-height: 60px;
  max-width: 60px;
  max-height: 60px;
}
*[data-rbctype=page].calendar table th {
  white-space: nowrap;
}
*[data-rbctype=page].post-tree .action-buttons, *[data-rbctype=page].department-tree .action-buttons {
  width: 48px;
  overflow: auto;
}
*[data-rbctype=page].post-tree .action-buttons i, *[data-rbctype=page].department-tree .action-buttons i {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  font-size: 16px;
  cursor: pointer;
}
*[data-rbctype=page].post-tree .action-buttons i:hover, *[data-rbctype=page].department-tree .action-buttons i:hover {
  background-color: var(--themeBG1);
}
*[data-rbctype=page].post-tree .node-content, *[data-rbctype=page].department-tree .node-content {
  padding: 10px;
  min-height: 40px;
  border: 1px dashed var(--themeColorHarm);
  background-image: linear-gradient(45deg, var(--themeBG1), var(--themeBG2));
  border-radius: 5px;
}
*[data-rbctype=page].post-tree .node-content .btn-option, *[data-rbctype=page].department-tree .node-content .btn-option {
  font-size: 16px;
}
*[data-rbctype=page].post-tree .node-content .flex > .end, *[data-rbctype=page].department-tree .node-content .flex > .end {
  width: 40px;
  position: relative;
}
*[data-rbctype=page].post-tree .node-content .flex i, *[data-rbctype=page].department-tree .node-content .flex i {
  position: absolute;
  border-radius: 5px;
  top: 5px;
  left: 5px;
  bottom: 5px;
  right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}
*[data-rbctype=page].post-tree .node-content .flex i:hover, *[data-rbctype=page].department-tree .node-content .flex i:hover {
  background-color: var(--themeBorderColor);
  color: var(--themeColorFont);
}
*[data-rbctype=page].post-tree .node-btn, *[data-rbctype=page].department-tree .node-btn {
  color: var(--themeColorFont);
  border-radius: 5px;
  background-image: linear-gradient(45deg, var(--themeColorHarm), var(--themeColorHarmDiffrent));
  height: 24px;
  bottom: 8px;
  top: auto;
}
*[data-rbctype=page].post-tree .node-btn i, *[data-rbctype=page].department-tree .node-btn i {
  font-size: 16px;
}
*[data-rbctype=page].login #loginslider {
  width: 350px;
  position: relative;
  overflow: hidden;
}
*[data-rbctype=page].login #loginslider:before {
  content: "";
  z-index: 2;
  bottom: -10px;
  left: -10px;
  background-color: #000;
  position: absolute;
  width: 50px;
  height: 10px;
  border-radius: 100%;
  box-shadow: 0px 0px 150px 150px #111;
}
*[data-rbctype=page].login #loginslider:after {
  height: 128px;
  z-index: 3;
  position: absolute;
  bottom: 10px;
  left: 10px;
  content: "";
  background-image: url("/Images/LoginWallpaper/Slider/overal.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
}
*[data-rbctype=page].login #bgslider {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: linear-gradient(45deg, #EEE, #DDD);
  background-size: cover;
  background-position: center center;
  border-radius: 0px;
}
@keyframes _slidshow {}
*[data-rbctype=page].login #bgslider > .slide {
  transform: scale(1.1);
  filter: blur(10px);
  animation: _slidshow infinite 10s;
}
*[data-rbctype=page].login .slider {
  border-radius: 5px;
  overflow: hidden;
}
*[data-rbctype=page].login .slider * {
  transition: all ease 1s;
}
*[data-rbctype=page].login .slider .slide {
  z-index: 1;
  pointer-events: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}
*[data-rbctype=page].login .slider .slide:not(.act) {
  opacity: 0;
}
*[data-rbctype=page].login .slider .slide.act {
  opacity: 1;
}
*[data-rbctype=page].login .loginbase {
  padding: 15px;
  border-radius: 10px;
  background-color: var(--themeBG1);
  box-shadow: 0px 0px 25px 25px rgba(0, 0, 0, 0.05);
  gap: 10px;
}
*[data-rbctype=page].login form > .flex > .center {
  overflow: hidden;
}

*[data-rbctype=field][data-readonly] {
  pointer-events: none;
}
*[data-rbctype=field]:not(.panel) > .flex {
  border: 1px solid var(--themeBorderColor);
  border-radius: 5px;
  overflow: hidden;
}
*[data-rbctype=field]:not(.panel) > .flex:has(*:focus) {
  border: 1px solid var(--themeColorHarm);
}
*[data-rbctype=field]:not(.panel) > .flex > .captions {
  background-color: var(--themeBG2);
  padding: 0px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
*[data-rbctype=field]:not(.panel) > .flex > .captions .start:empty {
  display: none;
}
*[data-rbctype=field]:not(.panel) > .flex > .captions i {
  font-size: 16px;
  margin: 0px 5px;
}
*[data-rbctype=field]:not(.panel) > .flex > .tools {
  background-color: var(--themeBG2);
  padding: 0px;
  padding-inline: 0px;
}
*[data-rbctype=field]:not(.panel) > .flex > .tools > * {
  display: inline-flex;
  width: 32px;
  height: 32px;
  position: relative;
  cursor: pointer;
}
*[data-rbctype=field]:not(.panel) > .flex > .tools > *:hover {
  background-color: var(--themeBG3);
}
*[data-rbctype=field]:not(.panel) > .flex > .tools > * i {
  font-size: 16px;
}
*[data-rbctype=field]:not(.panel) > .flex > .control {
  font-size: 0px;
  white-space: nowrap;
  min-height: 32px;
  position: relative;
}
*[data-rbctype=field]:not(.panel) > .flex > .control.textarea {
  min-height: 100px;
}
*[data-rbctype=field]:not(.panel) > .flex > .control > *:is(input, textarea, select) {
  font-size: small;
  border: 0px;
  background-color: transparent;
  display: block;
  outline: none;
  color: var(--themeColorFont);
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
}
*[data-rbctype=field]:not(.panel) > .flex > .control textarea {
  resize: none;
}
*[data-rbctype=field]:not(.panel) > .flex > .hint {
  background-color: var(--themeBG2);
  display: flex;
  justify-content: center;
  align-items: center;
}
*[data-rbctype=field]:not(.panel) > .flex > .hint > * {
  cursor: pointer;
  padding: 0px 10px;
  font-size: 16px;
}
*[data-rbctype=field]:not(.panel) > .flex > .hint > * i {
  margin: 0px 5px;
}
*[data-rbctype=field]:not(.panel) > .flex.col > * {
  gap: 10px;
  padding-block: 10px;
}
*[data-rbctype=field]:not(.panel) > .flex.col > * .control .dropdown-control-labels {
  white-space: nowrap;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  overflow: hidden;
}
*[data-rbctype=field]:not(.panel) > .flex.row {
  position: relative;
}
*[data-rbctype=field]:not(.panel) > .flex.row > *:not(:is(.tools)) {
  padding-inline: 10px;
}
*[data-rbctype=field]:not(.panel) > .flex.row > *.tools {
  border-top: 1px solid var(--themeBorderColor);
  border-bottom: 1px solid var(--themeBorderColor);
}
*[data-rbctype=field]:not(.panel) > .flex.row > *.captions {
  padding: 5px;
  justify-content: start;
}
*[data-rbctype=field]:not(.panel) > .flex.row > *.control {
  padding: 0;
}
*[data-rbctype=field]:not(.panel) > .flex.row > *.control .dropdown-control-labels {
  white-space: nowrap;
  width: calc(100% - 32px);
  display: flex;
  height: 32px;
  justify-content: start;
  align-items: center;
  overflow: hidden;
}
*[data-rbctype=field]:not(.panel) > .flex.row > *.hint:not(:empty) {
  position: absolute;
  width: 32px;
  height: 32px;
  left: 0px;
  bottom: 0px;
}
*[data-rbctype=field]:not(.panel) .radio-list,
*[data-rbctype=field]:not(.panel) .checkbox-list {
  font-size: small;
}
*[data-rbctype=field]:not(.panel) .radio-list.col label,
*[data-rbctype=field]:not(.panel) .checkbox-list.col label {
  text-align: center;
}
*[data-rbctype=field]:not(.panel) .radio-list.row label,
*[data-rbctype=field]:not(.panel) .checkbox-list.row label {
  text-align: start;
}
*[data-rbctype=field]:not(.panel) .radio-list.in i,
*[data-rbctype=field]:not(.panel) .checkbox-list.in i {
  font-size: 16px;
  vertical-align: middle;
  display: inline-block;
  margin-inline-end: 10px;
}
*[data-rbctype=field]:not(.panel) .radio-list:not(.in) i,
*[data-rbctype=field]:not(.panel) .checkbox-list:not(.in) i {
  font-size: 24px;
  display: block;
  text-align: center;
  margin: 10px;
}
*[data-rbctype=field]:not(.panel) .radio-list > .center:not(:last-of-type),
*[data-rbctype=field]:not(.panel) .checkbox-list > .center:not(:last-of-type) {
  border-inline-end: 1px dashed var(--themeBorderColor);
}
*[data-rbctype=field]:not(.panel) .radio-list > .center input:not(:checked) + label,
*[data-rbctype=field]:not(.panel) .checkbox-list > .center input:not(:checked) + label {
  opacity: 0.6;
}
*[data-rbctype=field]:not(.panel) .radio-list > .center input:checked + label,
*[data-rbctype=field]:not(.panel) .checkbox-list > .center input:checked + label {
  opacity: 1;
}
*[data-rbctype=field]:not(.panel) .radio-list > .center input:checked + label i,
*[data-rbctype=field]:not(.panel) .checkbox-list > .center input:checked + label i {
  color: var(--themeColorHarm);
}
*[data-rbctype=field]:not(.panel) .radio-list > .center label,
*[data-rbctype=field]:not(.panel) .checkbox-list > .center label {
  cursor: pointer;
  display: block;
  padding: 10px;
  white-space: normal;
}
*[data-rbctype=field]:not(.panel) .dropdown-control-labels label {
  font-size: small;
  background-color: var(--themeBG3);
  border-radius: 5px;
  padding: 2px 6px;
  font-size: x-small;
  margin-inline-start: 5px;
}
*[data-rbctype=field]:not(.panel) .dropdown-control-labels label span {
  line-height: 16px;
}
*[data-rbctype=field]:not(.panel) .dropdown-control-labels label i {
  display: none;
}
*[data-rbctype=field]:not(.panel) .roles-controls {
  background-color: var(--themeBG0);
}
*[data-rbctype=field]:not(.panel) .roles-controls table {
  font-size: small;
  width: 100%;
  border-spacing: 0px;
  background-color: var(--themeBG1);
}
*[data-rbctype=field]:not(.panel) .roles-controls table thead th, *[data-rbctype=field]:not(.panel) .roles-controls table tbody th {
  background-color: var(--themeBG1);
}
*[data-rbctype=field]:not(.panel) .roles-controls table thead {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  right: 0px;
  z-index: 3;
}
*[data-rbctype=field]:not(.panel) .roles-controls table thead tr th:first-of-type {
  z-index: 4;
  right: 0px;
  position: sticky;
  position: -webkit-sticky;
}
*[data-rbctype=field]:not(.panel) .roles-controls table thead th {
  padding: 5px 10px;
  border-bottom: 3px solid var(--themeColorHarm);
}
*[data-rbctype=field]:not(.panel) .roles-controls table thead th span {
  writing-mode: vertical-lr;
  text-orientation: mixed;
  display: block;
}
*[data-rbctype=field]:not(.panel) .roles-controls table tbody {
  z-index: 1;
}
*[data-rbctype=field]:not(.panel) .roles-controls table tbody th {
  z-index: 2;
  right: 0px;
  position: sticky;
  position: -webkit-sticky;
  border-inline-end: 3px solid var(--themeColorHarm);
}
*[data-rbctype=field]:not(.panel) .roles-controls table .sp {
  width: 100%;
}
*[data-rbctype=field]:not(.panel) .roles-controls table .o {
  border-left: 1px dotted var(--themeBorderColor);
  border-bottom: 1px dotted var(--themeBorderColor);
  text-align: center;
}
*[data-rbctype=field]:not(.panel) .roles-controls table .o label {
  cursor: pointer;
  display: block;
  padding: 5px;
}
*[data-rbctype=field]:not(.panel) .roles-controls table .o label i {
  margin-block: 5px;
}
*[data-rbctype=field]:not(.panel) .roles-controls table .o label.act i {
  color: var(--themeColorHarm);
}
*[data-rbctype=field]:not(.panel) .roles-controls table .o label:not(.act) i {
  opacity: 0.3;
}
*[data-rbctype=field]:not(.panel) .roles-controls table .hd {
  font-size: small;
  color: var(--themeColorHarm);
  padding-inline: 10px;
  border-left: 1px dotted var(--themeBorderColor);
  background-color: var(--themeBG2);
}
*[data-rbctype=field]:not(.panel) .roles-controls table .shd {
  font-size: large;
  padding-inline: 10px;
  border-left: 1px dotted var(--themeBorderColor);
}
*[data-rbctype=field]:not(.panel) .roles-controls table:not(:last-of-type) {
  border-bottom: 1px solid var(--themeBorderColor);
  margin-bottom: 10px;
}
*[data-rbctype=field]:not(.panel) .roles-controls table:not(:first-of-type) {
  border-top: 1px solid var(--themeBorderColor);
}
*[data-rbctype=field]:not(.panel) .datepicker-control-labels {
  direction: ltr;
  white-space: nowrap;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
*[data-rbctype=field]:not(.panel) .datepicker-control-labels span:nth-of-type(3) {
  border-right: 1px dashed var(--themeBorderColor);
  padding-inline-end: 10px;
}
*[data-rbctype=field]:not(.panel) .datepicker-control-labels span:nth-of-type(1):after {
  content: "/";
}
*[data-rbctype=field]:not(.panel) .datepicker-control-labels span:nth-of-type(2):after {
  content: "/";
}
*[data-rbctype=field]:not(.panel) .datepicker-control-labels span:nth-of-type(3):after {
  content: " ";
}
*[data-rbctype=field]:not(.panel) .datepicker-control-labels span:nth-of-type(4):after {
  content: ":";
}
*[data-rbctype=field]:not(.panel) .datepicker-control-labels span:nth-of-type(5):after {
  content: ":";
}
*[data-rbctype=field]:not(.panel) .datepicker-control-labels span {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: flex-start;
  font-size: small;
  border-radius: 5px;
  margin-inline-end: 5px;
}
*[data-rbctype=field].hide {
  display: none;
  pointer-events: none;
}

*[data-rbctype=grid] * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
*[data-rbctype=grid] > .flex > .start {
  border-bottom: 1px solid var(--themeBorderColor);
}
*[data-rbctype=grid] > .flex > .center {
  overflow: auto;
}
*[data-rbctype=grid] > .flex > .center table th.nw,
*[data-rbctype=grid] > .flex > .center table td.nw {
  width: 10px;
  white-space: nowrap;
}
*[data-rbctype=grid] > .flex > .center table tbody > tr {
  cursor: pointer;
}
*[data-rbctype=grid] > .flex > .center table tbody > tr > td, *[data-rbctype=grid] > .flex > .center table tbody > tr > th {
  padding: 10px;
  border-bottom: 1px solid var(--themeBorderColor);
}
*[data-rbctype=grid] > .flex > .center table tbody > tr > td[data-type=icon], *[data-rbctype=grid] > .flex > .center table tbody > tr > th[data-type=icon] {
  text-align: center;
}
*[data-rbctype=grid] > .flex > .center table tbody > tr > td[data-type=icon] i, *[data-rbctype=grid] > .flex > .center table tbody > tr > th[data-type=icon] i {
  font-size: 16px;
  vertical-align: middle;
}
@keyframes _hot {
  0% {
    transform: scale(1);
  }
  3% {
    transform: scale(1.3);
  }
  6% {
    transform: scale(1);
  }
  9% {
    transform: scale(1.3);
  }
  12% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
*[data-rbctype=grid] > .flex > .center table tbody > tr > td[data-type=icon] .hot, *[data-rbctype=grid] > .flex > .center table tbody > tr > th[data-type=icon] .hot {
  animation: _hot infinite 3s;
}
*[data-rbctype=grid] > .flex > .center table tbody > tr > td[data-type=progress] .progressbar, *[data-rbctype=grid] > .flex > .center table tbody > tr > th[data-type=progress] .progressbar {
  width: 200px;
  gap: 10px;
}
*[data-rbctype=grid] > .flex > .center table tbody > tr > td[data-type=progress] .progressbar .percentage, *[data-rbctype=grid] > .flex > .center table tbody > tr > th[data-type=progress] .progressbar .percentage {
  width: 32px;
}
*[data-rbctype=grid] > .flex > .center table tbody > tr > td[data-type=progress] .progressbar .barcontainer, *[data-rbctype=grid] > .flex > .center table tbody > tr > th[data-type=progress] .progressbar .barcontainer {
  border-radius: 5px;
  overflow: hidden;
  background-color: rgba(150, 150, 150, 0.1);
  display: block;
  width: 100%;
}
*[data-rbctype=grid] > .flex > .center table tbody > tr > td[data-type=progress] .progressbar .barcontainer, *[data-rbctype=grid] > .flex > .center table tbody > tr > td[data-type=progress] .progressbar .barcontainer *, *[data-rbctype=grid] > .flex > .center table tbody > tr > th[data-type=progress] .progressbar .barcontainer, *[data-rbctype=grid] > .flex > .center table tbody > tr > th[data-type=progress] .progressbar .barcontainer * {
  font-size: 0px;
}
*[data-rbctype=grid] > .flex > .center table tbody > tr > td[data-type=progress] .progressbar .barcontainer .bar, *[data-rbctype=grid] > .flex > .center table tbody > tr > th[data-type=progress] .progressbar .barcontainer .bar {
  height: 5px;
  background-image: linear-gradient(90deg, var(--themeColorHarm), var(--themeColorHarmDiffrent));
}
*[data-rbctype=grid] > .flex > .center table tbody > tr > th {
  background-color: var(--themeBorderColor);
}
*[data-rbctype=grid] > .flex > .center table tbody > tr:nth-of-type(2n) {
  background-color: var(--themeBG2);
}
*[data-rbctype=grid] > .flex > .center table tbody > tr:nth-of-type(2n-1) {
  background-color: var(--themeBG1);
}
*[data-rbctype=grid] > .flex > .center table tbody > tr:hover td {
  background-color: var(--themeBG3);
}
*[data-rbctype=grid] > .flex > .center table tbody > tr.select td,
*[data-rbctype=grid] > .flex > .center table tbody > tr.select th {
  background-color: var(--themeColorFont);
  color: var(--themeBG1);
}
*[data-rbctype=grid] > .flex > .center table thead {
  position: sticky;
  position: -webkit-sticky;
  top: 0px;
  right: 0px;
  background-color: var(--themeBG1);
}
*[data-rbctype=grid] > .flex > .center table thead > tr > th {
  padding: 10px;
  border-bottom: 3px solid var(--themeBorderColor);
}
*[data-rbctype=grid] > .flex > .center .grid-canban > * {
  border: 1px solid var(--themeBorderColor);
  border-radius: 5px;
  background-color: var(--themeBG1);
  min-width: 400px;
}
*[data-rbctype=grid] > .flex > .center .grid-canban > * > .column-caption {
  padding: 5px 15px;
}
*[data-rbctype=grid] > .flex > .center .grid-canban > * > .column-content {
  border: 1px solid var(--themeBorderColor);
  border-radius: 5px;
  margin: 3px;
  background-color: var(--themeBG2);
}
*[data-rbctype=grid] > .flex > .center .grid-canban > * > .column-content > div {
  border-bottom: 1px dashed var(--themeBorderColor);
  padding: 10px;
}
*[data-rbctype=grid] > .flex > .center .grid-canban > * > .column-content > div.select {
  background-color: var(--themeBG3);
}
*[data-rbctype=grid] > .flex > .end {
  border-top: 1px solid var(--themeBorderColor);
}
*[data-rbctype=grid] > .flex > .end > .flex {
  gap: 10px;
  margin-inline: 10px;
}
*[data-rbctype=grid] > .flex > .end button {
  display: inl;
  background-color: transparent;
  border: 1px solid var(--themeBorderColor);
  border-radius: 5px;
  padding: 5px 10px;
  margin: 2px;
  margin-inline-end: 0px;
  color: var(--themeColorFont);
}
*[data-rbctype=grid] > .flex > .end button:hover {
  background-color: var(--themeBG2);
}
*[data-rbctype=grid] > .flex > .end button.active {
  background-color: var(--themeColorHarm);
  color: var(--themeColorHarmFont);
}
*[data-rbctype=grid] *[data-rbctype=button] {
  cursor: pointer;
  border-radius: 5px;
  padding: 5px 10px;
  margin: 2px;
  margin-inline-end: 0px;
  gap: 10px;
  display: inline-flex;
  flex-direction: row;
  background-color: var(--themeBG2);
  border: 1px solid var(--themeBorderColor);
  color: var(--themeColorFont);
}
*[data-rbctype=grid] *[data-rbctype=button]:disabled {
  opacity: 0.3;
}
*[data-rbctype=grid] *[data-rbctype=button]:not(:disabled):hover {
  background-color: var(--themeBG3);
}
*[data-rbctype=grid] *[data-rbctype=button]:not(:disabled):hover i {
  color: var(--themeColorHarm);
}
*[data-rbctype=grid] *[data-rbctype=button] span {
  flex: 1;
}
*[data-rbctype=grid] *[data-rbctype=button] i {
  justify-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
}

*[data-rbctype=form] > .box {
  margin: 0px;
  position: relative;
}
*[data-rbctype=form] > .box > .caption span {
  display: inline-block;
  border-top: 3px solid var(--themeColorHarm);
  padding: 5px 20px;
  background-color: var(--themeBG1);
}
*[data-rbctype=form] > .box > .center {
  background-color: var(--themeBG1);
}
*[data-rbctype=form] > .box > .center > .container {
  transition: unset;
  padding: 10px;
}
*[data-rbctype=form] *[data-rbctype=field] > .flex {
  width: 100%;
}
*[data-rbctype=form] + *:is([data-rbctype=form]) {
  margin-top: 10px;
}

*[data-rbctype=buttons] *[data-rbctype=button] {
  font-family: "irs";
  font-size: small;
  display: inline-flex;
  flex-direction: row;
  gap: 5px;
  border: 0px;
  margin-inline-start: 5px;
  border-radius: 5px;
  padding: 10px 15px;
  cursor: pointer;
}
*[data-rbctype=buttons] *[data-rbctype=button]:not(:is(.hot)) {
  background-image: linear-gradient(45deg, #DDD, #CCC);
  color: #111;
}
*[data-rbctype=buttons] *[data-rbctype=button].hot {
  background-image: linear-gradient(45deg, var(--themeColorHarm), var(--themeColorHarmDiffrent));
  color: var(--themeColorHarmFont);
}
@media screen and (min-width: 1001px) {
  *[data-rbctype=buttons] *[data-rbctype=button] {
    cursor: pointer;
    opacity: 0.8;
  }
  *[data-rbctype=buttons] *[data-rbctype=button]:hover {
    opacity: 1;
  }
}
*[data-rbctype=buttons] *[data-rbctype=button] i,
*[data-rbctype=buttons] *[data-rbctype=button] span {
  line-height: 18px;
  vertical-align: middle;
}
*[data-rbctype=buttons] *[data-rbctype=button] i {
  justify-self: flex-start;
  vertical-align: middle;
  font-size: 16px;
}
*[data-rbctype=buttons] *[data-rbctype=button] span {
  flex: 1;
}

*[data-rbctype=contextmenu] {
  background-color: var(--themeBG1);
  border: 1px solid var(--themeBorderColor);
  border-radius: 5px;
  box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1);
  font-size: small;
}
*[data-rbctype=contextmenu] div {
  display: flex;
  white-space: nowrap;
  flex-direction: row;
  cursor: pointer;
}
*[data-rbctype=contextmenu] div * {
  line-height: 32px;
}
*[data-rbctype=contextmenu] div i {
  display: flex;
  justify-self: start;
  justify-content: center;
  align-items: center;
  width: 40px;
  font-size: 16px;
}
*[data-rbctype=contextmenu] div span {
  display: flex;
  flex: 1;
  justify-content: start;
  align-items: center;
  padding-inline-end: 25px;
  font-size: small;
}
*[data-rbctype=contextmenu] div:hover {
  background-color: var(--themeBG3);
}
*[data-rbctype=contextmenu] div hr {
  margin: 1px 0px;
  border: 0px;
  border-top: 1px solid var(--themeBorderColor);
}

@keyframes _badget_animation {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.3);
  }
  20% {
    transform: scale(1);
  }
  30% {
    transform: scale(1.3);
  }
  40% {
    transform: scale(1);
  }
}
*[data-rbctype=button][data-badget] {
  position: relative;
}
*[data-rbctype=button][data-badget]:before {
  animation: _badget_animation infinite 1s;
  content: attr(data-badget);
  position: absolute;
  bottom: 0%;
  right: 0%;
  background-color: RED;
  color: #FFF;
  padding: 1px 7px;
  border-radius: 100px;
  font-size: x-small;
}
*[data-rbctype=button].hide {
  display: none;
  pointer-events: none;
}

*[data-rbctype=tooltip] {
  transition: all ease 0.2s;
  pointer-events: none;
  border-radius: 5px;
  border: 1px solid var(--themeBorderColor);
  padding: 10px;
  position: fixed;
  display: inline-block;
  z-index: 9999;
  width: auto;
  max-width: 250px;
  background-image: linear-gradient(0deg, var(--themeBG0), var(--themeBG1));
  box-shadow: 0px 0px 10px var(--themeBG0);
}
*[data-rbctype=tooltip] hr {
  border: 0;
  border-top: 1px solid var(--themeBorderColor);
}
*[data-rbctype=tooltip].show {
  opacity: 1;
}
*[data-rbctype=tooltip]:not(.show) {
  opacity: 0;
}

/* component */
* {
  transition: all ease 0.3s, background-color, color none 0.001s;
  box-sizing: border-box;
}
*:not(:is(i)) {
  font-family: "irs";
}
*:not(:is(input, select, textarea)) {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

html {
  height: 100%;
  overflow: hidden;
}

body {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0px;
  font-family: "irs";
  font-size: small;
  direction: rtl;
  color: var(--themeColorFont);
  background-color: var(--themeBG0);
}

.rel {
  position: relative;
}

.fix {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.abs {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.abspadd {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
}

.margin {
  margin: 10px;
}

.of {
  overflow: auto;
}

.padding {
  padding: 10px;
}

.flex {
  display: flex;
}
.flex.inline {
  display: inline-flex;
}
.flex.gap {
  gap: 10px;
}
.flex.row, .flex.rows {
  flex-direction: column;
}
.flex.col, .flex.column, .flex.columns {
  flex-direction: row;
}
.flex > *.overflow-hidden {
  overflow: hidden;
}
.flex > *.overflow-auto {
  overflow: auto;
}
.flex > *.cc {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex > .start {
  justify-self: flex-start;
}
.flex > .center {
  position: relative;
  flex: 1;
}
.flex > .end {
  justify-self: flex-end;
}
.flex.pages {
  overflow: hidden;
}
.flex.pages > .page {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.flex.pages > .page.act {
  pointer-events: unset;
  opacity: 1;
}
.flex.pages > .page:not(.act) {
  opacity: 0;
  pointer-events: none;
  filter: blur(5px);
}

.page-modal-container {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.page-modal-container > .constraint {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: var(--themeBG1);
  opacity: 0.7;
}
.page-modal-container > .page-modal {
  transition: none;
  position: absolute;
  background-color: var(--themeBG1);
  width: 550px;
  height: 400px;
  top: 10px;
  left: 10px;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 0px 10px var(--themeBG0);
  border: 1px solid var(--themeBorderColor);
}
.page-modal-container > .page-modal.flex > .start {
  background-color: var(--themeBG2);
}
.page-modal-container > .page-modal.flex > .start > .flex {
  gap: 10px;
}
.page-modal-container > .page-modal.flex > .start > .flex > * > * {
  padding: 10px;
}
.page-modal-container > .page-modal.flex > .start > .flex > .start i {
  font-size: 16px;
}
.page-modal-container > .page-modal.flex > .start .btn-close {
  background-color: var(--themeBorderColor);
  margin-inline-end: 10px;
  border-radius: 100px;
  cursor: pointer;
  padding: 0px;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
}
.page-modal-container > .page-modal.flex > .start .btn-close:hover {
  background-color: red;
}
.page-modal-container > .page-modal.flex > .center {
  overflow: auto;
}
.page-modal-container > .page-modal.flex > .center.modal-container {
  background-color: var(--themeBG0);
}

#app > .pages > .signin form {
  background-repeat: no-repeat;
  background-size: auto;
  background-position: top left;
}
@media screen and (min-width: 1001px) {
  #app > .pages > .signin form {
    width: 350px;
  }
}
#app > .pages > .signin form fieldset {
  background-image: linear-gradient(180deg, #FFF, #FAFAFA);
}
#app > .pages > .main > #main {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
#app > .pages > .main > #main > .pages > .flex > .end, #app > .pages > .main > #main > .pages > .flex > .start, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end {
  white-space: nowrap;
  vertical-align: top;
  background-color: var(--themeBG1);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start], #app > .pages > .main > #main > .pages > .flex > .start[data-position=start], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] {
  border-inline-end: 1px solid var(--themeBorderColor);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 350px;
  height: 100%;
  z-index: 999;
  background-color: var(--themeBG1);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-inline-end: 1px solid var(--themeBorderColor);
  box-shadow: 0px 0px 25px var(--themeBG3);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu.active, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu.active, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu.active, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu.active {
  right: 0px;
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu:not(.active), #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu:not(.active), #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu:not(.active), #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu:not(.active) {
  right: -350px;
  opacity: 0;
  pointer-events: none;
  filter: blur(10px);
  transform: scale(1.1);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu .searchbar, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu .searchbar, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu .searchbar, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu .searchbar {
  border-bottom: 1px solid var(--themeBorderColor);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu .searchbar input, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu .searchbar input, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu .searchbar input, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu .searchbar input {
  width: 100%;
  display: block;
  background-color: transparent;
  border: 0px;
  outline: none;
  padding: 10px;
  color: var(--themeColorFont);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu > .center hr, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu > .center hr, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu > .center hr, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu > .center hr {
  margin: 0px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid var(--themeBorderColor);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu *[data-rbctype=button], #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu *[data-rbctype=button], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu *[data-rbctype=button], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] {
  background-color: transparent;
  cursor: pointer;
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] i, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] i, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] i, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] i {
  color: var(--themeColorHarm);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] span, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] span, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] span, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] span {
  max-width: unset;
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu *[data-rbctype=button]:hover, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu *[data-rbctype=button]:hover, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu *[data-rbctype=button]:hover, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu *[data-rbctype=button]:hover {
  background-color: var(--themeBG2);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu *[data-rbctype=button]:hover i, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu *[data-rbctype=button]:hover i, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu *[data-rbctype=button]:hover i, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu *[data-rbctype=button]:hover i {
  color: var(--themeColorHarmDiffrent);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] ~ div, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] ~ div, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] ~ div, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] ~ div {
  margin-inline-start: 40px;
  position: relative;
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] ~ div > i, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] ~ div > i, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] ~ div > i, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] ~ div > i {
  position: absolute;
  bottom: 100%;
  left: 0px;
  height: 42px;
  width: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: scale(0.8);
  cursor: pointer;
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] ~ div > i:hover, #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] ~ div > i:hover, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] ~ div > i:hover, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] ~ div > i:hover {
  color: var(--themeColorHarm);
  transform: scale(1);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] ~ div:not(.expend), #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] ~ div:not(.expend), #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] ~ div:not(.expend), #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] ~ div:not(.expend) {
  height: 0px;
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] ~ div:not(.expend) > *:not(i), #app > .pages > .main > #main > .pages > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] ~ div:not(.expend) > *:not(i), #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=start] .startmenu *[data-rbctype=button] ~ div:not(.expend) > *:not(i), #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=start] .startmenu *[data-rbctype=button] ~ div:not(.expend) > *:not(i) {
  opacity: 0;
  pointer-events: none;
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=end], #app > .pages > .main > #main > .pages > .flex > .start[data-position=end], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=end], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=end] {
  border-inline-start: 1px solid var(--themeBorderColor);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=top], #app > .pages > .main > #main > .pages > .flex > .start[data-position=top], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=top], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=top] {
  border-block-end: 1px solid var(--themeBorderColor);
}
#app > .pages > .main > #main > .pages > .flex > .end[data-position=bottom], #app > .pages > .main > #main > .pages > .flex > .start[data-position=bottom], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start[data-position=bottom], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end[data-position=bottom] {
  border-block-start: 1px solid var(--themeBorderColor);
}
#app > .pages > .main > #main > .pages > .flex > .end *[data-rbctype=button], #app > .pages > .main > #main > .pages > .flex > .start *[data-rbctype=button], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start *[data-rbctype=button], #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end *[data-rbctype=button] {
  background-color: var(--themeBG1);
  overflow: none;
  vertical-align: top;
  display: inline-flex;
  flex-wrap: wrap;
  align-content: center;
  flex-direction: row;
  border: 0px;
  padding: 0px;
  height: 42px;
  min-height: 42px;
  min-width: 42px;
  color: var(--themeColorFont);
}
#app > .pages > .main > #main > .pages > .flex > .end *[data-rbctype=button] *, #app > .pages > .main > #main > .pages > .flex > .start *[data-rbctype=button] *, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start *[data-rbctype=button] *, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end *[data-rbctype=button] * {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
}
#app > .pages > .main > #main > .pages > .flex > .end *[data-rbctype=button] span, #app > .pages > .main > #main > .pages > .flex > .start *[data-rbctype=button] span, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start *[data-rbctype=button] span, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end *[data-rbctype=button] span {
  font-size: small;
  flex: 1;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: start;
  padding-inline: 10px;
}
#app > .pages > .main > #main > .pages > .flex > .end *[data-rbctype=button] i, #app > .pages > .main > #main > .pages > .flex > .start *[data-rbctype=button] i, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start *[data-rbctype=button] i, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end *[data-rbctype=button] i {
  font-size: 16px;
  justify-self: flex-start;
  width: 42px;
}
#app > .pages > .main > #main > .pages > .flex > .end *[data-rbctype=button] i[class] ~ span, #app > .pages > .main > #main > .pages > .flex > .start *[data-rbctype=button] i[class] ~ span, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start *[data-rbctype=button] i[class] ~ span, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end *[data-rbctype=button] i[class] ~ span {
  padding-inline-start: 0px;
}
#app > .pages > .main > #main > .pages > .flex > .end *[data-rbctype=button] i[data-target]:hover, #app > .pages > .main > #main > .pages > .flex > .start *[data-rbctype=button] i[data-target]:hover, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start *[data-rbctype=button] i[data-target]:hover, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end *[data-rbctype=button] i[data-target]:hover {
  background-color: var(--themeBG2);
  color: "irs";
}
#app > .pages > .main > #main > .pages > .flex > .end *[data-rbctype=button].active, #app > .pages > .main > #main > .pages > .flex > .start *[data-rbctype=button].active, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start *[data-rbctype=button].active, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end *[data-rbctype=button].active {
  background-color: var(--themeBG2);
}
#app > .pages > .main > #main > .pages > .flex > .end *[data-rbctype=button]:hover, #app > .pages > .main > #main > .pages > .flex > .start *[data-rbctype=button]:hover, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .start *[data-rbctype=button]:hover, #app > .pages > .main > #main > .pages > .flex > .center > .flex > .end *[data-rbctype=button]:hover {
  background-color: var(--themeBG3);
}
#app > .pages > .main > #main > .pages > .flex > .center > .flex > .center {
  overflow: hidden;
}
#app > .pages > .main > #main > .pages > .flex > .center > .flex > .center > .tab-panel {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}
#app > .pages > .main > #main > .pages > .flex > .center > .flex > .center > .tab-panel:not(:is(.active)) {
  opacity: 0;
  pointer-events: none;
}
#app > .pages > .main > #main > .pages > .flex > .center > .flex > .center > .tab-panel.active {
  opacity: 1;
  pointer-events: unset;
}
#app > .pages > .loading:not(.hide) {
  background-color: var(--themeBorderColor);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
#app > .pages > .loading.hide {
  opacity: 0;
  pointer-events: none;
}
#app > .pages > .loading .loading-container {
  text-align: center;
}
#app > .pages > .loading .loading-container i {
  font-size: 32px;
}
#app > .pages > .loading .loading-container span {
  display: block;
  font-size: smaller;
}
#app > .pages > .loading .loading-container b,
#app > .pages > .loading .loading-container strong {
  display: block;
  margin-top: 15px;
}

.modal-contextmenu {
  z-index: 9;
  position: fixed;
  display: inline-flex;
  background-color: var(--themeBG1);
  box-shadow: 0px 0px 5px var(--themeBorderColor);
  border: 1px solid var(--themeBorderColor);
}
.modal-contextmenu[data-class=dropdownlist] {
  width: 250px;
  height: 300px;
  border: 1px solid var(--themeBorderColor);
  border-radius: 5px;
}
.modal-contextmenu[data-class=dropdownlist] > .flex {
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 5px;
}
.modal-contextmenu[data-class=dropdownlist] > .flex > .start input {
  display: block;
  width: 100%;
  text-align: center;
  border: 1px solid var(--themeBorderColor);
  padding: 10px 0px;
  border-radius: 5px;
  background-color: var(--themeBG1);
  color: var(--themeColorFont);
}
.modal-contextmenu[data-class=dropdownlist] > .flex > .start.selected {
  overflow: auto;
  max-height: 70px;
}
.modal-contextmenu[data-class=dropdownlist] > .flex > .start.selected label {
  border: 1px dotted var(--themeBorderColor);
}
.modal-contextmenu[data-class=dropdownlist] > .flex > .start.selected label:hover {
  background-color: var(--themeColorFont);
  color: var(--themeBG1);
}
.modal-contextmenu[data-class=dropdownlist] > .flex > .start.selected label span {
  color: var(--themeColorHarm);
}
.modal-contextmenu[data-class=dropdownlist] > .flex > .start.selected label i {
  padding: 0px 10px;
}
.modal-contextmenu[data-class=dropdownlist] > .flex > .center {
  overflow: auto;
  border-top: 1px solid var(--themeBorderColor);
}
.modal-contextmenu[data-class=dropdownlist] > .flex > .center div * {
  padding: 7px 10px;
}
.modal-contextmenu[data-class=dropdownlist] > .flex > .center div:not(:last-of-type) {
  border-bottom: 1px solid var(--themeBorderColor);
}
.modal-contextmenu[data-class=dropdownlist] > .flex > .center div:hover {
  background-color: var(--themeBG3);
  color: var(--themeColorFont);
}
.modal-contextmenu[data-class=datepicker] .datepicker {
  background-color: var(--themeBG1);
  box-shadow: 0px 0px 10px var(--themeBorderColor);
  border: 1px solid var(--themeBorderColor);
  border-radius: 5px;
}
.modal-contextmenu[data-class=datepicker] .datepicker input[type=number] {
  width: 50px;
}
.modal-contextmenu[data-class=datepicker] .datepicker button,
.modal-contextmenu[data-class=datepicker] .datepicker select {
  border: 0px;
  background-color: transparent;
  margin: 10px;
  color: var(--themeColorFont);
}
.modal-contextmenu[data-class=datepicker] .datepicker button option,
.modal-contextmenu[data-class=datepicker] .datepicker select option {
  background-color: var(--themeBG1);
  color: var(--themeColorFont);
}
.modal-contextmenu[data-class=datepicker] .datepicker button {
  background-color: var(--themeBG2);
  padding: 3px 10px;
}
.modal-contextmenu[data-class=datepicker] .datepicker th {
  color: var(--themeColorHarm);
  padding: 10px 0px;
}
.modal-contextmenu[data-class=datepicker] .datepicker td[data-date] {
  border-radius: 5px;
  overflow: hidden;
}
.modal-contextmenu[data-class=datepicker] .datepicker td[data-date]:hover {
  background-color: var(--themeBG2);
}
.modal-contextmenu[data-class=datepicker] .datepicker td[data-date] label {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .modal-contextmenu[data-class=datepicker] .datepicker td[data-date] label {
    padding: 5px 10px;
  }
}
@media screen and (min-width: 1001px) {
  .modal-contextmenu[data-class=datepicker] .datepicker td[data-date] label {
    padding: 5px 10px;
  }
}
.modal-contextmenu[data-class=datepicker] .datepicker td[data-date]:nth-of-type(7) label {
  background-color: rgba(255, 0, 0, 0.1);
}
.modal-contextmenu[data-class=datepicker] .datepicker td[data-date].today {
  background-color: var(--themeColorHarm);
  color: var(--themeColorHarmFont);
}
.modal-contextmenu[data-class=datepicker] .datepicker td[data-date].select {
  background-color: var(--themeColorHarmDiffrent);
  color: var(--themeColorHarmFont);
}
.modal-contextmenu[data-class=datepicker] .datepicker tfoot div {
  width: 100%;
  text-align: center;
}
.modal-contextmenu[data-class=datepicker] .datepicker tfoot div p {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: center;
}
.modal-contextmenu[data-class=datepicker] .datepicker tfoot div input {
  display: inline-block;
  width: 100%;
}
.modal-contextmenu[data-class=stringtemplate] .loaded {
  width: 250px;
  height: 300px;
}
.modal-contextmenu[data-class=stringtemplate] input {
  display: block;
  width: 100%;
  background-color: transparent;
  color: var(--themeColorFont);
  font-size: small;
  padding: 10px;
  border: 0px;
  outline: none;
}
.modal-contextmenu[data-class=stringtemplate] .start {
  border-bottom: 1px solid var(--themeBorderColor);
}
.modal-contextmenu[data-class=stringtemplate] .items .item {
  padding: 5px 10px;
}
.modal-contextmenu[data-class=stringtemplate] .items .item:hover {
  background-color: var(--themeBG2);
}/*# sourceMappingURL=base.css.map */