@import url('./pages/_index.scss');
@font-face {
   font-family: 'iransans';
   font-weight: 200;
   src: url('/fonts/IRANSansWeb(FaNum)_UltraLight.woff2');
}
@font-face {
   font-family: 'iransans';
   font-weight: 300;
   src: url('/fonts/IRANSansWeb(FaNum)_Light.woff2');
}
@font-face {
   font-family: 'iransans';
   font-weight: 400;
   src: url('/fonts/IRANSansWeb(FaNum).woff2');
}
@font-face {
   font-family: 'iransans';
   font-weight: 600;
   src: url('/fonts/IRANSansWeb(FaNum)_Bold.woff2');
}
@font-face {
   font-family: 'iransans';
   font-weight: 500;
   src: url('/fonts/IRANSansWeb(FaNum)_Medium.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--primary-spcform::-webkit-scrollbar,
.section__first-part-details--user-details::-webkit-scrollbar,
.section__first-part-details--spv-cmt::-webkit-scrollbar,
.semat__list--spcform::-webkit-scrollbar,
.preview__first-part::-webkit-scrollbar,
.section__second-part--table-body::-webkit-scrollbar,
.section__second-part--modal-list::-webkit-scrollbar {
   width: 8px;
   height: 8px;
   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--primary-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,
.section__filter--text-option::-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--primary-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,
.preview__first-part::-webkit-scrollbar-thumb,
.section__second-part--table-body::-webkit-scrollbar-thumb,
.section__second-part--modal-list::-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 {
   /* @CSS */
   /* min-height: 20px; */
}

.side__menu-list--users::-webkit-scrollbar,
.dashboard__card--text::-webkit-scrollbar,
.dashboard__card-title::-webkit-scrollbar,
.input__calcut::-webkit-scrollbar,
.main::-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;
}

.label {
   font-weight: 500;
   color: #6c757d;
}

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

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

input:read-only,
textarea:read-only,
.plaque-input:read-only {
   background-color: #eee;
}
input:read-only:focus,
textarea:read-only,
.plaque-input:read-only {
   outline: unset;
}

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: #f7fbff;
}
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;
}

.none {
   display: none;
}

.display__grid {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
   .display__grid {
      grid-template-columns: repeat(2, 1fr);
   }
}
@media (min-width: 1024px) {
   .display__grid {
      grid-template-columns: repeat(2, 1fr);
   }
}
@media (min-width: 1280px) {
   .display__grid {
      grid-template-columns: repeat(4, 1fr);
   }
}
@media (min-width: 1920px) {
   .display__grid {
      grid-template-columns: repeat(5, 1fr);
   }
}

.relative {
   position: relative;
}

.p-0 {
   padding: 0 !important;
}

.p-1 {
   padding: 4px !important;
}

.p-2 {
   padding: 8px !important;
}

.p-3 {
   padding: 16px !important;
}

.px-0 {
   padding-right: 0 !important;
   padding-left: 0 !important;
}

.py-0 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
}

.pt-0 {
   padding-top: 0 !important;
}

.pt-1 {
   padding-top: 4px !important;
}

.pt-2 {
   padding-top: 8px !important;
}

.pt-3 {
   padding-top: 16px !important;
}

.pb-0 {
   padding-bottom: 0 !important;
}

.pb-1 {
   padding-bottom: 4px !important;
}

.pb-2 {
   padding-bottom: 8px !important;
}

.pb-3 {
   padding-bottom: 16px !important;
}

.pr-0 {
   padding-right: 0 !important;
}

.pr-1 {
   padding-right: 4px !important;
}

.pr-2 {
   padding-right: 8px !important;
}

.pr-3 {
   padding-right: 16px !important;
}

.pl-0 {
   padding-left: 0 !important;
}

.pl-1 {
   padding-left: 4px !important;
}

.pl-2 {
   padding-left: 8px !important;
}

.pl-3 {
   padding-left: 16px !important;
}

.m-0 {
   margin: 0 !important;
}

.m-1 {
   margin: 4px !important;
}

.m-2 {
   margin: 8px !important;
}

.m-3 {
   margin: 16px !important;
}

.mx-0 {
   margin: 0 0 !important;
}

.mx-1 {
   margin: 0 4px !important;
}

.mx-2 {
   margin: 0 8px !important;
}

.mx-3 {
   margin: 0 16px !important;
}

.my-0 {
   margin: 0 0 !important;
}

.my-1 {
   margin: 4px 0 !important;
}

.my-2 {
   margin: 8px 0 !important;
}

.my-3 {
   margin: 16px 0 !important;
}

.mt-0 {
   margin-top: 0 !important;
}

.mt-1 {
   margin-top: 4px !important;
}

.mt-2 {
   margin-top: 8px !important;
}

.mt-3 {
   margin-top: 16px !important;
}

.mb-0 {
   margin-bottom: 0 !important;
}

.mb-1 {
   margin-bottom: 4px !important;
}

.mb-2 {
   margin-bottom: 8px !important;
}

.mb-3 {
   margin-bottom: 16px !important;
}

.mr-0 {
   margin-right: 0 !important;
}

.mr-1 {
   margin-right: 4px !important;
}

.mr-2 {
   margin-right: 8px !important;
}

.mr-3 {
   margin-right: 16px !important;
}

.ml-0 {
   margin-left: 0 !important;
}

.ml-1 {
   margin-left: 4px !important;
}

.ml-2 {
   margin-left: 8px !important;
}

.ml-3 {
   margin-left: 16px !important;
}

.flex {
   display: flex !important;
   flex-direction: row;
}
.flex-column {
   flex-direction: column !important;
   display: flex !important;
}
.flex-1 {
   flex: 1 !important;
}
.flex-100 {
   flex: 0 0 100% !important;
}
.flex-center {
   display: flex !important;
   align-items: center !important;
   justify-content: center !important;
}

.justify-between {
   justify-content: space-between !important;
}

.justify-start {
   justify-content: flex-start !important;
}

.justify-end {
   justify-content: flex-end !important;
}

.justify-center {
   justify-content: center !important;
}

.justify-baseline {
   justify-content: baseline !important;
}

.align-between {
   align-items: space-between !important;
}

.align-start {
   align-items: flex-start !important;
}

.align-end {
   align-items: flex-end !important;
}

.align-center {
   align-items: center !important;
}

.align-baseline {
   align-items: baseline !important;
}

.gap-1 {
   gap: 4px;
}

.gap-2 {
   gap: 8px;
}

.gap-3 {
   gap: 12px;
}

.gap-4 {
   gap: 16px;
}

.field--hidden {
   opacity: 0.5;
}

.w-full {
   width: 100% !important;
}

.h-unset {
   height: unset !important;
}

.max-w-unset {
   max-width: unset !important;
}

.no-touch {
   pointer-events: none !important;
}

.blur-1 {
   filter: blur(1px) !important;
}
.blur-2 {
   filter: blur(2px) !important;
}
.blur-3 {
   filter: blur(3px) !important;
}

.scroll-unset {
   overflow: unset !important;
}

.height-fit {
   height: fit-content !important;
}

html {
   font-size: 0.625em;
   font-family: 'iransans';
}

* {
   margin: 0;
   padding: 0;
   direction: rtl;
   font-weight: 400;
   font-size: 1.2rem;
   box-sizing: border-box;
   font-family: 'iransans';
}

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

.section__first-part-btn {
   background-color: #0b60b6;
   min-width: 100px;
   height: 3.2rem;
   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: 3.2rem;
      gap: 7px;
   }
}
@media (min-width: 768px) {
   .section__first-part-btn {
      min-width: 140px;
      height: 4rem;
   }
}
.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;
}
@media (min-width: 600px) {
   .section__first-part-btn--form {
      width: 140px;
   }
}
.section__first-part-btn--form p {
   font-size: 1rem;
}
@media (min-width: 600px) {
   .section__first-part-btn--form p {
      font-size: 1.3rem;
   }
}
.section__first-part-btn-semat {
   height: 25px;
}
@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-weight: 600;
}
.section__first-part-btn-list div {
   cursor: pointer;
   background-color: #0b60b6;
   border-radius: 50%;
   height: 24px;
   width: 24px;
   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;
   font-size: 1.2rem;
}

.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: 30px;
   }
}
.section__second-part--table-body--card-btn p {
   color: #4f99d9;
   font-weight: 400;
   text-align: center;
}
.section__second-part--table-body--card-btn:hover {
   box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.18);
}

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

.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;
}
.section__third-part-btn-save {
   display: flex;
   align-items: center;
   background-color: #4f99d9;
   min-width: 110px;
   padding: 5px;
   height: 3.2rem;
   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: 1.3rem;
   }
}
.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: 3.2rem;
   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;
}
@media (min-width: 1024px) {
   .section__third-part-btn-delete p {
      font-size: 1.3rem;
   }
}
.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;
}
@media (min-width: 768px) {
   .section__third-part-btn--top {
      margin-bottom: 15px;
      margin-top: 0;
      gap: 2%;
   }
}
@media (min-width: 1024px) {
   .section__third-part-btn--top {
      margin-top: 15px;
      margin-bottom: 20px;
   }
}
.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;
}
@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;
      margin-top: 11px;
   }
}
@media (min-width: 1024px) {
   .form-design-btn .preview__spcform {
      margin-top: 0;
   }
}
@media (min-width: 600px) {
   .form-design-btn .preview__spcform button {
      padding: 5px 45px 5px 15px;
      height: 3.2rem;
   }
}
@media (min-width: 768px) {
   .form-design-btn .preview__spcform button {
      width: 300px;
   }
}
@media (min-width: 1024px) {
   .form-design-btn .preview__spcform button {
      height: 40px;
      font-size: 1.3rem;
   }
}
@media (min-width: 600px) {
   .form-design-btn .preview__spcform button img {
      height: 3.2rem;
   }
}
@media (min-width: 1024px) {
   .form-design-btn .preview__spcform button img {
      height: 40px;
   }
}
.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;
   }
}
.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;
   width: auto;
   position: absolute;
   left: 10px;
   top: 16px;
}
@media (min-width: 600px) {
   .add-fild {
      left: 20px;
   }
}
@media (min-width: 1360px) {
   .add-fild {
      left: 36px;
      top: 4rem;
   }
}
.add-fild-btn--hover {
   border: 2px solid #64b3ff;
}
.add-fild-btn--hover p {
   color: #64b3ff;
   font-size: 1.3rem;
}
.add-fild button {
   height: 3.2rem;
   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;
}
.add-fild button p {
   color: #4f99d9;
   font-weight: 400;
}
.add-fild button:hover {
   background-color: #4f99d9;
}
.add-fild button:hover p {
   color: #fff;
}

.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;
   font-weight: 300;
   height: 3.2rem;
   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: 3.2rem;
      min-width: 90px;
   }
}
.section__third-part--modal-btn-dissuasion p {
   color: #fff;
   font-weight: 300;
}
@media (min-width: 768px) {
   .section__third-part--modal-btn-dissuasion p {
      font-size: 1.3rem;
   }
}
.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;
   font-weight: 300;
   height: 3.2rem;
   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: 3.2rem;
      min-width: 90px;
   }
}
.section__third-part--modal-btn-confirmation p {
   color: #fff;
   font-weight: 300;
}
@media (min-width: 768px) {
   .section__third-part--modal-btn-confirmation p {
      font-size: 1.3rem;
   }
}
.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;
   font-weight: 300;
}
@media (min-width: 1024px) {
   .section__third-part--modal-btn-add p {
      font-size: 1.3rem;
   }
}
.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;
   }
}
@media (min-width: 1024px) {
   .section__third-part--modal-btn--spcform .section__third-part--modal-btn-confirmation {
      width: 105px;
   }
}
.section__third-part--modal-btn--spcform .section__third-part--modal-btn-confirmation p {
   font-weight: 300;
}
@media (min-width: 1024px) {
   .section__third-part--modal-btn--spcform .section__third-part--modal-btn-confirmation p {
      font-size: 1.3rem;
   }
}
.section__third-part--modal-btn--spcform .section__third-part--modal-btn-dissuasion p {
   font-weight: 300;
}
@media (min-width: 1024px) {
   .section__third-part--modal-btn--spcform .section__third-part--modal-btn-dissuasion p {
      font-size: 1.3rem;
   }
}
.section__third-part--modal-btn-exel {
   border: 1px solid #138046;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 3.2rem;
   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;
   font-weight: 300;
}
@media (min-width: 768px) {
   .section__third-part--modal-btn-exel p {
      font-size: 1.3rem;
   }
}
.section__third-part--modal-btn-download {
   border: 1px solid #4f99d9;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 3.2rem;
   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;
   font-weight: 300;
}
@media (min-width: 768px) {
   .section__third-part--modal-btn-download p {
      font-size: 1.3rem;
   }
}
.section__third-part--modal-btn-save {
   border: 1px solid #4f99d9;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 3.2rem;
   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;
   font-weight: 300;
}
@media (min-width: 768px) {
   .section__third-part--modal-btn-save p {
      font-size: 1.3rem;
   }
}

