@import url('./pages/_index.scss');
@font-face {
   font-family: 'iransans-ir';
   src: url(/fonts/IRANSansWeb.woff2);
}
@font-face {
   font-family: 'iransans-bold';
   src: url(/fonts/IRANSansWeb\(FaNum\)_Bold.woff2);
}
@font-face {
   font-family: 'iransans-light';
   src: url(/fonts/IRANSansWeb\(FaNum\)_Light.woff2);
}
@font-face {
   font-family: 'iransans-medium';
   src: url(/fonts/IRANSansWeb\(FaNum\)_Medium.woff2);
}
@font-face {
   font-family: 'iransans-ultra';
   src: url(/fonts/IRANSansWeb\(FaNum\)_UltraLight.woff2);
}
@font-face {
   font-family: 'iransans';
   src: url(/fonts/IRANSansWeb\(FaNum\).woff2);
}
.side__bar::-webkit-scrollbar,
.dashboard__widget::-webkit-scrollbar,
.made-report--tags::-webkit-scrollbar,
.section__second-part--modal--tabular::-webkit-scrollbar,
.report__preview-table::-webkit-scrollbar,
.section__second-part--table--all::-webkit-scrollbar,
.side__menu--list--options::-webkit-scrollbar,
.side__menu--user::-webkit-scrollbar,
.side__menu--list--user--options::-webkit-scrollbar,
.options__add::-webkit-scrollbar,
.section__first-part--form__user__information::-webkit-scrollbar,
.section__first-part--prymary--spcform::-webkit-scrollbar,
.section__first-part--details--user-details::-webkit-scrollbar,
.section__first-part--details--spv-cmt::-webkit-scrollbar,
.semat__list--spcform::-webkit-scrollbar,
.main::-webkit-scrollbar,
.preview__first-part::-webkit-scrollbar,
.section__second-part--table-body::-webkit-scrollbar,
.section__second-part--modal--list::-webkit-scrollbar {
   width: 6px;
   height: 6px;
   background-color: #ddd;
   border-radius: 5px;
}

.side__bar::-webkit-scrollbar-track,
.dashboard__widget::-webkit-scrollbar-track,
.made-report--tags::-webkit-scrollbar-track,
.section__second-part--modal--tabular::-webkit-scrollbar-track,
.report__preview-table::-webkit-scrollbar-track,
.section__second-part--table--all::-webkit-scrollbar-track,
.side__menu--list--options::-webkit-scrollbar-track,
.side__menu--user::-webkit-scrollbar-track,
.side__menu--list--user--options::-webkit-scrollbar-track,
.options__add::-webkit-scrollbar-track,
.section__first-part--form__user__information::-webkit-scrollbar-track,
.section__first-part--prymary--spcform::-webkit-scrollbar-track,
.section__first-part--details--user-details::-webkit-scrollbar-track,
.section__first-part--details--spv-cmt::-webkit-scrollbar-track,
.semat__list--spcform::-webkit-scrollbar-track,
main::-webkit-scrollbar-track,
.preview__first-part::-webkit-scrollbar-track,
.section__second-part--table-body::-webkit-scrollbar-track,
.section__second-part--modal--list::-webkit-scrollbar-track,
main::-webkit-scrollbar-track,
.section__filter--text-option::-webkit-scrollbar-track,
.main::-webkit-scrollbar-track,
.offer__cards::-webkit-scrollbar-track {
   background-color: #eee;
   border-radius: 5px;
}

.side__bar::-webkit-scrollbar-thumb,
.dashboard__widget::-webkit-scrollbar-thumb,
.made-report--tags::-webkit-scrollbar-thumb,
.section__second-part--modal--tabular::-webkit-scrollbar-thumb,
.report__preview-table::-webkit-scrollbar-thumb,
.section__second-part--table--all::-webkit-scrollbar-thumb,
.side__menu--list--options::-webkit-scrollbar-thumb,
.side__menu--user::-webkit-scrollbar-thumb,
.side__menu--list--user--options::-webkit-scrollbar-thumb,
.options__add::-webkit-scrollbar-thumb,
.section__first-part--form__user__information::-webkit-scrollbar-thumb,
.section__first-part--prymary--spcform::-webkit-scrollbar-thumb,
.section__first-part--details--user-details::-webkit-scrollbar-thumb,
.section__first-part--details--spv-cmt::-webkit-scrollbar-thumb,
.semat__list--spcform::-webkit-scrollbar-thumb,
.main::-webkit-scrollbar-thumb,
.preview__first-part::-webkit-scrollbar-thumb,
.section__second-part--table-body::-webkit-scrollbar-thumb,
.section__second-part--modal--list::-webkit-scrollbar-thumb,
main::-webkit-scrollbar-thumb,
.section__filter--text-option::-webkit-scrollbar-thumb,
.main::-webkit-scrollbar-thumb,
.offer__cards::-webkit-scrollbar-thumb {
   background-color: #cbc9e2;
   border-radius: 5px;
}

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

textarea {
   padding: 4px;
   color: #6c757d;
}

p {
   min-height: 20px;
}

.side__menu--list--users::-webkit-scrollbar,
.dashboard__card--text::-webkit-scrollbar,
.dashboard__card--title::-webkit-scrollbar,
.input__calcut::-webkit-scrollbar,
.side__menu--list--options::-webkit-scrollbar,
.side__menu--list--user--options::-webkit-scrollbar {
   width: 0;
   height: 0;
}

.input__calcut::-webkit-scrollbar,
.fd__list::-webkit-scrollbar {
   width: 3px;
   height: 3px;
   background-color: #ddd;
   border-radius: 5px;
}

.input__calcut::-webkit-scrollbar-track,
.dashboard__card--text::-webkit-scrollbar-track,
.dashboard__card--title::-webkit-scrollbar-track,
.fd__list::-webkit-scrollbar-track {
   background-color: #eee;
   border-radius: 5px;
}

.input__calcut::-webkit-scrollbar-thumb,
.dashboard__card--text::-webkit-scrollbar-thumb,
.dashboard__card--title::-webkit-scrollbar-thumb,
.fd__list::-webkit-scrollbar-thumb {
   background-color: #cbc9e2;
   border-radius: 5px;
}

button,
select,
input,
textarea {
   outline: none;
}

select {
   background-color: #fff;
   cursor: pointer;
}

input {
   background-color: #fff;
   cursor: text;
}

.input-color {
   background-color: #fff;
}

input:-moz-read-only {
   background-color: #eee;
}

input:read-only {
   background-color: #eee;
}
input:-moz-read-only:focus {
   outline: unset !important;
}
input:read-only:focus {
   outline: unset !important;
}

select:disabled {
   background-color: #eee;
}

thead tr td {
   color: #343a40;
   white-space: nowrap;
   border-bottom: 2px solid rgb(215, 215, 215);
}
thead th {
   color: #343a40;
   white-space: nowrap;
   border-bottom: 2px solid #eee;
}

tbody tr {
   background-color: #fff;
}
tbody tr:hover {
   background-color: rgb(249, 249, 249);
}
tbody tr:hover .section__second-part--table-body--card--btn {
   background-color: rgb(249, 249, 249);
}
tbody tr:hover td input {
   background-color: rgb(249, 249, 249);
}
tbody tr td {
   border-bottom: 1px solid #eee;
}
tbody .tag__tr:hover {
   background-color: #fff;
}

.rmdp-container {
   width: 100%;
}

input[type='checkbox'] {
   cursor: pointer;
}

.rmdp-time-picker div input {
   width: 40px !important;
}

.section__first-part--btn {
   background-color: #0b60b6;
   min-width: 100px;
   height: 35px;
   border-radius: 50px;
   color: #fff;
   display: flex;
   align-items: center;
   padding: 0 8px;
   flex-direction: row-reverse;
   justify-content: center;
   gap: 4px;
   cursor: pointer;
}
@media (min-width: 600px) {
   .section__first-part--btn {
      min-width: 115px;
      height: 37px;
      gap: 7px;
   }
}
@media (min-width: 768px) {
   .section__first-part--btn {
      min-width: 140px;
      height: 42px;
   }
}
.section__first-part--btn:hover {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}
.section__first-part--btn img {
   height: 13px;
   width: 13px;
}
@media (min-width: 600px) {
   .section__first-part--btn img {
      height: 14px;
   }
}
@media (min-width: 1360px) {
   .section__first-part--btn img {
      height: 18px;
   }
}
.section__first-part--btn--form {
   width: 150px !important;
}
@media (min-width: 600px) {
   .section__first-part--btn--form {
      width: 140px !important;
   }
}
.section__first-part--btn--form p {
   font-size: 10px;
}
@media (min-width: 600px) {
   .section__first-part--btn--form p {
      font-size: 13px !important;
   }
}
.section__first-part--btn--semat {
   height: 25px !important;
}
@media (min-width: 1024px) {
   .section__first-part--btn--semat {
      width: 110px;
   }
}
.section__first-part--btn--semat .section__first-part--btn--list {
   flex-wrap: nowrap;
   justify-content: space-between;
}
.section__first-part--btn--list {
   display: flex;
   align-items: center;
   flex-direction: row;
   justify-content: center;
   gap: 5px;
}
.section__first-part--btn--list p {
   color: #343a40;
   font-family: 'iransans-bold';
}
.section__first-part--btn--list div {
   cursor: pointer;
   background-color: #0b60b6;
   border-radius: 50%;
   height: 20px;
   width: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
}
@media (min-width: 600px) {
   .section__first-part--btn--list div {
      height: 26px;
      width: 26px;
   }
}
.section__first-part--btn--list div img {
   height: 14px;
}
.section__first-part--btn p {
   padding: 5px;
   white-space: nowrap;
}
@media (min-width: 600px) {
   .section__first-part--btn p {
      font-size: 13px;
   }
}

.section__second-part--table-body--card--btn {
   border: 1px solid #4f99d9;
   padding: 4px;
   border-radius: 3px;
   height: 28px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   background-color: #fff;
   cursor: pointer;
}
@media (min-width: 600px) {
   .section__second-part--table-body--card--btn {
      padding: 6px;
      height: 35px;
   }
}
.section__second-part--table-body--card--btn p {
   color: #4f99d9 !important;
   font-family: 'iransans';
   text-align: center !important;
}
.section__second-part--table-body--card--btn:hover {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}

.section__third-part--top {
   width: 100%;
   position: relative;
}
@media (min-width: 600px) {
   .section__third-part--top {
      width: 38%;
   }
}

.section__third-part--btn {
   display: flex;
   margin-top: 11px;
   align-items: center;
   gap: 10px;
   justify-content: end;
}
@media (min-width: 1360px) {
   .section__third-part--btn {
      gap: 20px;
   }
}
.section__third-part--btn--details {
   flex-direction: row-reverse !important;
}
.section__third-part--btn-save {
   display: flex;
   align-items: center;
   background-color: #4f99d9;
   min-width: 110px;
   padding: 5px;
   height: 37px;
   justify-content: center;
   gap: 6px;
   border-radius: 3px;
   cursor: pointer;
   border: unset;
}
@media (min-width: 1360px) {
   .section__third-part--btn-save {
      width: 115px;
      height: 40px;
   }
}
.section__third-part--btn-save p {
   color: #fff;
}
@media (min-width: 1024px) {
   .section__third-part--btn-save p {
      font-size: 13px;
   }
}
.section__third-part--btn-save:hover {
   background-color: #4992d9;
}
.section__third-part--btn-delete {
   display: flex;
   align-items: center;
   gap: 6px;
   background-color: #ff5b5b;
   min-width: 110px;
   padding: 5px;
   height: 37px;
   justify-content: center;
   border-radius: 3px;
   cursor: pointer;
   border: unset;
}
@media (min-width: 1360px) {
   .section__third-part--btn-delete {
      width: 85px;
      height: 40px;
   }
}
.section__third-part--btn-delete p {
   color: #fff !important;
}
@media (min-width: 1024px) {
   .section__third-part--btn-delete p {
      font-size: 13px;
   }
}
.section__third-part--btn-delete:hover {
   background-color: #ea5353;
}
.section__third-part--btn--top {
   margin-top: 0;
   margin-bottom: 17px;
   gap: 4%;
   flex-direction: row !important;
}
@media (min-width: 768px) {
   .section__third-part--btn--top {
      margin-bottom: 15px;
      margin-top: 0 !important;
      gap: 2%;
   }
}
@media (min-width: 1024px) {
   .section__third-part--btn--top {
      margin-top: 15px !important;
      margin-bottom: 10px;
   }
}
.section__third-part--btn--top .section__third-part--btn-save {
   width: 48%;
}
@media (min-width: 1360px) {
   .section__third-part--btn--top .section__third-part--btn-save {
      width: 35%;
   }
}
.section__third-part--btn--top .section__third-part--btn-delete {
   width: 48%;
}
@media (min-width: 1360px) {
   .section__third-part--btn--top .section__third-part--btn-delete {
      width: 35%;
   }
}
.section__third-part--btn--made-report {
   gap: 8px !important;
}
@media (min-width: 600px) {
   .section__third-part--btn--made-report {
      width: 50%;
   }
}
.section__third-part--btn--made-report .section__third-part--modal--btn-dissuasion {
   min-width: 30%;
}
@media (min-width: 768px) {
   .section__third-part--btn--made-report .section__third-part--modal--btn-dissuasion {
      min-width: 100px;
   }
}
.section__third-part--btn--made-report .section__third-part--modal--btn-confirmation {
   min-width: 30%;
}
@media (min-width: 768px) {
   .section__third-part--btn--made-report .section__third-part--modal--btn-confirmation {
      min-width: 100px;
   }
}