.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: 3.2rem;
   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: 44%;
   justify-content: left;
}
@media (min-width: 400px) {
   .preview__spcform {
      width: 45%;
   }
}
@media (min-width: 600px) {
   .preview__spcform {
      width: 30%;
      height: auto;
   }
}
@media (min-width: 1024px) {
   .preview__spcform {
      margin: 0;
   }
}
.preview__spcform button {
   gap: 6px;
   width: 100%;
   display: flex;
   border: unset;
   color: #fff;
   height: 3.2rem;
   cursor: pointer;
   font-size: 1.1rem;
   font-weight: 300;
   position: relative;
   border-radius: 4px;
   align-items: center;
   justify-content: center;
   padding: 5px 34px 5px 5px;
   background-color: #10a669;
   transition: all ease-in-out 0.3s;
}
@media (min-width: 600px) {
   .preview__spcform button {
      width: 100%;
      height: 40px;
      font-size: 1.2rem;
   }
}
@media (min-width: 1360px) {
   .preview__spcform button {
      width: 210px;
   }
}
.preview__spcform button:hover {
   background-color: #0fa066;
}
.preview__spcform button .img__eye {
   right: 0px;
   width: 28px;
   bottom: 0px;
   padding: 6px;
   height: 3.2rem;
   cursor: pointer;
   position: absolute;
   background-color: #0fa066;
   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 {
   width: 100%;
   display: flex;
   height: unset;
   align-items: end;
   position: relative;
}
@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 {
   width: 100%;
   padding: 5px 30px 5px 3px;
}

.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;
   }
}

/* @CSS */
/* @media (min-width: 1360px) {
   .primary-spc-btn--save {
      min-width: 200px;
   }
} */
.primary-spc-btn--save button {
   width: 100%;
   height: 3.2rem;
   border: unset;
   background-color: #4f99d9;
   border-radius: 3px;
   color: #fff;
   font-size: 1.3rem;
   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: 1.3rem;
   }
}
@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 {
   width: 100%;
   max-width: 120px;
   display: flex;
}
/* @CSS */
/* @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: 3.2rem;
   border: 1px solid;
   border-radius: 3px;
   font-size: 1.3rem;
   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: 1.3rem;
   }
}
.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;
}
.calcut__button .calcut__btn {
   height: 3.2rem;
   /* @CSS */
   /* width: 35px; */
   width: 3.2rem;
   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);
}
.calcut__button .calculation__btn {
   flex-direction: row;
}
@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: 3.2rem;
   /* @CSS */
   /* width: 35px; */
   width: 3.2rem;
   cursor: pointer;
}

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

.btn__delete--secondary {
   border: 1px solid #ff5b5b;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   height: 3.2rem;
   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;
   font-weight: 300;
}
@media (min-width: 768px) {
   .btn__delete--secondary p {
      font-size: 1.3rem;
   }
}

.last__day {
   height: 3.2rem;
   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;
   /* @CSS */
   /* font-size: 1.4rem; */
   font-size: 1.2rem;
   cursor: pointer;
   transition: all ease-in 0.1s;
   /* @CSS */
   text-wrap: nowrap;
}
.last__day:hover {
   border: 1px solid #bcc0c5;
}

.btn__disable {
   cursor: not-allowed;
   opacity: 0.8;
}
.btn__outline {
   background-color: #fff;
   border: 1px solid #ff5b5b;
   color: #ff5b5b;
}
.btn__outline p {
   color: #ff5b5b;
}
.btn__outline:hover p {
   color: #fff;
}

.body__modal {
   background-color: rgba(0, 0, 0, 0.348);
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   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;
}
.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: 1.3rem;
}
.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-weight: 500;
   color: #343a40;
   font-size: 1.3rem;
}
.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;
   /* @CSS */
   /* gap: 4px; */
   gap: 2px;
}
.body__modal .semat__modal .section__second-part--modal .component p {
   color: #6c757d;
   /* @CSS */
   /* font-size: 1.3rem; */
   font-size: 1.2rem;
}
.body__modal .semat__modal .section__second-part--modal .component p + p {
   font-size: 1.2rem;
   color: rgba(108, 117, 125, 0.8549019608);
}
.body__modal .semat__modal .section__second-part--modal .component input {
   border: 1px solid #ced4da;
   height: 32px;
   align-items: center;
   border-radius: 3px;
   padding: 0 6px;
   /* @CSS */
   /* padding-right: 2.4rem; */
   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: 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 .component .calcut__button--part {
   flex-direction: row;
}
.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: 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;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username {
      width: 380px;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__first-part--modal--header p {
      /* @CSS */
      /* font-size: 1.6rem; */
      font-size: 1.4rem;
   }
}
@media (min-width: 600px) {
   .body__modal .semat__modal--username .section__second-part--modal {
      padding: 15px;
   }
}
.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;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal .component {
      top: 0px;
   }
}
@media (min-width: 600px) {
   .body__modal .semat__modal--username .section__second-part--modal--search input {
      height: 37px;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal--search input {
      height: 37px;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal--search img {
      height: 20px;
      right: 10px;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal--name {
      height: 40px;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--username .section__second-part--modal--name p {
      font-size: 1.3rem;
   }
}
.body__modal .semat__modal--username .section__second-part--modal-list {
   max-height: 50vh;
}
.body__modal .semat__modal--username .section__second-part--modal-list p {
   font-size: 1.4rem;
}
.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: 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: 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: 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;
   }
}
.body__modal .semat__modal--delete .section__second-part--modal {
   justify-content: center;
}
.body__modal .semat__modal--delete .section__second-part--modal-title {
   font-weight: 600;
}
.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;
   }
}
.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;
   }
}
@media (min-width: 1024px) {
   .body__modal .semat__modal--delete .section__second-part--modal .component img {
      height: 50px;
   }
}
.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: 1.3rem;
   }
}
.body__modal .semat__modal--username {
   width: 295px;
}
.body__modal .semat__modal--username .section__second-part--modal {
   flex: 5;
}
.body__modal .semat__modal--username .section__second-part--modal .component {
   /* @CSS */
   /* 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;
   color: #adb5bd;
   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;
   font-weight: 600;
}
.body__modal .semat__modal--username .section__second-part--modal-list {
   overflow-y: auto;
   height: fit-content;
   max-height: 50vh;
   align-items: center;
   gap: 2px;
   background-color: #fefefe;
}
.body__modal .semat__modal--username .section__second-part--modal-list--checked {
   background-color: #e1e1e1;
}
.body__modal .semat__modal--username .section__second-part--modal-list label {
   width: 100%;
   text-align: center;
   display: flex;
   justify-content: center;
   flex-direction: column;
   /* @CSS */
   /* padding: 6px; */
   padding: 4px;
   cursor: pointer;
   border-bottom: 1px solid #dee2e6;
   /* @CSS */
   font-size: 1.2rem;
}
.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;
   /* @CSS */
   font-size: 1.2rem;
}
.body__modal .semat__modal--username .section__second-part--modal-list label .section__second-part--modal-list--name {
   color: #6c757d;
}
.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;
   animation: topmessage linear 0.3s;
   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: 1.3rem;
}
.modal-calculation__title--cf {
   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: 32px;
   border: 1px solid #ced4da;
   border-radius: 3px;
   color: #646464;
}

.choose__fild {
   flex-direction: row;
}
.choose__fild .modal__selected {
   width: 100%;
   flex: 1;
   cursor: pointer;
   font-size: 1.3rem;
}
.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;
   }
}
.semat__modal .section__first-part--modal--header p {
   font-size: 1.3rem;
}
@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 {
      /* @CSS */
      /* height: 37px; */
      /* font-size: 1.4rem; */
   }
}

.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;
}
@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: 55px;
   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: 1.3rem;
   border-bottom: 1px solid #eee;
   /* @CSS */
   direction: ltr;
   text-align: right;
}
.fd__list--p:last-child {
   border-bottom: unset;
}
.fd__list--p:hover {
   background-color: #dddddd;
}

.plaque-container {
   display: flex !important;
   flex-direction: row-reverse !important;
   align-items: center !important;
   gap: 0 !important;
   border-radius: 4px !important;
   border: 1px solid #ced4da !important;
   background: #fff !important;
   width: 100%;
}

.plaque-field {
   width: 100%;
}
@media (min-width: 768px) {
   .plaque-field {
      width: 32%;
   }
}
@media (min-width: 1360px) {
   .plaque-field {
      width: 32.5%;
   }
}

.flag-box {
   padding-top: 4px;
   display: flex !important;
   flex-direction: column !important;
   height: 100% !important;
   background-color: #003299 !important;
   width: 16px !important;
   align-items: center !important;
   justify-content: space-around !important;
   /* @CSS */
   /* min-height: 3.4rem; */
   min-height: 3.2rem;
   border-radius: 3px 0 0 3px;
   background-color: #eee;
}

.flag-box img {
   position: unset !important;
   width: 14px !important;
   height: auto !important;
}

.flag-box span {
   font-size: 9px;
   font-weight: bold;
   color: #fff;
}

.plaque-input {
   text-align: center !important;
   outline: none !important;
   border: none !important;
   border-right: 1px solid #eee !important;
   flex: 1 !important;
   direction: ltr;
   color: #6c757d;
   height: 3.2rem;
}

.plaque-input.first {
   border-radius: 0 !important;
   background-color: #fff;
}

.plaque-input.middle {
   border-radius: 0 !important;
}

.plaque-input.middle-alt {
   border-radius: 0 !important;
   border-right-color: #888 !important;
   background-color: #fff;
}

.plaque-input.last {
   border-radius: 4px 0 0 4px !important;
   background-color: #f5f5f5;
}

/* .plaque-input.last:read-only { */
/* @CSS */
.plaque-input:read-only {
   background-color: #eee;
}

.fild__parent {
   width: 100%;
   gap: 0.8rem;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-start;
}

.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: 8px;
   }
}
@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-weight: 600;
   font-size: 15px;
}
@media (min-width: 768px) {
   .header__first-part--add-user p {
      font-size: 17px;
   }
}
@media (min-width: 1024px) {
   .header__first-part--add-user p {
      font-size: 19px;
   }
}
.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: 2px;
   width: 22px;
   border-radius: 2rem;
   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-weight: 600;
   position: absolute;
   right: 50%;
   top: 57px;
   transform: translate(50%);
}
@media (min-width: 600px) {
   .header__first-part p {
      font-size: 1.8rem;
      top: 60px;
   }
}
@media (min-width: 768px) {
   .header__first-part p {
      font-size: 1.8rem;
   }
}
@media (min-width: 1024px) {
   .header__first-part p {
      display: flex;
      transform: unset;
   }
}
@media (min-width: 1360px) {
   .header__first-part p {
      font-size: 2rem;
   }
}
.header__first-part--back {
   display: flex;
   margin: 20px 0;
   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: 15px 0px 20px;
   }
}
@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: 1.3rem;
}
@media (min-width: 600px) {
   .header__first-part--back p {
      color: #4b4b4b;
      font-size: 1.4rem;
   }
}
@media (min-width: 1024px) {
   .header__first-part--back p {
      display: flex;
      margin-right: 0;
   }
}
.header__first-part--back img {
   height: 17px;
   cursor: pointer;
   z-index: 1;
}
@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;
   }
}
.header__first-part--back .page__name {
   position: absolute;
   top: -3px;
   left: 50%;
   transform: translate(-50%);
   font-size: 1.3rem;
   font-weight: 600;
   cursor: unset;
   /* @CSS */
   text-wrap: nowrap;
}
@media (min-width: 1024px) {
   .header__first-part--back .page__name {
      left: unset;
      min-width: 14rem;
      padding-right: 2.4rem;
      transform: unset;
      font-size: 1.4rem;
   }
}
@media (min-width: 1280px) {
   .header__first-part--back .page__name {
      font-size: 15px;
      font-weight: 500;
   }
}
@media (min-width: 1360px) {
   .header__first-part--back .page__name {
      min-width: 24rem;
      padding-right: 2.6rem;
   }
}
@media (min-width: 1536px) {
   .header__first-part--back .page__name {
      min-width: 26rem;
      padding-right: 2.8rem;
   }
}
@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 {
   animation: bell ease-in-out 0.7s;
   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: 1.4rem;
      right: -1px;
   }
}
.header__second-part img {
   height: 28px;
   width: 28px;
   border-radius: 50%;
   cursor: pointer;
}
@media (min-width: 768px) {
   .header__second-part img {
      height: 3.2rem;
      width: 3.2rem;
   }
}
@media (min-width: 1024px) {
   .header__second-part img {
      height: 3.6rem;
      width: 3.6rem;
   }
}
.header__second-part .manager {
   display: flex;
   flex-direction: row;
   gap: 4px;
   align-items: center;
}
.header__second-part .manager p {
   color: #343a40;
   font-size: 1.1rem;
   align-items: center;
}
@media (min-width: 768px) {
   .header__second-part .manager p {
      font-size: 1.2rem;
   }
}
.header__second-part .manager__tablet {
   display: flex;
}
@media (min-width: 768px) {
   .header__second-part .manager__tablet {
      display: flex;
      color: #6c757d;
   }
}