.form-design--btn {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.form-design--btn .preview__spcform {
   width: 50%;
   height: auto;
   justify-content: right;
}
@media (min-width: 768px) {
   .form-design--btn .preview__spcform {
      margin-bottom: 0 !important;
      margin-top: 11px;
   }
}
@media (min-width: 1024px) {
   .form-design--btn .preview__spcform {
      margin-top: 0 !important;
   }
}
@media (min-width: 600px) {
   .form-design--btn .preview__spcform button {
      padding: 5px 45px 5px 15px;
      height: 35px !important;
   }
}
@media (min-width: 768px) {
   .form-design--btn .preview__spcform button {
      width: 300px;
   }
}
@media (min-width: 1024px) {
   .form-design--btn .preview__spcform button {
      height: 40px !important;
      font-size: 13px;
   }
}
@media (min-width: 600px) {
   .form-design--btn .preview__spcform button img {
      height: 35px !important;
   }
}
@media (min-width: 1024px) {
   .form-design--btn .preview__spcform button img {
      height: 40px !important;
   }
}
.form-design--btn .section__third-part--btn {
   width: 50%;
   margin-top: 0;
}
@media (min-width: 1024px) {
   .form-design--btn .section__third-part--btn {
      margin-top: 0 !important;
   }
}
.form-design--btn .section__third-part--btn-dissuasion {
   min-width: 60px;
   text-align: justify;
}
@media (min-width: 768px) {
   .form-design--btn .section__third-part--btn-dissuasion {
      min-width: 90px;
   }
}
.form-design--btn .section__third-part--btn-confirmation {
   min-width: 60px;
   text-align: justify;
}
@media (min-width: 768px) {
   .form-design--btn .section__third-part--btn-confirmation {
      min-width: 90px;
   }
}

.add-fild {
   height: auto !important;
   width: auto !important;
   position: absolute !important;
   left: 10px !important;
   top: 10px !important;
}
.add-fild--btn--hover {
   border: 2px solid #64b3ff !important;
}
.add-fild--btn--hover p {
   color: #64b3ff !important;
   font-size: 13px !important;
}
.add-fild button {
   height: 37px;
   width: -webkit-max-content;
   width: -moz-max-content;
   width: max-content;
   padding: 7px;
   border: 1px solid #4f99d9;
   border-radius: 4px;
   background-color: #fff;
   display: flex;
   align-items: center;
   gap: 7px;
   cursor: pointer;
   transition: ease-in 0.3s;
}
.add-fild button img {
   height: 11px !important;
}
.add-fild button p {
   color: #4f99d9 !important;
   font-family: 'iransans' !important;
}
.add-fild button:hover {
   background-color: #4f99d9;
}
.add-fild button:hover p {
   color: #fff !important;
}

.section__third-part--modal--btn {
   display: flex;
   gap: 10px;
   width: 100%;
   justify-content: flex-end;
}
.section__third-part--modal--btn-dissuasion {
   background-color: #6c757d;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 37px;
   min-width: 75px;
   padding: 5px 12px;
   border-radius: 3px;
   border: unset;
   cursor: pointer;
   text-align: justify;
}
@media (min-width: 768px) {
   .section__third-part--modal--btn-dissuasion {
      height: 37px;
      min-width: 90px;
   }
}
.section__third-part--modal--btn-dissuasion p {
   color: #fff;
}
@media (min-width: 768px) {
   .section__third-part--modal--btn-dissuasion p {
      font-size: 13px;
   }
}
.section__third-part--modal--btn-dissuasion:hover {
   background-color: #606970;
}
.section__third-part--modal--btn-delreport {
   background-color: #ff5b5b;
}
.section__third-part--modal--btn-delreport:hover {
   background-color: #ea5353;
}
.section__third-part--modal--btn-confirmation {
   background-color: #4f99d9;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 37px;
   min-width: 75px;
   padding: 5px 15px;
   border-radius: 3px;
   cursor: pointer;
   text-align: justify;
   border: unset;
}
@media (min-width: 768px) {
   .section__third-part--modal--btn-confirmation {
      height: 37px;
      min-width: 90px;
   }
}
.section__third-part--modal--btn-confirmation p {
   color: #fff;
}
@media (min-width: 768px) {
   .section__third-part--modal--btn-confirmation p {
      font-size: 13px;
   }
}
.section__third-part--modal--btn-confirmation:hover {
   background-color: #4992d9;
}
.section__third-part--modal--btn-add {
   width: 100%;
   height: 34px;
   background-color: #4f99d9;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   border-radius: 3px;
   cursor: pointer;
}
@media (min-width: 1024px) {
   .section__third-part--modal--btn-add {
      height: 38px;
   }
}
.section__third-part--modal--btn-add p {
   color: #fff;
}
@media (min-width: 1024px) {
   .section__third-part--modal--btn-add p {
      font-size: 13px;
   }
}
.section__third-part--modal--btn-add:hover {
   background-color: #4992d9;
}
@media (min-width: 768px) {
   .section__third-part--modal--btn--spcform .section__third-part--modal--btn-confirmation {
      width: 95px !important;
   }
}
@media (min-width: 1024px) {
   .section__third-part--modal--btn--spcform .section__third-part--modal--btn-confirmation {
      width: 105px !important;
   }
}
@media (min-width: 1024px) {
   .section__third-part--modal--btn--spcform .section__third-part--modal--btn-confirmation p {
      font-size: 13px !important;
   }
}
@media (min-width: 1024px) {
   .section__third-part--modal--btn--spcform .section__third-part--modal--btn-dissuasion p {
      font-size: 13px !important;
   }
}
.section__third-part--modal--btn-exel {
   border: 1px solid #138046;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 37px;
   min-width: 75px;
   padding: 5px 15px;
   border-radius: 3px;
   cursor: pointer;
}
.section__third-part--modal--btn-exel:hover {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}
@media (min-width: 768px) {
   .section__third-part--modal--btn-exel {
      min-width: 100px;
   }
}
.section__third-part--modal--btn-exel p {
   color: #138046;
}
@media (min-width: 768px) {
   .section__third-part--modal--btn-exel p {
      font-size: 13px;
   }
}
.section__third-part--modal--btn-download {
   border: 1px solid #4f99d9;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 37px;
   min-width: 75px;
   padding: 5px 15px;
   border-radius: 3px;
   cursor: pointer;
}
.section__third-part--modal--btn-download:hover {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}
@media (min-width: 768px) {
   .section__third-part--modal--btn-download {
      min-width: 100px;
   }
}
.section__third-part--modal--btn-download p {
   color: #4f99d9;
}
@media (min-width: 768px) {
   .section__third-part--modal--btn-download p {
      font-size: 13px;
   }
}
.section__third-part--modal--btn-save {
   border: 1px solid #4f99d9;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 37px;
   min-width: 75px;
   padding: 5px 12px;
   border-radius: 3px;
   cursor: pointer;
}
@media (min-width: 768px) {
   .section__third-part--modal--btn-save {
      min-width: 100px;
   }
}
.section__third-part--modal--btn-save:hover {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}
.section__third-part--modal--btn-save p {
   color: #4f99d9;
}
@media (min-width: 768px) {
   .section__third-part--modal--btn-save p {
      font-size: 13px;
   }
}

.delete__spcform {
   height: 62px;
   width: 45%;
   display: flex;
   justify-content: left;
   align-items: flex-end;
}
@media (min-width: 600px) {
   .delete__spcform {
      height: 40px;
      margin-bottom: 15px;
      width: 40%;
   }
}
@media (min-width: 1024px) {
   .delete__spcform {
      margin-top: 15px;
   }
}
.delete__spcform button {
   padding: 5px;
   border-radius: 4px;
   border: unset;
   height: 37px;
   background-color: #ff5b5b;
   color: #fff;
   cursor: pointer;
}
@media (min-width: 600px) {
   .delete__spcform button {
      height: 40px;
      padding: 5px 15px;
   }
}
.delete__spcform button:hover {
   background-color: #ea5353;
}

.preview__spcform {
   position: relative;
   height: 62px;
   display: flex;
   align-items: end;
   width: 47%;
   justify-content: left;
}
@media (min-width: 600px) {
   .preview__spcform {
      width: 30%;
      height: auto;
   }
}
@media (min-width: 768px) {
   .preview__spcform {
      margin-bottom: 15px;
   }
}
@media (min-width: 1024px) {
   .preview__spcform {
      margin-top: 15px;
   }
}
.preview__spcform button {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 37px;
   padding: 5px 34px 5px 5px;
   background-color: #10a669;
   border: unset;
   transition: all ease-in-out 0.3s;
   border-radius: 4px;
   cursor: pointer;
   color: #fff;
   position: relative;
}
@media (min-width: 600px) {
   .preview__spcform button {
      height: 40px;
      width: 100%;
      font-size: 13px;
   }
}
@media (min-width: 1360px) {
   .preview__spcform button {
      width: 300px;
   }
}
.preview__spcform button:hover {
   background-color: #0fa066;
}
.preview__spcform button .img__eye {
   position: absolute;
   height: 37px;
   width: 28px;
   bottom: 0px;
   right: 0px;
   padding: 6px;
   background-color: #0fa066;
   cursor: pointer;
   border-radius: 0px 4px 4px 0px;
}
@media (min-width: 600px) {
   .preview__spcform button .img__eye {
      height: 40px;
   }
}
@media (min-width: 1024px) {
   .preview__spcform button .img__eye {
      width: 35px;
      padding: 9px;
   }
}
.preview__spcform--made-report {
   position: relative;
   display: flex;
   align-items: end;
   width: 100%;
   height: unset;
}
@media (min-width: 768px) {
   .preview__spcform--made-report {
      margin-bottom: unset;
   }
}
@media (min-width: 1360px) {
   .preview__spcform--made-report {
      width: 100%;
   }
}
.preview__spcform--made-report button {
   padding: 5px 30px 5px 3px;
   width: 100%;
}

.primary-spc--btn {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   padding-top: 20px;
   gap: 10px 8px;
   flex-direction: row-reverse;
}
@media (min-width: 600px) {
   .primary-spc--btn {
      gap: 20px 8px;
   }
}
@media (min-width: 1024px) {
   .primary-spc--btn {
      justify-content: left;
      gap: 10px;
      flex-direction: row-reverse;
   }
}
.primary-spc--btn--save {
   min-width: 100%;
}
@media (min-width: 600px) {
   .primary-spc--btn--save {
      min-width: 48%;
   }
}
@media (min-width: 768px) {
   .primary-spc--btn--save {
      min-width: 110px;
   }
}
@media (min-width: 1360px) {
   .primary-spc--btn--save {
      min-width: 200px;
   }
}
.primary-spc--btn--save button {
   width: 100%;
   height: 37px;
   border: unset;
   background-color: #4f99d9;
   border-radius: 3px;
   color: #fff;
   font-size: 13px;
   cursor: pointer;
   display: flex;
   align-items: center;
   flex-direction: row-reverse;
   justify-content: center;
   gap: 5px;
}
@media (min-width: 600px) {
   .primary-spc--btn--save button {
      height: 40px;
      font-size: 13px;
   }
}
@media (min-width: 1024px) {
   .primary-spc--btn--save button {
      margin: 0;
   }
}
.primary-spc--btn--save button img {
   height: 15px;
   width: 15px;
   display: none;
}
@media (min-width: 1024px) {
   .primary-spc--btn--save button img {
      display: flex;
   }
}
.primary-spc--btn--save button:hover {
   background-color: #4992d9;
}
.primary-spc--btn--other {
   min-width: 100%;
   display: flex;
}
@media (min-width: 600px) {
   .primary-spc--btn--other {
      min-width: 48%;
   }
}
@media (min-width: 768px) {
   .primary-spc--btn--other {
      min-width: 110px;
   }
}
@media (min-width: 1360px) {
   .primary-spc--btn--other {
      min-width: 200px;
   }
}
.primary-spc--btn--other button {
   width: 100%;
   height: 37px;
   border: 1px solid;
   border-radius: 3px;
   font-size: 13px;
   cursor: pointer;
   background-color: #fff;
   display: flex;
   align-items: center;
   flex-direction: row-reverse;
   justify-content: center;
   gap: 5px;
}
@media (min-width: 600px) {
   .primary-spc--btn--other button {
      height: 40px;
      font-size: 13px;
   }
}
.primary-spc--btn--other button img {
   height: 15px;
   width: 15px;
   display: none;
}
@media (min-width: 1024px) {
   .primary-spc--btn--other button img {
      display: flex;
   }
}
.primary-spc--btn--other button:hover {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}
.primary-spc--btn--other .delete {
   border-color: #ff5b5b;
   color: #ff5b5b;
}
.primary-spc--btn--other .design {
   border-color: #4f99d9;
   color: #4f99d9;
}
.primary-spc--btn--other .exel {
   border-color: #138046;
   color: #138046;
}

.calcut__button {
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   width: 32%;
}
.calcut__button .calcut__button--part {
   flex-direction: row !important;
}
.calcut__button .calcut__btn {
   height: 35px;
   width: 35px;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #ced4da;
   background-color: #fff;
   border-radius: 3px;
   cursor: pointer;
   padding: 2px 4px;
}
.calcut__button .calcut__btn:hover {
   border: 1px solid #bcc0c5;
}
.calcut__button .calcut__btn img {
   height: 20px;
}
.calcut__button .calcut__btn .parenright {
   transform: rotate(180deg);
}
@media (min-width: 1024px) {
   .calcut__button .calculation__btn {
      justify-content: left;
   }
}
.calcut__button--mcr {
   width: 100%;
}

.calcut__button--modal {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   padding-top: 24px;
   width: 32%;
}

.check__btn {
   background-color: #4f99d9;
   border: unset;
   border-radius: 3px;
   padding: 7px;
   height: 35px;
   width: 35px;
   cursor: pointer;
}

.btn__deactive {
   opacity: 0.5 !important;
   cursor: default !important;
   pointer-events: none;
}

.btn__delete--secondary {
   border: 1px solid #ff5b5b;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 37px;
   min-width: 75px;
   padding: 5px 15px;
   border-radius: 3px;
   cursor: pointer;
}
.btn__delete--secondary:hover {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}
@media (min-width: 768px) {
   .btn__delete--secondary {
      min-width: 100px;
   }
}
.btn__delete--secondary p {
   color: #ff5b5b;
}
@media (min-width: 768px) {
   .btn__delete--secondary p {
      font-size: 13px;
   }
}

.last__day {
   height: 35px;
   flex: 1;
   padding: 0 10px;
   color: #343a40;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #ced4da;
   border-radius: 3px;
   background-color: #fff;
   cursor: pointer;
   transition: all ease-in 0.1s;
}
.last__day:hover {
   border: 1px solid #bcc0c5;
}

.btn__disable {
   cursor: not-allowed;
   opacity: 0.8;
}

.body__modal {
   background-color: rgba(0, 0, 0, 0.348);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 !important;
   min-height: 100vh;
   height: auto;
   position: fixed;
   width: 100%;
   z-index: 100;
   top: 0px;
   left: 0px;
}
.body__modal .semat__modal {
   background-color: #fff;
   display: flex;
   flex-direction: column;
   border-radius: 7px;
   justify-content: space-around;
   align-items: center;
   max-height: 90vh;
   overflow: auto;
}
.body__modal .semat__modal .span {
   width: 98%;
   height: 1px;
   background-color: #dee2e6;
}
.body__modal .semat__modal .section__first-part--modal {
   display: flex;
   flex-direction: column;
   width: 100%;
   justify-content: center;
}
.body__modal .semat__modal .section__first-part--modal--header {
   display: flex;
   justify-content: center;
   position: relative;
   align-items: center;
   padding: 10px 0px;
}
.body__modal .semat__modal .section__first-part--modal--header--title {
   font-size: 13px;
}
.body__modal .semat__modal .section__first-part--modal--header--close {
   display: flex;
   position: absolute;
   right: 10px;
}
.body__modal .semat__modal .section__first-part--modal--header--close img {
   height: 20px;
   cursor: pointer;
}
.body__modal .semat__modal .section__first-part--modal--header p {
   font-family: 'iransans-bold';
   color: #343a40;
}
.body__modal .semat__modal .section__second-part--modal {
   width: 100%;
   padding: 10px 15px;
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
}
@media (min-width: 600px) {
   .body__modal .semat__modal .section__second-part--modal {
      justify-content: center;
      padding: 2rem;
   }
}
@media (min-width: 600px) {
   .body__modal .semat__modal .section__second-part--modal--condition {
      padding: 10px;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
   }
}
@media (min-width: 600px) {
   .body__modal .semat__modal .section__second-part--modal--condition .modal-calculation__title {
      width: 49%;
   }
}
@media (min-width: 600px) {
   .body__modal
      .semat__modal
      .section__second-part--modal--condition
      .modal-calculation__title--searchform {
      width: 32%;
   }
}
@media (min-width: 600px) {
   .body__modal .semat__modal .section__second-part--modal--condition .modal-calculation__text {
      width: 100%;
   }
}
.body__modal
   .semat__modal
   .section__second-part--modal--condition
   .modal-calculation__part2--tabular {
   width: 100%;
}
.body__modal .semat__modal .section__second-part--modal--condition .made-report--tags {
   max-height: 160px;
   overflow-y: auto;
}
.body__modal .semat__modal .section__second-part--modal--condition .made-report--tags p {
   direction: ltr;
}
.body__modal .semat__modal .section__second-part--modal .component {
   display: flex;
   flex-direction: column;
   gap: 4px;
}
.body__modal .semat__modal .section__second-part--modal .component p {
   color: #6c757d;
   font-size: 12px;
}
.body__modal .semat__modal .section__second-part--modal .component input {
   border: 1px solid #ced4da;
   height: 35px;
   align-items: center;
   border-radius: 3px;
   padding: 0 10px;
   color: #646464;
}
.body__modal .semat__modal .section__second-part--modal .component input:focus {
   outline: solid 1px #c6cfd8;
}
.body__modal .semat__modal .section__second-part--modal .component .modal__calcute__number {
   align-items: center;
   display: flex;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding: 4px;
   margin-bottom: 2px;
   background-color: unset;
   cursor: pointer;
}
.body__modal .semat__modal .section__second-part--modal .component .modal__calcute__number--check {
   background-color: #f1f8ff;
   border: 1px solid #c9d9e9;
   height: 26px;
   border-radius: 5px;
}
.body__modal .semat__modal .section__second-part--modal .formul {
   display: flex;
   flex-direction: row-reverse;
}
.body__modal .semat__modal .section__second-part--modal .input__calcut {
   flex-direction: row;
   direction: ltr;
   align-items: center;
   color: #646464;
   gap: 0;
   overflow-x: auto;
}
.body__modal .semat__modal .section__second-part--modal .calcut__input--tabular {
   flex-direction: column;
   justify-content: space-between;
   margin-bottom: 10px;
   width: 100%;
}
@media (min-width: 600px) {
   .body__modal .semat__modal .section__second-part--modal .calcut__input--tabular {
      flex-direction: row;
   }
}
.body__modal .semat__modal .section__second-part--modal .modal-calculation__part2 {
   flex-direction: row;
   gap: 15px;
}
.body__modal .semat__modal .section__second-part--modal .modal-calculation__part2--condition {
   gap: 10px;
   margin-bottom: 10px;
}
@media (min-width: 600px) {
   .body__modal .semat__modal .section__second-part--modal .modal-calculation__part2--condition {
      width: 100%;
   }
}
.body__modal .semat__modal .section__second-part--modal .modal-calculation__part2--tabular {
   flex-direction: column;
   background-color: #f5f5f5;
   border: 1px solid #ced4da;
   border-radius: 3px;
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-calculation__part2--tabular
   .calcut__button {
   padding: 8px;
   width: 100%;
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-calculation__part2--tabular
   .calcut__button--part {
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 4px;
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-calculation__part2--tabular
   .calcut__button--part
   .calcut__btn {
   padding: 3px 7px;
   width: unset;
   transition: all 0.3s ease-in-out;
}
@media (min-width: 600px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-calculation__part2--tabular
      .calcut__button--part
      .calcut__btn {
      padding: 4px 19px;
   }
}
@media (min-width: 768px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-calculation__part2--tabular
      .calcut__button--part
      .calcut__btn {
      height: 37px;
      padding: 3px 3.5vw;
   }
}
@media (min-width: 1024px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-calculation__part2--tabular
      .calcut__button--part
      .calcut__btn {
      padding: 3px 2.1vw;
   }
}
@media (min-width: 1360px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-calculation__part2--tabular
      .calcut__button--part
      .calcut__btn {
      padding: 3px 2.3vw;
   }
}
@media (min-width: 1536px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-calculation__part2--tabular
      .calcut__button--part
      .calcut__btn {
      padding: 3px 0.7vw;
   }
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-calculation__part2--tabular
   .calcut__input {
   padding: 8px;
}
@media (min-width: 600px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-calculation__part2--tabular
      .calcut__input {
      flex-direction: row;
   }
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-calculation__part2--tabular
   .made-report--tags--tabular {
   background-color: #fff;
   padding: 8px;
   flex-direction: row;
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-calculation__part2--tabular
   .made-report--tags--tabular
   .made-report--tags--part {
   flex-direction: row;
   background-color: #fff;
   gap: 4px;
   padding: 8px 4px 8px 8px;
   border-radius: 5px;
   align-items: center;
   box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-calculation__part2--tabular
   .made-report--tags--tabular
   .made-report--tags--part-searchmodal {
   background-color: #c5d4e1;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   gap: 4px;
   padding: 2px;
   padding-left: 12px;
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-calculation__part2--tabular
   .made-report--tags--tabular
   .made-report--tags--part-searchmodal
   .tags__image {
   transform: unset;
}
.body__modal .semat__modal .section__second-part--modal .modal-searchform__part2 {
   flex-direction: row;
   gap: 15px;
   width: 100%;
}
.body__modal .semat__modal .section__second-part--modal .modal-searchform__part2--condition {
   gap: 10px;
   margin-bottom: 10px;
}
@media (min-width: 600px) {
   .body__modal .semat__modal .section__second-part--modal .modal-searchform__part2--condition {
      width: 100%;
   }
}
.body__modal .semat__modal .section__second-part--modal .modal-searchform__part2--tabular {
   flex-direction: column;
   background-color: #f5f5f5;
   border: 1px solid #ced4da;
   border-radius: 3px;
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-searchform__part2--tabular
   .calcut__button {
   padding: 8px;
   width: 100%;
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-searchform__part2--tabular
   .calcut__button--part {
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 4px;
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-searchform__part2--tabular
   .calcut__button--part
   .calcut__btn {
   padding: 3px 7px;
   width: unset;
   transition: all 0.3s ease-in-out;
}
@media (min-width: 600px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-searchform__part2--tabular
      .calcut__button--part
      .calcut__btn {
      padding: 4px 19px;
   }
}
@media (min-width: 768px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-searchform__part2--tabular
      .calcut__button--part
      .calcut__btn {
      height: 37px;
      padding: 3px 3.5vw;
   }
}
@media (min-width: 1024px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-searchform__part2--tabular
      .calcut__button--part
      .calcut__btn {
      padding: 3px 2.1vw;
   }
}
@media (min-width: 1360px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-searchform__part2--tabular
      .calcut__button--part
      .calcut__btn {
      padding: 3px 2.3vw;
   }
}
@media (min-width: 1536px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-searchform__part2--tabular
      .calcut__button--part
      .calcut__btn {
      padding: 3px 0.7vw;
   }
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-searchform__part2--tabular
   .calcut__input {
   padding: 8px;
}
@media (min-width: 600px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-searchform__part2--tabular
      .calcut__input {
      flex-direction: row;
   }
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-searchform__part2--tabular
   .made-report--tags--tabular {
   background-color: #fff;
   padding: 8px;
   flex-direction: row;
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-searchform__part2--tabular
   .made-report--tags--tabular
   .made-report--tags--part {
   flex-direction: row;
   background-color: #fff;
   gap: 4px;
   padding: 7px;
   border-radius: 5px;
   align-items: center;
   box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-searchform__part2--tabular
   .made-report--tags--tabular
   .made-report--tags--part-searchmodal {
   background-color: #c1c1c1;
   width: 100%;
}
.body__modal
   .semat__modal
   .section__second-part--modal
   .modal-searchform__part2--tabular
   .made-report--tags--tabular
   .made-report--tags--part-searchmodal
   .tags__image {
   transform: unset;
}
@media (min-width: 600px) {
   .body__modal
      .semat__modal
      .section__second-part--modal
      .modal-searchform__part2
      .calcut__input--tabular
      .modal-calculation__text {
      width: 35%;
   }
}
.body__modal .semat__modal .section__second-part--modal .choose__fild {
   flex-direction: row;
   position: relative;
}
.body__modal .semat__modal .section__second-part--modal .value__component {
   flex-direction: column;
}
@media (min-width: 600px) {
   .body__modal .semat__modal .section__second-part--modal .value__component {
      flex-direction: row;
   }
}
.body__modal .semat__modal .section__second-part--modal .value__component .value__p {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 50px;
}
.body__modal .semat__modal .section__second-part--modal .value__component .value__p P {
   color: #9f9f9f;
}
.body__modal .semat__modal .section__third-part--modal {
   display: flex;
   justify-content: end;
   width: 100%;
   padding: 10px;
   display: flex;
   align-items: center;
}
@media (min-width: 600px) {
   .body__modal .semat__modal--username {
      width: 335px !important;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username {
      width: 380px !important;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__first-part--modal--header p {
      font-size: 16px !important;
   }
}
@media (min-width: 600px) {
   .body__modal .semat__modal--username .section__second-part--modal {
      padding: 15px !important;
   }
}
.body__modal .semat__modal--username .section__second-part--modal .component__msg-error {
   padding-top: 10px;
   color: #777;
}
@media (min-width: 600px) {
   .body__modal .semat__modal--username .section__second-part--modal .component {
      top: 0px !important;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal .component {
      top: 0px !important;
   }
}
@media (min-width: 600px) {
   .body__modal .semat__modal--username .section__second-part--modal--search input {
      height: 37px !important;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal--search input {
      height: 37px !important;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal--search img {
      height: 20px !important;
      right: 10px !important;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal--name {
      height: 40px !important;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal--name p {
      font-size: 13px !important;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal--list {
      height: 185px !important;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal--list p {
      font-size: 13px !important;
   }
}
.body__modal .tabular__modal {
   max-height: 90vh;
   width: 85vw;
}
@media (min-width: 600px) {
   .body__modal .tabular__modal {
      width: 70vw;
   }
}
@media (min-width: 768px) {
   .body__modal .tabular__modal {
      width: 65vw;
   }
}
@media (min-width: 1024px) {
   .body__modal .tabular__modal {
      width: 60vw;
      max-height: 75vh;
   }
}
@media (min-width: 1536px) {
   .body__modal .tabular__modal {
      max-height: 60vh;
      width: 55vw;
   }
}
.body__modal .tabular__modal .section__second-part--modal--tabular {
   overflow-y: auto;
}
@media (min-width: 600px) {
   .body__modal .tabular__modal .section__second-part--modal--tabular {
      justify-content: unset;
      padding: 10px 15px;
      gap: 10px;
   }
}
@media (min-width: 1024px) {
   .body__modal .tabular__modal .section__second-part--modal--tabular {
      flex-direction: row;
      flex-wrap: wrap;
      padding: 15px;
   }
}
@media (min-width: 1536px) {
   .body__modal .tabular__modal .section__second-part--modal--tabular {
      padding: 20px 15px;
   }
}
@media (min-width: 1024px) {
   .body__modal .tabular__modal .section__second-part--modal--tabular .modal-calculation__title {
      width: 32%;
   }
}
@media (min-width: 1024px) {
   .body__modal .tabular__modal .section__second-part--modal--tabular .modal-calculation__part2 {
      width: 100%;
   }
}
@media (min-width: 1024px) {
   .body__modal
      .tabular__modal
      .section__second-part--modal--tabular
      .modal-calculation__part2--tabular {
      width: 100%;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
   }
}
@media (min-width: 1024px) {
   .body__modal
      .tabular__modal
      .section__second-part--modal--tabular
      .modal-calculation__part2--tabular
      .calcut__input {
      width: 32%;
   }
}
@media (min-width: 1024px) {
   .body__modal
      .tabular__modal
      .section__second-part--modal--tabular
      .modal-calculation__part2--tabular
      .calcut__input--form {
      flex-direction: row;
      width: 100%;
      flex: unset;
   }
}
@media (min-width: 1536px) {
   .body__modal
      .tabular__modal
      .section__second-part--modal--tabular
      .modal-calculation__part2--tabular
      .calcut__input--form {
      width: 48%;
   }
}
@media (min-width: 1024px) {
   .body__modal
      .tabular__modal
      .section__second-part--modal--tabular
      .modal-calculation__part2--tabular
      .calcut__input
      .modal-calculation__title {
      width: 100%;
   }
}
@media (min-width: 1024px) {
   .body__modal
      .tabular__modal
      .section__second-part--modal--tabular
      .modal-calculation__part2--tabular
      .calcut__button {
      width: 70%;
      transform: translate(-1%);
      height: unset;
      padding: 2px 5px;
   }
}
@media (min-width: 1360px) {
   .body__modal
      .tabular__modal
      .section__second-part--modal--tabular
      .modal-calculation__part2--tabular
      .calcut__button {
      width: 65%;
   }
}
@media (min-width: 1536px) {
   .body__modal
      .tabular__modal
      .section__second-part--modal--tabular
      .modal-calculation__part2--tabular
      .calcut__button {
      width: 36%;
      transform: translate(2%);
      padding: unset;
      height: 69px;
      justify-content: end;
   }
}
@media (min-width: 1024px) {
   .body__modal
      .tabular__modal
      .section__second-part--modal--tabular
      .modal-calculation__part2
      .calcut__input--tabular
      .modal-calculation__title {
      width: 48%;
   }
}
@media (min-width: 1024px) {
   .body__modal .tabular__modal .section__second-part--modal--tabular .modal-calculation__part3 {
      width: 100%;
   }
}
.body__modal .filter__modal {
   width: 270px;
}
@media (min-width: 600px) {
   .body__modal .filter__modal {
      width: 500px;
      min-height: -webkit-fit-content;
      min-height: -moz-fit-content;
      min-height: fit-content;
      max-height: 70vh;
   }
}
@media (min-width: 1024px) {
   .body__modal .filter__modal {
      width: 625px;
      max-height: 85vh;
   }
}
@media (min-width: 600px) {
   .body__modal .filter__modal .section__second-part--modal {
      justify-content: center;
   }
}
@media (min-width: 1024px) {
   .body__modal .filter__modal .section__second-part--modal .modal-calculation__part2 {
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
   }
}
@media (min-width: 1024px) {
   .body__modal
      .filter__modal
      .section__second-part--modal
      .modal-calculation__part2
      .calcut__input {
      height: 75px;
      margin-bottom: 0;
   }
}
.body__modal
   .filter__modal
   .section__second-part--modal
   .modal-calculation__part2
   .calcut__input
   .modal-calculation__title {
   position: relative;
}
@media (min-width: 600px) {
   .body__modal
      .filter__modal
      .section__second-part--modal
      .modal-calculation__part2
      .calcut__input
      .modal-calculation__title {
      width: 32%;
   }
}
.body__modal
   .filter__modal
   .section__second-part--modal
   .modal-calculation__part3
   .calcut__input
   .modal-calculation__title {
   position: relative;
}
@media (min-width: 600px) {
   .body__modal
      .filter__modal
      .section__second-part--modal
      .modal-calculation__part3
      .calcut__input
      .modal-calculation__title {
      width: 48%;
   }
}
.body__modal .connection-modal {
   min-height: -webkit-fit-content;
   min-height: -moz-fit-content;
   min-height: fit-content;
   max-height: 81vh;
   width: 85vw;
}
@media (min-width: 768px) {
   .body__modal .connection-modal {
      width: 550px;
   }
}
@media (min-width: 1536px) {
   .body__modal .connection-modal {
      width: 600px;
   }
}
.body__modal .connection-modal .section__second-part--modal--tabular {
   justify-content: space-around;
}
.body__modal
   .connection-modal
   .section__second-part--modal--tabular
   .modal-calculation__part2
   .calcut__input {
   margin-bottom: 0;
   gap: 6px;
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--delete {
      width: 340px !important;
   }
}
.body__modal .semat__modal--delete .section__second-part--modal {
   justify-content: center;
}
.body__modal .semat__modal--delete .section__second-part--modal--title {
   font-family: 'iransans-bold';
}
.body__modal .semat__modal--delete .section__second-part--modal .component {
   align-items: center;
}
@media (min-width: 768px) {
   .body__modal .semat__modal--delete .section__second-part--modal .component {
      align-items: center;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--delete .section__second-part--modal .component {
      align-items: center;
      gap: 13px !important;
   }
}
.body__modal .semat__modal--delete .section__second-part--modal .component img {
   height: 40px;
}
@media (min-width: 768px) {
   .body__modal .semat__modal--delete .section__second-part--modal .component img {
      height: 45px !important;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--delete .section__second-part--modal .component img {
      height: 50px !important;
   }
}
.body__modal .semat__modal--delete .section__second-part--modal .component p {
   color: #343a40;
}
@media (min-width: 768px) {
   .body__modal .semat__modal--delete .section__second-part--modal .component p {
      font-size: 14px !important;
   }
}
.body__modal .semat__modal--username {
   width: 295px !important;
}
.body__modal .semat__modal--username .section__second-part--modal {
   flex: 5 !important;
}
.body__modal .semat__modal--username .section__second-part--modal .component {
   gap: unset;
   top: -5px;
   position: relative;
}
.body__modal .semat__modal--username .section__second-part--modal--search {
   justify-content: center;
}
.body__modal .semat__modal--username .section__second-part--modal--search input {
   padding-right: 35px !important;
   color: #adb5bd !important;
   border: 1px solid #7e7e7e;
}
.body__modal .semat__modal--username .section__second-part--modal--search img {
   height: 18px;
   position: absolute;
   right: 5px;
   cursor: pointer;
}
.body__modal .semat__modal--username .section__second-part--modal--name {
   justify-content: center;
   align-items: center;
   height: 34px;
   gap: 0;
   margin-top: 10px;
   background-color: #f7f7f7;
   border-bottom: 2.5px solid #dee2e6;
}
.body__modal .semat__modal--username .section__second-part--modal--name p {
   color: #6c757d !important;
   font-family: 'iransans-bold';
   font-size: 12px !important;
}
.body__modal .semat__modal--username .section__second-part--modal--list {
   overflow-y: auto;
   height: 175px;
   align-items: center;
   gap: 2px !important;
   background-color: #fefefe;
}
.body__modal .semat__modal--username .section__second-part--modal--list--checked {
   background-color: #e1e1e1 !important;
}
.body__modal .semat__modal--username .section__second-part--modal--list label {
   width: 100%;
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
   padding: 6px;
   cursor: pointer;
   border-bottom: 1px solid #dee2e6;
}
.body__modal .semat__modal--username .section__second-part--modal--list label:hover {
   background-color: #f3f3f3;
}
.body__modal .semat__modal--username .section__second-part--modal--list label p {
   color: #a0a0a0;
}
.body__modal
   .semat__modal--username
   .section__second-part--modal--list
   label
   .section__second-part--modal--list--name {
   color: #6c757d !important;
}
.body__modal .result__modal .section__second-part--modal {
   padding: 6px 10px;
}
.body__modal .result__modal .section__second-part--modal .modal-calculation__part2 {
   flex-direction: column;
   gap: 0;
}
.body__modal .result__modal .section__second-part--modal .modal-calculation__part2 .calcut__button {
   flex-direction: row;
}
.body__modal
   .result__modal
   .section__second-part--modal
   .modal-calculation__part2
   .calcut__button--part {
   flex-wrap: nowrap;
}
@media (min-width: 768px) {
   .body__modal
      .result__modal
      .section__second-part--modal
      .modal-calculation__part2
      .calcut__button--part
      .calcut__btn {
      padding: 3px 19px;
   }
}
@media (min-width: 600px) {
   .body__modal
      .result__modal
      .section__second-part--modal
      .modal-calculation__part2
      .calculation__btn
      .calcut__btn {
      padding: 4px 15px;
   }
}
.body__modal
   .result__modal
   .section__second-part--modal
   .modal-calculation__part2--tabular
   .calcut__input {
   padding: 5px 8px;
}
.body__modal .card__topmessage {
   background-color: #fff;
   padding: 15px 15px;
   border-radius: 7px;
   position: fixed;
   -webkit-animation: topmessage linear 0.3s;
   animation: topmessage linear 0.3s;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   transition: all linear 1s;
   width: 250px;
   position: absolute;
   top: 2rem;
   z-index: 10;
   box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.0509803922);
}
.body__modal .card__topmessage .section__first-part--modal--header {
   padding: 0;
}
.body__modal .card__topmessage .section__third-part--modal {
   padding: 0;
}
@media (min-width: 768px) {
   .body__modal .card__topmessage {
      width: 350px;
   }
}

.modal-calculation__title {
   margin-bottom: 10px;
   position: relative;
}
.modal-calculation__title .modal__eraser {
   position: absolute;
   height: 23px;
   top: 7px;
   right: 6px;
   cursor: pointer;
}
.modal-calculation__title .modal__arrow {
   position: absolute;
   height: 23px;
   top: 36px;
   left: 6px;
   cursor: pointer;
}
.modal-calculation__title .modal__calcute__number {
   text-align: left;
   direction: ltr;
   padding-right: 30px;
}
.modal-calculation__title--result {
   margin-bottom: 5px;
}
.modal-calculation__title--number {
   padding: 0 25px 0px 10px;
   border: 1px solid #ced4da;
   height: 37px;
   border-radius: 3px;
   justify-content: center;
}
.modal-calculation__title--number--result {
   height: 50px;
   justify-content: center;
   background-color: #d4e3e3;
   padding: 5px;
   border: 1px solid #aab7bb;
}
.modal-calculation__title--number--result .input__calcut .modal__calcute__number {
   font-size: 13px;
}
.modal-calculation__title--cf {
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   margin-bottom: 20px;
}
.modal-calculation__part2 {
   flex-direction: row;
   justify-content: space-between;
}
.modal-calculation__part2 .calcut__input {
   width: 100%;
}
.modal-calculation__part2 .calcut__input .modal-calculation__title {
   margin-bottom: 5px;
}
@media (min-width: 600px) {
   .modal-calculation__part2 .calcut__input .modal-calculation__title {
      width: 49%;
   }
}
.modal-calculation__part2 .calcut__input .modal-calculation__title--condition {
   margin-bottom: 0;
}
@media (min-width: 600px) {
   .modal-calculation__part2 .calcut__input .modal-calculation__text {
      width: 100%;
   }
}

.modal__selected {
   height: 37px;
   border: 1px solid #ced4da;
   border-radius: 3px;
   color: #646464;
}

.choose__fild {
   flex-direction: row;
}
.choose__fild .modal__selected {
   flex: 1;
   cursor: pointer;
}
.choose__fild .modal__input {
   cursor: text;
}
.choose__fild input {
   width: 40%;
}
.choose__fild .input__value {
   width: calc(100% - 35px);
}

.semat__modal {
   width: 250px;
}
@media (min-width: 600px) {
   .semat__modal {
      width: 300px;
   }
}
@media (min-width: 768px) {
   .semat__modal {
      width: 360px;
   }
}
@media (min-width: 1024px) {
   .semat__modal {
      width: 450px;
   }
}
@media (min-width: 768px) {
   .semat__modal .section__first-part--modal--header--close img {
      height: 25px !important;
   }
}
@media (min-width: 768px) {
   .semat__modal .section__first-part--modal--header p {
      font-size: 14px !important;
   }
}
@media (min-width: 768px) {
   .semat__modal .section__second-part--modal .component p {
      font-size: 15px;
   }
}
@media (min-width: 768px) {
   .semat__modal .section__second-part--modal .component input {
      height: 37px !important;
      font-size: 14px;
   }
}

.condition__modal {
   width: 285px;
}
@media (min-width: 600px) {
   .condition__modal {
      width: 460px;
   }
}

.calcut__input--tabular {
   flex-direction: row;
   justify-content: space-between;
}
.calcut__input--tabular .modal-calculation__title {
   width: 100%;
}
@media (min-width: 600px) {
   .calcut__input--tabular .modal-calculation__title {
      width: 48%;
   }
}

.more--tabular {
   width: 94%;
   height: 37px;
   transform: translate(-3%);
   border: 1px solid #0b60b6;
}
.more--tabular:hover {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}
.more--tabular p {
   color: #0b60b6 !important;
}
@media (min-width: 1024px) {
   .more--tabular {
      width: 25%;
      transform: translate(8%);
   }
}
@media (min-width: 1360px) {
   .more--tabular {
      width: 25%;
      transform: translate(6%);
   }
}
@media (min-width: 1536px) {
   .more--tabular {
      width: 12%;
      transform: translate(6%, 40%);
   }
}

.arrow-right {
   transform: rotate(-90deg);
}

.arrow-left {
   transform: rotate(90deg);
}

.section__third-part--modal--condition {
   margin-top: 10px;
}

.result__modal {
   width: 300px;
}
@media (min-width: 600px) {
   .result__modal {
      width: 435px;
   }
}

.price {
   position: absolute;
   right: 45%;
   top: -25px;
}
@media (min-width: 600px) {
   .price {
      right: 50%;
   }
}

.input__value {
   width: calc(100% - 35px);
}

.component__search {
   position: relative;
}
.component__search--tick {
   position: absolute;
   left: 1px;
   bottom: 1px;
}

.fd__list {
   background-color: #ededed;
   position: absolute;
   width: 100%;
   left: 0px;
   top: 63px;
   z-index: 10;
   border-radius: 3px;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px;
   max-height: 130px;
   overflow: auto;
   border: 1px solid #d5d5d5;
}
.fd__list--p {
   color: #6c757d;
   padding: 5px 7px;
   cursor: pointer;
   font-size: 11px !important;
   border-bottom: 1px solid #eee;
}
.fd__list--p:last-child {
   border-bottom: unset;
}
.fd__list--p:hover {
   background-color: #dddddd;
}

.header {
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   align-items: center;
   height: 30px;
}
@media (min-width: 600px) {
   .header {
      height: 45px;
   }
}
@media (min-width: 1024px) {
   .header {
      position: relative;
      margin-bottom: 1.5rem;
   }
}
@media (min-width: 1536px) {
   .header {
      height: 65px;
   }
}
@media (min-width: 1024px) {
   .header .header__first-part p {
      position: absolute;
      right: 50%;
      transform: translate(50%);
      top: 8px;
   }
}
@media (min-width: 1536px) {
   .header .header__first-part p {
      top: 16px;
   }
}

.header__first-part {
   display: flex;
   align-items: center;
   gap: 15px;
}
@media (min-width: 1024px) {
   .header__first-part {
      gap: 0px;
   }
}
.header__first-part--logo {
   height: 30px;
}
@media (min-width: 600px) {
   .header__first-part--logo {
      height: 35px;
   }
}
@media (min-width: 1024px) {
   .header__first-part--logo {
      display: none;
   }
}
.header__first-part--add-user p {
   font-family: 'iransans-bold';
   font-size: 15px;
}
@media (min-width: 768px) {
   .header__first-part--add-user p {
      font-size: 17px !important;
   }
}
@media (min-width: 1024px) {
   .header__first-part--add-user p {
      font-size: 19px !important;
   }
}
.header__first-part input {
   display: none;
}
.header__first-part .burger__menu {
   display: flex;
   flex-direction: column;
   gap: 4px;
   position: relative;
   cursor: pointer;
}
@media (min-width: 600px) {
   .header__first-part .burger__menu {
      gap: 4px;
   }
}
@media (min-width: 1024px) {
   .header__first-part .burger__menu {
      display: none;
   }
}
.header__first-part .burger__menu .span {
   height: 3px;
   width: 23px;
   border-radius: 50px;
   background-color: #6a727d;
}
@media (min-width: 600px) {
   .header__first-part .burger__menu .span {
      height: 3px;
      width: 28px;
   }
}
.header__first-part p {
   color: #343a40;
   font-size: 15px;
   font-family: 'iransans-bold';
   position: absolute;
   right: 50%;
   top: 57px;
   transform: translate(50%);
}
@media (min-width: 600px) {
   .header__first-part p {
      font-size: 18px;
      top: 60px;
   }
}
@media (min-width: 768px) {
   .header__first-part p {
      font-size: 18px;
   }
}
@media (min-width: 1024px) {
   .header__first-part p {
      display: flex;
      transform: unset;
   }
}
@media (min-width: 1360px) {
   .header__first-part p {
      font-size: 20px;
   }
}
.header__first-part--back {
   display: flex;
   margin-top: 20px;
   margin-bottom: 15px;
   flex-direction: row-reverse;
   justify-content: right;
   align-items: center;
   width: 100%;
   position: relative;
}
@media (min-width: 600px) {
   .header__first-part--back {
      width: 100%;
      margin: 10px 0px 15px;
   }
}
@media (min-width: 1024px) {
   .header__first-part--back {
      flex-direction: row-reverse;
      justify-content: right;
      gap: 7px;
      position: absolute;
      top: 10px;
      width: auto;
   }
}
@media (min-width: 1536px) {
   .header__first-part--back {
      margin: 0px;
      top: 30px;
   }
}
.header__first-part--back p {
   color: #6c757d;
   cursor: pointer;
   margin-right: 6px;
   font-size: 13px;
}
@media (min-width: 600px) {
   .header__first-part--back p {
      color: #4b4b4b;
      font-size: 14px;
   }
}
@media (min-width: 1024px) {
   .header__first-part--back p {
      display: flex;
      margin-right: 0;
   }
}
.header__first-part--back img {
   height: 17px;
   cursor: pointer;
}
@media (min-width: 600px) {
   .header__first-part--back img {
      height: 21px;
   }
}
@media (min-width: 1024px) {
   .header__first-part--back img {
      height: 21px;
   }
}
@media (min-width: 1360px) {
   .header__first-part--back img {
      height: 23px;
   }
}
@media (min-width: 1024px) {
   .header__first-part--details {
      gap: 0px;
      justify-content: center;
   }
}

.header__second-part {
   display: flex;
   align-items: center;
   gap: 15px;
}
@media (min-width: 600px) {
   .header__second-part {
      gap: 20px;
   }
}
.header__second-part--bell {
   position: relative;
   cursor: pointer;
   display: flex;
}
.header__second-part--bell img:hover {
   -webkit-animation: bell ease-in-out 0.7s;
   animation: bell ease-in-out 0.7s;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
}
.header__second-part--bell--circle {
   position: absolute;
   top: -7px;
   background-color: red;
   height: 16px;
   width: 16px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   right: -5px;
}
@media (min-width: 600px) {
   .header__second-part--bell--circle {
      font-size: 14px;
      right: -1px;
   }
}
.header__second-part img {
   height: 27px;
   cursor: pointer;
}
.header__second-part .manager {
   display: flex;
   flex-direction: row;
   gap: 8px;
   align-items: center;
}
.header__second-part .manager p {
   color: #343a40;
   font-size: 13px;
}
@media (min-width: 768px) {
   .header__second-part .manager p {
      font-size: 14px !important;
   }
}
.header__second-part .manager__tablet {
   display: flex;
}
@media (min-width: 768px) {
   .header__second-part .manager__tablet {
      display: flex;
      color: #6c757d;
   }
}
@media (min-width: 600px) {
   .header__second-part .manager :last-child {
      height: 33px;
   }
}

@-webkit-keyframes bell {
   0% {
      transform: rotate(0deg);
   }
   40% {
      transform: rotate(-45deg);
   }
   80% {
      transform: rotate(45deg);
   }
   100% {
      transform: rotate(0deg);
   }
}

@keyframes bell {
   0% {
      transform: rotate(0deg);
   }
   40% {
      transform: rotate(-45deg);
   }
   80% {
      transform: rotate(45deg);
   }
   100% {
      transform: rotate(0deg);
   }
}
aside .side__menu {
   height: 100vh;
   width: 80%;
   background-color: #fff;
   position: absolute;
   right: -100%;
   top: 0;
   z-index: 100;
   display: flex;
   flex-direction: column;
   transition: 0.5s ease-in-out;
}
@media (min-width: 600px) {
   aside .side__menu {
      width: 50%;
   }
}
@media (min-width: 768px) {
   aside .side__menu {
      width: 35%;
   }
}
@media (min-width: 1024px) {
   aside .side__menu {
      width: 23%;
      right: 0;
   }
}
@media (min-width: 1360px) {
   aside .side__menu {
      width: 17%;
   }
}
aside .side__menu--open {
   right: 0;
   box-shadow: -1px 5px 6px rgba(0, 0, 0, 0.09);
}
aside .side__menu--header {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 5px;
   justify-content: center;
   margin-top: 13px;
   padding: 1.5rem 0 5px;
}
@media (min-width: 1024px) {
   aside .side__menu--header {
      margin-top: 0;
   }
}
aside .side__menu--header--logo {
   height: 50px;
}
@media (min-width: 768px) {
   aside .side__menu--header--logo {
      height: 60px;
   }
}
aside .side__menu--header p {
   color: #093f76;
   font-size: 15px;
}
@media (min-width: 600px) {
   aside .side__menu--header p {
      font-size: 16px;
   }
}
aside .side__menu--header--user {
   flex: 10%;
}
@media (min-width: 1024px) {
   aside .side__menu--header--user {
      margin-bottom: 0px;
   }
}
aside .side__menu--close {
   right: 10px;
   top: 20px;
   position: relative;
   cursor: pointer;
}
@media (min-width: 1024px) {
   aside .side__menu--close {
      display: none;
   }
}
aside .side__menu--close div {
   background-color: #818181;
   width: 20px;
   height: 3px;
   border-radius: 10px;
   position: absolute;
}
@media (min-width: 768px) {
   aside .side__menu--close div {
      width: 23px;
      height: 3px;
   }
}
aside .side__menu--close :first-child {
   transform: rotate(45deg);
}
aside .side__menu--close :last-child {
   transform: rotate(-45deg);
}
aside .side__menu--profile {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 5px;
   padding-bottom: 1rem;
}
aside .side__menu--profile img {
   height: 50px;
}
@media (min-width: 600px) {
   aside .side__menu--profile img {
      height: 60px;
   }
}
@media (min-width: 768px) {
   aside .side__menu--profile img {
      height: 65px;
   }
}
aside .side__menu--profile p {
   color: #98a6ad;
   font-size: 13px;
}
@media (min-width: 600px) {
   aside .side__menu--profile p {
      font-size: 15px;
   }
}
aside .side__menu--profile-name {
   font-family: 'iransans-bold';
   color: #6c757d !important;
}
aside .side__menu--list {
   display: flex;
   flex-direction: column;
   padding: 20px 12px;
   flex: 60%;
   justify-content: start;
   gap: 4px;
}

aside .side__menu--list div {
   display: flex;
   flex-direction: row;
   height: 40px;
   align-items: center;
   gap: 4px;
   cursor: pointer;
}
aside .side__menu--list div p {
   color: #6e768e;
   font-size: 13px;
}

aside .side__menu--list div img {
   height: 17px;
   width: 17px;
}
@media (min-width: 600px) {
   aside .side__menu--list div img {
      height: 20px;
   }
}
aside .side__menu--list div:hover img {
   margin-left: 2px;
   transition: ease-in 0.2s;
}
aside .side__menu--list-admin {
   padding: 16px 20px;
}
aside .side__menu--list--active {
   color: #4f99d9 !important;
}
aside .side__menu--list--users {
   display: unset;
   padding-top: 20px;
   overflow-y: auto;
}
aside .side__menu--list--users input {
   display: none;
}
aside .side__menu--list--users input:checked + label {
   background: rgb(207, 219, 240);
   border-radius: 6px;
}
aside .side__menu--list--users input:checked + label + .side__menu--list--user--options {
   max-height: 750px;
   transition: all 1s cubic-bezier(0.59, 0.6, 1, 1);
   display: inline-block !important;
}
aside .side__menu--list--users input:checked + label img {
   transition: ease-in-out 0.3s;
   transform: rotateX(180deg);
}
aside .side__menu--list--users--sm {
   width: 100%;
   display: inline-block !important;
   padding-bottom: 5px;
   height: -webkit-fit-content !important;
   height: -moz-fit-content !important;
   height: fit-content !important;
}
aside .side__menu--list--users--sm input:checked + label {
   background: rgba(192, 214, 255, 0.37);
   border-radius: 6px;
}
aside .side__menu--list--users--sm label {
   width: 100%;
   height: 45px;
   display: flex;
   width: 100%;
   padding: 8px 5px;
   position: relative;
   cursor: pointer;
}
aside .side__menu--list--users--sm label:hover {
   background: rgba(232, 239, 252, 0.39);
}
aside .side__menu--list--options {
   justify-content: unset;
   gap: 1.5rem;
   overflow-y: auto;
}

.side__menu--list--user {
   position: relative;
   display: flex !important;
   width: 100%;
   height: unset !important;
}
.side__menu--list--user p {
   transition: ease-in-out 0.3s;
}
.side__menu--list--user--exit {
   border-bottom: unset;
   padding: 0 10px;
}
@media (min-width: 768px) {
   .side__menu--list--user div div p {
      font-size: 15px !important;
   }
}

.user--p .span {
   color: #5f667b;
   font-size: 14px;
}

.kartabl--p .span {
   display: inline-block;
   height: 10px;
   width: 10px;
   margin-right: 3px;
   border-radius: 50px;
   background-color: rgb(255, 49, 49);
   border: unset;
}

.side__menu--list--user--img {
   height: 20px;
   position: absolute;
   left: 0px;
   top: 3px;
   transform: rotate(0deg);
   transition: ease-in-out 0.4s;
}
@media (min-width: 600px) {
   .side__menu--list--user--img {
      height: 25px;
   }
}

.side__menu--list--user--options {
   transition: all 0.1s cubic-bezier(0, 1.06, 0.58, 1);
   width: 100%;
   border-right: 2px solid rgb(232, 239, 252);
   padding-right: 11px;
   margin-right: 6px;
   display: none !important;
   height: unset !important;
}
.side__menu--list--user--options p {
   width: 100%;
   font-size: 12px !important;
   color: rgba(90, 94, 105, 0.88);
   font-family: 'iransans';
   padding: 4px;
   transition: ease-in 0.3s;
}

.side__menu--list--user--options p:hover {
   color: #444f71;
   background: rgba(232, 239, 252, 0.708);
}

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   direction: rtl;
   font-size: 12px;
   font-family: 'iransans';
}

.body {
   height: 100vh;
   background-color: #ebeff2;
   padding: 10px 15px;
}
@media (min-width: 600px) {
   .body {
      padding: 10px 15px !important;
   }
}
@media (min-width: 768px) {
   .body {
      padding: 10px 20px;
   }
}
@media (min-width: 1024px) {
   .body {
      padding-right: 25% !important;
   }
}
@media (min-width: 1360px) {
   .body {
      padding-right: 19% !important;
      padding-left: 20px !important;
   }
}
.body--page-error {
   height: 100vh;
}

.main {
   overflow-y: auto;
   height: calc(100vh - 50px);
   padding-left: 5px;
}
@media (min-width: 600px) {
   .main {
      height: calc(100vh - 70px);
   }
}
@media (min-width: 1024px) {
   .main {
      height: calc(100vh - 90px);
   }
}
@media (min-width: 1536px) {
   .main {
      height: calc(100vh - 115px) !important;
   }
}
.main--page-error {
   height: 100%;
}
.main--page-error--body {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
   -items: center;
}
@media (min-width: 600px) {
   .main--page-error--body {
      flex-direction: row;
   }
}
.main--page-error--body img {
   height: 334px;
}
@media (min-width: 1024px) {
   .main--page-error--body img {
      height: 400px;
   }
}
.main--page-error--body--mesage {
   text-align: center;
}
.main--page-error--body--mesage--num {
   font-size: 82px;
   color: #6c757d;
   height: 105px;
}
@media (min-width: 1024px) {
   .main--page-error--body--mesage--num {
      font-size: 95px;
      height: 120px;
   }
}
.main--page-error--body--mesage--num .span {
   color: #4f99d9;
   font-size: 82px;
   height: 105px;
}
@media (min-width: 1024px) {
   .main--page-error--body--mesage--num .span {
      font-size: 95px;
      height: 120px;
   }
}
.main--page-error--body--mesage--error {
   font-size: 15px;
   color: #6c757d;
   margin-bottom: 15px;
}
.main--page-error--body--mesage button {
   padding: 4px 36px;
   border: 2px solid #4f99d9;
   border-radius: 4px;
   color: #4f99d9;
   font-size: 14px;
   font-family: 'iransans-bold';
   cursor: pointer;
   transition: all 1s;
}
@media (min-width: 1024px) {
   .main--page-error--body--mesage button {
      padding: 7px 40px;
      font-size: 16px;
   }
}
.main--page-error--body--mesage button:hover {
   color: #fff;
   background-color: #4f99d9;
}
.main--empty {
   padding-top: 50px;
}
@media (min-width: 1024px) {
   .main--empty {
      padding-top: 40px;
   }
}

.checked__input {
   outline: solid 2px rgb(185, 200, 216) !important;
   background-color: rgba(185, 200, 216, 0.06) !important;
}

.section__first-part {
   display: flex;
   justify-content: space-between;
   height: 50px;
   align-items: center;
   margin-top: 45px;
}
@media (min-width: 768px) {
   .section__first-part {
      margin-top: 45px;
   }
}
@media (min-width: 1024px) {
   .section__first-part {
      margin-top: 5px;
      margin-bottom: 10px;
   }
}
.section__first-part--semat-details {
   margin-top: 0px !important;
   gap: 0px !important;
}
.section__first-part--form-design {
   flex-direction: column !important;
}
.section__first-part--spcform {
   width: 87px !important;
}
@media (min-width: 600px) {
   .section__first-part--spcform {
      width: 100px !important;
   }
}
.section__first-part--prymary--spcform {
   background-color: #fff;
   padding: 20px 15px;
   border-radius: 5px;
   margin-bottom: 0px !important;
   height: calc(100vh - 110px);
   overflow-y: auto;
}
@media (min-width: 1024px) {
   .section__first-part--prymary--spcform {
      height: calc(100vh - 75px);
   }
}
@media (min-width: 1536px) {
   .section__first-part--prymary--spcform {
      height: calc(100vh - 100px);
   }
}
.section__first-part--details {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: flex-start;
   margin-bottom: 15px;
   gap: 15px;
   justify-content: space-between;
   position: relative;
}
@media (min-width: 600px) {
   .section__first-part--details {
      gap: 4%;
      margin-top: 10px;
   }
}
@media (min-width: 768px) {
   .section__first-part--details {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details {
      margin-top: 15px;
   }
}
.section__first-part--details .section__first-part {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin-top: 0;
}
@media (min-width: 600px) {
   .section__first-part--details .section__first-part {
      width: 100px;
   }
}
@media (min-width: 768px) {
   .section__first-part--details .section__first-part {
      width: 105px;
      margin-top: 0 !important;
   }
}
.section__first-part--details--add-user {
   justify-content: space-between;
   height: calc(100vh - 110px);
   background-color: #fff;
   border-radius: 5px;
   padding: 16px;
   margin-top: 10px !important;
   margin-bottom: 0;
}
@media (min-width: 600px) {
   .section__first-part--details--add-user {
      padding: 24px 20px;
      height: calc(100vh - 120px);
      align-items: unset !important;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--add-user {
      height: calc(100vh - 100px);
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--add-user {
      padding: 24px 32px;
   }
}
@media (min-width: 1536px) {
   .section__first-part--details--add-user {
      height: calc(100vh - 125px);
   }
}
.section__first-part--details--add-user .section__third-part--modal {
   width: 100%;
   display: flex;
   position: relative;
}
.section__first-part--details--add-user .section__third-part--modal--btn {
   justify-content: left;
   position: absolute;
   bottom: 5px;
   left: 10px;
}
.section__first-part--details--add-user .section__third-part--modal--btn--preview {
   position: unset;
   flex-wrap: wrap;
}
@media (min-width: 600px) {
   .section__first-part--details--add-user .section__third-part--modal--btn--preview {
      justify-content: space-between;
   }
}
.section__first-part--details--add-user .section__third-part--modal--btn--preview .buttons__first {
   display: flex;
   gap: 7px;
   flex-wrap: wrap;
   justify-content: left;
}
.section__first-part--details--add-user .section__third-part--modal--btn--preview .buttons__second {
   display: flex;
   gap: 7px;
}
@media (min-width: 1360px) {
   .section__first-part--details--add-user div .semat__input {
      height: 36px;
   }
}
.section__first-part--details--spv-cmt {
   justify-content: space-between;
   height: calc(100vh - 110px);
   background-color: #fff;
   border-radius: 5px;
   padding: 15px 10px;
   margin-top: 10px !important;
   margin-bottom: 0;
   overflow: auto;
}
@media (min-width: 600px) {
   .section__first-part--details--spv-cmt {
      padding: 15px !important;
      height: calc(100vh - 120px);
      align-items: unset !important;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--spv-cmt {
      height: calc(100vh - 100px);
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--spv-cmt {
      padding: 35px !important;
   }
}
@media (min-width: 1536px) {
   .section__first-part--details--spv-cmt {
      height: calc(100vh - 125px);
   }
}
.section__first-part--details--spv-cmt .section__third-part--modal {
   width: 100%;
   display: flex;
   position: relative;
   margin-top: 12px;
}
.section__first-part--details--spv-cmt .section__third-part--modal--btn {
   justify-content: left;
   position: absolute;
   bottom: 15px;
   left: 10px;
}
.section__first-part--details--spv-cmt .section__third-part--modal--btn--preview {
   position: unset;
   flex-wrap: wrap;
}
@media (min-width: 600px) {
   .section__first-part--details--spv-cmt .section__third-part--modal--btn--preview {
      justify-content: space-between;
   }
}
.section__first-part--details--spv-cmt .section__third-part--modal--btn--preview .buttons__first {
   display: flex;
   gap: 7px;
   flex-wrap: wrap;
   justify-content: left;
}
.section__first-part--details--spv-cmt .section__third-part--modal--btn--preview .buttons__second {
   display: flex;
   gap: 7px;
}
@media (min-width: 1360px) {
   .section__first-part--details--spv-cmt div .semat__input {
      height: 36px;
   }
}
.section__first-part--details--user-details {
   justify-content: space-between;
   height: calc(100vh - 110px);
   background-color: #fff;
   border-radius: 5px;
   padding: 15px 10px;
   margin-top: 10px !important;
   margin-bottom: 0;
   overflow: auto;
}
@media (min-width: 600px) {
   .section__first-part--details--user-details {
      padding: 15px !important;
      height: calc(100vh - 120px);
      align-items: unset !important;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--user-details {
      height: calc(100vh - 100px);
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--user-details {
      padding: 35px !important;
   }
}
@media (min-width: 1536px) {
   .section__first-part--details--user-details {
      height: calc(100vh - 125px);
   }
}
.section__first-part--details--user-details .section__third-part--modal {
   width: 100%;
   display: flex;
   position: relative;
}
.section__first-part--details--user-details .section__third-part--modal--btn {
   justify-content: left;
   position: absolute;
   bottom: 15px;
   left: 10px;
}
.section__first-part--details--user-details .section__third-part--modal--btn--preview {
   position: unset;
   flex-wrap: wrap;
}
@media (min-width: 600px) {
   .section__first-part--details--user-details .section__third-part--modal--btn--preview {
      justify-content: space-between;
   }
}
.section__first-part--details--user-details
   .section__third-part--modal--btn--preview
   .buttons__first {
   display: flex;
   gap: 7px;
   flex-wrap: wrap;
   justify-content: left;
}
.section__first-part--details--user-details
   .section__third-part--modal--btn--preview
   .buttons__second {
   display: flex;
   gap: 7px;
}
@media (min-width: 1360px) {
   .section__first-part--details--user-details div .semat__input {
      height: 36px;
   }
}
.section__first-part--details--title {
   display: flex;
   gap: 5px;
   align-items: center;
   justify-content: right;
   width: 100%;
   margin-bottom: 20px;
}
@media (min-width: 600px) {
   .section__first-part--details--title {
      align-items: center !important;
      margin-bottom: 30px;
   }
}
@media (min-width: 768px) {
   .section__first-part--details--title {
      align-items: center !important;
      margin-bottom: 37px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--title {
      margin-top: 10px;
      margin-bottom: 27px;
   }
}
.section__first-part--details--title--diagram {
   position: relative;
}
.section__first-part--details--title p {
   color: #6c757d;
   font-family: 'iransans-bold';
}
@media (min-width: 600px) {
   .section__first-part--details--title p {
      font-size: 13px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--title p {
      font-size: 13px;
   }
}
.section__first-part--details--title .preview__coment {
   font-size: 12px;
}
.section__first-part--details--title--spcform {
   width: 50%;
   flex-direction: column;
   align-items: flex-start;
}
@media (min-width: 600px) {
   .section__first-part--details--title--spcform {
      align-items: center !important;
      flex-direction: row;
      width: 60%;
   }
}
.section__first-part--details--title--spcform input {
   width: 100%;
}
@media (min-width: 600px) {
   .section__first-part--details--title--spcform input {
      width: 70%;
   }
}
@media (min-width: 768px) {
   .section__first-part--details--title--spcform input {
      width: 50%;
   }
}
.section__first-part--details--title--semat {
   gap: 2%;
   margin-bottom: 10px;
}
@media (min-width: 600px) {
   .section__first-part--details--title--semat {
      width: 60%;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--title--semat {
      gap: 1% !important;
   }
}
.section__first-part--details--title--semat p {
   width: 32% !important;
}
@media (min-width: 600px) {
   .section__first-part--details--title--semat p {
      width: 21% !important;
   }
}
@media (min-width: 768px) {
   .section__first-part--details--title--semat p {
      width: 13% !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--title--semat p {
      width: 9% !important;
   }
}
.section__first-part--details--title--semat input {
   width: 75% !important;
}
@media (min-width: 1024px) {
   .section__first-part--details--title--semat input {
      width: 80% !important;
   }
}
@media (min-width: 768px) {
   .section__first-part--details--title--semat input {
      width: 30% !important;
   }
}
.section__first-part--details--title input {
   border: 1px solid #ced4da;
   height: 37px;
   align-items: center;
   border-radius: 3px;
   padding: 0 10px;
   color: #6c757d;
}
@media (min-width: 600px) {
   .section__first-part--details--title input {
      height: 40px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--title input {
      font-size: 15px;
   }
}
.section__first-part--details--title input:focus {
   outline: solid 1px #c6cfd8;
}
.section__first-part--details--title--add-user {
   height: fit-content;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 20px 13px;
}
@media (min-width: 600px) {
   .section__first-part--details--title--add-user {
      gap: 0px 13px;
      justify-content: space-between;
   }
}
@media (min-width: 768px) {
   .section__first-part--details--title--add-user {
      flex: unset;
      gap: 20px 5%;
      justify-content: right;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--title--add-user {
      gap: 20px 3.5%;
   }
}
.section__first-part--details--title--add-user .text__import {
   width: 135px;
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 3px;
   width: 47%;
   height: 80px;
   padding: 0 3px;
   border-radius: 3px;
}
@media (min-width: 768px) {
   .section__first-part--details--title--add-user .text__import {
      width: 30% !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--title--add-user .text__import {
      width: 31% !important;
   }
}
.section__first-part--details--title--add-user .text__import .see {
   position: absolute;
   left: 2px;
   top: 23px;
   width: auto;
   height: 36px;
   background-color: #cbd1d5;
   padding: 10px;
   cursor: pointer;
   margin-top: 0;
   border-right: 1px solid #ced4da;
   border-radius: 4px 0 0 4px;
}
@media (min-width: 600px) {
   .section__first-part--details--title--add-user .text__import .see {
      width: 36px !important;
      top: 23px !important;
      padding: 11px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--title--add-user .text__import .see {
      top: 26px !important;
      width: 50px !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--title--add-user .text__import .see {
      height: 36px !important;
      width: 48px !important;
      padding: 14px !important;
   }
}
.section__first-part--details--title--add-user .text__import .see .img__eye {
   height: 15px !important;
   position: unset !important;
}
@media (min-width: 1024px) {
   .section__first-part--details--title--add-user .text__import .see .img__eye {
      top: 42px !important;
      height: 17px !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--title--add-user .text__import .see .img__eye {
      height: 17px !important;
   }
}
.section__first-part--details--title--add-user .text__import p {
   font-family: 'iransans-bold';
   color: #6c757d !important;
   font-size: 12px;
}
.section__first-part--details--title--add-user .text__import .input {
   border: 1px solid #ced4da;
   display: flex;
   align-items: center;
   font-size: 13px;
   height: 36px;
   width: 100%;
}
.section__first-part--details--title--add-user .text__import .input:focus {
   outline: solid 1px #c6cfd8;
}
.section__first-part--details--title--add-user .text__import .semat__input {
   border: 1px solid #ced4da;
   display: flex;
   align-items: center;
   font-size: 13px;
   height: 36px;
   cursor: pointer;
   border-radius: 3px;
   padding: 0 10px;
   color: #6c757d;
}
@media (min-width: 1360px) {
   .section__first-part--details--title--add-user .text__import .semat__input {
      height: 36px;
   }
}
.section__first-part--details--title--add-user .text__import .semat__input:focus {
   outline: solid 1px #c6cfd8;
}
.section__first-part--details--title--add-user .text__import img {
   position: absolute;
   left: 5px;
   height: 20px;
   top: 35px;
   cursor: pointer;
}
@media (min-width: 600px) {
   .section__first-part--details--title--add-user .text__import img {
      height: 25px !important;
      top: 32px !important;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--title--add-user .text__import img {
      top: 35px !important;
      height: 25px !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--title--add-user .text__import img {
      height: 29px !important;
      top: 35px !important;
   }
}
.section__first-part--details--title--add-user .text__import .drag {
   height: 20px !important;
   left: -6px !important;
   top: 17px !important;
   position: absolute;
}
@media (min-width: 600px) {
   .section__first-part--details--title--add-user .text__import .drag {
      top: 20px !important;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--title--add-user .text__import .drag {
      top: 23px !important;
      height: 17px !important;
   }
}
.section__first-part--details--title--add-user .text__import .span {
   color: #ff5b5b;
   font-family: 'iransans' !important;
   font-size: 11px;
}
@media (min-width: 1024px) {
   .section__first-part--details--title--add-user .text__import .date img {
      height: 16px !important;
      top: 42px !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--title--add-user .text__import .date img {
      top: 46px !important;
      height: 16px !important;
   }
}
.section__first-part--details--title--add-user .disabled p {
   color: #cecece !important;
}
.section__first-part--details--title--add-user .disabled input {
   border: 1px solid #d1d1d1;
   color: #cecece;
}
@media (min-width: 600px) {
   .section__first-part--details--title--add-user .date img {
      height: 16px !important;
      top: 36px !important;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--title--add-user .date img {
      height: 16px !important;
      top: 38px !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--title--add-user .date img {
      top: 40px !important;
      height: 16px !important;
   }
}

@media (min-width: 768px) {
   .section__first-part--details--title--top p {
      width: 22% !important;
   }
}
@media (min-width: 1024px) {
   .section__first-part--details--title--top p {
      width: -webkit-fit-content !important;
      width: -moz-fit-content !important;
      width: fit-content !important;
   }
}
@media (min-width: 768px) {
   .section__first-part--details--title--top input {
      width: 76% !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--details--title--top input {
      width: 83% !important;
   }
}
.section__first-part--details--form-one {
   height: auto !important;
}
@media (min-width: 600px) {
   .section__first-part--details--form-one {
      height: auto !important;
   }
}
.section__first-part--sort {
   display: flex;
   align-items: center;
   gap: 5px;
   position: relative;
   justify-content: left;
   width: 100%;
}
@media (min-width: 600px) {
   .section__first-part--sort {
      width: unset;
   }
}
@media (min-width: 1024px) {
   .section__first-part--sort {
      gap: 10px;
   }
}
.section__first-part--sort p {
   color: #6d6d6d;
   font-family: 'iransans-bold';
   font-size: 11px;
}
@media (min-width: 768px) {
   .section__first-part--sort p {
      font-size: 12px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--sort p {
      font-size: 13px;
   }
}
@media (min-width: 1360px) {
   .section__first-part--sort p {
      font-size: 14px;
   }
}
.section__first-part--sort--semat {
   justify-content: space-between !important;
   width: 190px;
}
@media (min-width: 600px) {
   .section__first-part--sort--semat {
      width: 220px;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort--semat {
      width: 270px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--sort--semat {
      width: 345px;
   }
}
@media (min-width: 1360px) {
   .section__first-part--sort--semat {
      width: 350px;
   }
}
.section__first-part--sort--semat p {
   flex: none;
   color: #6c757d;
}
.section__first-part--sort--semat label .section__first-part--sort-input {
   width: 200px;
   border: 1px solid #cdd3d9;
}
@media (min-width: 600px) {
   .section__first-part--sort--semat label .section__first-part--sort-input {
      width: 125px;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort--semat label .section__first-part--sort-input {
      width: 200px !important;
   }
}
@media (min-width: 1536px) {
   .section__first-part--sort--semat label .section__first-part--sort-input {
      width: 400px !important;
   }
}
.section__first-part--sort--semat label + .section__first-part--sort-menu {
   width: 200px;
}
@media (min-width: 600px) {
   .section__first-part--sort--semat label + .section__first-part--sort-menu {
      width: 125px;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort--semat label + .section__first-part--sort-menu {
      width: 200px !important;
   }
}
@media (min-width: 1536px) {
   .section__first-part--sort--semat label + .section__first-part--sort-menu {
      width: 400px !important;
   }
}
.section__first-part--sort--spcform {
   width: 180px;
}
@media (min-width: 600px) {
   .section__first-part--sort--spcform {
      width: 210px !important;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort--spcform {
      width: 250px !important;
   }
}
@media (min-width: 1024px) {
   .section__first-part--sort--spcform {
      width: 345px !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--sort--spcform {
      width: 360px !important;
   }
}
.section__first-part--sort--spcform .section__first-part--sort-input {
   width: 85px;
}
@media (min-width: 600px) {
   .section__first-part--sort--spcform .section__first-part--sort-input {
      width: 115px;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort--spcform .section__first-part--sort-input {
      width: 145px;
   }
}
.section__first-part--sort--spcform .section__first-part--sort-menu {
   width: 85px;
}
@media (min-width: 600px) {
   .section__first-part--sort--spcform .section__first-part--sort-menu {
      width: 115px;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort--spcform .section__first-part--sort-menu {
      width: 145px;
   }
}
.section__first-part--sort-input {
   background-color: #fff;
   border: 1px solid #ced4da;
   width: 95px;
   height: 30px;
   align-items: center;
   display: flex;
   justify-content: space-between;
   border-radius: 3px;
   padding: 0 10px;
   position: relative;
   cursor: pointer;
}
@media (min-width: 600px) {
   .section__first-part--sort-input {
      width: 120px;
      height: 37px;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort-input {
      width: 155px;
      height: 38px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--sort-input {
      width: 220px;
   }
}
.section__first-part--sort-input p {
   font-family: 'iransans';
   color: #6c757d;
   font-size: 12px;
}
@media (min-width: 600px) {
   .section__first-part--sort-input p {
      font-size: 13px;
   }
}
.section__first-part--sort-input img {
   height: 20px;
   position: absolute;
   left: -1px;
   transition: ease-in 0.2s;
}
@media (min-width: 600px) {
   .section__first-part--sort-input img {
      height: 23px;
      left: 2px;
   }
}
.section__first-part--sort-input-show img {
   transform: rotateX(180deg);
}
.section__first-part--sort-menu {
   position: absolute !important;
   display: flex;
   flex-direction: column;
   background-color: #fff;
   border: #ced4da solid 1px !important;
   left: 0px;
   top: 30px;
   width: 95px;
   border-radius: 4px;
   gap: 2px;
   z-index: 20;
}
@media (min-width: 600px) {
   .section__first-part--sort-menu {
      width: 120px;
      top: 37px;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort-menu {
      width: 155px;
      top: 42px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--sort-menu {
      width: 220px;
   }
}
.section__first-part--sort-menu p {
   color: #6d6d6d;
   font-family: 'iransans';
   height: 30px;
   text-align: right;
   cursor: pointer;
   padding: 7px 15px;
   transition: ease-in-out 0.4s;
   display: flex;
   align-items: center;
}
@media (min-width: 600px) {
   .section__first-part--sort-menu p {
      height: 35px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--sort-menu p {
      height: 40px;
   }
}
.section__first-part--sort-menu p:hover {
   background-color: #c7c7c7;
   color: #fff;
}
.section__first-part--sort-menu--checked {
   background-color: #b9b9b9 !important;
}
.section__first-part--sort-menu--checked p {
   color: #fff !important;
}
.section__first-part--sort-menu--open {
   display: flex;
}
.section__first-part--sort .choose__fild {
   width: 100px;
}
.section__first-part--sort .choose__fild .modal__selected {
   width: 100px;
}
@media (min-width: 400px) {
   .section__first-part--sort .choose__fild .modal__selected {
      width: 140px;
   }
}
@media (min-width: 400px) {
   .section__first-part--sort .choose__fild {
      width: 140px;
   }
}
.section__first-part--user__information {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 15px;
   width: 100%;
   padding: 15px 0px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   justify-content: space-between;
}
.section__first-part--form__user__information {
   margin-top: 0px !important;
   padding: 10px !important;
   flex: 1;
   height: auto !important;
   border: 1px solid #f9f9f9;
   margin-bottom: 35px;
}
@media (min-width: 600px) {
   .section__first-part--form__user__information {
      margin-bottom: 50px;
      height: auto !important;
   }
}
.section__first-part--made-report {
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   background-color: #fff;
   border-radius: 5px;
   padding: 10px;
   margin-bottom: 8px;
   margin-left: 10px;
   min-height: 50px;
}
.section__first-part--made-report .section__first-part--details--title--add-user {
   gap: 10px 5%;
   margin-bottom: 0;
   justify-content: right;
}
@media (min-width: 600px) {
   .section__first-part--made-report .section__first-part--details--title--add-user {
      gap: 10px 3%;
   }
}
@media (min-width: 768px) {
   .section__first-part--made-report .section__first-part--details--title--add-user {
      gap: 10px 5.4%;
   }
}
@media (min-width: 1024px) {
   .section__first-part--made-report .section__first-part--details--title--add-user {
      margin-top: 0;
   }
}
@media (min-width: 1360px) {
   .section__first-part--made-report .section__first-part--details--title--add-user {
      gap: 10px 5.5%;
   }
}
@media (min-width: 600px) {
   .section__first-part--made-report .section__first-part--details--title--add-user .text__import {
      width: 48.5% !important;
   }
}
@media (min-width: 768px) {
   .section__first-part--made-report .section__first-part--details--title--add-user .text__import {
      width: 47.3% !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--made-report .section__first-part--details--title--add-user .text__import {
      width: 47.25% !important;
   }
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .text__import
   .diagram__comment {
   color: #c5c5c5;
   font-family: 'iransans-bold' !important;
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .text__import
   .color__box {
   cursor: pointer;
   position: absolute;
   padding: 0;
   height: 47px;
   width: 47px;
   border: unset;
   top: 21px;
   left: 0;
   background-color: unset;
}
@media (min-width: 600px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import
      .color__box {
      top: 27px;
      height: 45px;
      width: 45px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import
      .color__box {
      top: 30px;
   }
}
@media (min-width: 1360px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import
      .color__box {
      width: 45px;
      height: 45px;
      top: 32px;
   }
}
@media (min-width: 1536px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import
      .color__box {
      top: 34px;
   }
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .text__import--diagram {
   width: 100% !important;
}
@media (min-width: 600px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram {
      width: 31.3% !important;
   }
}
@media (min-width: 768px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram {
      width: 29.7% !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram {
      width: 29.6% !important;
   }
}
@media (min-width: 600px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram-last {
      width: 31.3% !important;
   }
}
@media (min-width: 768px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram-last {
      width: 29.7% !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram-last {
      width: 29.6% !important;
   }
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .text__import--diagram-last
   + .section__first-part--btn--list {
   position: absolute;
   bottom: 61px;
   left: 5px;
}
@media (min-width: 600px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram-last
      + .section__first-part--btn--list {
      bottom: 52px;
   }
}
@media (min-width: 1360px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram-last
      + .section__first-part--btn--list {
      bottom: 47px;
   }
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .text__import--diagram-last-input {
   width: 80% !important;
}
@media (min-width: 768px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram-last-input {
      width: unset !important;
   }
}
@media (min-width: 768px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram-lasttwo {
      width: 18.6% !important;
   }
}
@media (min-width: 1360px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram-lasttwo {
      width: 18.8% !important;
   }
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .text__import--diagram-lasttwo
   + .section__first-part--btn--list {
   position: absolute;
   bottom: 61px;
   left: 5px;
}
@media (min-width: 768px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram-lasttwo
      + .section__first-part--btn--list {
      position: unset;
   }
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .text__import--diagram-lasttwo-input {
   width: calc(100% - 50px);
}
@media (min-width: 600px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .text__import--diagram-lasttwo-input {
      width: calc(100% - 45px);
   }
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .diagram-report__three
   .text__import {
   position: relative;
   height: unset;
   gap: 3px !important;
}
@media (min-width: 600px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .diagram-report__three
      .text__import {
      width: 32.5% !important;
   }
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .diagram-report__three
   .text__import
   .section__first-part--btn--list {
   position: absolute;
   left: 5px;
   bottom: 27px;
}
@media (min-width: 600px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .diagram-report__three
      .text__import
      .section__first-part--btn--list {
      bottom: 22px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .diagram-report__three
      .text__import
      .section__first-part--btn--list {
      bottom: 20px;
   }
}
@media (min-width: 1360px) {
   .section__first-part--made-report
      .section__first-part--details--title--add-user
      .diagram-report__three
      .text__import
      .section__first-part--btn--list {
      bottom: 17px;
   }
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .diagram-report__three
   .text__import
   .section__first-part--btn--list
   div {
   height: 35px;
   width: 35px;
   border-radius: 2px;
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .diagram-report__three
   .text__import
   .section__first-part--btn--list
   div
   img {
   position: unset;
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .diagram-report__three
   .from__to {
   display: flex;
   flex-direction: row;
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .diagram-report__three
   .from__to
   .text__import {
   margin-top: 0;
   width: calc(50% - 25px) !important;
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   .diagram-report__three
   .from__to
   .text__import
   .text__import--diagram-lasttwo-input {
   width: 100%;
}
.section__first-part--made-report .section__first-part--details--title--add-user table,
.section__first-part--made-report .section__first-part--details--title--add-user tr,
.section__first-part--made-report .section__first-part--details--title--add-user td {
   border: 1px solid #ced4da;
   border-collapse: collapse;
}
.section__first-part--made-report
   .section__first-part--details--title--add-user
   table
   .made-report--form--tags,
.section__first-part--made-report
   .section__first-part--details--title--add-user
   tr
   .made-report--form--tags,
.section__first-part--made-report
   .section__first-part--details--title--add-user
   td
   .made-report--form--tags {
   border: unset !important;
   gap: 10px;
   padding: 0px;
}
.section__first-part--made-report .section__first-part--details--title--add-user table {
   border-radius: 4px;
   width: 100%;
}
.section__first-part--made-report .section__first-part--details--title--add-user table td {
   padding: 15px 10px;
   min-width: 70px;
   text-align: center;
}
@media (min-width: 600px) {
   .section__first-part--made-report .section__first-part--details--title--add-user table td {
      min-width: 100px;
   }
}
.section__first-part--made-report .section__first-part--details--title--add-user table .tags--td {
   width: 100%;
}
.section__first-part--made-report .text__import--made-report {
   width: 100%;
   height: 90px;
}
.section__first-part--made-report .text__import--made-report--type {
   width: 100%;
}
.section__first-part--made-report
   .text__import--made-report--type
   + .section__third-part--modal--btn-confirmation {
   margin-top: 13px;
   width: 30%;
   min-width: unset;
   height: 40px;
}
@media (min-width: 600px) {
   .section__first-part--made-report
      .text__import--made-report--type
      + .section__third-part--modal--btn-confirmation {
      width: 27% !important;
      height: 40px !important;
      margin-top: 22px;
   }
}
@media (min-width: 768px) {
   .section__first-part--made-report
      .text__import--made-report--type
      + .section__third-part--modal--btn-confirmation {
      width: 15% !important;
   }
}
@media (min-width: 1024px) {
   .section__first-part--made-report
      .text__import--made-report--type
      + .section__third-part--modal--btn-confirmation {
      margin-top: 27px;
   }
}
@media (min-width: 1360px) {
   .section__first-part--made-report
      .text__import--made-report--type
      + .section__third-part--modal--btn-confirmation {
      height: 45px !important;
      margin-top: 33px;
   }
}
.section__first-part--made-report
   .text__import--made-report--type
   + .section__third-part--modal--btn-confirmation
   p {
   color: #fff;
   font-family: 'iransans';
}
@media (min-width: 1024px) {
   .section__first-part--made-report {
      padding: 14px 12px;
      margin-left: 1.5rem;
   }
}
.section__first-part--report-preview {
   margin: 0px 0 5px;
}
@media (min-width: 1360px) {
   .section__first-part--btn--semat .section__first-part--btn--list {
      margin: 5px 0px;
   }
}
.section__first-part--btn--list p {
   white-space: nowrap;
}
@media (min-width: 1024px) {
   .section__first-part--btn--list p {
      font-size: 14px;
   }
}
.section__first-part--title-piereport {
   justify-content: right;
}

.mede-report--p {
   margin: 10px 0px 5px;
}
.mede-report--p .section__first-part--btn--list {
   display: flex;
   flex-direction: row;
   justify-content: right;
   gap: 5px;
}
.mede-report--p .section__first-part--btn--list p {
   font-size: 14px;
}

.made-report--tags {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   gap: 12px;
}
.made-report--tags--part {
   display: flex;
   gap: 4px;
   padding: 5px;
   border-radius: 5px;
   align-items: center;
   box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
}
.made-report--tags--part .tags__image--color {
   padding: 3px;
   height: 19px;
   width: 19px;
   cursor: pointer;
   background-color: #8f979d;
   border-radius: 50px;
   transition: all 0.3s ease-in-out;
}
.made-report--tags--part .tags__image--color:hover {
   background-color: #e94235;
}
.made-report--tags--tabular {
   flex-direction: row;
}
.made-report--tags--tabular .made-report--tags--part {
   flex-direction: row;
}
.made-report--tags p {
   color: #6c757d;
   font-family: 'iransans';
}

.made-report--header {
   display: flex;
   width: 100%;
   justify-content: space-between;
   padding: 7px 0;
   align-items: center;
}
.made-report--header p {
   font-size: 14px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}
.made-report--header .section__second-part--table-body--card--btn {
   height: 33px;
   gap: 8px;
   align-items: center;
   border: 2px solid #4f99d9;
   transition: ease-in 0.3s;
}
.made-report--header .section__second-part--table-body--card--btn p {
   font-size: 13px;
   font-family: 'iransans';
}
.made-report--header .section__second-part--table-body--card--btn:hover {
   background-color: #4f99d9;
}
.made-report--header .section__second-part--table-body--card--btn:hover p {
   color: #fff !important;
}
.made-report--header .section__second-part--table-body--card--btn img {
   height: 9px;
   width: 9px;
}
.made-report--header .delete__semat--btn {
   border: 2px solid #ff5b5b;
}
.made-report--header .delete__semat--btn p {
   color: #ff5b5b !important;
}
.made-report--header .delete__semat--btn:hover {
   background-color: #ff5b5b;
}
.made-report--header .delete__semat--btn:hover p {
   color: #fff !important;
}

.made-report--buttons {
   display: flex;
   gap: 5px;
}
@media (min-width: 600px) {
   .made-report--buttons {
      gap: 10px;
   }
}

.add__option {
   position: relative;
}
.add__option img {
   height: 15px;
   cursor: pointer;
   border-radius: 50px;
}

.text__import {
   width: 135px;
   height: 90px;
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 3px;
   width: 47%;
}
@media (min-width: 768px) {
   .text__import {
      width: 30% !important;
   }
}
@media (min-width: 1360px) {
   .text__import {
      width: 31% !important;
   }
}
.text__import .see {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   left: 2px;
   top: 25px;
   width: auto;
   height: 36px;
   background-color: #cbd1d5;
   padding: 10px;
   cursor: pointer;
   margin-top: 0;
   border-right: 1px solid #ced4da;
   border-radius: 4px 0 0 4px;
}
@media (min-width: 600px) {
   .text__import .see {
      width: 45px !important;
      top: 29px !important;
      padding: 11px;
   }
}
@media (min-width: 1024px) {
   .text__import .see {
      top: 33px !important;
      width: 50px !important;
   }
}
@media (min-width: 1360px) {
   .text__import .see {
      width: 48px !important;
      padding: 14px !important;
   }
}
.text__import .see img {
   height: 15px !important;
   position: unset !important;
}
@media (min-width: 1024px) {
   .text__import .see img {
      top: 42px !important;
      height: 17px !important;
   }
}
@media (min-width: 1360px) {
   .text__import .see img {
      height: 17px !important;
   }
}
.text__import p {
   font-family: 'iransans-bold';
   color: #6c757d !important;
   font-size: 12px;
}
.text__import .input {
   border: 1px solid #ced4da;
   display: flex;
   align-items: center;
   font-size: 13px;
   height: 36px;
   width: 100%;
}
.text__import .input:focus {
   outline: solid 1px #c6cfd8;
}
.text__import .semat__input {
   border: 1px solid #ced4da;
   display: flex;
   align-items: center;
   font-size: 13px;
   height: 36px;
   cursor: pointer;
   border-radius: 3px;
   padding: 0 10px;
   color: #6c757d;
}
.text__import .semat__input:focus {
   outline: solid 1px #c6cfd8;
}
.text__import img {
   position: absolute;
   left: 5px;
   height: 20px;
   top: 35px;
   cursor: pointer;
}
@media (min-width: 600px) {
   .text__import img {
      height: 25px !important;
      top: 36px !important;
   }
}
@media (min-width: 1024px) {
   .text__import img {
      top: 42px !important;
      height: 25px !important;
   }
}
@media (min-width: 1360px) {
   .text__import img {
      height: 29px !important;
      top: 43px !important;
   }
}
.text__import .span {
   color: #ff5b5b;
   font-family: 'iransans' !important;
   font-size: 11px;
   padding-right: 4px;
}
@media (min-width: 1024px) {
   .text__import .date img {
      height: 16px !important;
      top: 42px !important;
   }
}
@media (min-width: 1360px) {
   .text__import .date img {
      top: 46px !important;
   }
}
.text__import .text__import--diagram {
   display: flex;
   flex-direction: column;
   gap: 3px;
}

.section__first-part--form-design--hover {
   background-color: rgba(186, 186, 186, 0.3882352941) !important;
   border-radius: 3px !important;
}

.section__first-part--form-design--checked {
   background-color: rgba(185, 193, 199, 0.6) !important;
   border-radius: 3px !important;
}

.page__name {
   position: absolute;
   top: 50px;
   left: 50%;
   transform: translate(-50%);
   font-size: 16px;
   font-family: 'iransans-bold';
   color: #4b4b4b;
   cursor: unset;
}
@media (min-width: 600px) {
   .page__name {
      top: 65px;
   }
}
@media (min-width: 1024px) {
   .page__name {
      top: 20px;
      right: 25%;
      left: unset;
      transform: unset;
   }
}
@media (min-width: 1360px) {
   .page__name {
      right: 19%;
   }
}

.header__first-part--back .page__name {
   position: absolute;
   top: -3px;
   left: 50%;
   transform: translate(-50%);
   font-size: 15px;
   font-family: 'iransans-bold';
   cursor: unset;
}
@media (min-width: 1024px) {
   .header__first-part--back .page__name {
      top: 17px;
      left: unset;
      transform: unset;
      right: 27.5%;
      font-size: 16px;
      position: fixed;
   }
}
@media (min-width: 1360px) {
   .header__first-part--back .page__name {
      right: 21.5%;
      top: 19px;
   }
}
@media (min-width: 1536px) {
   .header__first-part--back .page__name {
      top: 30px;
   }
}

.section__second-part--table {
   display: table;
   flex-direction: column;
   margin-top: 10px;
   gap: 2px;
   max-height: calc(100vh - 140px);
   position: relative;
   margin: 0;
}
@media (min-width: 600px) {
   .section__second-part--table {
      max-height: calc(100vh - 150px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table {
      max-height: calc(100vh - 135px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table {
      max-height: calc(100vh - 150px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table {
      max-height: calc(100vh - 180px);
   }
}
.section__second-part--table--all {
   min-height: -webkit-fit-content;
   min-height: -moz-fit-content;
   min-height: fit-content;
   overflow: auto;
   width: 100%;
   box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.09);
}
.section__second-part--table--spc {
   max-height: calc(100vh - 275px);
}
@media (min-width: 600px) {
   .section__second-part--table--spc {
      max-height: calc(100vh - 285px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--spc {
      max-height: calc(100vh - 205px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--spc {
      max-height: calc(100vh - 215px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--spc {
      max-height: calc(100vh - 250px);
      margin-top: 15px;
   }
}
.section__second-part--table--form {
   max-height: calc(100vh - 165px);
}
@media (min-width: 600px) {
   .section__second-part--table--form {
      max-height: calc(100vh - 175px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--form {
      max-height: calc(100vh - 145px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--form {
      max-height: calc(100vh - 160px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--form {
      max-height: calc(100vh - 190px);
      margin-top: 15px;
   }
}
.section__second-part--table--report {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   min-width: 100%;
   border-spacing: 0px;
}
.section__second-part--table--spcform {
   max-height: calc(100vh - 260px);
   position: relative;
   margin-top: 10px;
}
@media (min-width: 600px) {
   .section__second-part--table--spcform {
      max-height: calc(100vh - 230px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--spcform {
      max-height: calc(100vh - 205px);
      min-height: calc(100vh - 250px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--spcform {
      max-height: calc(100vh - 235px);
   }
}
.section__second-part--table--spcform .section__second-part--table-body {
   height: calc(100vh - 305px);
}
@media (min-width: 600px) {
   .section__second-part--table--spcform .section__second-part--table-body {
      height: calc(100vh - 325px) !important;
   }
}
@media (min-width: 768px) {
   .section__second-part--table--spcform .section__second-part--table-body {
      height: calc(100vh - 340px) !important;
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--spcform .section__second-part--table-body {
      height: calc(100vh - 260px) !important;
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--spcform .section__second-part--table-body {
      height: calc(100vh - 270px) !important;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--spcform .section__second-part--table-body {
      height: calc(100vh - 300px) !important;
   }
}
.section__second-part--table--formdata {
   max-height: calc(100vh - 195px);
   position: relative;
   margin-top: 10px;
}
@media (min-width: 600px) {
   .section__second-part--table--formdata {
      max-height: calc(100vh - 170px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--formdata {
      max-height: calc(100vh - 140px);
      min-height: -webkit-fit-content;
      min-height: -moz-fit-content;
      min-height: fit-content;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--formdata {
      min-height: -webkit-fit-content;
      min-height: -moz-fit-content;
      min-height: fit-content;
      max-height: calc(100vh - 175px);
   }
}
.section__second-part--table--formdata .section__second-part--table-body {
   height: calc(100vh - 305px);
}
@media (min-width: 600px) {
   .section__second-part--table--formdata .section__second-part--table-body {
      height: calc(100vh - 325px) !important;
   }
}
@media (min-width: 768px) {
   .section__second-part--table--formdata .section__second-part--table-body {
      height: calc(100vh - 340px) !important;
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--formdata .section__second-part--table-body {
      height: calc(100vh - 260px) !important;
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--formdata .section__second-part--table-body {
      height: calc(100vh - 270px) !important;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--formdata .section__second-part--table-body {
      height: calc(100vh - 300px) !important;
   }
}
.section__second-part--table--report-prv {
   max-height: calc(100vh - 195px);
   position: relative;
   margin-top: 10px;
}
@media (min-width: 600px) {
   .section__second-part--table--report-prv {
      max-height: calc(100vh - 185px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--report-prv {
      max-height: calc(100vh - 180px);
      min-height: -webkit-fit-content;
      min-height: -moz-fit-content;
      min-height: fit-content;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--report-prv {
      min-height: -webkit-fit-content;
      min-height: -moz-fit-content;
      min-height: fit-content;
      max-height: calc(100vh - 205px);
   }
}
.section__second-part--table--report-prv .section__second-part--table-body {
   height: calc(100vh - 305px);
}
@media (min-width: 600px) {
   .section__second-part--table--report-prv .section__second-part--table-body {
      height: calc(100vh - 325px) !important;
   }
}
@media (min-width: 768px) {
   .section__second-part--table--report-prv .section__second-part--table-body {
      height: calc(100vh - 340px) !important;
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--report-prv .section__second-part--table-body {
      height: calc(100vh - 260px) !important;
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--report-prv .section__second-part--table-body {
      height: calc(100vh - 270px) !important;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--report-prv .section__second-part--table-body {
      height: calc(100vh - 300px) !important;
   }
}
.section__second-part--table--users {
   max-height: calc(100vh - 160px);
   position: relative;
   margin-top: 10px;
}
@media (min-width: 600px) {
   .section__second-part--table--users {
      max-height: calc(100vh - 180px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--users {
      max-height: calc(100vh - 155px);
      min-height: -webkit-fit-content;
      min-height: -moz-fit-content;
      min-height: fit-content;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--users {
      min-height: -webkit-fit-content;
      min-height: -moz-fit-content;
      min-height: fit-content;
      max-height: calc(100vh - 185px);
   }
}
.section__second-part--table--users .section__second-part--table-body {
   height: calc(100vh - 305px);
}
@media (min-width: 600px) {
   .section__second-part--table--users .section__second-part--table-body {
      height: calc(100vh - 325px) !important;
   }
}
@media (min-width: 768px) {
   .section__second-part--table--users .section__second-part--table-body {
      height: calc(100vh - 340px) !important;
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--users .section__second-part--table-body {
      height: calc(100vh - 260px) !important;
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--users .section__second-part--table-body {
      height: calc(100vh - 270px) !important;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--users .section__second-part--table-body {
      height: calc(100vh - 300px) !important;
   }
}
.section__second-part--table--semat {
   max-height: calc(100vh - 155px);
   margin-top: 5px;
}
@media (min-width: 600px) {
   .section__second-part--table--semat {
      max-height: calc(100vh - 175px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--semat {
      max-height: calc(100vh - 155px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--semat {
      max-height: calc(100vh - 160px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--semat {
      max-height: calc(100vh - 190px);
      margin-top: 15px;
   }
}
.section__second-part--table--sematdetails {
   height: calc(100vh - 255px);
   overflow: auto;
}
@media (min-width: 600px) {
   .section__second-part--table--sematdetails {
      height: calc(100vh - 230px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--sematdetails {
      height: calc(100vh - 205px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--sematdetails {
      height: calc(100vh - 210px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--sematdetails {
      height: calc(100vh - 235px);
   }
}
.section__second-part--table--sematdetails .section__second-part--table-body {
   height: calc(100vh - 300px);
}
@media (min-width: 600px) {
   .section__second-part--table--sematdetails .section__second-part--table-body {
      height: calc(100vh - 310px);
   }
}
@media (min-width: 768px) {
   .section__second-part--table--sematdetails .section__second-part--table-body {
      height: calc(100vh - 325px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--sematdetails .section__second-part--table-body {
      height: calc(100vh - 290px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--sematdetails .section__second-part--table-body {
      height: calc(100vh - 305px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--sematdetails .section__second-part--table-body {
      height: calc(100vh - 330px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--sematdetails
      .section__second-part--table-body
      .section__second-part--table-body--card {
      padding: 12px 60px;
   }
}
@media (min-width: 600px) {
   .section__second-part--table--sematdetails
      .section__second-part--table-body
      .section__second-part--table-body--card
      .title {
      width: 175px;
   }
}
.section__second-part--table--dashboard {
   height: calc(100vh - 225px);
}
@media (min-width: 600px) {
   .section__second-part--table--dashboard {
      height: calc(100vh - 190px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--dashboard {
      height: calc(100vh - 155px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--dashboard {
      height: calc(100vh - 170px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--dashboard {
      height: calc(100vh - 195px);
   }
}
.section__second-part--table-body {
   display: flex;
   flex-direction: column;
   gap: 2px;
   height: calc(100vh - 200px);
   overflow-y: auto;
   background-color: #fbfbfb;
}
@media (min-width: 600px) {
   .section__second-part--table-body {
      height: calc(100vh - 215px);
   }
}
@media (min-width: 768px) {
   .section__second-part--table-body {
      height: calc(100vh - 230px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table-body {
      height: calc(100vh - 190px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table-body {
      height: calc(100vh - 220px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table-body {
      height: calc(100vh - 240px);
   }
}
.section__second-part--table-body--card {
   background-color: #fff;
   padding: 14px 10px;
   border-radius: 3px;
   position: relative;
}
@media (min-width: 768px) {
   .section__second-part--table-body--card {
      padding: 12px 15px;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table-body--card {
      padding: 15px;
   }
}
.section__second-part--table-body--card input {
   color: #6c757d;
   text-align: center;
   padding: 4px;
   border: unset;
}
.section__second-part--table-body--card p {
   color: #6c757d;
   text-align: right;
}
@media (min-width: 600px) {
   .section__second-part--table-body--card p {
      font-size: 13px;
   }
}
@media (min-width: 768px) {
   .section__second-part--table-body--card p {
      font-size: 14px;
   }
}
.section__second-part--table-body--card .row {
   color: #707070;
   font-family: 'iransans-bold';
}
.section__second-part--table-body--card--del img {
   height: 20px;
   cursor: pointer;
}
@media (min-width: 1360px) {
   .section__second-part--table-body--card--del img {
      height: 24px;
   }
}
@media (min-width: 600px) {
   .section__second-part--table--details {
      margin-top: 10px;
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--details .section__second-part--table-header {
      padding: 12px 60px;
   }
}
.section__second-part--table .table__header {
   position: -webkit-sticky;
   position: sticky;
   top: 0px;
   z-index: 10;
}
.section__second-part--table .title {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   text-align: center;
   white-space: nowrap;
   padding: 4px 8px;
   direction: ltr;
   color: #6c757d;
}
.section__second-part--table .title-date {
   display: flex;
   gap: 5px;
   width: 120px;
   justify-content: center;
}
@media (min-width: 600px) {
   .section__second-part--table .title-date {
      gap: 10px;
   }
}
@media (min-width: 768px) {
   .section__second-part--table .title-date {
      gap: 0 45px;
      width: 160px;
   }
}
.section__second-part--table .title-date input:first-child {
   width: 75px;
}
.section__second-part--table .title-date input:last-child {
   width: 40px;
}
.section__second-part--table .title--input {
   width: 125px;
}
.section__second-part--table .title input {
   direction: ltr;
   border: 1px solid #4f99d9;
   padding: 0;
   border-radius: 2px;
   width: 100%;
}
.section__second-part--table-header {
   background-color: #f6f6f6;
   height: 48px;
   padding: 0 10px;
   border-radius: 3px;
}
@media (min-width: 600px) {
   .section__second-part--table-header {
      /* height: 40px; */
   }
}
@media (min-width: 768px) {
   .section__second-part--table-header {
      /* height: 50px; */
   }
}
@media (min-width: 1360px) {
   .section__second-part--table-header {
      /* height: 55px; */
   }
}
.section__second-part--table-header p {
   color: #343a40;
   font-family: 'iransans-bold';
   font-size: 12px;
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 4px;
}
@media (min-width: 768px) {
   .section__second-part--table-header p {
      font-size: 14px;
   }
}
.section__second-part--table-header .title {
   color: #343a40;
   font-weight: 500;
}
.section__second-part--table th {
   color: #343a40;
   font-weight: 500;
}
.section__second-part--table .row {
   width: 50px;
   text-align: center;
   padding: 12px 10px;
}
@media (min-width: 600px) {
   .section__second-part--table .row {
      width: 60px;
   }
}
.section__second-part--table .number {
   width: 60px;
   text-align: center;
}
@media (min-width: 600px) {
   .section__second-part--table .number {
      width: 70px;
   }
}
.section__second-part--table .date {
   width: 65px;
   text-align: center;
}
@media (min-width: 600px) {
   .section__second-part--table .date {
      width: 85px;
   }
}
@media (min-width: 768px) {
   .section__second-part--table .date {
      width: 85px;
   }
}
.section__second-part--table .date-more {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   text-align: center;
   white-space: nowrap;
}
.section__second-part--table .more {
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
   text-align: center;
   padding: 2px 12px;
   width: 90px;
   margin: 0px auto;
   color: #343a40;
}
.section__second-part--table--loaders {
   min-height: unset;
   max-height: unset;
   height: calc(100vh - 195px);
}
@media (min-width: 600px) {
   .section__second-part--table--loaders {
      height: calc(100vh - 170px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--loaders {
      height: calc(100vh - 140px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--loaders {
      height: calc(100vh - 175px);
   }
}

.comment__spcform {
   width: 100%;
}
.comment__spcform textarea {
   resize: unset;
   width: 100%;
   height: 150px;
   border: 1px solid #ced4da;
   border-radius: 4px;
}
.comment__spcform textarea:focus {
   outline: solid 1px #c6cfd8;
}
.comment__spcform p {
   margin-bottom: 5px;
   font-family: 'iransans-bold';
   color: #6c757d;
}

.date img {
   position: absolute !important;
   left: 10px !important;
   height: 15px !important;
   top: 37px !important;
   cursor: pointer !important;
}
@media (min-width: 600px) {
   .date img {
      height: 16px !important;
      top: 35px !important;
   }
}
@media (min-width: 1024px) {
   .date img {
      height: 16px !important;
      top: 38px !important;
   }
}

.section__third-part--made-report {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   padding-left: 10px;
}
@media (min-width: 1024px) {
   .section__third-part--made-report {
      padding-left: 1.5rem;
   }
}

.made-report--form {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 5px;
}
.made-report--form-diagram {
   padding: 4px;
}
.made-report--form--tags {
   display: flex;
   flex-wrap: wrap;
   padding: 5px;
   gap: 13px;
}
.made-report--form--tags--part {
   display: flex;
   gap: 4px;
   padding: 5px 7px;
   padding-left: 10px;
   border-radius: 5px;
   align-items: center;
}
.made-report--form--tags--part p {
   font-family: 'iransans';
}
.made-report--form--tags--part--form1 {
   background-color: #ccf3ee;
}
.made-report--form--tags--part--form2 {
   background-color: #ffd9b7;
}
.made-report--form--tags--part--form3 {
   background-color: #c8e4b2;
}
.made-report--form--tags--part--form4 {
   background-color: #fff6bd;
}
.made-report--form--tags--part--form5 {
   background-color: #fde5ec;
}
.made-report--form--tags--part--form6 {
   background-color: #e5f9db;
}
.made-report--form--tags--part--form7 {
   background-color: #fbd85d;
}
.made-report--form--tags--part--form8 {
   background-color: #eec7ff;
}
.made-report--form--tags--part--form9 {
   background-color: #fffbe9;
}
.made-report--form--tags--part--form10 {
   background-color: #fcbaad;
}

.report__preview-table {
   max-height: calc(100vh - 140px);
   min-height: -webkit-fit-content;
   min-height: -moz-fit-content;
   min-height: fit-content;
   overflow-y: auto;
}
@media (min-width: 600px) {
   .report__preview-table {
      max-height: calc(100vh - 205px);
   }
}
@media (min-width: 1024px) {
   .report__preview-table {
      max-height: calc(100vh - 175px);
   }
}
@media (min-width: 1360px) {
   .report__preview-table {
      max-height: calc(100vh - 190px);
   }
}
@media (min-width: 1536px) {
   .report__preview-table {
      max-height: calc(100vh - 225px);
   }
}

.report__preview-title {
   width: 100%;
}
.report__preview-title p {
   color: #6c757d;
   font-family: 'iransans-bold';
   font-size: 12px;
}
.report__preview-title .pagination__text {
   font-size: 12px;
   display: flex;
   align-items: center;
   gap: 3px;
}
@media (min-width: 600px) {
   .report__preview-title .pagination__text {
      gap: 7px;
   }
}
.report__preview-title--new {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   padding-top: 12px;
}
.report__preview-title--new .section__third-part {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}
.report__preview-title--new .section__third-part--btn {
   margin: 0;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}
@media (min-width: 1024px) {
   .report__preview-title--new .section__third-part--btn {
      margin-top: 0 !important;
   }
}
.report__preview-title--new .section__third-part--btn-exel {
   background-color: unset;
   border: 1px solid #138046;
   padding: 10px 6px;
   border-radius: 3px;
   display: flex;
   align-items: center;
   gap: 3px;
   cursor: pointer;
   position: relative;
}
@media (min-width: 1024px) {
   .report__preview-title--new .section__third-part--btn-exel {
      padding: 10px 15px;
   }
}
.report__preview-title--new .section__third-part--btn-exel p {
   color: #138046;
   font-size: 12px;
   font-family: 'iransans';
}
.report__preview-title--new .section__third-part--btn-exel img {
   width: 19px;
}
.report__preview-title--new .section__third-part--btn-exel:hover {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}
.report__preview-title--formdata {
   flex-direction: column;
   align-items: flex-end;
   gap: 7px;
   padding-top: 0;
}
@media (min-width: 600px) {
   .report__preview-title--formdata {
      flex-direction: row;
      align-items: center;
   }
}

.section__third-part--modal {
   width: 100%;
   display: flex;
}
.section__third-part--modal--btn {
   justify-content: left;
}
@media (min-width: 600px) {
   .section__third-part--modal--btn-confirmation {
      height: 35px;
   }
}
.section__third-part--modal--btn-dissuasion {
   position: relative;
}
@media (min-width: 600px) {
   .section__third-part--modal--btn-dissuasion {
      height: 35px;
   }
}
.section__third-part--modal--btn-exel {
   position: relative;
}
@media (min-width: 600px) {
   .section__third-part--modal--btn-exel {
      height: 35px;
   }
}
@media (min-width: 600px) {
   .section__third-part--modal--btn-download {
      height: 35px;
   }
}
.section__third-part--modal--btn--preview {
   position: unset;
   flex-wrap: wrap;
}
@media (min-width: 600px) {
   .section__third-part--modal--btn--preview {
      justify-content: space-between;
   }
}
.section__third-part--modal--btn--preview .buttons__first {
   display: flex;
   gap: 7px;
   flex-wrap: wrap;
   justify-content: left;
}
.section__third-part--modal--btn--preview .buttons__second {
   display: flex;
   gap: 7px;
}

@media (min-width: 768px) {
   .section__third-part--btn {
      margin-top: 11px;
   }
}
@media (min-width: 1360px) {
   .section__third-part--btn {
      left: 10px !important;
      bottom: 0px !important;
   }
}
@media (min-width: 1024px) {
   .section__third-part--btn-confirmation {
      height: 40px;
   }
}
@media (min-width: 1024px) {
   .section__third-part--btn-confirmation p {
      font-size: 14px;
   }
}
.section__third-part--btn-dissuasion {
   position: relative;
}
@media (min-width: 1024px) {
   .section__third-part--btn-dissuasion {
      height: 40px;
   }
}
@media (min-width: 1024px) {
   .section__third-part--btn-dissuasion p {
      font-size: 14px;
   }
}

@media (min-width: 1024px) {
   .body__details {
      padding: 10px 30px !important;
   }
}

.form__design__gray-part {
   background-color: #f5f5f5;
   border-radius: 3px;
   display: flex;
   flex-direction: column;
   gap: 15px;
   padding: 15px;
}

.new__radio {
   display: flex;
   align-items: center;
   gap: 15px;
}
.new__radio__title {
   font-size: 13px;
   color: #6c757d;
   white-space: nowrap;
   font-family: 'iransans-bold';
}
@media (min-width: 600px) {
   .new__radio--diagramreport {
      grid-column: span 2;
      flex-direction: column;
      align-items: flex-start;
      gap: 3px;
      height: -webkit-fit-content;
      height: -moz-fit-content;
      height: fit-content;
   }
}
@media (min-width: 768px) {
   .new__radio--diagramreport {
      flex-direction: row;
      justify-content: center;
      height: 59px;
      align-items: center;
      gap: 15px;
      padding-top: 22px;
   }
}

.radio--checked {
   background-color: rgba(185, 193, 199, 0.6);
   border-radius: 6px;
   padding: 10px;
}

.write {
   height: 18px;
   margin-top: 3px;
   margin-bottom: -5px;
   margin-left: 3px;
}

.loader__grouping {
   position: absolute;
   min-width: 100%;
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
   top: 50px;
}

.table__loader {
   width: 100%;
   display: flex;
   align-items: center;
}

.calcut__input--second {
   flex: 1;
   text-align: left;
   flex-direction: row-reverse;
   display: flex;
   gap: 4px;
   height: 40px;
   align-items: center;
   border: 1px solid #ced4da;
   border-radius: 3px;
   padding: 4px 10px;
}

.drag {
   height: 20px !important;
   left: -6px !important;
   top: 17px !important;
   position: absolute;
}
@media (min-width: 600px) {
   .drag {
      top: 20px !important;
   }
}
@media (min-width: 1024px) {
   .drag {
      top: 23px !important;
      height: 17px !important;
   }
}

.rmdb-container .rmdb-time-picker .rmdb-arrow-container.rmdb-up {
   margin: 0 !important;
   padding: 0 !important;
}
.rmdb-container .rmdb-time-picker .rmdb-arrow-container.rmdb-up + input {
   height: 28px !important;
   width: 26px !important;
}

.rmdb-container .rmdb-time-picker .rmdb-arrow-container.rmdb-down {
   margin: 0 !important;
   padding: 0 !important;
}

.rmdp-arrow-container .rmdp-up {
   margin: 0 !important;
   padding: 0 !important;
}
.rmdp-arrow-container .rmdp-up + input {
   height: 28px !important;
   width: 26px !important;
}
.rmdp-arrow-container .rmdp-down {
   margin: 0 !important;
   padding: 0 !important;
}

.table__empty {
   background-color: #fff;
   height: calc(100vh - 105px);
}
@media (min-width: 600px) {
   .table__empty {
      height: calc(100vh - 120px);
   }
}
@media (min-width: 1360px) {
   .table__empty {
      height: calc(100vh - 135px);
   }
}
@media (min-width: 1536px) {
   .table__empty {
      height: calc(100vh - 165px);
   }
}
.table__empty .section__second-part--table--form {
   margin-top: 0;
}

.report__label {
   width: 100%;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   padding: 12px 5px;
   gap: 10px;
}
.report__label .report__label--p {
   min-width: 48%;
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
   color: #4b4b4b;
   font-size: 14px;
}
@media (min-width: 768px) {
   .report__label .report__label--p {
      min-width: 32%;
   }
}
.report__label .report__label--p .report__answer {
   color: #737373;
   font-size: 14px;
}

.diagram-report__calculation {
   width: 100%;
}
.diagram-report__calculation .modal-calculation__title--number {
   display: flex;
   align-items: center;
   justify-content: left;
   background-color: #fff;
}
.diagram-report__calculation .modal-calculation__title--number .input__calcut {
   display: flex;
   flex-direction: row-reverse;
}
.diagram-report__calculation
   .modal-calculation__title--number
   .input__calcut
   .modal__calcute__number {
   padding: 0px 1px;
}
.diagram-report__calculation + .modal-calculation__part2 {
   width: 100%;
   display: flex;
   flex-direction: column;
}
@media (min-width: 768px) {
   .diagram-report__calculation + .modal-calculation__part2 .calcut__input {
      display: flex;
      gap: 20px;
   }
}
.diagram-report__calculation + .modal-calculation__part2 .calcut__input .modal-calculation__title {
   margin-bottom: 15px;
}
@media (min-width: 600px) {
   .diagram-report__calculation
      + .modal-calculation__part2
      .calcut__input
      .modal-calculation__title {
      display: flex;
      align-items: center;
   }
}
@media (min-width: 768px) {
   .diagram-report__calculation
      + .modal-calculation__part2
      .calcut__input
      .modal-calculation__title {
      width: 40%;
   }
}
@media (min-width: 1360px) {
   .diagram-report__calculation
      + .modal-calculation__part2
      .calcut__input
      .modal-calculation__title {
      width: 50%;
   }
}
.diagram-report__calculation
   + .modal-calculation__part2
   .calcut__input
   .modal-calculation__title
   .modal__selected {
   width: 100%;
}
.diagram-report__calculation
   + .modal-calculation__part2
   .calcut__input
   .modal-calculation__title
   .modal__input {
   width: 84%;
}
.diagram-report__calculation
   + .modal-calculation__part2
   .calcut__input
   .modal-calculation__title
   .choose__fild {
   display: flex;
   gap: 5px;
   margin-bottom: 10px;
}
@media (min-width: 600px) {
   .diagram-report__calculation
      + .modal-calculation__part2
      .calcut__input
      .modal-calculation__title
      .choose__fild {
      margin-bottom: 0;
      align-items: center;
      width: 100%;
   }
}
@media (min-width: 600px) {
   .diagram-report__calculation
      + .modal-calculation__part2
      .calcut__input
      .modal-calculation__title
      .choose__fild
      input {
      height: 37px;
   }
}
@media (min-width: 1360px) {
   .diagram-report__calculation
      + .modal-calculation__part2
      .calcut__input
      .modal-calculation__title
      .choose__fild
      input {
      height: 37px !important;
   }
}
@media (min-width: 768px) {
   .diagram-report__calculation
      + .modal-calculation__part2
      .calcut__input
      .modal-calculation__title
      + .modal-calculation__title {
      width: 100%;
   }
}
.diagram-report__calculation + .modal-calculation__part2 .calcut__button {
   flex-direction: row;
   width: 100%;
   gap: 4px;
}
@media (min-width: 600px) {
   .diagram-report__calculation + .modal-calculation__part2 .calcut__button {
      margin-right: 20px;
      width: 250px;
      gap: 8px;
   }
}
.diagram-report__calculation + .modal-calculation__part2 .calcut__button .calcut__btn {
   height: 32px;
   width: 32px;
}
@media (min-width: 600px) {
   .diagram-report__calculation + .modal-calculation__part2 .calcut__button .calcut__btn {
      height: 35px;
      width: 35px;
   }
}
.diagram-report__calculation + .modal-calculation__part2 .calcut__button .calcut__button--part {
   display: flex;
   gap: 4px;
}
@media (min-width: 600px) {
   .diagram-report__calculation + .modal-calculation__part2 .calcut__button .calcut__button--part {
      gap: 8px;
   }
}
.diagram-report__calculation .calculation__title--pierport {
   background-color: #efefef;
}

.line__diagram--container {
   margin-bottom: 1.5rem;
   background: #e3e7eb;
   padding: 10px 15px;
   border-radius: 5px;
   position: relative;
   padding-left: 15px;
}
.line__diagram--container .delet__diagram {
   position: absolute;
   height: 20px;
   left: 5px;
   top: 5px;
   transition: background 0.3s ease-in;
   cursor: pointer;
}
.line__diagram .section__first-part--details--title {
   background-color: #d9dfe9;
   border-radius: 4px;
   padding: 15px 5px;
   padding-left: 15px;
   position: relative;
}
@media (min-width: 600px) {
   .line__diagram .section__first-part--details--title {
      padding: 15px 12px;
      padding-left: 15px;
   }
}
@media (min-width: 768px) {
   .line__diagram .section__first-part--details--title {
      padding-left: 25px;
   }
}
.line__diagram .section__first-part--details--title .delet__diagram {
   position: absolute;
   height: 20px;
   left: 5px;
   top: 5px;
   transition: background 0.3s ease-in;
   cursor: pointer;
}
.line__diagram
   .section__first-part--details--title
   .section__first-part--made-report
   .text__import--made-report--type {
   position: relative;
   width: 100%;
}
.line__diagram
   .section__first-part--details--title
   .section__first-part--made-report
   .text__import--made-report--type
   .section__first-part--btn--list {
   position: absolute;
   left: 5px;
   bottom: 33px;
}
.line__diagram
   .section__first-part--details--title
   .section__first-part--made-report
   .text__import--made-report--type
   .section__first-part--btn--list
   img {
   position: unset;
}
.line__diagram .diagram__tags {
   background-color: #fff;
   padding: 0;
   min-height: 50px;
}

.diagram-report__form {
   gap: 5px 15px;
   display: grid;
   grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 600px) {
   .diagram-report__form {
      grid-template-columns: repeat(6, 1fr);
   }
}
.diagram-report__form .text__import {
   gap: 3px !important;
}
.diagram-report__form .text__import .input {
   height: 36px;
   width: 100%;
}
.diagram-report__form .text__import .diagram__comment {
   color: #c5c5c5;
   font-family: 'iransans-bold' !important;
}
.diagram-report__form .text__import--made-report {
   width: unset !important;
   height: unset;
}
@media (min-width: 600px) {
   .diagram-report__form .text__import--made-report {
      grid-column: span 3;
   }
}
.diagram-report__form .text__import--made-report .calcut__button--part {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 2px;
}
@media (min-width: 400px) {
   .diagram-report__form .text__import--made-report .calcut__button--part {
      gap: 10px;
   }
}
.diagram-report__form .text__import--made-report .calcut__button--part .calcut__btn {
   width: 100%;
}
.diagram-report__form .text__import--made-report .modal__selected {
   width: 100%;
   height: 33px;
}
.diagram-report__form .text__import--made-report .modal__selected::-moz-placeholder {
   color: rgb(179, 179, 179);
   font-size: 12px;
}
.diagram-report__form .text__import--made-report .modal__selected:-ms-input-placeholder {
   color: rgb(179, 179, 179);
   font-size: 12px;
}
.diagram-report__form .text__import--made-report .modal__selected::placeholder {
   color: rgb(179, 179, 179);
   font-size: 12px;
}
.diagram-report__form .text__import--made-report .choose__fild {
   display: flex;
   gap: 5px;
}
.diagram-report__form .text__import--made-report .choose__fild .check__btn {
   height: 33px;
   width: 33px;
}
.diagram-report__form .text__import--made-report .calcut__button {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   width: unset;
   margin-bottom: 0;
   margin-bottom: 0px;
}
.diagram-report__form .diagram-report--input {
   height: unset;
   width: unset !important;
   gap: 3px;
   display: flex;
   flex-direction: column;
}
@media (min-width: 600px) {
   .diagram-report__form .diagram-report--input {
      grid-column: span 2;
   }
}
.diagram-report__form .diagram-report--input input {
   height: 33px;
}
.diagram-report__form .diagram-report--input .calcut__button--part {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 10px;
}
.diagram-report__form .diagram-report--input .calcut__button--part .calcut__btn {
   width: 100%;
}
.diagram-report__form .diagram-report--input .modal__selected {
   width: 100%;
   height: 33px;
}
.diagram-report__form .diagram-report--input .choose__fild {
   display: flex;
   gap: 5px;
}
.diagram-report__form .diagram-report--input .choose__fild .check__btn {
   height: 33px;
   width: 33px;
}
.diagram-report__form .diagram-report--input .calcut__button {
   display: flex;
   flex-direction: row;
   justify-content: space-around;
   width: unset;
   margin-bottom: 0;
   margin-bottom: 0px;
}
.diagram-report__form .diagram-report--input .section__first-part--btn--list {
   position: absolute;
   left: 5px;
   bottom: 6px;
}
.diagram-report__form .diagram-report--input .section__first-part--btn--list img {
   position: unset;
   padding: 0px;
}
@media (min-width: 600px) {
   .diagram-report__form .diagram-report--input .section__first-part--btn--list img {
      padding: 6px;
   }
}
.diagram-report__form .diagram-report--input .text__import--diagram-lasttwo-input {
   width: calc(100% - 40px);
}
.diagram-report__form .diagram-report--input .color__box {
   position: absolute;
   left: 4px;
   top: 20px;
   width: 33px;
   padding: 0;
   background-color: unset;
   height: 40px;
   border: unset;
}
@media (min-width: 1024px) {
   .diagram-report__form .diagram-report--input .color__box {
      top: 22px;
   }
}
.diagram-report__form .from__to {
   flex-direction: row;
}
.diagram-report__form .from__to .text__import {
   height: unset;
   margin-top: 0;
}
.diagram-report__form .from__to .from {
   width: 45% !important;
}
.diagram-report__form .from__to .to {
   width: calc(70% - 26px) !important;
}
@media (min-width: 1280px) {
   .diagram-report__form .from__to .to {
      width: calc(65% - 26px) !important;
   }
}
.diagram-report__form .diagram__report--all {
   margin-top: 15px;
}
@media (min-width: 600px) {
   .diagram-report__form .diagram__report--all {
      grid-column: 1/7;
   }
}
.diagram-report__form .diagram__report--all-form {
   margin-top: 0px;
}
.diagram-report__form .diagram__report--all .modal-calculation__title--number {
   padding-left: 45px;
}
@media (min-width: 600px) {
   .diagram-report__form .diagram__report--all .modal-calculation__title--number {
      padding-left: 50px;
   }
}
.diagram-report__form .diagram__report--all .modal-calculation__title--number .formul--title {
   position: absolute;
   left: 5px;
   color: #6c757d;
   font-family: 'iransans-bold';
}
.diagram-report__form .calcut__button {
   width: unset;
   margin-bottom: 10px;
}
@media (min-width: 600px) {
   .diagram-report__form .calcut__button--piereport {
      margin-bottom: 0;
      height: 57px;
      align-items: end;
   }
}
@media (min-width: 600px) {
   .diagram-report__form .calcut__button--piereport .calcut__button--btn-piereport {
      height: 57px;
      align-items: end;
      width: 100%;
      margin-bottom: 3px;
   }
}
.diagram-report__form .diagram__Conditions {
   display: flex;
   gap: 4px;
   padding: 0px;
   flex-direction: row;
   flex-wrap: wrap;
   margin-top: 0;
   justify-content: right;
   gap: 15px;
   background-color: unset;
   border: unset;
}

.side__menu--option {
   display: flex;
   justify-content: space-between;
   border-radius: 7px;
   border: 2px solid #979dc1;
}
.side__menu--option-part {
   flex: 1;
   height: 33px;
   border-left: 1px solid #979dc1;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
}
.side__menu--option-part:last-child {
   border-left: unset;
}
.side__menu--option-part:hover {
   background-color: rgba(151, 157, 193, 0.23);
}
.side__menu--option-part--checked {
   background-color: #979dc1;
}
.side__menu--option-part--checked .part__p {
   color: #fff !important;
}

.pagination {
   display: flex;
   align-items: center;
   gap: 3px;
}
@media (min-width: 600px) {
   .pagination {
      gap: 7px;
   }
}
@media (min-width: 1024px) {
   .pagination {
      gap: 12px;
   }
}
.pagination__arrow {
   display: flex;
   align-items: center;
   gap: 5px;
}
.pagination__arrow .arrow__right {
   height: 30px;
   padding: 4px;
   transform: rotate(-90deg);
   transition: all ease-in-out 0.3s;
   cursor: pointer;
}
.pagination__arrow .arrow__right:hover {
   background-color: rgba(193, 193, 193, 0.46);
   border-radius: 50px;
}
.pagination__arrow .arrow__left {
   height: 30px;
   padding: 4px;
   transform: rotate(90deg);
   transition: all ease-in-out 0.3s;
   cursor: pointer;
}
.pagination__arrow .arrow__left:hover {
   background-color: rgba(193, 193, 193, 0.46);
   border-radius: 50px;
}
.pagination__text {
   font-size: 12px;
   display: flex;
   align-items: center;
   gap: 7px;
}

.tooltip__war {
   display: none;
   background-color: rgb(194, 194, 194);
   align-items: center;
   justify-content: center;
   height: 21px;
   padding: 4px;
   border-radius: 5px;
   position: absolute;
   top: -5px;
   right: 3%;
   z-index: 10;
   transition: all ease-in-out 0.3s;
}
@media (min-width: 1536px) {
   .tooltip__war {
      right: 3.5%;
   }
}
.tooltip__war--rctgl {
   right: 2%;
}
@media (min-width: 1536px) {
   .tooltip__war--rctgl {
      right: 2.5%;
   }
}
.tooltip__war .tooltip__p {
   font-size: 11px;
   color: #e6e6e6;
}

.war__img {
   height: 18px;
   position: absolute;
   right: 4%;
   cursor: pointer;
}
.war__img:hover + .tooltip__war {
   display: flex;
}

@media (min-width: 600px) {
   .section__first-part--details--title--add-user .text__import {
      gap: 3px;
   }
}
.section__first-part--details--title--add-user .text__import .input {
   height: 36px;
}
.section__first-part--details--title--add-user .text__import .see {
   height: 36px;
}
.section__first-part--details--title--add-user .text__import .semat__input {
   height: 36px;
}
@media (min-width: 1360px) {
   .section__first-part--details--title--add-user .text__import .semat__input {
      height: 36px;
   }
}

.piereport__disable {
   opacity: 0.5;
}

.diagram__Conditions {
   display: flex;
   gap: 4px;
   padding: 10px;
   flex-direction: row;
   flex-wrap: wrap;
   margin-top: 0;
   justify-content: right;
   gap: 15px;
}

.calcut__btn--part {
   display: flex;
   justify-content: center;
   gap: 4%;
   width: 32%;
}
@media (min-width: 400px) {
   .calcut__btn--part {
      gap: 15%;
   }
}

.close-x {
   position: relative;
   width: 65%;
}
.close-x .lines {
   width: 15px;
   height: 2px;
   display: flex;
   background-color: #6c757d;
   border-radius: 23px;
   position: absolute;
}
.close-x .lines-one {
   rotate: 45deg;
}
.close-x .lines-two {
   rotate: -45deg;
}
@media (min-width: 1280px) {
   .close-x {
      width: 60%;
   }
}
@media (min-width: 1536px) {
   .close-x {
      width: 55%;
   }
}

.tik {
   position: relative;
   width: calc(65% - 10px);
}
.tik .lines {
   height: 2px;
   display: flex;
   background-color: #6c757d;
   border-radius: 23px;
   position: absolute;
}
.tik .lines-one {
   rotate: 45deg;
   width: 8px;
   top: 5px;
}
.tik .lines-two {
   rotate: -45deg;
   width: 14px;
   rotate: -45deg;
   right: -10px;
   top: 2px;
}
@media (min-width: 1280px) {
   .tik {
      width: calc(60% - 10px);
   }
}
@media (min-width: 1536px) {
   .tik {
      width: calc(55% - 10px);
   }
}

.pipe {
   background-color: rgba(168, 168, 168, 0.4196078431);
   height: 25px;
   width: 2px;
}

.first__information {
   padding: 2rem 0 0 0;
}

.information {
   color: #6c757d;
   font-size: 14px;
}
.information span {
   color: #343a40;
   font-size: 13px;
}

.uploded__file {
   margin-right: 3px;
   transition: all ease-in-out 3s;
   width: 19px;
}
.uploded__file:hover + .tooltip__war {
   display: flex;
   top: -11px;
   left: -45px;
   right: unset;
}
.uploded__file:hover + .tooltip__war .tooltip__p {
   color: #6c757d;
}

.formul-piereports {
   display: flex;
   justify-content: space-between;
}
.formul-piereports .section__first-part--sort--semat {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}

.preview__header p {
   font-size: 13px !important;
}
@media (min-width: 768px) {
   .preview__header p {
      font-size: 16px !important;
   }
}
.preview__first-part {
   margin-top: 10px !important;
   height: unset !important;
   padding: 23px 12px !important;
   margin-bottom: 15px;
}
@media (min-width: 768px) {
   .preview__first-part {
      padding: 15px !important;
      margin-bottom: 0;
   }
}
@media (min-width: 1024px) {
   .preview__first-part {
      margin-bottom: 10px;
   }
}
@media (min-width: 1360px) {
   .preview__first-part {
      padding: 20px 30px !important;
   }
}
.preview__first-part--title {
   gap: 5px !important;
}
@media (min-width: 600px) {
   .preview__first-part--title {
      align-items: unset !important;
      gap: 12px !important;
   }
}
@media (min-width: 768px) {
   .preview__first-part--title {
      flex-direction: column;
   }
}
@media (min-width: 768px) {
   .preview__first-part--title .preview__part {
      width: 100% !important;
      gap: 5%;
   }
}
@media (min-width: 1360px) {
   .preview__first-part--title .preview__part {
      gap: 3.5%;
   }
}
.preview__first-part--num {
   height: unset !important;
   min-height: calc(100vh - 125px) !important;
   max-height: -webkit-fit-content;
   max-height: -moz-fit-content;
   max-height: fit-content;
}
@media (min-width: 600px) {
   .preview__first-part--num {
      padding-bottom: 60px !important;
   }
}
@media (min-width: 1360px) {
   .preview__first-part .section__third-part .section__third-part--btn {
      bottom: 14px !important;
   }
}
.preview__part {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   width: 100% !important;
   border-radius: 4px;
   height: unset !important;
}
@media (min-width: 768px) {
   .preview__part {
      flex-direction: row !important;
      flex-wrap: wrap;
      align-items: center;
      gap: 5%;
   }
}
@media (min-width: 1360px) {
   .preview__part {
      gap: 3.5%;
   }
}
.preview__part--num {
   height: unset !important;
}
@media (min-width: 768px) {
   .preview__part--num {
      padding-bottom: 50px !important;
   }
}
.preview__part--num div .chosing__file {
   padding: 9px 12px !important;
}
.preview__part--num div .chosing__file img {
   height: 17px !important;
}
.preview__part--num div .arrow {
   gap: 0px;
   position: absolute;
   right: 9px;
   width: auto;
   margin: 0;
   top: 30px;
}
@media (min-width: 600px) {
   .preview__part--num div .arrow {
      gap: 1px !important;
      top: 33px !important;
   }
}
@media (min-width: 1024px) {
   .preview__part--num div .arrow {
      top: 35px !important;
   }
}
@media (min-width: 1360px) {
   .preview__part--num div .arrow {
      top: 37px !important;
   }
}
.preview__part--num div .arrow img {
   position: unset !important;
}
.preview__part--num div .arrow .arrow__up {
   transform: rotate(180deg);
}
.preview__part--num div .title {
   text-align: right;
}
.preview__part--num div img {
   height: 15px;
   top: 38px;
   left: 10px;
}
@media (min-width: 600px) {
   .preview__part--num div img {
      height: 15px !important;
      top: 41px !important;
   }
}
@media (min-width: 1024px) {
   .preview__part--num div img {
      top: 45px !important;
   }
}
@media (min-width: 1360px) {
   .preview__part--num div img {
      top: 47px !important;
   }
}
.preview__part--num .date input {
   color: #6c757d !important;
}
@media (min-width: 768px) {
   .preview__part--num .textarea {
      width: 66% !important;
   }
}
@media (min-width: 1024px) {
   .preview__part--num .textarea {
      width: 65.5% !important;
   }
}
@media (min-width: 1024px) {
   .preview__part--num .textarea textarea {
      height: 170px;
   }
}
.preview__part--auto {
   height: auto !important;
}
.preview__part--auto .checkbox {
   height: auto !important;
}
.preview__part .text__import {
   width: 100%;
   gap: 3px;
   margin-bottom: 8px;
   position: relative;
   cursor: -webkit-grab;
   cursor: grab;
}
.preview__part .text__import p {
   color: #6c757d !important;
   font-size: 12px !important;
}

.preview__part .text__import .star {
   height: 7px;
   position: absolute;
   top: 0;
   right: 30px;
}
@media (min-width: 600px) {
   .preview__part .text__import .star {
      height: 9px !important;
      top: 0px !important;
   }
}
@media (min-width: 1024px) {
   .preview__part .text__import .star {
      right: 35px !important;
   }
}
.preview__part .text__import .input {
   border: 1px solid #ced4da;
   color: #6c757d;
   font-size: 13px;
   height: 36px;
   width: 100%;
   padding: 5px;
   border-radius: 4px;
}
.preview__part .text__import .input::-moz-placeholder {
   color: #adb5bd;
}
.preview__part .text__import .input:-ms-input-placeholder {
   color: #adb5bd;
}
.preview__part .text__import .input::placeholder {
   color: #adb5bd;
}
.preview__part .text__import .icons__right {
   height: 16px;
   top: 37px;
   right: 10px;
}
@media (min-width: 600px) {
   .preview__part .text__import .icons__right {
      height: 16px !important;
      top: 42px !important;
   }
}
@media (min-width: 1024px) {
   .preview__part .text__import .icons__right {
      top: 44px !important;
   }
}
@media (min-width: 1360px) {
   .preview__part .text__import .icons__right {
      top: 46px !important;
   }
}
.preview__part .text__import .chosing__file {
   position: absolute;
   left: 1px;
   top: 23px;
   width: auto;
   background-color: #cbd1d5;
   padding: 7px;
   cursor: pointer;
   margin-top: 0;
   border-right: 1px solid #ced4da;
   border-radius: 4px 0 0 4px;
   height: 40px;
}
@media (min-width: 600px) {
   .preview__part .text__import .chosing__file {
      top: 23px;
      padding: 8.8px 12px !important;
      height: 40px;
   }
}
@media (min-width: 768px) {
   .preview__part .text__import .chosing__file {
      width: auto !important;
      padding: 8.8px 6px !important;
   }
}
@media (min-width: 1024px) {
   .preview__part .text__import .chosing__file {
      top: 25px !important;
      padding: 8.2px 6px !important;
   }
}
@media (min-width: 1360px) {
   .preview__part .text__import .chosing__file {
      padding: 10.5px 9px !important;
      height: 43px !important;
   }
}
.preview__part .text__import .chosing__file p {
   font-family: 'iransans' !important;
   font-size: 12px;
}
.preview__part .text__import .chosing__file .img__eye {
   position: unset;
}
.preview__part .text__import .chosing__file .title {
   text-align: right !important;
}
@media (min-width: 600px) {
   .preview__part .text__import .eye {
      top: 31px;
      padding: 10.7px 15px !important;
   }
}
@media (min-width: 768px) {
   .preview__part .text__import .eye {
      top: 31px;
      padding: 10.7px 15px !important;
   }
}
@media (min-width: 1024px) {
   .preview__part .text__import .eye {
      padding: 10.7px 15px !important;
   }
}
@media (min-width: 1360px) {
   .preview__part .text__import .eye {
      padding: 12.8px 15px !important;
   }
}
.preview__part .text__import .fd__list {
   background-color: #ededed;
   position: absolute;
   width: 100%;
   left: 0px;
   top: 62px;
   z-index: 10;
   border-radius: 0px;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px;
   border: 1px solid #d5d5d5;
   border-radius: 3px;
}
.preview__part .text__import .fd__list--p {
   color: #6c757d;
   padding: 5px 7px;
   cursor: pointer;
   font-size: 11px !important;
}
.preview__part .text__import .fd__list--p:hover {
   background-color: #dddddd;
}
.preview__part .text__import .fd__list--line {
   height: 1px;
   width: 100%;
   display: block;
   background-color: #fff;
}
.preview__part .text__import:hover {
   background-color: rgba(156, 164, 168, 0.168627451) !important;
   cursor: -webkit-grab;
   cursor: grab;
}
.preview__part .preview__part--web {
   display: none;
}
@media (min-width: 1024px) {
   .preview__part .preview__part--web {
      display: flex;
      position: relative;
   }
}
@media (min-width: 1024px) {
   .preview__part .preview__part--web img {
      height: 20px;
      position: absolute;
      left: 5px;
   }
}
@media (min-width: 768px) {
   .preview__part .textarea--design {
      width: 100% !important;
   }
}
@media (min-width: 768px) {
   .preview__part .arrow {
      width: auto !important;
   }
}
.preview__title {
   color: #343a40 !important;
   font-family: 'iransans-bold';
   width: 100%;
   font-size: 13px;
}
.preview__title--form-one {
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   text-align: center;
}
.preview__coment {
   color: #98a6ad !important;
   width: 100%;
   font-family: 'iransans' !important;
}

.text__import {
   width: 100%;
   gap: 3px;
   margin-bottom: 8px;
}
.text__import p {
   color: #6c757d !important;
   font-size: 12px;
}
@media (min-width: 1024px) {
   .text__import p {
      font-size: 13px !important;
   }
}
.text__import .star {
   height: 7px;
   position: absolute;
   top: 0;
   right: 30px;
}
@media (min-width: 600px) {
   .text__import .star {
      height: 9px !important;
      top: 0px !important;
   }
}
@media (min-width: 1024px) {
   .text__import .star {
      right: 35px !important;
   }
}
.text__import .input {
   border: 1px solid #ced4da;
   color: #6c757d;
   font-size: 12px;
   height: 36px;
   width: 100%;
   padding: 5px;
   border-radius: 4px;
}
.text__import .input::-moz-placeholder {
   color: #adb5bd;
}
.text__import .input:-ms-input-placeholder {
   color: #adb5bd;
}
.text__import .input::placeholder {
   color: #adb5bd;
}
.text__import .icons__right {
   height: 16px;
   top: 37px;
   right: 10px;
}
@media (min-width: 600px) {
   .text__import .icons__right {
      height: 16px !important;
      top: 42px !important;
   }
}
@media (min-width: 1024px) {
   .text__import .icons__right {
      top: 44px !important;
   }
}
@media (min-width: 1360px) {
   .text__import .icons__right {
      top: 46px !important;
   }
}
.text__import .chosing__file {
   position: absolute;
   left: 1px;
   top: 28px;
   width: auto;
   background-color: #cbd1d5;
   padding: 7px;
   cursor: pointer;
   margin-top: 0;
   border-right: 1px solid #ced4da;
   border-radius: 4px 0 0 4px;
   height: 40px;
}
@media (min-width: 600px) {
   .text__import .chosing__file {
      top: 31px;
      padding: 8.8px 12px !important;
      height: 40px;
   }
}
@media (min-width: 768px) {
   .text__import .chosing__file {
      width: auto !important;
      padding: 8.8px 6px !important;
   }
}
@media (min-width: 1024px) {
   .text__import .chosing__file {
      top: 33px !important;
      padding: 8.2px 6px !important;
   }
}
@media (min-width: 1360px) {
   .text__import .chosing__file {
      padding: 10.5px 9px !important;
      height: 43px !important;
   }
}
.text__import .chosing__file p {
   font-family: 'iransans' !important;
   font-size: 12px;
}
.text__import .chosing__file img {
   position: unset;
}
.text__import .chosing__file .title {
   text-align: right !important;
}
@media (min-width: 600px) {
   .text__import .eye {
      top: 31px;
      padding: 10.7px 15px !important;
   }
}
@media (min-width: 768px) {
   .text__import .eye {
      top: 31px;
      padding: 10.7px 15px !important;
   }
}
@media (min-width: 1024px) {
   .text__import .eye {
      padding: 10.7px 15px !important;
   }
}
@media (min-width: 1360px) {
   .text__import .eye {
      padding: 12.8px 15px !important;
   }
}
.text__import--readonly input {
   background-color: #f9f9f9;
}

.textarea textarea {
   padding: 5px;
   height: 70px;
   border: 1px solid #ced4da;
   resize: none;
}
.textarea textarea:focus {
   outline: solid 1px #c6cfd8;
}

.checkbox {
   flex-direction: row-reverse !important;
   justify-content: right;
   align-items: center;
   display: flex;
   margin-top: 0;
   gap: 5px;
   cursor: pointer;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   height: 30px !important;
}
.checkbox input {
   width: 17px;
   height: 17px;
   border: unset !important;
   cursor: pointer;
}
.checkbox input:focus {
   outline: unset !important;
}
.checkbox input p {
   cursor: pointer;
}
.checkbox label p {
   color: #6c757d;
   font-family: 'iransans-bold';
   font-size: 12px;
}
@media (min-width: 1024px) {
   .checkbox label p {
      font-size: 13px;
   }
}

.checkbox--made-report input {
   width: 15px !important;
}
.checkbox--made-report label {
   cursor: pointer;
}
.checkbox--made-report--inactive {
   cursor: unset;
}
.checkbox--made-report--inactive label {
   cursor: unset;
}
.checkbox--made-report--inactive label p {
   color: #c9c9c9;
}

.preview__part--hover {
   background-color: rgba(156, 164, 168, 0.168627451) !important;
}

.preview__part--checked {
   background-color: rgba(138, 138, 138, 0.2274509804) !important;
}

.options__add {
   width: 100%;
   border: 1px solid #ced4da;
   display: flex;
   flex-direction: column;
   gap: 7px;
   padding: 3px 7px;
   margin-top: 3px;
   max-height: 110px;
   overflow: auto;
}
.options__add--name {
   width: 100%;
   display: flex;
   position: relative;
   flex-direction: row;
   justify-content: space-between;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   align-items: center;
}
.options__add--name img {
   height: 16px;
   cursor: pointer;
   background-color: unset;
}

@media (min-width: 768px) {
   .textarea--design {
      width: 100% !important;
   }
}

.empty__form {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 20px;
   height: 45vh;
   border-radius: 4px;
   background-color: #fff;
}
.empty__form--img {
   height: 100px;
   opacity: 15%;
}
.empty__form--p {
   font-size: 13px;
   color: #6c757d;
}

.form-preview .text__import:hover {
   background-color: unset !important;
   cursor: auto;
}

.body__login {
   height: auto;
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 24px;
   padding: 0px 10%;
   background-color: #ebeff2;
   background-image: url('/img/bg1.svg');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center bottom;
}
.body__login--header {
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 5px;
   justify-content: center;
}
.body__login--header img {
   height: 80px;
   filter: drop-shadow(0 0 1px #00000034);
}
@media (min-width: 768px) {
   .body__login--header img {
      height: 85px;
   }
}
@media (min-width: 1024px) {
   .body__login--header img {
      height: 90px;
   }
}
.body__login--header p {
   font-family: 'iransans-bold';
   font-size: 16px;
   color: #3c3c46;
}
@media (min-width: 768px) {
   .body__login--header p {
      font-size: 18px;
   }
}
@media (min-width: 1024px) {
   .body__login--header p {
      font-size: 20px;
   }
}
.body__login--system {
   width: 100%;
   background-color: #fff;
   box-shadow: 3px 3px 8px rgba(12, 30, 57, 0.2);
   padding: 13px 17px 25px;
   border-radius: 8px;
   border: 1px solid #ddd;
}
@media (min-width: 600px) {
   .body__login--system {
      width: 325px;
   }
}
@media (min-width: 1024px) {
   .body__login--system {
      width: 350px;
      padding: 24px 32px 32px;
   }
}
.body__login--system--data {
   display: flex;
   flex-direction: column;
   gap: 7px;
}
.body__login--system .section__first-part--login {
   text-align: center;
   margin-bottom: 12px;
}
.body__login--system .section__first-part--login p {
   font-family: 'iransans-bold';
   font-size: 13px;
   color: #343a40;
}
@media (min-width: 768px) {
   .body__login--system .section__first-part--login p {
      font-size: 15px;
   }
}
@media (min-width: 1024px) {
   .body__login--system .section__first-part--login p {
      font-size: 17px;
   }
}
.body__login--system .section__second-part--login--input {
   display: flex;
   flex-direction: column;
   gap: 5px;
   margin-bottom: 15px;
}
.body__login--system .section__second-part--login--input p {
   color: #6c757d;
   font-family: 'iransans-bold';
}
.body__login--system .section__second-part--login--input label {
   color: #6c757d;
   font-family: 'iransans-bold';
   cursor: pointer;
}
.body__login--system .section__second-part--login--input input {
   border: 1px solid #ced4da;
   padding: 8px;
   height: 35px;
   border-radius: 3px;
}
.body__login--system .section__second-part--login--input input::-moz-placeholder {
   color: #adb5bd;
}
.body__login--system .section__second-part--login--input input:-ms-input-placeholder {
   color: #adb5bd;
}
.body__login--system .section__second-part--login--input input::placeholder {
   color: #adb5bd;
}
.body__login--system .section__second-part--login--input input:focus {
   outline: solid 1px #c6cfd8;
}
.body__login--system .section__second-part--login--remember {
   flex-direction: row-reverse;
   justify-content: right;
   align-items: center;
   cursor: pointer;
}
.body__login--system .section__second-part--login--remember input {
   width: 17px;
   cursor: pointer;
}
.body__login--system .section__second-part--login--remember input:focus {
   outline: unset;
}
@media (min-width: 768px) {
   .body__login--system .section__second-part--login div p {
      font-size: 13px;
   }
}
@media (min-width: 1024px) {
   .body__login--system .section__second-part--login div p {
      font-size: 14px;
   }
}
@media (min-width: 768px) {
   .body__login--system .section__second-part--login div label {
      font-size: 13px;
   }
}
@media (min-width: 1024px) {
   .body__login--system .section__second-part--login div label {
      font-size: 14px;
   }
}
@media (min-width: 768px) {
   .body__login--system .section__second-part--login div input {
      height: 37px;
   }
}
@media (min-width: 1024px) {
   .body__login--system .section__second-part--login div input {
      font-size: 14px;
      height: 40px;
   }
}
.body__login--system .section__third-part--login--btn {
   background-color: #4f99d9;
   height: 36px;
   border-radius: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   width: 100%;
   border: unset;
   cursor: pointer;
}

.body__login--system .section__third-part--login--btn:hover {
   background-color: #4992d9;
}
.body__login--system .section__third-part--login--btn p {
   color: #fff;
}
@media (min-width: 768px) {
   .body__login--system .section__third-part--login--btn p {
      font-size: 14px;
   }
}
@media (min-width: 1024px) {
   .body__login--system .section__third-part--login--btn p {
      font-size: 16px;
   }
}

.more__details--spcform {
   width: 100%;
   display: flex;
   justify-content: space-between;
   height: 180px;
   align-items: flex-start;
   padding-top: 15px;
}
.more__details--spcform--list {
   display: flex;
   flex-direction: column;
   gap: 5px;
   width: 50%;
}
.more__details--spcform--list p {
   color: #6c757d;
   font-family: 'iransans-bold';
   font-size: 13px;
}
.more__details--spcform--list .semat__list--spcform {
   height: 170px;
   padding: 7px;
   overflow-y: auto;
   width: 100%;
   border: 1px solid #ced4da;
   background-color: #fff;
   display: flex;
   flex-direction: column;
   gap: 8px;
   border-radius: 4px;
}
@media (min-width: 1024px) {
   .more__details--spcform--list .semat__list--spcform {
      flex-direction: row;
      flex-wrap: wrap;
   }
}
.more__details--spcform--list .semat__list--spcform--name {
   display: flex;
   flex-direction: row;
   gap: 5px;
   cursor: pointer;
   width: 100%;
   align-items: center;
}
@media (min-width: 1024px) {
   .more__details--spcform--list .semat__list--spcform--name {
      width: 47%;
   }
}
.more__details--spcform--list .semat__list--spcform--name label {
   font-size: 11px;
   color: #6c757d;
   cursor: pointer;
}
@media (min-width: 600px) {
   .more__details--spcform--list .semat__list--spcform--name label {
      font-size: 13px;
   }
}
.more__details--spcform--list .semat__list--spcform--name input {
   cursor: pointer;
}
@media (min-width: 600px) {
   .more__details--spcform--list .semat__list--spcform--name input {
      width: 16px;
   }
}
@media (min-width: 1024px) {
   .more__details--spcform--list .semat__list--spcform--menu {
      flex-direction: column;
      flex-wrap: nowrap;
   }
}
@media (min-width: 1024px) {
   .more__details--spcform--list .semat__list--spcform--menu .semat__list--spcform--name {
      width: 100%;
   }
}
.more__details--spcform--options {
   display: flex;
   flex-direction: column;
   height: 150px;
   width: 47%;
   gap: 2rem;
}
@media (min-width: 1360px) {
   .more__details--spcform--options {
      width: 45%;
   }
}
.more__details--spcform--options--one {
   display: flex;
   flex-direction: row;
   gap: 5px;
   align-items: center;
   cursor: pointer;
}
.more__details--spcform--options--one input {
   cursor: pointer;
}
@media (min-width: 600px) {
   .more__details--spcform--options--one input {
      width: 15px;
      height: 15px;
   }
}
.more__details--spcform--options--one label {
   color: #6c757d;
   font-family: 'iransans-bold';
   cursor: pointer;
}
@media (min-width: 600px) {
   .more__details--spcform--options--one label {
      font-size: 14px;
   }
}
.more__details--spcform--options--two {
   display: flex;
   flex-direction: column;
   gap: 5px;
}
.more__details--spcform--options--two p {
   color: #6c757d;
   font-family: 'iransans-bold';
}
@media (min-width: 600px) {
   .more__details--spcform--options--two p {
      font-size: 14px;
   }
}
.more__details--spcform--options--two select {
   border: 1px solid #ced4da;
   border-radius: 4px;
   color: #6c757d;
   height: 37px;
}
@media (min-width: 600px) {
   .more__details--spcform--options--two select {
      font-size: 14px;
   }
}
.more__details--spcform--options--two select:focus {
   outline: solid 1px #c6cfd8;
}

.form-design__body {
   box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.11);
   padding: 10px;
   min-height: calc(100vh - 150px);
   height: auto;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
@media (min-width: 1024px) {
   .form-design__body {
      min-height: calc(100vh - 125px);
   }
}
@media (min-width: 1536px) {
   .form-design__body {
      height: calc(100vh - 155px);
   }
}

.user__list--form-design {
   margin-top: 15px;
   margin-bottom: 20px;
}
@media (min-width: 1024px) {
   .user__list--form-design {
      width: 100%;
   }
}

.fild__edit {
   background-color: #fff;
   position: fixed;
   min-height: 100vh;
   width: 100%;
   z-index: 100;
   top: 0;
   right: 0;
   padding: 15px;
   transition: 0.5s ease-in-out;
}
@media (min-width: 600px) {
   .fild__edit {
      width: 50%;
   }
}
@media (min-width: 768px) {
   .fild__edit {
      width: 35%;
   }
}
@media (min-width: 1024px) {
   .fild__edit {
      width: 23%;
   }
}
@media (min-width: 1360px) {
   .fild__edit {
      width: 17%;
   }
}
.fild__edit--close {
   right: -100%;
   transition: ease-in 0.5s;
}
.fild__edit .side__menu {
   display: flex;
   flex-direction: column;
   height: 100vh;
   gap: 25px;
}
@media (min-width: 600px) {
   .fild__edit .side__menu {
      width: 100%;
   }
}
@media (min-width: 1024px) {
   .fild__edit .side__menu {
      gap: 0;
   }
}
@media (min-width: 1360px) {
   .fild__edit .side__menu {
      gap: 10px;
   }
}
.fild__edit .side__menu--list {
   display: flex;
   flex-direction: column;
   min-height: 88vh;
   justify-content: space-between;
   gap: 1.5rem;
   height: calc(100vh - 70px);
}
@media (min-width: 1360px) {
   .fild__edit .side__menu--list {
      padding-right: 5px;
      height: calc(100vh - 80px);
   }
}
.fild__edit .side__menu--list div p {
   color: #6c757d;
   margin-bottom: 2px;
   font-family: 'iransans-bold';
}
@media (min-width: 600px) {
   .fild__edit .side__menu--list div p {
      font-size: 12px;
   }
}
.fild__edit .side__menu--list div label {
   color: #6c757d;
   font-family: 'iransans-bold';
   cursor: pointer;
}
.fild__edit .side__menu--list div select:focus {
   outline: solid 1px #c6cfd8;
}
.fild__edit .side__menu--list .semat__input {
   height: 36px;
   width: 100%;
   border: 1px solid #ced4da;
   color: #6c757d;
   cursor: pointer;
   border-radius: 3px;
}
.fild__edit .side__menu--list--text {
   height: 33px;
   width: 100%;
   border: 1px solid #ced4da;
   color: #6c757d;
   border-radius: 3px;
}
.fild__edit .side__menu--list--check {
   display: flex;
   gap: 5px;
   align-items: center;
   cursor: pointer;
}
.fild__edit .side__menu--list .more__details--spcform--list {
   width: 100%;
}
.fild__edit
   .side__menu--list
   .more__details--spcform--list
   .semat__list--spcform--name
   input:focus {
   outline: unset;
}
.fild__edit .side__menu--list--options {
   display: flex;
   flex-direction: column;
   gap: 1rem;
   overflow-y: auto;
}
.fild__edit .side__menu--header {
   display: flex;
}
@media (min-width: 1024px) {
   .fild__edit .side__menu--header {
      margin-bottom: 15px;
      flex: unset;
   }
}
.fild__edit .side__menu--header img {
   height: 25px;
   cursor: pointer;
}
.fild__edit .side__menu--header p {
   flex: 1;
   text-align: center;
   color: #343a40;
   font-family: 'iransans-bold';
   font-size: 14px;
}
@media (min-width: 768px) {
   .fild__edit .side__menu--header p {
      font-size: 15px;
   }
}
.fild__edit .side__menu input {
   border-radius: 3px;
   padding: 4px;
}
.fild__edit .side__menu input:focus {
   outline: solid 1px #c6cfd8;
}
.fild__edit .side__menu--list--radio input:focus {
   outline: solid 0px #c6cfd8;
}
.fild__edit .side__menu--list--check input:focus {
   outline: solid 0px #c6cfd8;
}

.section__edit .side__menu--list--item {
   display: flex;
   flex-direction: column;
   gap: 15px;
}
.section__edit .side__menu--list--item div textarea {
   resize: none;
   height: 100px;
   padding: 5px;
   border-radius: 4px;
   text-align: justify;
}
.section__edit .side__menu--list--item div textarea:focus {
   outline: 1px solid #c6cfd8;
}

.section__third-part--spc-form .section__third-part--btn {
   flex-direction: column;
}
.section__third-part--spc-form .section__third-part--btn div p {
   color: #fff;
   font-family: 'iransans';
   font-size: 14px;
   margin: 0;
}
.section__third-part--spc-form .section__third-part--btn-save {
   width: 100%;
}
.section__third-part--spc-form .section__third-part--btn-delete {
   width: 100%;
}

.user__information {
   display: flex;
   min-width: 45%;
   gap: 10px;
   align-items: center;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}
@media (min-width: 600px) {
   .user__information {
      min-width: 30%;
   }
}
.user__information p {
   font-size: 14px;
}
.user__information .span {
   font-size: 14px;
   color: #898989;
}
.user__information--date {
   min-width: 115px !important;
}

.supervisor__comment {
   flex-direction: column;
   align-items: flex-start;
   padding: 10px;
   border-radius: 5px;
   background-color: #f7d1d1;
   width: 100%;
}
.supervisor__comment p {
   font-family: 'iransans-bold';
   color: #6c757d;
}

.calcute__form-p {
   text-align: center;
   display: flex;
   align-items: center;
   gap: 13px;
}
.calcute__form-p--sub {
   position: relative;
   display: flex;
}
.calcute__form-p--sub .span {
   position: absolute;
   font-size: 10px;
   top: -10px;
   direction: ltr;
}
.calcute__form-p--sub .arrow-left {
   transform: rotate(180deg);
   height: 18px;
}

.section__formdata {
   gap: 12px;
}
.section__formdata .section__first-part--sort-menu {
   left: 120px;
   top: 70px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}
@media (min-width: 600px) {
   .section__formdata .section__first-part--sort-menu {
      left: 160px;
      top: 38px;
   }
}
@media (min-width: 1024px) {
   .section__formdata .section__first-part--sort-menu {
      left: 175px;
      top: 35px;
   }
}

.formdata__img {
   height: 20px;
   cursor: pointer;
}

.made-report__calcut {
   display: flex;
   width: 100%;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 7px;
   gap: 5px;
}
@media (min-width: 600px) {
   .made-report__calcut {
      gap: 15px;
   }
}
.made-report__calcut img {
   height: 20px;
   cursor: pointer;
}
@media (min-width: 1024px) {
   .made-report__calcut img {
      height: 24px;
   }
}
.made-report__calcut input {
   text-align: left;
   direction: ltr;
   flex: 1;
}
.made-report__calcut--diagram {
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   justify-content: space-between;
   position: relative;
   background: #fff;
   padding: 15px 10px;
   border: 1px solid #d9dfe9;
   border-radius: 4px;
}
.made-report__calcut--diagram .calcut__input--second {
   background-color: #d9dfe9;
   justify-content: space-between;
   padding: 5px 5px;
   flex-direction: row;
   padding-left: 20px;
   gap: 20px;
   width: 100%;
   flex-wrap: wrap;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}
@media (min-width: 600px) {
   .made-report__calcut--diagram .calcut__input--second {
      padding: 10px 15px;
      padding-left: 40px;
   }
}
.made-report__calcut--diagram .calcut__input--second .diagram__cmd--title {
   color: #6c757d;
   font-family: 'iransans-bold';
   text-align: right;
   min-width: 60px;
}
.made-report__calcut--diagram .calcut__input--second .diagram__cmd--title .span {
   font-family: 'iransans';
}
.made-report__calcut--diagram .condition {
   position: relative;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding: 6px 15px;
   padding-right: 35px;
   flex: unset;
}
.made-report__calcut--diagram .condition .diagram__cmd--title {
   min-width: -webkit-fit-content;
   min-width: -moz-fit-content;
   min-width: fit-content;
}
.made-report__calcut--diagram .condition img {
   left: 5px;
}
.made-report__calcut--diagram .condition .tags__image--color {
   right: 10px;
}
.made-report__calcut--diagram img {
   position: absolute;
   left: 13px;
   height: 20px;
}
@media (min-width: 600px) {
   .made-report__calcut--diagram img {
      left: 20px;
   }
}

.tags__image {
   padding: 3px;
   height: 19px;
   width: 19px;
   cursor: pointer;
   transform: rotate(45deg);
}
.tags__image--color {
   padding: 3px;
   height: 19px;
   width: 19px;
   cursor: pointer;
   background-color: #8f979d;
   border-radius: 50px;
   transition: all 0.3s ease-in-out;
}
.tags__image--color:hover {
   background-color: #e94235;
}

.multip {
   transform: rotate(45deg);
}

.made-report--tags {
   background-color: #fff;
   border: unset !important;
}

.formul-report--p .section__first-part--btn--list {
   justify-content: right;
}
.formul-report--p + .diagram__report--all {
   margin-top: 0;
}
.formul-report--p + .diagram__report--all .modal-calculation__title--number {
   padding-left: 40px;
}
.formul-report--p:first-child {
   padding-top: 10px;
}
@media (min-width: 600px) {
   .formul-report--p {
      grid-column: 1/7;
   }
}

.calcut__end--report {
   gap: 10px 0;
}
.calcut__end--report .calcut__button {
   margin-bottom: 0;
}
.calcut__end--report .text__import--made-report {
   margin-bottom: 0;
}
@media (min-width: 600px) {
   .calcut__end--report {
      gap: 10px;
   }
}

.body__topmessage {
   display: flex;
   align-items: flex-start;
   justify-content: center;
   height: auto;
}
.body__topmessage .card__topmessage {
   background-color: #fff;
   padding: 15px 15px;
   border-radius: 7px;
   position: fixed;
   -webkit-animation: topmessage linear 0.3s;
   animation: topmessage linear 0.3s;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   transition: all linear 1s;
   width: 250px;
   position: fixed;
   top: 1.2rem;
   z-index: 9092301202;
   box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
   border: 1px solid #e0e3ef;
}
@media (min-width: 768px) {
   .body__topmessage .card__topmessage {
      width: 350px;
   }
}

.topmessage__title {
   padding-bottom: 2rem;
   color: #6c757d;
}
.topmessage__img {
   height: 23px;
}

@-webkit-keyframes topmessage {
   0% {
      top: 0%;
   }
   100% {
      top: 1.2rem;
   }
}

@keyframes topmessage {
   0% {
      top: 0%;
   }
   100% {
      top: 1.2rem;
   }
}
@media (min-width: 1024px) {
   .dashboard__header {
      display: none;
   }
}
.dashboard__main tr {
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}
.dashboard__main td {
   padding: 10px;
}
.dashboard__body {
   padding-top: 20px;
   height: calc(100vh - 145px);
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   grid-template-rows: repeat(7, 1fr);
   gap: 2rem;
   grid-auto-flow: row dense;
}
@media (min-width: 768px) {
   .dashboard__body {
      grid-template-rows: repeat(4, 1fr);
   }
}
@media (min-width: 1536px) {
   .dashboard__body {
      height: calc(100vh - 170px);
   }
}
.dashboard__body--top {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   gap: 6px;
   justify-content: center;
   align-items: center;
}
@media (min-width: 600px) {
   .dashboard__body--top {
      flex-direction: row;
      align-items: flex-end;
      justify-content: center;
   }
}
.dashboard__name {
   font-size: 15px;
   font-family: 'iransans-bold';
   cursor: unset;
}
@media (min-width: 600px) {
   .dashboard__name {
      top: 20px;
   }
}
@media (min-width: 1024px) {
   .dashboard__name {
      font-size: 16px;
   }
}
.dashboard__title {
   display: flex;
   gap: 7px;
   width: 100%;
   flex-direction: column;
   align-items: flex-start;
}
@media (min-width: 600px) {
   .dashboard__title {
      flex-direction: row;
      flex: 1;
      align-items: center;
   }
}
@media (min-width: 768px) {
   .dashboard__title {
      padding-left: 20px;
      flex-direction: row;
   }
}
.dashboard__title--p {
   font-size: 13px;
   color: #6d6d6d;
   font-family: 'iransans-bold';
}
.dashboard__title .input {
   background-color: #fff;
   border: 1px solid #ced4da;
   width: 100%;
   height: 36px;
   align-items: center;
   display: flex;
   justify-content: space-between;
   border-radius: 3px;
   padding: 0 10px;
}
@media (min-width: 600px) {
   .dashboard__title .input {
      width: 210px;
   }
}
@media (min-width: 768px) {
   .dashboard__title .input {
      width: 220px;
   }
}
.dashboard__btn {
   border: 2px solid #0b60b6;
   border-radius: 50px;
   padding: 7px 15px;
   display: flex;
   align-items: center;
   gap: 7px;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   justify-content: center;
   cursor: pointer;
}
.dashboard__btn:hover {
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);
}
.dashboard__btn--p {
   color: #0b60b6;
   font-size: 12px;
}
.dashboard__btn--fill {
   background-color: #0b60b6;
}
@media (min-width: 1024px) {
   .dashboard__btn--fill {
      margin-right: 3px;
   }
}
.dashboard__btn--fill .dashboard__btn--p {
   color: #fff;
}
.dashboard__plus {
   height: 15px;
}
.dashboard__part {
   grid-column: span 12;
}
.dashboard__part--small {
   grid-row: span 1;
}
@media (min-width: 768px) {
   .dashboard__part--small {
      grid-column: span 6;
   }
}
@media (min-width: 1024px) {
   .dashboard__part--small {
      grid-column: span 3;
      grid-row: span 2;
   }
}
.dashboard__part--medium {
   grid-row: span 3;
}
@media (min-width: 768px) {
   .dashboard__part--medium {
      grid-row: span 2;
   }
}
@media (min-width: 1024px) {
   .dashboard__part--medium {
      grid-column: span 6;
   }
}
.dashboard__part--larg {
   grid-row: span 2;
}

.dashboard__card {
   height: 100%;
   width: 100%;
   border-radius: 8px;
   background-color: #fff;
   display: flex;
   flex-direction: column;
   padding: 15px;
   align-items: center;
   justify-content: center;
   position: relative;
   box-shadow: 0 0 14px rgba(0, 0, 0, 0.14);
   cursor: pointer;
}
.dashboard__card--title {
   font-size: 14px;
   margin-bottom: 7px;
   padding-bottom: 5px;
   color: #737373;
   max-height: calc(100% - 48px);
   max-width: 100%;
   overflow: auto;
}
.dashboard__card--text {
   font-size: 12px;
   text-align: center;
   font-size: 25px;
   overflow: auto;
   max-width: 100%;
}

.dashboard__body table {
   height: 100%;
}
.dashboard__body .section__second-part--table--spcform {
   height: 100%;
   width: 100%;
   margin-top: 0;
}
.dashboard__body .section__second-part--table--report-prv {
   height: 100%;
   width: 100%;
   margin-top: 0;
}

.grid__container table {
   height: 100%;
}
.grid__container .section__second-part--table--report-prv {
   height: 100%;
   width: 100%;
   margin-top: 0;
}

@media (min-width: 1024px) {
   .header__dashboard {
      padding-right: 45%;
   }
}

.dashboard__body :nth-child(1) .span {
   background: linear-gradient(-45deg, #2193b0, #94eafe);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.dashboard__body :nth-child(1) .dashboard__card--text {
   color: #2193b0;
}
.dashboard__body :nth-child(2) .span {
   background: linear-gradient(-45deg, #1d976c, #93f9b9);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.dashboard__body :nth-child(2) .dashboard__card--text {
   color: #1d976c;
}
.dashboard__body :nth-child(3) .span {
   background: linear-gradient(-45deg, #f37335, #fdc830);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.dashboard__body :nth-child(3) .dashboard__card--text {
   color: #f37335;
}
.dashboard__body :nth-child(4) .span {
   background: linear-gradient(-45deg, #93291e, #ed213a);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.dashboard__body :nth-child(4) .dashboard__card--text {
   color: #93291e;
}
.dashboard__body :nth-child(5) .span {
   background: linear-gradient(-45deg, #6e48aa, #c978e9);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.dashboard__body :nth-child(5) .dashboard__card--text {
   color: #6e48aa;
}
.dashboard__body :nth-child(6) .span {
   background: linear-gradient(-45deg, #b91d73, #ff79d6);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.dashboard__body :nth-child(6) .dashboard__card--text {
   color: #b91d73;
}

.grid__container :nth-child(1) .span {
   background: linear-gradient(-45deg, #2193b0, #94eafe);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.grid__container :nth-child(1) .dashboard__card--text {
   color: #2193b0;
}
.grid__container :nth-child(2) .span {
   background: linear-gradient(-45deg, #1d976c, #93f9b9);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.grid__container :nth-child(2) .dashboard__card--text {
   color: #1d976c;
}
.grid__container :nth-child(3) .span {
   background: linear-gradient(-45deg, #f37335, #fdc830);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.grid__container :nth-child(3) .dashboard__card--text {
   color: #f37335;
}
.grid__container :nth-child(4) .span {
   background: linear-gradient(-45deg, #93291e, #ed213a);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.grid__container :nth-child(4) .dashboard__card--text {
   color: #93291e;
}
.grid__container :nth-child(5) .span {
   background: linear-gradient(-45deg, #6e48aa, #c978e9);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.grid__container :nth-child(5) .dashboard__card--text {
   color: #6e48aa;
}
.grid__container :nth-child(6) .span {
   background: linear-gradient(-45deg, #b91d73, #ff79d6);
   width: 100%;
   height: 15px;
   position: absolute;
   bottom: 0;
   border-radius: 0px 0px 8px 8px;
}
.grid__container :nth-child(6) .dashboard__card--text {
   color: #b91d73;
}

.pt-1 {
   padding-top: 1rem;
}

.dashboard__inspector-filds {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 6px;
}

.w-100 {
   width: 100%;
} /*# sourceMappingURL=main.css.map */

/* ######################################################## */

input,
select {
   height: 36px !important;
}

input,
select,
textarea {
   font-size: 13px !important;
}
input[type='checkbox'] {
   height: unset !important;
}

.table__column input {
   padding: 2px 4px !important;
   height: fit-content !important;
   border: 1px solid #ddd !important;
   border-radius: 4px !important;
}
.table__column input:focus {
   border-color: #4f99d9 !important;
}

.table__operations > button {
   color: #4f99d9;
   padding: 2px 16px;
   border-radius: 4px;
   cursor: pointer;
   border: 1px solid #4f99d9;
   background-color: #ffffff;
}