@keyframes bell {
   0% {
      transform: rotate(0deg);
   }
   40% {
      transform: rotate(-45deg);
   }
   80% {
      transform: rotate(45deg);
   }
   100% {
      transform: rotate(0deg);
   }
}
.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;
   /* @CSS */
   padding: 8px;
}
@media (min-width: 600px) {
   .side__menu {
      width: 50%;
   }
}
@media (min-width: 768px) {
   .side__menu {
      width: 35%;
   }
}
@media (min-width: 1024px) {
   .side__menu {
      width: 23%;
      right: 0;
   }
}
@media (min-width: 1360px) {
   .side__menu {
      width: 17%;
   }
}
.side__menu--open {
   right: 0;
   box-shadow: -1px 5px 6px rgba(0, 0, 0, 0.09);
}
.side__menu-header {
   display: flex;
   align-items: center;
   gap: 5px;
   justify-content: center;
   /* @CSS */
   /* margin-top: 13px; */
   /* padding: 1.5rem 0 5px; */
   /* padding: 1.6rem 0 1.6rem; */
   /* height: 4.8rem; */
   position: relative;
}
@media (min-width: 1024px) {
   .side__menu-header {
      margin-top: 0;
   }
}
.side__menu-header--logo {
   height: 50px;
}
@media (min-width: 768px) {
   .side__menu-header--logo {
      height: 60px;
   }
}
.side__menu-header p {
   color: #093f76;
   font-size: 1.2rem;
   font-weight: 500;
}
.side__menu-header--user {
   flex: 10%;
}
@media (min-width: 1024px) {
   .side__menu-header--user {
      margin-bottom: 0px;
   }
}
.side__menu-header .icon__close {
   position: absolute;
   /* @CSS */
   /* right: 1.2rem; */
   right: 0;
}
.side__menu--close {
   right: 10px;
   top: 20px;
   position: relative;
   cursor: pointer;
}
@media (min-width: 1024px) {
   .side__menu--close {
      display: none;
   }
}
.side__menu--close div {
   background-color: #818181;
   width: 20px;
   height: 3px;
   border-radius: 10px;
   position: absolute;
}
@media (min-width: 768px) {
   .side__menu--close div {
      width: 23px;
      height: 3px;
   }
}
.side__menu--close :first-child {
   transform: rotate(45deg);
}
.side__menu--close :last-child {
   transform: rotate(-45deg);
}
.side__menu-profile {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 5px;
   padding: 1.2rem 0;
}
.side__menu-profile img {
   height: 5.6rem;
   width: 5.6rem;
   border-radius: 50%;
}
@media (min-width: 600px) {
   .side__menu-profile img {
      height: 6rem;
   }
}
@media (min-width: 768px) {
   .side__menu-profile img {
      height: 6.8rem;
   }
}
.side__menu-profile p {
   color: #98a6ad;
   font-size: 1.2rem;
   font-weight: 500;
}
.side__menu-profile-name {
   font-weight: 600;
   color: #6c757d;
}
.side__menu-list {
   display: flex;
   flex-direction: column;
   /* @CSS */
   /* padding: 20px 12px; */
   flex: 60%;
   justify-content: start;
   gap: 4px;
   max-height: calc(100vh - 9rem);
}
@media (min-width: 1024px) {
   .side__menu-list {
      max-height: calc(100vh - 5rem);
   }
}
@media (min-width: 1360px) {
   .side__menu-list {
      /* @CSS */
      /* padding-right: 25px; */
   }
}
.side__menu-list-item {
   display: flex;
   align-items: center;
   height: 4.8rem;
   width: 100%;
   gap: 0.4rem;
}
.side__menu-list-item img {
   width: 2rem;
}
.side__menu-list-items {
   display: flex;
   flex-direction: column;
   height: fit-content;
   width: 100%;
   align-items: center;
   gap: 4px;
   height: fit-content;
   cursor: pointer;
}
.side__menu-list-items p {
   color: #6e768e;
   font-size: 1.3rem;
}
.side__menu-list-items img {
   height: 17px;
   width: 17px;
}
@media (min-width: 600px) {
   .side__menu-list-items img {
      height: 20px;
   }
}
.side__menu-list-items:hover img {
   margin-left: 2px;
   transition: ease-in 0.2s;
}
.side__menu-list-items div {
   width: 100%;
   height: fit-content;
}
.side__menu-list-admin {
   padding: 16px 20px;
}
.side__menu-list--active {
   color: #4f99d9;
}
.side__menu-list--users {
   display: unset;
   padding-top: 20px;
   overflow-y: auto;
}
.side__menu-list--users input {
   display: none;
}
.side__menu-list--users input:checked + label {
   background: rgb(207, 219, 240);
   border-radius: 6px;
}
.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;
}
.side__menu-list--users input:checked + label img {
   transition: ease-in-out 0.3s;
   transform: rotateX(180deg);
}
.side__menu-list--users--sm {
   width: 100%;
   display: inline-block;
   padding-bottom: 5px;
   height: fit-content;
}
.side__menu-list--users--sm input:checked + label {
   background: rgba(192, 214, 255, 0.37);
   border-radius: 6px;
}
.side__menu-list--users--sm label {
   width: 100%;
   height: 45px;
   display: flex;
   width: 100%;
   padding: 8px 5px;
   position: relative;
   cursor: pointer;
}
.side__menu-list--users--sm label:hover {
   background: rgba(232, 239, 252, 0.39);
}
.side__menu-list--options {
   justify-content: unset;
   gap: 1.5rem;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
   width: 100%;
}
.side__menu-list--check {
   display: flex;
   align-items: center;
   gap: 0.4rem;
}

.side__menu-list--user {
   position: relative;
   display: flex;
   width: 100%;
   height: unset;
}
.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;
   }
}

.user--p .span {
   color: #5f667b;
   font-size: 1.4rem;
}

.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;
   height: unset;
}
.side__menu-list--user--options p {
   width: 100%;
   font-size: 1.4rem;
   color: #9198ae;
   padding: 4px;
   transition: ease-in 0.3s;
   margin-bottom: 4px;
}
@media (min-width: 600px) {
   .side__menu-list--user--options p {
      font-size: 1.4rem;
   }
}
@media (min-width: 768px) {
   .side__menu-list--user--options p {
      font-size: 15px;
   }
}
.side__menu-list--user--options p:hover {
   padding-right: 7px;
   background: rgba(232, 239, 252, 0.39);
}

.icon__close {
   height: 2rem;
}

.side__menu-list::-webkit-scrollbar {
   width: 0;
   height: 0;
}

.none {
   display: none;
}

.aside__parent {
   width: 100%;
   background: rgba(0, 0, 0, 0.3607843137);
   height: 100vh;
   position: fixed;
   z-index: 21;
   top: 0;
   right: 0;
}
@media (min-width: 1024px) {
   .aside__parent {
      width: unset;
      background: unset;
      position: unset;
      height: unset;
   }
}
.aside__parent .side__menu {
   height: 100vh;
   width: 32rem;
   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__parent .side__menu {
      width: 40%;
   }
}
@media (min-width: 1024px) {
   .aside__parent .side__menu {
      width: 24%;
      right: 0;
   }
}
@media (min-width: 1360px) {
   .aside__parent .side__menu {
      width: 19%;
   }
}
.aside__parent .side__menu-first-part {
   justify-content: space-between;
   min-height: 5rem;
   padding: 0 1.6rem;
   background-color: #f0f7f4;
   border-radius: 0.2rem 0.6rem 0.6rem 0.2rem;
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: center;
   cursor: pointer;
}
@media (min-width: 1920px) {
   .aside__parent .side__menu-first-part {
      min-height: 6rem;
   }
}
.aside__parent .side__menu-first-part::before {
   position: absolute;
   content: '';
   height: 100%;
   width: 0.4rem;
   border-radius: 1rem;
   background-color: #409070;
   right: 0;
   top: 0;
}
.aside__parent .side__menu-title {
   font-size: 1.2rem;
   color: #444444;
   font-weight: 500;
}
.aside__parent .side__menu--open {
   right: 0;
   box-shadow: -1px 5px 6px rgba(0, 0, 0, 0.09);
}
.aside__parent .side__menu-header {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 0.8rem;
   /* @CSS */
   pointer-events: none;
   /* @CSS */
   /* height: 16rem; */
   height: fit-content;
   /* @CSS */
   /* padding-top: 2.8rem; */
   padding-top: 1.6rem;
   justify-content: center;
}
.aside__parent .side__menu-header-logo {
   /* @CSS */
   /* height: 8.4rem; */
   width: 90%;
   height: auto;
   max-width: 180px;
}
/* @CSS */
/* @media (min-width: 1536px) {
   .aside__parent .side__menu-header-logo {
      height: 9.8rem;
   }
} */
.aside__parent .side__menu-header p {
   color: #409070;
   font-size: 1.2rem;
   font-weight: 800;
}
.aside__parent .side__menu-close {
   right: 16px;
   top: 16px;
   position: relative;
   cursor: pointer;
   /* @CSS */
   /* height: 2rem; */
   /* width: 2rem; */
   height: fit-content;
   width: fit-content;
   display: flex;
   align-items: center;
   justify-content: center;
}
@media (min-width: 1024px) {
   .aside__parent .side__menu-close {
      display: none;
   }
}
.aside__parent .side__menu-close div {
   background-color: #555;
   width: 2rem;
   height: 0.2rem;
   border-radius: 10px;
   position: absolute;
}
.aside__parent .side__menu-close :first-child {
   transform: rotate(45deg);
}
.aside__parent .side__menu-close :last-child {
   transform: rotate(-45deg);
}
.aside__parent .side__menu-list {
   gap: 0.6rem;
   display: flex;
   overflow-y: auto;
   padding: 2rem 1rem;
   justify-content: start;
   flex-direction: column;
   height: calc(100vh - 16rem);
}
.aside__parent .side__menu-list--active p {
   color: #4fc6d9 !important;
}
.aside__parent .side__menu-list--users {
   display: unset;
   overflow-y: auto;
   padding-top: 20px;
}
.aside__parent .side__menu-list--users input {
   display: none;
}
.aside__parent .side__menu-list--users input:checked + label {
   border-radius: 6px;
   background: rgb(207, 219, 240);
}
.aside__parent .side__menu-list--users input:checked + label + .side__menu--list--user--options {
   max-height: 750px;
   display: inline-block !important;
   transition: all 1s cubic-bezier(0.59, 0.6, 1, 1);
}
.aside__parent .side__menu-list--users input:checked + label img {
   transform: rotateX(180deg);
   transition: ease-in-out 0.3s;
}
.aside__parent .side__menu-list--users--sm {
   width: 100%;
   padding-bottom: 5px;
   height: fit-content !important;
   display: inline-block !important;
}
.aside__parent .side__menu-list--users--sm input:checked + label {
   border-radius: 6px;
   background: rgba(192, 214, 255, 0.37);
}
.aside__parent .side__menu-list--users--sm label {
   width: 100%;
   width: 100%;
   height: 45px;
   display: flex;
   cursor: pointer;
   padding: 8px 5px;
   position: relative;
}
.aside__parent .side__menu-list--users--sm label:hover {
   background: rgba(232, 239, 252, 0.39);
}
.aside__parent .side__menu-list--options {
   gap: 1.5rem;
   overflow-y: auto;
   justify-content: unset;
}
.aside__parent .side__menu-list .input__checkbox:checked + .side__menu-option {
   /* @CSS */
   /* gap: 0.6rem; */
   gap: 4px;
   display: flex;
   flex-direction: column;
   padding-bottom: 0.6rem;
   min-height: fit-content;
   background-color: #fff;
}
.aside__parent .side__menu-list .input__checkbox:checked + .side__menu-option .side__menu-option-title {
   border-bottom: 1px solid #dddddd;
   background-color: #f0f7f4;
}
.aside__parent
   .side__menu-list
   .input__checkbox:checked
   + .side__menu-option
   .side__menu-option-title
   .side__menu-title {
   color: #409070;
}
.aside__parent .side__menu-list .input__checkbox:checked + .side__menu-option .side__menu-option-title .icon__arrow {
   transform: rotate(0deg);
}
.aside__parent .side__menu-list .input__checkbox:checked + .side__menu-option .sub__menu {
   display: flex;
   margin: 0 0.6rem;
   width: calc(100% - 1.2rem);
   border-radius: 0.6rem;
   background-color: #f5f5f5;
}
.aside__parent .side__menu-list .input__checkbox:checked + .sub__menu .sub__menu-options {
   display: flex;
}
.aside__parent .side__menu-option {
   cursor: pointer;
   min-height: 4rem;
   position: relative;
   border-radius: 0.6rem;
   transition: all ease 0.2s;
   border: 1px solid #dddddd;
}
@media (min-width: 1920px) {
   .aside__parent .side__menu-option {
      min-height: 6rem;
   }
}
.aside__parent .side__menu-option:hover {
   background-color: #f5f5f5;
}
.aside__parent .side__menu-option-title {
   width: 100%;
   gap: 0.4rem;
   /* @CSS */
   /* height: 4rem; */
   height: 3.6rem;
   display: flex;
   padding: 0 1.2rem;
   align-items: center;
   flex-direction: row;
   justify-content: space-between;
}
/* @CSS */
/* @media (min-width: 1920px) {
   .aside__parent .side__menu-option-title {
      height: 6rem;
   }
} */
.aside__parent .side__menu-option .sub__menu {
   width: 100%;
   gap: 0.8rem;
   display: none;
   padding-left: 0;
   /* @CSS */
   /* min-height: 4rem; */
   /* padding: 0.8rem 1.6rem; */
   padding: 6px 12px;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
   /* @CSS */
   cursor: pointer;
}
.aside__parent .side__menu-option .sub__menu-parent {
   width: 100%;
   display: flex;
   align-items: center;
   /* @CSS */
   /* padding-left: 1.6rem; */
   justify-content: space-between;
}
.aside__parent .side__menu-option .sub__menu-title {
   cursor: pointer;
   color: #555555;
   font-size: 1.1rem;
   transition: all ease 0.2s;
}
.aside__parent .side__menu-option .sub__menu-title:hover {
   font-weight: 500;
}
.aside__parent .side__menu-option .sub__menu-title--select {
   color: #409070;
}
.aside__parent .side__menu-option .sub__menu-options {
   gap: 0.2rem;
   display: none;
   padding-right: 1.2rem;
   flex-direction: column;
   border-right: 1px solid rgba(64, 144, 112, 0.2);
}
.aside__parent .side__menu-option .sub__menu-option {
   cursor: pointer;
   color: #666666;
   font-size: 1.1rem;
   transition: all ease 0.2s;
}
.aside__parent .side__menu-option .sub__menu-option:hover {
   color: #409070;
}
.aside__parent .side__menu-option--select {
   min-height: unset;
   gap: 0.6rem;
   display: flex;
   flex-direction: column;
   padding-bottom: 0.6rem;
   background-color: #fff;
}
.aside__parent .side__menu-option--select:hover {
   background-color: #fff;
}
.aside__parent .side__menu-option--select .side__menu-option-title {
   background-color: #f0f7f4;
   border-bottom: 1px solid #dddddd;
}
.aside__parent .side__menu-option--select .side__menu-option-title .side__menu-title {
   color: #409070;
}
.aside__parent .side__menu-option--select .side__menu-option-title .icon__arrow {
   transform: rotate(0deg);
}
.aside__parent .side__menu-option--select .sub__menu {
   display: flex;
   margin: 0 0.6rem;
   width: calc(100% - 1.2rem);
   border-radius: 0.6rem;
   background-color: #f5f5f5;
}
.aside__parent .side__menu-option--select .sub__menu--select .sub__menu-parent .sub__menu-title {
   font-weight: 500;
}
.aside__parent .side__menu-option--select .sub__menu--select .sub__menu-parent .icon__arrow {
   transform: rotate(0deg);
}
.aside__parent .side__menu-option--select .sub__menu--select .sub__menu-options {
   display: flex;
}
.aside__parent .side__menu-option--select .sub__menu--select .sub__menu-options .sub__menu-option--select {
   color: #409070;
}

.icon__arrow {
   height: auto;
   width: 0.8rem;
   transform: rotate(180deg);
   transition: all ease 0.2s;
}
.icon__arrow .img {
   width: 100%;
   object-fit: cover;
}
.icon__exit {
   height: 2rem;
}

.img {
   height: 100%;
   object-fit: cover;
}

.main {
   overflow-y: auto;
   height: calc(100vh - 50px);
}
@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);
   }
}
.main-page-error {
   height: 100%;
}
.main-page-error--body {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-around;
}
@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: 8px 36px;
   border: 2px solid #4f99d9;
   border-radius: 4px;
   color: #4f99d9;
   font-size: 1.4rem;
   font-weight: 600;
   cursor: pointer;
   transition: all 1s;
}
@media (min-width: 1024px) {
   .main-page-error--body--mesage button {
      padding: 7px 40px;
      font-size: 1.6rem;
   }
}
.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);
   background-color: rgba(185, 200, 216, 0.06);
}

.section__first-part {
   height: 50px;
   display: flex;
   margin-top: 45px;
   align-items: center;
   justify-content: space-between;
}
@media (min-width: 768px) {
   .section__first-part {
      margin-top: 45px;
   }
}
@media (min-width: 1024px) {
   .section__first-part {
      margin-top: 5px;
      margin-bottom: 6px;
   }
}
.section__first-part-semat-details {
   margin-top: 0px;
   gap: 0px;
}
.section__first-part--form-design {
   flex-direction: column;
}
@media (min-width: 768px) {
   .section__first-part--form-design + .preview__part {
      display: grid;
   }
}
.section__first-part--spcform {
   width: 87px;
}
@media (min-width: 600px) {
   .section__first-part--spcform {
      width: 100px;
   }
}
.section__first-part--primary-spcform {
   background-color: #fff;
   padding: 20px 15px;
   border-radius: 5px;
   margin-bottom: 0px;
   height: calc(100vh - 110px);
   overflow-y: auto;
}
@media (min-width: 600px) {
   .section__first-part--primary-spcform {
      height: calc(100vh - 13rem);
   }
}
@media (min-width: 1024px) {
   .section__first-part--primary-spcform {
      height: calc(100vh - 90px);
      padding: 2rem 2.8rem;
   }
}
@media (min-width: 1536px) {
   .section__first-part--primary-spcform {
      height: calc(100vh - 115px);
   }
}
@media (min-width: 1920px) {
   .section__first-part--primary-spcform {
      /* @CSS */
      /* padding: 6rem 8rem; */
   }
}
.section__first-part--primary-spcform .primary-spc-btn {
   /* @CSS */
   /* position: absolute; */
   /* bottom: 3.2rem; */
   /* left: 3.2rem; */
}
.section__first-part-details {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: flex-start;
   gap: 8px;
   justify-content: space-between;
   position: relative;
   padding-bottom: 1.2rem;
}
@media (min-width: 600px) {
   .section__first-part-details {
      gap: 1.2rem;
   }
}
@media (min-width: 768px) {
   .section__first-part-details {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
   }
}
@media (min-width: 1024px) {
   .section__first-part-details {
      gap: 0.6rem;
      align-items: flex-start;
   }
}
.section__first-part-details .section__first-part {
   width: fit-content;
   margin-top: 0;
}
@media (min-width: 600px) {
   .section__first-part-details .section__first-part {
      width: 100px;
      height: 37px;
      align-items: center;
   }
}
@media (min-width: 768px) {
   .section__first-part-details .section__first-part {
      width: 105px;
      margin-top: 0;
   }
}
@media (min-width: 1024px) {
   .section__first-part-details .section__first-part {
      margin-bottom: 0;
   }
}
.section__first-part-details--add-user {
   margin-bottom: 0;
   /* @CSS */
   /* overflow-y: auto; */
   margin-top: 10px;
   border-radius: 5px;
   position: relative;
   /* @CSS */
   padding: 16px;
   background-color: #fff;
   height: calc(100vh - 11.2rem);
   justify-content: space-between;
}
@media (min-width: 600px) {
   .section__first-part-details--add-user {
      /* @CSS */
      /* padding: 2rem; */
      align-items: unset;
      height: calc(100vh - 13.2rem);
   }
}
@media (min-width: 1024px) {
   .section__first-part-details--add-user {
      height: calc(100vh - 10rem);
   }
}
@media (min-width: 1360px) {
   .section__first-part-details--add-user {
      /* @CSS */
      /* padding: 35px; */
   }
}
@media (min-width: 1536px) {
   .section__first-part-details--add-user {
      height: calc(100vh - 12.8rem);
   }
}
.section__first-part-details--add-user .section__third-part--modal {
   width: 100%;
   left: 1.6rem;
   display: flex;
   bottom: 1.6rem;
   position: absolute;
}
@media (min-width: 600px) {
   .section__first-part-details--add-user .section__third-part--modal {
      left: 2rem;
      bottom: 2rem;
   }
}
@media (min-width: 1536px) {
   .section__first-part-details--add-user .section__third-part--modal {
      left: 4rem;
      bottom: 4rem;
   }
}
.section__first-part-details--add-user .section__third-part--modal-btn {
   justify-content: left;
}
.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 {
   gap: 7px;
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
}
.section__first-part-details--add-user .section__third-part--modal-btn--preview .buttons__second {
   gap: 7px;
   display: flex;
}
@media (min-width: 1360px) {
   .section__first-part-details--add-user div .semat__input {
      height: 45px;
   }
}
.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;
   margin-bottom: 0;
   overflow: auto;
}
@media (min-width: 600px) {
   .section__first-part-details--spv-cmt {
      padding: 15px;
      height: calc(100vh - 120px);
      align-items: unset;
   }
}
@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;
   }
}
@media (min-width: 1536px) {
   .section__first-part-details--spv-cmt {
      height: calc(100vh - 12.4rem);
   }
}
.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: 45px;
   }
}
.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;
   margin-bottom: 0;
   overflow: auto;
}
@media (min-width: 600px) {
   .section__first-part-details--user-details {
      padding: 15px;
      height: calc(100vh - 120px);
      align-items: unset;
   }
}
@media (min-width: 768px) {
   .section__first-part-details--user-details {
      height: fit-content;
      height: calc(100vh - 128px);
   }
}
@media (min-width: 1024px) {
   .section__first-part-details--user-details {
      height: calc(100vh - 88px);
   }
}
@media (min-width: 1360px) {
   .section__first-part-details--user-details {
      padding: 35px;
   }
}
@media (min-width: 1536px) {
   .section__first-part-details--user-details {
      height: calc(100vh - 11rem);
   }
}
.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;
   flex-wrap: wrap;
}
.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: 45px;
   }
}
.section__first-part-details-title {
   gap: 5px;
   width: 100%;
   display: flex;
   justify-content: right;
   align-items: flex-start;
}
@media (min-width: 768px) {
   .section__first-part-details-title {
      margin-bottom: 0.8rem;
   }
}
@media (min-width: 1024px) {
   .section__first-part-details-title {
      margin-top: 10px;
   }
}
.section__first-part-details-title--diagram {
   position: relative;
}
.section__first-part-details-title .preview__coment {
   font-size: 1.3rem;
}
.section__first-part-details-title--spcform {
   width: 50%;
   flex-direction: column;
   align-items: flex-start;
   margin: 0;
}
@media (min-width: 600px) {
   .section__first-part-details-title--spcform {
      align-items: center;
      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%;
   align-items: center;
   margin: 0;
}
@media (min-width: 600px) {
   .section__first-part-details-title-semat {
      width: 55%;
   }
}
@media (min-width: 1280px) {
   .section__first-part-details-title-semat {
      margin: unset;
   }
}
@media (min-width: 1360px) {
   .section__first-part-details-title-semat {
      gap: 1%;
   }
}
.section__first-part-details-title-semat p {
   width: 32%;
}
@media (min-width: 768px) {
   .section__first-part-details-title-semat p {
      width: 13%;
   }
}
@media (min-width: 1360px) {
   .section__first-part-details-title-semat p {
      width: 9%;
   }
}
.section__first-part-details-title-semat input {
   width: 75%;
}
@media (min-width: 1024px) {
   .section__first-part-details-title-semat input {
      width: 80%;
   }
}
@media (min-width: 768px) {
   .section__first-part-details-title-semat input {
      width: 30%;
   }
}
.section__first-part-details-title input {
   border: 1px solid #ced4da;
   height: 37px;
   align-items: center;
   border-radius: 3px;
   padding: 0 10px;
   color: #6c757d;
}
.section__first-part-details-title input:focus {
   outline: solid 1px #c6cfd8;
}
.section__first-part-details-title--add-user {
   gap: 10px 13px;
   flex-wrap: wrap;
   justify-content: space-between;
}
@media (min-width: 600px) {
   .section__first-part-details-title--add-user {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.8rem;
      height: fit-content;
   }
}
@media (min-width: 768px) {
   .section__first-part-details-title--add-user {
      flex: unset;
      gap: 1.2rem;
      grid-template-columns: repeat(3, 1fr);
      justify-content: right;
   }
}
@media (min-width: 1280px) {
   .section__first-part-details-title--add-user {
      grid-template-columns: repeat(4, 1fr);
   }
}
@media (min-width: 1920px) {
   .section__first-part-details-title--add-user {
      grid-template-columns: repeat(5, 1fr);
   }
}
.section__first-part-details-title--add-user .text__import {
   /* @CSS */
   /* gap: 3px; */
   width: 100%;
   display: flex;
   padding: 0 3px;
   position: relative;
   height: fit-content;
   border-radius: 0.4rem;
   flex-direction: column;
}
.section__first-part-details-title--add-user .text__import .see {
   top: 24px;
   left: 4px;
   width: 50px;
   height: 30px;
   margin-top: 0;
   padding: 10px;
   cursor: pointer;
   position: absolute;
   border-radius: 4px 0 0 4px;
   background-color: #f7f7f7;
   border-right: 1px solid #ced4da;
}
@media (min-width: 600px) {
   .section__first-part-details-title--add-user .text__import .see {
      width: 44px;
      padding: 8px;
   }
}
@media (min-width: 1024px) {
   .section__first-part-details-title--add-user .text__import .see {
      top: 2.5rem;
      width: 50px;
   }
}
@media (min-width: 1360px) {
   .section__first-part-details-title--add-user .text__import .see {
      width: 55px;
      padding: 8px;
   }
}
@media (min-width: 1536px) {
   .section__first-part-details-title--add-user .text__import .see {
      height: 3.4rem;
   }
}
.section__first-part-details-title--add-user .text__import .see .img__eye {
   height: 20px;
   position: unset;
}
@media (min-width: 1024px) {
   .section__first-part-details-title--add-user .text__import .see .img__eye {
      top: 42px;
      height: 20px;
   }
}
@media (min-width: 1360px) {
   .section__first-part-details-title--add-user .text__import .see .img__eye {
      height: 20px;
   }
}
@media (min-width: 1536px) {
   .section__first-part-details-title--add-user .text__import .see .img__eye {
      height: 22px;
   }
}
.section__first-part-details-title--add-user .text__import .input {
   width: 100%;
   display: flex;
   height: 3.2rem;
   font-size: 1.2rem;
   align-items: center;
   border: 1px solid #ced4da;
}
@media (min-width: 1536px) {
   .section__first-part-details-title--add-user .text__import .input {
      height: 3.6rem;
      min-height: 3.6rem;
   }
}
.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: 1.2rem;
   height: 32px;
   cursor: pointer;
   border-radius: 3px;
   padding: 0 10px;
   color: #6c757d;
}
@media (min-width: 1536px) {
   .section__first-part-details-title--add-user .text__import .semat__input {
      height: 3.6rem;
   }
}
.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: 30px;
   cursor: pointer;
}
@media (min-width: 600px) {
   .section__first-part-details-title--add-user .text__import img {
      height: 2.4rem;
      top: 28px;
   }
}
@media (min-width: 1024px) {
   .section__first-part-details-title--add-user .text__import img {
      height: 2.4rem;
   }
}
@media (min-width: 1360px) {
   .section__first-part-details-title--add-user .text__import img {
      height: 29px;
      top: 24px;
   }
}
.section__first-part-details-title--add-user .text__import .drag {
   height: 20px;
   left: -6px;
   top: 14px;
   position: absolute;
}
@media (min-width: 1024px) {
   .section__first-part-details-title--add-user .text__import .drag {
      height: 17px;
   }
}
.section__first-part-details-title--add-user .text__import .span {
   color: #ff5b5b;
}
@media (min-width: 1024px) {
   .section__first-part-details-title--add-user .text__import .date img {
      height: 16px;
      top: 42px;
   }
}
@media (min-width: 1360px) {
   .section__first-part-details-title--add-user .text__import .date img {
      top: 46px;
      height: 16px;
   }
}
.section__first-part-details-title--add-user .text__import .icon__calendar {
   height: 1.6rem;
   top: 3rem;
   left: 0.8rem;
}
.section__first-part-details-title--add-user .text__import .icon__clock {
   height: 1.6rem;
   top: 3rem;
   left: 0.8rem;
}
.section__first-part-details-title--add-user .disabled p {
   color: #cecece;
}
.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;
      top: 36px;
   }
}
@media (min-width: 1024px) {
   .section__first-part-details-title--add-user .date img {
      height: 16px;
      top: 38px;
   }
}
@media (min-width: 1360px) {
   .section__first-part-details-title--add-user .date img {
      top: 40px;
      height: 16px;
   }
}
@media (min-width: 1536px) {
   .section__first-part-details-title--add-user input {
      height: 3.6rem;
   }
}
@media (min-width: 768px) {
   .section__first-part-details-title--top p {
      width: 22%;
   }
}
@media (min-width: 1024px) {
   .section__first-part-details-title--top p {
      width: fit-content;
   }
}
@media (min-width: 768px) {
   .section__first-part-details-title--top input {
      width: 76%;
   }
}
@media (min-width: 1024px) {
   .section__first-part-details-title--top input {
      width: 65%;
   }
}
@media (min-width: 1360px) {
   .section__first-part-details-title--top input {
      width: 83%;
   }
}
.section__first-part-details--form-one {
   height: auto;
}
@media (min-width: 600px) {
   .section__first-part-details--form-one {
      height: auto;
   }
}
.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: #4b4b4b;
}
.section__first-part--sort-semat {
   justify-content: space-between;
   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: 12.4rem;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort-semat label .section__first-part--sort-input {
      width: 200px;
   }
}
@media (min-width: 1536px) {
   .section__first-part--sort-semat label .section__first-part--sort-input {
      width: 400px;
   }
}
.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: 12.4rem;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort-semat label + .section__first-part--sort-menu {
      width: 200px;
   }
}
@media (min-width: 1536px) {
   .section__first-part--sort-semat label + .section__first-part--sort-menu {
      width: 400px;
   }
}
.section__first-part--sort--spcform {
   width: 180px;
}
@media (min-width: 600px) {
   .section__first-part--sort--spcform {
      width: 210px;
   }
}
@media (min-width: 768px) {
   .section__first-part--sort--spcform {
      width: 250px;
   }
}
@media (min-width: 1024px) {
   .section__first-part--sort--spcform {
      width: 345px;
   }
}
@media (min-width: 1360px) {
   .section__first-part--sort--spcform {
      width: 360px;
   }
}
.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: 3.2rem;
   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;
   }
}
@media (min-width: 1024px) {
   .section__first-part--sort-input {
      width: 220px;
   }
}
@media (min-width: 1536px) {
   .section__first-part--sort-input {
      height: 3.6rem;
   }
}
.section__first-part--sort-input p {
   color: #6c757d;
}
@media (min-width: 600px) {
   .section__first-part--sort-input p {
      font-size: 1.3rem;
   }
}
.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;
   display: flex;
   flex-direction: column;
   background-color: #fff;
   border: #ced4da solid 1px;
   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;
   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;
}
.section__first-part--sort-menu--checked p {
   color: #fff;
}
.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: fit-content;
   justify-content: space-between;
}
.section__first-part-form-user-information {
   margin-top: 0px;
   padding: 10px;
   flex: 1;
   height: auto;
   border: 1px solid #f9f9f9;
   margin-bottom: 35px;
}
@media (min-width: 600px) {
   .section__first-part-form-user-information {
      margin-bottom: 50px;
      height: auto;
   }
}
.section__first-part-made-report {
   padding: 1.6rem;
   min-height: 50px;
   border-radius: 5px;
   height: fit-content;
   /* @CSS */
   /* margin-bottom: 1.2rem; */
   margin-bottom: 1.6rem;
   background-color: #fff;
}
@media (min-width: 1024px) {
   .section__first-part-made-report {
      padding: 14px 12px;
   }
}
.section__first-part-made-report .section__first-part-details-title--add-user {
   gap: 1.2rem;
   width: 100%;
   display: flex;
   margin-bottom: 0;
   flex-direction: column;
   justify-content: right;
}
@media (min-width: 1024px) {
   .section__first-part-made-report .section__first-part-details-title--add-user {
      margin-top: 0;
   }
}
@media (min-width: 600px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .text__import {
      width: 100%;
   }
}
.section__first-part-made-report .section__first-part-details-title--add-user .text__import .diagram__comment {
   color: #c5c5c5;
   font-weight: 600;
}
.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%;
}
@media (min-width: 600px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .text__import--diagram {
      width: 31.3%;
   }
}
@media (min-width: 768px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .text__import--diagram {
      width: 29.7%;
   }
}
@media (min-width: 1360px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .text__import--diagram {
      width: 29.6%;
   }
}
@media (min-width: 600px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .text__import--diagram-last {
      width: 31.3%;
   }
}
@media (min-width: 768px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .text__import--diagram-last {
      width: 29.7%;
   }
}
@media (min-width: 1360px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .text__import--diagram-last {
      width: 29.6%;
   }
}
.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%;
}
@media (min-width: 768px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .text__import--diagram-last-input {
      width: unset;
   }
}
@media (min-width: 768px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .text__import--diagram-lasttwo {
      width: 18.6%;
   }
}
@media (min-width: 1360px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .text__import--diagram-lasttwo {
      width: 18.8%;
   }
}
.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;
}
@media (min-width: 600px) {
   .section__first-part-made-report .section__first-part-details-title--add-user .diagram-report__three .text__import {
      width: 32.5%;
   }
}
.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% - 2.4rem);
}
.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;
   /* @CSS */
   /* gap: 10px; */
   gap: 4px;
   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: fit-content;
}
.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 {
   width: 30%;
   height: 3.2px;
   min-width: unset;
   margin-top: 13px;
}
@media (min-width: 600px) {
   .section__first-part-made-report .text__import-made-report--type + .section__third-part--modal-btn-confirmation {
      width: 27%;
      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%;
   }
}
@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: 3.6px;
      margin-top: 33px;
   }
}
.section__first-part-made-report .text__import-made-report--type + .section__third-part--modal-btn-confirmation p {
   color: #fff;
}
.section__first-part-made-report .display__grid {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
   .section__first-part-made-report .display__grid {
      grid-template-columns: repeat(2, 1fr);
   }
}
@media (min-width: 1024px) {
   .section__first-part-made-report .display__grid {
      grid-template-columns: repeat(2, 1fr);
   }
}
@media (min-width: 1280px) {
   .section__first-part-made-report .display__grid {
      grid-template-columns: repeat(4, 1fr);
   }
}
@media (min-width: 1920px) {
   .section__first-part-made-report .display__grid {
      grid-template-columns: repeat(5, 1fr);
   }
}
.section__first-part-report-preview {
   /* @CSS */
   /* 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;
   font-weight: 500;
}
@media (min-width: 1024px) {
   .section__first-part-btn-list p {
      font-size: 1.3rem;
   }
}
.section__first-part-title-piereport {
   justify-content: right;
}

.mede-report--p {
   /* @CSS */
   /* margin: 10px 0px 5px; */
   margin: 4px 0;
}
.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-weight: 500;
}

.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;
}

.made-report--header {
   display: flex;
   width: 100%;
   justify-content: space-between;
   padding: 7px 0;
   align-items: center;
}
.made-report--header p {
   /* @CSS */
   /* font-size: 1.4rem; */
   /* height: fit-content; */
   font-size: 1.2rem;
}
.made-report--header .section__second-part--table-body--card-btn {
   height: 3.2rem;
   gap: 8px;
   align-items: center;
   border: 2px solid #4f99d9;
   transition: ease-in 0.3s;
}
.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;
}
.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;
}
.made-report--header .delete__semat-btn:hover {
   background-color: #ff5b5b;
}
.made-report--header .delete__semat-btn:hover p {
   color: #fff;
}

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

.add__option {
   position: relative;
}
.add__option p {
   margin-bottom: 0.4rem;
}
.add__option img {
   height: 15px;
   cursor: pointer;
   /* @CSS */
   /* border-radius: 50px; */
   /* position: absolute; */
   top: 4px;
   left: 0;
}

.text__import {
   /* @CSS */
   /* gap: 2px; */
   width: 47%;
   width: 135px;
   display: flex;
   position: relative;
   flex-direction: column;
}
@media (min-width: 768px) {
   .text__import {
      width: 30%;
   }
}
@media (min-width: 1360px) {
   .text__import {
      width: 31%;
   }
}
.text__import .see {
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   left: 4px;
   top: 24px;
   width: auto;
   height: 3rem;
   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: 44px;
      top: 29px;
      padding: 11px;
   }
}
@media (min-width: 1024px) {
   .text__import .see {
      top: 33px;
      width: 50px;
   }
}
@media (min-width: 1360px) {
   .text__import .see {
      width: 48px;
      padding: 14px;
   }
}
@media (min-width: 1536px) {
   .text__import .see {
      height: 3.2rem;
   }
}
.text__import .see img {
   height: 15px;
   position: unset;
}
@media (min-width: 1024px) {
   .text__import .see img {
      top: 42px;
      height: 17px;
   }
}
@media (min-width: 1360px) {
   .text__import .see img {
      height: 17px;
   }
}
.text__import .input {
   border: 1px solid #ced4da;
   display: flex;
   align-items: center;
   font-size: 1.2rem;
   height: 3.2rem;
   width: 100%;
}
@media (min-width: 1536px) {
   .text__import .input {
      height: 3.6rem;
   }
}
.text__import .input:focus {
   outline: solid 1px #c6cfd8;
}
.text__import .semat__input {
   border: 1px solid #ced4da;
   display: flex;
   align-items: center;
   height: 3.2rem;
   cursor: pointer;
   border-radius: 3px;
   padding: 0 10px;
   color: #6c757d;
}
@media (min-width: 1536px) {
   .text__import .semat__input {
      height: 3.6rem;
   }
}
.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: 2.4rem;
      top: 36px;
   }
}
@media (min-width: 1024px) {
   .text__import img {
      top: 42px;
      height: 2.4rem;
   }
}
@media (min-width: 1360px) {
   .text__import img {
      height: 29px;
      top: 43px;
   }
}
.text__import .span {
   font-size: 1rem;
   font-weight: 400;
   color: #ff5b5b;
   padding-right: 2px;
   /* @CSS */
   height: 16px;
}
@media (min-width: 1024px) {
   .text__import .date img {
      height: 16px;
      top: 42px;
   }
}
@media (min-width: 1360px) {
   .text__import .date img {
      top: 46px;
   }
}
.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);
   border-radius: 3px;
}

.section__first-part--form-design--checked {
   background-color: #f7f9fa;
   border-radius: 3px;
   margin-bottom: 1.2rem;
}

.page__name {
   position: absolute;
   top: 50px;
   left: 50%;
   transform: translate(-50%);
   font-size: 1.4rem;
   font-weight: 600;
   color: #4b4b4b;
   cursor: unset;
}
@media (min-width: 600px) {
   .page__name {
      top: 65px;
   }
}
@media (min-width: 1024px) {
   .page__name {
      top: 20px;
      right: 26%;
      left: unset;
      transform: unset;
   }
}
@media (min-width: 1360px) {
   .page__name {
      right: 20%;
   }
}
@media (min-width: 1536px) {
   .page__name {
      top: 28px;
   }
}

.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: unset;
   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);
   }
}
.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);
   }
}
.section__second-part--table--report {
   width: fit-content;
   min-width: 100%;
   border-spacing: 0px;
}
.section__second-part--table--spcform {
   max-height: calc(100vh - 260px);
   position: relative;
}
@media (min-width: 600px) {
   .section__second-part--table--spcform {
      max-height: calc(100vh - 245px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--spcform {
      max-height: calc(100vh - 184px);
      min-height: unset;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--spcform {
      max-height: calc(100vh - 245px);
   }
}
.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 - 32.4rem);
   }
}
@media (min-width: 768px) {
   .section__second-part--table--spcform .section__second-part--table-body {
      height: calc(100vh - 340px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--spcform .section__second-part--table-body {
      height: calc(100vh - 260px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--spcform .section__second-part--table-body {
      height: calc(100vh - 270px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--spcform .section__second-part--table-body {
      height: calc(100vh - 300px);
   }
}
.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: fit-content;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--formdata {
      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 - 32.4rem);
   }
}
@media (min-width: 768px) {
   .section__second-part--table--formdata .section__second-part--table-body {
      height: calc(100vh - 340px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--formdata .section__second-part--table-body {
      height: calc(100vh - 260px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--formdata .section__second-part--table-body {
      height: calc(100vh - 270px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--formdata .section__second-part--table-body {
      height: calc(100vh - 300px);
   }
}
.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: fit-content;
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--report-prv {
      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 - 32.4rem);
   }
}
@media (min-width: 768px) {
   .section__second-part--table--report-prv .section__second-part--table-body {
      height: calc(100vh - 340px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--report-prv .section__second-part--table-body {
      height: calc(100vh - 260px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--report-prv .section__second-part--table-body {
      height: calc(100vh - 270px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--report-prv .section__second-part--table-body {
      height: calc(100vh - 300px);
   }
}
.section__second-part--table--users {
   position: relative;
   max-height: calc(100vh - 160px);
}
@media (min-width: 600px) {
   .section__second-part--table--users {
      max-height: calc(100vh - 180px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--users {
      min-height: unset;
      max-height: calc(100vh - 155px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--users {
      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 - 32.4rem);
   }
}
@media (min-width: 768px) {
   .section__second-part--table--users .section__second-part--table-body {
      height: calc(100vh - 340px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--users .section__second-part--table-body {
      height: calc(100vh - 260px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table--users .section__second-part--table-body {
      height: calc(100vh - 270px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--users .section__second-part--table-body {
      height: calc(100vh - 300px);
   }
}
.section__second-part--table-semat {
   max-height: calc(100vh - 155px);
   margin-top: 4px;
}
@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);
      min-height: unset;
   }
}
@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: 8px;
   }
}
.section__second-part--table-sematdetails {
   height: calc(100vh - 265px);
}
@media (min-width: 600px) {
   .section__second-part--table-sematdetails {
      height: calc(100vh - 245px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table-sematdetails {
      height: calc(100vh - 184px);
   }
}
@media (min-width: 1360px) {
   .section__second-part--table-sematdetails {
      height: calc(100vh - 230px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table-sematdetails {
      height: calc(100vh - 245px);
   }
}
.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 - 32.4rem);
   }
}
@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 - 22.4rem);
}
@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 {
   padding: 8px 10px;
   border-radius: 3px;
   position: relative;
   background-color: #fff;
}
@media (min-width: 768px) {
   .section__second-part--table-body--card {
      padding: 8px 12px;
   }
}
.section__second-part--table-body--card input {
   padding: 8px;
   border: unset;
   text-align: center;
   color: #6c757d;
}
.section__second-part--table-body--card p {
   text-align: right;
   color: #4f99d9;
}
@media (min-width: 600px) {
   .section__second-part--table-body--card p {
      font-size: 1.2rem;
   }
}
.section__second-part--table-body--card .row {
   color: #707070;
   font-weight: 600;
}
.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: sticky;
   top: 0px;
   z-index: 10;
}
.section__second-part--table .title {
   /* @CSS */
   /* direction: ltr; */
   font-size: 1.2rem;
   padding: 8px 10px;
   width: fit-content;
   text-align: center;
   white-space: nowrap;
   color: #6c757d;
}
.section__second-part--table .title-date {
   gap: 5px;
   width: 120px;
   display: flex;
   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: 12.4rem;
}
.section__second-part--table .title input {
   direction: ltr;
   border: 1px solid #4f99d9;
   padding: 0;
   border-radius: 2px;
   width: 100%;
}
.section__second-part--table-header {
   height: 44px;
   padding: 0 4px;
   border-radius: 3px;
   background-color: #f6f6f6;
}
@media (min-width: 600px) {
   .section__second-part--table-header {
      height: 40px;
   }
}
@media (min-width: 768px) {
   .section__second-part--table-header {
      /* @CSS */
      /* padding: 0 12px; */
      position: relative;
      top: -0.2rem;
   }
}
@media (min-width: 1280px) {
   .section__second-part--table-header {
      height: 4.4rem;
   }
}
.section__second-part--table-header p {
   color: #343a40;
   font-weight: 600;
   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: 1.4rem;
   }
}
.section__second-part--table-header .title {
   color: #343a40;
   font-size: 1.2rem;
   font-weight: 500;
}
.section__second-part--table-header .row {
   color: #343a40;
   font-size: 1.2rem;
   font-weight: 500;
}
.section__second-part--table-header .more {
   color: #343a40;
   font-size: 1.2rem;
   font-weight: 500;
}
.section__second-part--table th {
   color: #343a40;
}
.section__second-part--table .row {
   width: 50px;
   text-align: center;
   padding: 8px 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: fit-content;
   text-align: center;
   white-space: nowrap;
}
.section__second-part--table .more {
   min-width: fit-content;
   text-align: center;
   padding: 0px 2rem;
   width: 90px;
   margin: 0px auto;
   color: #343a40;
}
.section__second-part--table--loaders {
   min-height: unset;
   max-height: unset;
   height: calc(100vh - 200px);
}
@media (min-width: 600px) {
   .section__second-part--table--loaders {
      height: calc(100vh - 180px);
   }
}
@media (min-width: 1024px) {
   .section__second-part--table--loaders {
      height: calc(100vh - 156px);
   }
}
@media (min-width: 1536px) {
   .section__second-part--table--loaders {
      height: calc(100vh - 190px);
   }
}
.section__second-part--table td .section__second-part--table-body--card-btn {
   color: #4f99d9;
}

.comment__spcform {
   width: 100%;
}
.comment__spcform textarea {
   resize: unset;
   width: 100%;
   height: 7rem;
   border: 1px solid #ced4da;
   border-radius: 4px;
}
.comment__spcform textarea:focus {
   outline: solid 1px #c6cfd8;
}
.comment__spcform p {
   margin-bottom: 2px;
   font-weight: 500;
   color: #6c757d;
   font-size: 1.2rem;
}

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

.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: 8px;
}
.made-report--form--tags {
   display: flex;
   flex-wrap: wrap;
   padding: 5px;
   /* @CSS */
   /* gap: 13px; */
   gap: 4px;
   /* @CSS */
   max-height: 150px;
   overflow-y: auto;
}
.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--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: 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 - 22.4rem);
   }
}

.report__preview-title {
   width: 100%;
}
.report__preview-title p {
   /* @CSS */
   /* color: #6c757d;
   font-weight: 500; */
}
.report__preview-title .pagination__text {
   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;
   /* @CSS */
   /* padding-top: 12px; */
}
.report__preview-title--new .section__third-part {
   width: fit-content;
}
.report__preview-title--new .section__third-part-btn {
   margin: 0;
   width: fit-content;
}
@media (min-width: 1024px) {
   .report__preview-title--new .section__third-part-btn {
      margin-top: 0;
   }
}
/* .report__preview-title--new .section__third-part-btn-exel { */
/* @CSS */
.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 { */
   /* @CSS */
   .section__third-part-btn-exel {
      padding: 10px 15px;
   }
}
/* .report__preview-title--new .section__third-part-btn-exel p { */
.section__third-part-btn-exel p {
   color: #138046;
}

/* .report__preview-title--new .section__third-part-btn-exel img { */
/* @CSS */
.section__third-part-btn-exel img {
   width: 19px;
}

/* .report__preview-title--new .section__third-part-btn-exel:hover { */
.section__third-part-btn-exel:hover {
   /* @CSS */
   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: 32px;
   }
}
.section__third-part--modal-btn-dissuasion {
   position: relative;
}
@media (min-width: 600px) {
   .section__third-part--modal-btn-dissuasion {
      height: 32px;
   }
}
.section__third-part--modal-btn-exel {
   position: relative;
}
@media (min-width: 600px) {
   .section__third-part--modal-btn-exel {
      height: 32px;
   }
}
@media (min-width: 600px) {
   .section__third-part--modal-btn-download {
      height: 32px;
   }
}
.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: 0;
   }
}
@media (min-width: 1360px) {
   .section__third-part-btn {
      left: 10px;
      bottom: 0px;
   }
}
@media (min-width: 1024px) {
   .section__third-part-btn-confirmation {
      height: 3.6rem;
   }
}
@media (min-width: 1024px) {
   .section__third-part-btn-confirmation p {
      font-size: 1.2rem;
   }
}
.section__third-part-btn-dissuasion {
   position: relative;
}
@media (min-width: 1024px) {
   .section__third-part-btn-dissuasion {
      height: 3.6rem;
   }
}
@media (min-width: 1024px) {
   .section__third-part-btn-dissuasion p {
      font-size: 1.2rem;
   }
}

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

.form__design__gray-part {
   /* @CSS */
   /* background-color: #f5f5f5; */
   background-color: #f7f7f7;
   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: 1.3rem;
   color: #6c757d;
   white-space: nowrap;
   font-weight: 500;
}
@media (min-width: 600px) {
   .new__radio--diagramreport {
      grid-column: span 2;
      flex-direction: column;
      align-items: flex-start;
      gap: 3px;
      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: 8px 10px;
}

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

.loader__grouping {
   position: relative;
   min-width: 100%;
   max-width: fit-content;
}

.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: 3.2rem;
   align-items: center;
   border: 1px solid #ced4da;
   border-radius: 3px;
   padding: 8px 10px;
}
@media (min-width: 1536px) {
   .calcut__input--second {
      height: 3.6rem;
   }
}

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

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

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

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

.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: 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: fit-content;
   color: #4b4b4b;
   font-size: 1.4rem;
   padding: 8px 16px;
   border-radius: 7px;
   box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1411764706);
}
@media (min-width: 768px) {
   .report__label .report__label--p {
      min-width: 32%;
   }
}
.report__label .report__label--p .report__answer {
   color: #737373;
   font-size: 1.4rem;
}

.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: 1536px) {
   .diagram-report__calculation
      + .modal-calculation__part2
      .calcut__input
      .modal-calculation__title
      .choose__fild
      input {
      height: 3.6rem;
   }
}
@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;
   /* @CSS */
   /* padding: 16px; */
   padding: 12px;
   position: relative;
}
.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: 1.2rem 1.6rem;
   display: grid;
   grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 600px) {
   .diagram-report__form {
      grid-template-columns: repeat(6, 1fr);
   }
}
/* @CSS */
@media (min-width: 1024px) {
   .diagram-report__form {
      grid-template-columns: repeat(8, 1fr);
   }
}
.diagram-report__form .text__import {
   gap: 3px;
}
.diagram-report__form .text__import .input {
   height: 3.2rem;
   width: 100%;
}
@media (min-width: 1536px) {
   .diagram-report__form .text__import .input {
      height: 3.6rem;
   }
}
.diagram-report__form .text__import .diagram__comment {
   color: #c5c5c5;
   font-weight: 400;
   padding-right: 0;
}
.diagram-report__form .text__import-made-report {
   width: unset;
   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: 32px;
}
.diagram-report__form .text__import-made-report .modal__selected::placeholder {
   color: rgb(179, 179, 179);
}
.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: 32px;
   width: 32px;
}
.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;
   gap: 3px;
   display: flex;
   flex-direction: column;
   min-height: 3.2rem;
}
@media (min-width: 600px) {
   .diagram-report__form .diagram-report--input {
      grid-column: span 2;
   }
}
@media (min-width: 1024px) {
   .diagram-report__form .diagram-report--input:first-child {
      grid-column: span 4;
   }
}

.diagram-report__form .diagram-report--input input {
   height: 3.2rem;
}
@media (min-width: 1536px) {
   .diagram-report__form .diagram-report--input input {
      height: 3.6rem;
      min-height: 3.6rem;
   }
}
.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: 32px;
}
.diagram-report__form .diagram-report--input .choose__fild {
   display: flex;
   gap: 5px;
}
.diagram-report__form .diagram-report--input .choose__fild .check__btn {
   height: 32px;
   width: 32px;
}
.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 {
      /* @CSS */
      /* 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: 3.2rem;
   padding: 0;
   background-color: unset;
   height: 3.2rem;
   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%;
}
.diagram-report__form .from__to .to {
   width: calc(70% - 26px);
}
@media (min-width: 1280px) {
   .diagram-report__form .from__to .to {
      width: calc(65% - 26px);
   }
}
.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;
   /* @CSS */
   /* font-weight: 600; */
   font-weight: 500;
}
.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: 56px;
      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;
}

.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: 8px;
   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: 8px;
   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 {
   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;
   /* @CSS */
   /* padding: 8px; */
   padding: 4px 8px;
   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: 1.1rem;
   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 {
      /* @CSS */
      /* gap: 4px; */
      gap: 2px;
   }
}
.section__first-part-details-title--add-user .text__import .input {
   height: 3.2rem;
}
@media (min-width: 1536px) {
   .section__first-part-details-title--add-user .text__import .input {
      height: 3.6rem;
   }
}
.section__first-part-details-title--add-user .text__import .see {
   height: 3rem;
}
@media (min-width: 1536px) {
   .section__first-part-details-title--add-user .text__import .see {
      height: 3.4rem;
   }
}
.section__first-part-details-title--add-user .text__import .semat__input {
   height: 3.2rem;
}
@media (min-width: 1536px) {
   .section__first-part-details-title--add-user .text__import .semat__input {
      height: 3.6rem;
   }
}

.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: 2.4rem;
   width: 2px;
}

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

.information {
   color: #6c757d;
   font-size: 1.3rem;
   font-weight: 500;
}
.information span {
   color: #343a40;
   font-size: 1.2rem;
}

.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;
   /* @CSS */
   height: fit-content;
   width: fit-content;
}
.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: fit-content;
}

.preview__header p {
   font-size: 1.3rem;
}
@media (min-width: 768px) {
   .preview__header p {
      font-size: 1.6rem;
   }
}
.preview__first-part {
   margin-top: 10px;
   height: unset;
   position: relative;
   /* @CSS */
   /* padding: 23px 12px; */
   padding: 8px 12px;
   margin-bottom: 15px;
   max-height: unset;
}
@media (min-width: 768px) {
   .preview__first-part {
      /* @CSS */
      /* padding: 15px; */
      padding: 12px 16px;
      margin-bottom: 0;
   }
}
@media (min-width: 1024px) {
   .preview__first-part {
      margin-bottom: 10px;
   }
}
@media (min-width: 1360px) {
   .preview__first-part {
      /* @CSS */
      /* padding: 20px 30px; */
   }
}
.preview__first-part-title {
   gap: 5px;
}
@media (min-width: 600px) {
   .preview__first-part-title {
      align-items: unset;
      /* @CSS */
      /* gap: 12px; */
      gap: 4px 12px;
      display: flex;
   }
}
@media (min-width: 768px) {
   .preview__first-part-title {
      flex-direction: column;
   }
}
@media (min-width: 768px) {
   .preview__first-part-title .preview__part {
      width: 100%;
      gap: 1.2rem;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
   }
}
@media (min-width: 1536px) {
   .preview__first-part-title .preview__part {
      grid-template-columns: repeat(4, 1fr);
   }
}
.preview__first-part--num {
   height: unset;
   min-height: calc(100vh - 125px);
   max-height: fit-content;
}
@media (min-width: 600px) {
   .preview__first-part--num {
      padding-bottom: 60px;
   }
}
@media (min-width: 1360px) {
   .preview__first-part .section__third-part .section__third-part-btn {
      bottom: 14px;
   }
}
.preview__part {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   width: 100%;
   border-radius: 4px;
   height: unset;
}
@media (min-width: 768px) {
   .preview__part {
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.8rem;
   }
}
@media (min-width: 1360px) {
   .preview__part {
      gap: 1.2rem;
   }
}
.preview__part--num {
   height: unset;
}
@media (min-width: 768px) {
   .preview__part--num {
      padding-bottom: 50px;
   }
}
.preview__part--num div .chosing__file {
   padding: 9px 12px;
}
.preview__part--num div .chosing__file img {
   height: 17px;
}
.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;
      top: 33px;
   }
}
@media (min-width: 1024px) {
   .preview__part--num div .arrow {
      top: 35px;
   }
}
@media (min-width: 1360px) {
   .preview__part--num div .arrow {
      top: 37px;
   }
}
.preview__part--num div .arrow img {
   position: unset;
}
.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;
      top: 41px;
   }
}
@media (min-width: 1024px) {
   .preview__part--num div img {
      top: 45px;
   }
}
@media (min-width: 1360px) {
   .preview__part--num div img {
      top: 47px;
   }
}
.preview__part--num .date input {
   color: #6c757d;
}
@media (min-width: 768px) {
   .preview__part--num .textarea {
      width: 100%;
   }
}
@media (min-width: 1024px) {
   .preview__part--num .textarea textarea {
      height: 170px;
   }
}
.preview__part--auto {
   height: auto;
}
.preview__part--auto .checkbox {
   height: auto;
}
.preview__part .text__import {
   gap: 2px;
   width: 100%;
   /* @CSS */
   /* margin-bottom: 8px; */
   position: relative;
   min-height: 7.4rem;
   height: fit-content;
   cursor: grab;
}
.preview__part .text__import .star {
   height: 7px;
   position: absolute;
   top: 0;
   right: 30px;
}
@media (min-width: 600px) {
   .preview__part .text__import .star {
      height: 9px;
      top: 0px;
   }
}
@media (min-width: 1024px) {
   .preview__part .text__import .star {
      right: 35px;
   }
}
.preview__part .text__import .input {
   border: 1px solid #ced4da;
   color: #6c757d;
   height: 3.2rem;
   width: 100%;
   padding: 5px;
   border-radius: 4px;
}
.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;
      top: 42px;
   }
}
@media (min-width: 1024px) {
   .preview__part .text__import .icons__right {
      top: 44px;
   }
}
@media (min-width: 1360px) {
   .preview__part .text__import .icons__right {
      top: 46px;
   }
}
.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: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
}
@media (min-width: 600px) {
   .preview__part .text__import .chosing__file {
      top: 23px;
      padding: 8.8px 12px;
   }
}
@media (min-width: 768px) {
   .preview__part .text__import .chosing__file {
      width: auto;
      padding: 8.8px 6px;
   }
}
@media (min-width: 1024px) {
   .preview__part .text__import .chosing__file {
      padding: 8.2px 6px;
   }
}
@media (min-width: 1360px) {
   .preview__part .text__import .chosing__file {
      padding: 10.5px 9px;
   }
}
@media (min-width: 1536px) {
   .preview__part .text__import .chosing__file {
      height: 3.6rem;
   }
}
.preview__part .text__import .chosing__file .img__eye {
   position: unset;
}
.preview__part .text__import .chosing__file .title {
   text-align: right;
}
@media (min-width: 600px) {
   .preview__part .text__import .eye {
      top: 23px;
      padding: 10.7px 15px;
   }
}
@media (min-width: 768px) {
   .preview__part .text__import .eye {
      padding: 10.7px 15px;
   }
}
@media (min-width: 1024px) {
   .preview__part .text__import .eye {
      padding: 10.7px 15px;
   }
}
@media (min-width: 1360px) {
   .preview__part .text__import .eye {
      padding: 12.8px 15px;
   }
}
.preview__part .text__import .fd__list {
   background-color: #ededed;
   position: absolute;
   width: 100%;
   left: 0px;
   top: 58px;
   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: 1.3rem;
}
.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);
   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%;
      grid-column: 1/4;
   }
}
@media (min-width: 1280px) {
   .preview__part .textarea--design {
      grid-column: 1/5;
   }
}
@media (min-width: 1920px) {
   .preview__part .textarea--design {
      grid-column: 1/6;
   }
}
@media (min-width: 768px) {
   .preview__part .arrow {
      width: auto;
   }
}
.preview__title {
   color: #343a40;
   font-weight: 500;
   width: 100%;
   font-size: 1.3rem;
}
.preview__title--form-one {
   height: fit-content;
   text-align: center;
}
.preview__coment {
   color: #98a6ad;
   width: 100%;
}

.text__import {
   width: 100%;
   /* @CSS */
   /* gap: 4px; */
}
.text__import .star {
   height: 7px;
   position: absolute;
   top: 0;
   right: 30px;
}
@media (min-width: 600px) {
   .text__import .star {
      height: 9px;
      top: 0px;
   }
}
@media (min-width: 1024px) {
   .text__import .star {
      right: 35px;
   }
}
.text__import .input {
   border: 1px solid #ced4da;
   color: #6c757d;
   height: 3.2rem;
   width: 100%;
   padding: 5px;
   border-radius: 4px;
}
.text__import .input::placeholder {
   color: #adb5bd;
}
.text__import .select {
   border: 1px solid #ced4da;
   color: #6c757d;
   height: 3.2rem;
   width: 100%;
   padding: 5px;
   border-radius: 4px;
   font-size: 1.2rem;
}
.text__import .select::placeholder {
   color: #adb5bd;
}
.text__import .icons__right {
   height: 16px;
   top: 37px;
   right: 10px;
}
@media (min-width: 600px) {
   .text__import .icons__right {
      height: 16px;
      top: 42px;
   }
}
@media (min-width: 1024px) {
   .text__import .icons__right {
      top: 44px;
   }
}
@media (min-width: 1360px) {
   .text__import .icons__right {
      top: 46px;
   }
}
.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;
      height: 40px;
   }
}
@media (min-width: 768px) {
   .text__import .chosing__file {
      width: auto;
      padding: 8.8px 6px;
   }
}
@media (min-width: 1024px) {
   .text__import .chosing__file {
      top: 33px;
      padding: 8.2px 6px;
   }
}
@media (min-width: 1360px) {
   .text__import .chosing__file {
      padding: 10.5px 9px;
      height: 43px;
   }
}
.text__import .chosing__file img {
   position: unset;
}
.text__import .chosing__file .title {
   text-align: right;
}
@media (min-width: 600px) {
   .text__import .eye {
      top: 31px;
      padding: 10.7px 15px;
   }
}
@media (min-width: 768px) {
   .text__import .eye {
      top: 31px;
      padding: 10.7px 15px;
   }
}
@media (min-width: 1024px) {
   .text__import .eye {
      padding: 10.7px 15px;
   }
}
@media (min-width: 1360px) {
   .text__import .eye {
      padding: 12.8px 15px;
   }
}
.text__import--readonly input {
   background-color: #f9f9f9;
}
.text__import-date {
   width: 9.2rem;
}

.plaque-field {
   width: 100%;
}
@media (min-width: 768px) {
   .plaque-field {
      width: 32%;
   }
}
@media (min-width: 1360px) {
   .plaque-field {
      width: 32.5%;
   }
}

.textarea {
   padding: 0.4rem;
   /* @CSS */
   /* height: 10rem; */
   height: 6rem;
   border: 1px solid #ced4da;
   resize: none;
}
.textarea:focus {
   outline: solid 1px #c6cfd8;
}

.checkbox {
   flex-direction: row-reverse;
   justify-content: right;
   align-items: center;
   display: flex;
   margin-top: 0;
   gap: 5px;
   cursor: pointer;
   width: fit-content;
   /* @CSS */
   /* height: 30px; */
}
.checkbox input {
   width: 17px;
   height: 17px;
   border: unset;
   cursor: pointer;
}
.checkbox input:focus {
   outline: unset;
}
.checkbox input p {
   cursor: pointer;
}

.checkbox-made-report input {
   width: 15px;
}
.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);
}

.preview__part--checked {
   background-color: #dfe8ef;
}

.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: fit-content;
   align-items: center;
}
.options__add--name img {
   height: 16px;
   cursor: pointer;
   background-color: unset;
}

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

.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: 1.3rem;
   color: #6c757d;
}

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

.icon__calendar {
   height: 2rem;
}

.body__login {
   height: auto;
   min-height: 100vh;
   background-image: url(/images/login-bg.svg);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center bottom;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 25px;
   padding: 0px 10%;
}
.body__login--header {
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 5px;
   justify-content: center;
}
.body__login--header img {
   height: 80px;
   margin-bottom: 0.6rem;
}
@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-weight: 500;
   font-size: 1.4rem;
   color: #3c3c46;
}
@media (min-width: 1024px) {
   .body__login--header p {
      font-size: 1.6rem;
   }
}
.body__login--system {
   width: 100%;
   background-color: #fff;
   box-shadow: 3px 3px 11px rgba(0, 0, 0, 0.16);
   padding: 13px 17px 25px;
   border-radius: 5px;
}
@media (min-width: 600px) {
   .body__login--system {
      width: 325px;
   }
}
@media (min-width: 1024px) {
   .body__login--system {
      width: 345px;
      padding: 15px 25px 25px;
   }
}
.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-weight: 500;
   font-size: 1.3rem;
   color: #343a40;
}
@media (min-width: 1024px) {
   .body__login--system .section__first-part--login p {
      font-size: 1.4rem;
   }
}
.body__login--system .section__second-part--login--input {
   display: flex;
   flex-direction: column;
   gap: 2px;
   margin-bottom: 15px;
}
.body__login--system .section__second-part--login--input p {
   color: #6c757d;
   font-weight: 600;
}
.body__login--system .section__second-part--login--input label {
   color: #6c757d;
   font-weight: 600;
   cursor: pointer;
}
.body__login--system .section__second-part--login--input input {
   border: 1px solid #ced4da;
   padding: 8px;
   height: 35px;
   border-radius: 3px;
   font-size: 1.4rem;
   color: #343a40;
}
.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: 1.2rem;
   }
}
@media (min-width: 1024px) {
   .body__login--system .section__second-part--login div p {
      font-size: 1.3rem;
      font-weight: 500;
   }
}
@media (min-width: 768px) {
   .body__login--system .section__second-part--login div label {
      font-size: 1.2rem;
      font-weight: 500;
   }
}
@media (min-width: 768px) {
   .body__login--system .section__second-part--login div input {
      height: 32px;
   }
}
@media (min-width: 1024px) {
   .body__login--system .section__second-part--login div input {
      font-size: 1.2rem;
      height: 36px;
   }
}
.body__login--system .section__third-part--login-btn {
   background-color: #4f99d9;
   height: 30px;
   border-radius: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 6px;
   width: 100%;
   border: unset;
   cursor: pointer;
}
@media (min-width: 600px) {
   .body__login--system .section__third-part--login-btn {
      height: 36px;
   }
}
.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: 1.3rem;
   }
}
@media (min-width: 1024px) {
   .body__login--system .section__third-part--login-btn p {
      font-size: 1.4rem;
   }
}

.more__details--spcform {
   width: 100%;
   display: flex;
   justify-content: space-between;
   height: fit-content;
   align-items: flex-start;
}
@media (min-width: 1024px) {
   .more__details--spcform {
      padding: 0;
   }
}
.more__details--spcform-list {
   display: flex;
   flex-direction: column;
   gap: 2px;
   width: 50%;
}
.more__details--spcform-list p {
   color: #6c757d;
   font-weight: 500;
   font-size: 1.2rem;
}
.more__details--spcform-list .semat__list--spcform {
   height: 115px;
   padding: 7px;
   overflow-y: auto;
   width: 100%;
   border: 1px solid #ced4da;
   background-color: #fff;
   display: flex;
   flex-direction: column;
   gap: 4px 8px;
   border-radius: 3px;
   /* @CSS */
   min-height: 200px;
}
@media (min-width: 1024px) {
   .more__details--spcform-list .semat__list--spcform {
      flex-direction: row;
      flex-wrap: wrap;
      /* @CSS */
      /* height: 14rem; */
      height: 30vh;
   }
}
@media (min-width: 1280px) {
   .more__details--spcform-list .semat__list--spcform {
      /* @CSS */
      /* height: 12rem; */
      height:;
   }
}
@media (min-width: 1536px) {
   .more__details--spcform-list .semat__list--spcform {
      /* @CSS */
      /* height: 14rem; */
   }
}
@media (min-width: 1920px) {
   .more__details--spcform-list .semat__list--spcform {
      /* @CSS */
      /* height: 18.8rem; */
   }
}
.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: 1.2rem;
   color: #6c757d;
   cursor: pointer;
}
.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-weight: 500;
   cursor: pointer;
}
@media (min-width: 600px) {
   .more__details--spcform--options--one label {
      font-size: 1.2rem;
   }
}
.more__details--spcform--options--two {
   display: flex;
   flex-direction: column;
   gap: 5px;
}
.more__details--spcform--options--two p {
   color: #6c757d;
   font-weight: 500;
}
@media (min-width: 600px) {
   .more__details--spcform--options--two p {
      font-size: 1.2rem;
   }
}
.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: 1.2rem;
   }
}
.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);
   /* @CSS */
   /* padding: 10px; */
   min-height: calc(100vh - 150px);
   height: auto;
   display: flex;
   flex-direction: column;
   /* @CSS */
   /* justify-content: space-between; */
   justify-content: flex-start;
}
@media (min-width: 1024px) {
   .form-design__body {
      min-height: calc(100vh - 125px);
   }
}
@media (min-width: 1536px) {
   .form-design__body {
      min-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 {
      /* @CSS */
      /* width: 50%; */
      width: 40%;
   }
}
@media (min-width: 768px) {
   .fild__edit {
      /* @CSS */
      /* width: 35%; */
   }
}
@media (min-width: 1024px) {
   .fild__edit {
      /* @CSS */
      /* width: 23%; */
      width: 24%;
   }
}
@media (min-width: 1360px) {
   .fild__edit {
      /* @CSS */
      /* width: 17%; */
      width: 19%;
   }
}
.fild__edit--close {
   right: -100%;
   transition: ease-in 0.5s;
}
.fild__edit .side__menu {
   display: flex;
   flex-direction: column;
   height: 100vh;
   /* @CSS */
   /* gap: 16px; */
}
@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 {
      /* @CSS */
      /* 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 {
      /* @CSS */
      /* padding-right: 5px; */
      height: calc(100vh - 80px);
   }
}
.fild__edit .side__menu-list div p {
   color: #6c757d;
   /* @CSS */
   /* margin-bottom: 2px; */
   /* font-weight: 600; */
   font-weight: 400;
   font-size: 1.2rem;
}
.fild__edit .side__menu-list div label {
   color: #6c757d;
   /* @CSS */
   /* font-weight: 600; */
   font-weight: 500;
   cursor: pointer;
}
.fild__edit .side__menu-list div select:focus {
   outline: solid 1px #c6cfd8;
}
.fild__edit .side__menu-list .semat__input {
   height: 37px;
   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;
   /* @CSS */
   /* gap: 1rem; */
   gap: 8px;
   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-weight: 600;
   font-size: 1.4rem;
}
@media (min-width: 768px) {
   .fild__edit .side__menu--header p {
      font-size: 15px;
   }
}
.fild__edit .side__menu input {
   border-radius: 3px;
   padding: 4px;
   border: 1px solid #ced4da;
   color: #6c757d;
   height: 3.2rem;
   width: 100%;
   padding: 5px;
   border-radius: 4px;
}
.fild__edit .side__menu input::placeholder {
   color: #adb5bd;
}
.fild__edit .side__menu input:focus {
   outline: solid 1px #c6cfd8;
}
.fild__edit .side__menu .checkbox {
   /* @CSS */
   /* width: 1.6rem; */
   /* height: 1.6rem; */
   width: 1.2rem;
   height: 1.2rem;
}
.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-size: 1.2rem;
   margin: 0;
   font-weight: 300;
}
.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: fit-content;
}
@media (min-width: 600px) {
   .user__information {
      min-width: 30%;
   }
}
.user__information p {
   font-size: 1.4rem;
}
.user__information .span {
   font-size: 1.2rem;
   color: #898989;
}
.user__information--date {
   min-width: 115px;
}

.supervisor__comment {
   flex-direction: column;
   align-items: flex-start;
   padding: 10px;
   border-radius: 5px;
   background-color: #f7d1d1;
   width: 100%;
}
.supervisor__comment p {
   font-weight: 500;
   color: #6c757d;
   font-size: 1.3rem;
}

.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: 1rem;
   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: 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;
}

.filds__part {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   gap: 1.2rem 0.8rem;
   position: relative;
   justify-content: space-between;
}
@media (min-width: 1440px) {
   .filds__part {
      gap: 2rem;
   }
}
@media (min-width: 1536px) {
   .filds__part {
      padding-top: 2rem;
   }
}
@media (min-width: 1920px) {
   .filds__part {
      gap: 2.8rem;
   }
}
.filds__part div {
   height: fit-content;
}
.filds__part .preview__spcform {
   height: unset;
}

.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: 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: 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-weight: 500;
   text-align: right;
   min-width: 60px;
}
.made-report__calcut--diagram .condition {
   position: relative;
   width: fit-content;
   padding: 6px 15px;
   padding-right: 35px;
   flex: unset;
}
.made-report__calcut--diagram .condition .diagram__cmd-title {
   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;
}

.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 {
   /* @CSS */
   /* 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;
   animation: topmessage linear 0.3s;
   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;
}

@keyframes topmessage {
   0% {
      top: 0%;
   }
   100% {
      top: 1.2rem;
   }
}
@media (min-width: 1024px) {
   .dashboard__header {
      display: none;
   }
}
.dashboard__main {
   padding-top: 1.2rem;
}
.dashboard__main tr {
   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: 0.8rem;
   justify-content: center;
   align-items: center;
}
@media (min-width: 600px) {
   .dashboard__body--top {
      flex-direction: row;
      align-items: flex-end;
      justify-content: center;
      align-items: center;
   }
}
.dashboard__name {
   font-size: 1.4rem;
   font-weight: 500;
   cursor: unset;
}
@media (min-width: 600px) {
   .dashboard__name {
      top: 20px;
   }
}
@media (min-width: 1280px) {
   .dashboard__name {
      font-size: 1.6rem;
   }
}
.dashboard__title {
   display: flex;
   gap: 0.4rem;
   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 {
   color: #6d6d6d;
   font-weight: 400;
}
.dashboard__title .input {
   background-color: #fff;
   border: 1px solid #ced4da;
   width: 100%;
   height: 3.2rem;
   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: 6px 14px;
   display: flex;
   align-items: center;
   gap: 4px;
   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;
}
.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: 1.4rem;
   margin-bottom: 7px;
   padding-bottom: 5px;
   color: #737373;
   max-height: calc(100% - 48px);
   max-width: 100%;
   overflow: auto;
}
.dashboard__card--text {
   text-align: center;
   font-size: 26px;
   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-fields {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 6px;
}

.w-100 {
   width: 100%;
}

.opacity-5 {
   opacity: 0.5;
}

.opacity-6 {
   opacity: 0.6;
}

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

/*# sourceMappingURL=main.css.map */
/* @CSS New lines */

.section__first-part--details--title {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: right;
   flex-wrap: wrap;
   gap: 16px;
}