@charset "utf-8";
/* @font-face {
  font-family: 'Exo2-Regular';
  src: url('/fonts/Exo2-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Exo2-SemiBold';
  src: url('/fonts/Exo2-SemiBold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Exo2-Medium';
  src: url('/fonts/Exo2-Medium.ttf') format('truetype');
  font-style: normal;
  font-weight: 500;
} */

:root {
  --mainColor: #222;
  --mainAccentColor: #548FFF;
  --colorGray: #AAA9A9;
  --colorError: #CF475D;
  --ck-border-radius: 8px !important;
  --neaktiv: #d9d9d9;
  --temno-seryy-434343: #434343;
}

/* Общие стили */
* {
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ck-content ul,
.ck-content p {
  margin: revert;
  padding: revert;
}

.ck-editor__editable_inline:not(.ck-comment__input *) {
  max-height: 450px;
  overflow-y: auto;
}

.ck-source-editing-area {
  max-height: 450px;
}

.ck-source-editing-area textarea {
  overflow-y: auto !important;
}

.blurBg {
  filter: blur(3px);
}

input,
textarea,
button {
  font-family: 'Exo2-Regular', Arial, Helvetica, sans-serif;
  font-size: 1.7rem;
  padding: 0;
  margin: 0;
}

textarea {
  resize: none;
  border: none;
  font-size: 19px;
  padding: 19px 20px 19px 20px;
}

body {
  font-family: 'Exo2-Regular', Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  min-width: 320px;
  position: relative;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  color: var(--mainColor);
  display: flex;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  position: relative;
  display: flex;
  background-color: #C2C2C2;
  flex-direction: column;
  min-width: 1920px;
  height: 100vh;
  font-family: "Inter", "Open Sans", sans-serif;
  overflow: hidden;
}

main {
  flex-grow: 1;
}

footer {
  flex-shrink: 0;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

button {
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0;
}

input {
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 19px;
}

.container {
  max-width: 1920px;
  margin: 0 auto;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.flexwrap {
  flex-wrap: wrap;
}

.bgWhite {
  background-color: #fff !important;
}

.whiteText {
  color: #f2f2f2 !important;
}

.smal_block {
  width: 101%;
  height: 1151px;
  border-radius: 15px 15px 0px 0px;
  display: flex;
}

.purple_text {
  color: #C753A0;
}

.save_btn {
  border-radius: 6px;
  background: #651425;
  width: 230px;
  min-height: 64px;
  color: #FFF;
  font-size: 20px;
  text-transform: uppercase;
}

.green-btn {
  border-radius: 6px;
  padding: 12px 20px 12px 20px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: rgb(98, 130, 34);
  color: rgb(255, 255, 255);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-transform: uppercase;
}

.bonuses-list-item.bg-green {
  background: rgb(184, 206, 140);
}

.sideMenuitemActiv {
  background-color: #f2f2f2;
}

.overflow-scroll {
  overflow: scroll;
}

/* Конец общих стилей */
.cookie {
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 13px 50px;
  display: flex;
  width: 100%;
  border-top: 1px solid #333333;
  font-size: 1.3em;
  justify-content: center;
  background-color: #fff;
  z-index: 1000;
  align-items: center;
}

.cookie__wrapper {
  display: flex;
  margin-right: 20px;
  color: #333333;
  align-items: center;
}

.cookie__wrapper p {
  margin-right: 5px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

.cookie__wrapper a {
  color: #333333;
  text-decoration: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

.cookie__wrapper a:hover {
  color: #333333;
  text-decoration: underline;
}

.cookie__btn {
  color: #D32;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

.cookie__close {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-46%);
  width: 12px;
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
}

.section_personal {
  margin: 2rem;
}

.policy {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}

.policy__content {
  display: flex;
  flex-direction: column;
}

.policy__heading,
.personal_title {
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 30px;
  text-align: center;
}

.policy__block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.policy__title {
  font-style: normal;
  font-weight: 600;
  font-size: 23px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.policy__text {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
}

.policy__subtitle {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 20px
}

.policy__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.policy__item {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
  list-style-type: disc;
}

.policy__block-mini {
  display: flex;
  flex-direction: column;
}

.container_main {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.politics_info_subtitle {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.personal_info {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 20px;
}

@font-face {
  font-family: "Inter";
  font-weight: 700;
  font-style: normal;
  src: local("Lato-Bold"), url("/fonts/Inter-Bold.woff2") format("woff2"), url("/fonts/Inter-Bold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-weight: 400;
  font-style: normal;
  src: local("Lato-Bold"), url("/fonts/Inter-Regular.woff2") format("woff2"), url("/fonts/Inter-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-style: normal;
  src: local("Lato-Bold"), url("/fonts/Inter-Medium.woff2") format("woff2"), url("/fonts/Inter-Medium.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  font-weight: 600;
  font-style: normal;
  src: local("Lato-Bold"), url("/fonts/Inter-SemiBold.woff2") format("woff2"), url("/fonts/Inter-SemiBold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-weight: 700;
  font-style: normal;
  src: local("Lato-Bold"), url("/fonts/Roboto-Bold.woff2") format("woff2"), url("/fontsRoboto-Bold.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-weight: 400;
  font-style: normal;
  src: local("Lato-Bold"), url("/fonts/Roboto-Regular.woff2") format("woff2"), url("/fonts/Roboto-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "Roboto";
  font-weight: 500;
  font-style: normal;
  src: local("Lato-Bold"), url("/fonts/Roboto-Medium.woff2") format("woff2"), url("/fonts/Roboto-Medium.woff") format("woff");
  font-display: swap;
}

:root {
  --mainColor: #222222;
  --mainAccentColor: #548fff;
  --colorGray: #aaa9a9;
  --colorError: #cf475d;
}

.cookie {
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 13px 50px;
  border-top: 1px solid #333333;
  font-size: 1.3em;
  background-color: #ffffff;
}

.cookie__wrapper {
  display: flex;
  align-items: center;
  margin-right: 20px;
  color: #333333;
}

.cookie__wrapper p {
  margin-right: 5px;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 100%;
}

.cookie__wrapper a {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 100%;
  color: #333333;
  text-decoration: none;
}

.cookie__wrapper a:hover {
  color: #333333;
  text-decoration: underline;
}

.cookie__btn {
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 100%;
  color: #dd3322;
  cursor: pointer;
}

.cookie__close {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 12px;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 100%;
  cursor: pointer;
  transform: translateY(-46%);
}

.section_personal {
  margin: 2rem;
}

.policy {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}

.policy__content {
  display: flex;
  flex-direction: column;
}

.policy__heading,
.personal_title {
  font-size: 28px;
  font-weight: normal;
  font-style: normal;
  line-height: 30px;
  text-align: center;
}

.policy__block {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.policy__title {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 23px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
}

.policy__text {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
}

.policy__subtitle {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
}

.policy__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.policy__item {
  list-style-type: disc;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
}

.policy__block-mini {
  display: flex;
  flex-direction: column;
}

.container_main {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.politics_info_subtitle {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  font-style: normal;
  line-height: 20px;
}

.personal_info {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  line-height: 20px;
}

.sideBar {
  background: linear-gradient(180deg, #6f1b2d -17.86%, #520916 147.14%);
  overflow-x: hidden;
  overflow-y: auto;
  width: 105px;
  height: 100vh;
  margin-right: 15px;
  padding: 25px 20px;
}

.sideBar__openBtn {
  display: block;
  width: 33px;
  height: 33px;
  margin-bottom: 27px;
  margin-left: 8px;
  background-image: url(/images/sideBar_open.png);
}

.sideBar__menuBlock {
  flex-direction: column;
  width: 64px;
  height: -moz-max-content;
  height: max-content;
  row-gap: 22px;
}

.sideBar__menu {
  display: block;
  width: 100%;
  height: 64px;
  padding: 7px;
  border-radius: 6px;
  background-color: rgba(255, 255, 255, 0.1);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.sideBar__menuBlock>li:has(>button:not([data-module-name])),
.sideBarOpen__menuBlock li:has(>button:not([data-module-name])),
.admin__block:not([data-adminblock]) {
  display: none !important;
}

.sideBarOpen__menuBlock>ul:not(:has(>li>button[data-module-name])) {
  display: none !important;
}

.sideBar__menu_sales {
  background-image: url(/images/menu_sales.png);
}

.sideBar__menu_orders {
  background-image: url(/images/menu_orders.png);
}

.sideBar__menu_nomencl {
  background-image: url(/images/menu_nomencl.png);
}

.sideBar__menu_invent {
  background-image: url(/images/menu_invent.png);
}

.sideBar__menu_reg {
  background-image: url(/images/menu_reg.png);
}

.sideBar__menu_mag {
  background-image: url(/images/menu_mag.png);
}

.sideBar__menu_discount {
  background-image: url(/images/menu_discount.png);
}

.sideBar__menu_franchise {
  background-image: url(/images/menu_franchise.png);
}

.sideBar__menu_couriers {
  background-image: url(/images/menu_courier.svg);
}

.sideBar__menu_shifts {
  background-image: url(/images/menu_shifts.png);
}

.sideBar__menu_report {
  background-image: url(/images/menu_report.png);
}

.sideBar__menu_reserve {
  background-image: url(/images/menu_reserve.png);
}

.sideBar__menu_salary {
  background-image: url(/images/menu_salary.png);
}

.sideBar__menu_office {
  background-image: url(/images/menu_office.png);
}

.sideBar__menu_chat {
  background-image: url(/images/menu_chat.png);
}

.sideBar__menu_tasks {
  background-image: url(/images/menu_tasks.png);
}

.sideBar__menu_notif {
  background-image: url(/images/menu_notif.png);
}

.sideBar__menu_shifts {
  background-image: url(/images/menu_shifts.png);
}

.sideBar__menu_admin {
  background-image: url(/images/menu_admin.png);
}

.simplebar-scrollbar::before {
  width: 6px;
  margin-right: 6px;
  border-radius: 5px;
  opacity: 1;
  background: #ffffff;
  transition: none;
}

.simplebar-track.simplebar-vertical {
  cursor: pointer;
}

.sidebarMainBlock {
  position: absolute;
  z-index: 10000;
  width: 100%;
  height: 100%;
  transition: transform 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, backdrop-filter 0.3s ease-in-out, -webkit-backdrop-filter 0.3s ease-in-out;
  transform: translateX(-200%);
  inset: 0;
}

.sideBarOpen {
  background: linear-gradient(180deg, #6f1b2d -17.86%, #520916 147.14%);
  position: absolute;
  z-index: 1000;
  z-index: 2500;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px;
  height: 100vh;
  padding: 25px 28px 37px 20px;
}

.sideBarOpen__openBtn {
  width: 33px;
  height: 33px;
  margin-bottom: 27px;
  margin-left: 8px;
  background-image: url(/images/sideBar_open.png);
  transform: rotate(180deg);
}

.sideBarOpen__menuBlock {
  flex-direction: column;
}

.sideBarOpen__menu {
  position: relative;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 15px 9px 15px 55px;
  border-radius: 6px;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #ffffff;
  text-align: start;
}

.sideBarOpen__menu_sales::after {
  background-image: url(/images/menu_sales.png);
}

.sideBarOpen__menu_orders::after {
  background-image: url(/images/menuOpen_orders.png);
}

.sideBarOpen__menu_nomencl::after {
  background-image: url(/images/menuOpen_nomencl.png);
}

.sideBarOpen__menu_invent::after {
  background-image: url(/images/menuOpen_invent.png);
}

.sideBarOpen__menu_reg::after {
  background-image: url(/images/menuOpen_reg.png);
}

.sideBarOpen__menu_mag::after {
  background-image: url(/images/menuOpen_mag.png);
}

.sideBarOpen__menu_discount::after {
  background-image: url(/images/menuOpen_discount.png);
}

.sideBarOpen__menu_franchise::after {
  background-image: url(/images/menuOpen_franchise.png);
}

.sideBarOpen__menu_shifts::after {
  background-image: url(/images/menuOpen_shifts.png);
}

.sideBarOpen__menu_report::after {
  background-image: url(/images/menuOpen_report.png);
}

.sideBarOpen__menu_reserve::after {
  background-image: url(/images/menuOpen_reserve.png);
}

.sideBarOpen__menu_salary::after {
  background-image: url(/images/menuOpen_salary.png);
}

.sideBarOpen__menu_office::after {
  background-image: url(/images/menuOpen_office.png);
}

.sideBarOpen__menu_chat::after {
  background-image: url(/images/menuOpen_chat.png);
}

.sideBarOpen__menu_tasks::after {
  background-image: url(/images/menuOpen_tasks.png);
}

.sideBarOpen__menu_notif::after {
  background-image: url(/images/menuOpen_notif.png);
}

.sideBarOpen__menu_shifts::after {
  background-image: url(/images/menuOpen_shifts.png);
}

.sideBarOpen__menu_admin::after {
  background-image: url(/images/menuOpen_admin.png);
}

.sideBarOpen__menu_couriers::after {
  background-image: url(/images/menu_courier.svg);
}



.sideBarOpen__menu::after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  left: 0;
  width: 40px;
  height: 40px;
}

.sideBarOpen__firstBlock {
  flex-direction: column;
  padding-bottom: 20px;
  border-bottom: 1px solid #ffffff;
  row-gap: 14px;
}

.sideBarOpen__nextBlock {
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ffffff;
  row-gap: 14px;
}

.sideBarOpen__adminBlock {
  flex-direction: column;
  padding-top: 20px;
  row-gap: 14px;
}

.translate {
  transform: translateX(0);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.baseBlock {
  width: 1800px;
  height: 100vh;
}

.headerOrder {
  display: none;
  width: 100%;
  height: 115px;
  margin-bottom: 13px;
  padding: 18px 22px;
  border-radius: 0 0 0 15px;
  background-color: #ffffff;
}

.headerOrder__linkBack {
  align-items: center;
  /* margin-right: 338px; */
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.headerOrder__form {
  align-items: center;
  /* width: 600px; */

  margin-right: 10px;
  padding: 11px 14px 11px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.headerOrder__search {
  /* width: 514px; */
  /* width: 70px; */
  width: 0;
  margin-right: 10px;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.select_search_input {
  margin-right: 10px;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
  width: 704px;
  height: 64px;

}

.headerOrder__search::-moz-placeholder,
.select_search_input::-moz-placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.headerOrder__search::placeholder,
.select_search_input::placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.headerOrder__taskAcc {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 65px;
  height: 65px;
  /* margin-left: auto; */
  border-radius: 26px;
  background-image: url(/images/accPhoto.png);
}

.headerNomen {
  display: none;
  width: 100%;
  margin-bottom: 13px;
  padding: 18px 22px;
  border-radius: 0 0 0 15px;
  background-color: #ffffff;
}

.headerNomen__linkBack {
  align-items: center;
  margin-right: 338px;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.headerNomen__form {
  align-items: center;
  margin-right: 10px;
  margin-left: 500px;
  padding: 12px 14px 10px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.headerNomen__search {
  display: none;
  width: 514px;
  margin-right: 10px;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.headerNomen__search::-moz-placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.headerNomen__search::placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.headerNomen__taskAcc {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 65px;
  height: 65px;
  border-radius: 26px;
  background-image: url(/images/accPhoto.png);
}

.allOrders__formBlock {
  height: 64px;
  gap: 15px;
  margin-bottom: 25px;
}

.allOrders__formBlock .allOrders__input_search {
  flex: 1 1 250px;
  min-width: 220px;
}

.allOrders__formBlock .allOrders__input_conteiner {
  flex: 0 0 182px;
  width: 182px;
}

.allOrders__formBlock_new .allOrders__input_conteiner {
  flex-basis: 136px;
  width: 136px;
}

.allOrders__formBlock .coupons-date-conteiner {
  flex: 0 0 177px;
  width: 177px !important;
  height: 64px;
}

.allOrders__formBlock_new .coupons-date-conteiner {
  flex-basis: 134px;
  width: 134px !important;
}

.allOrders__formBlock .continueBtn {
  flex: 0 0 230px;
  width: 230px !important;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
  white-space: nowrap;
}

.orderNew-btn {
  width: 209px;
}

.orderNew-btn {
  width: 751px;
  height: 64px;

}

.orderNew-btn-conteiner {
  padding: 20px 22px 22px 22px;
}

#datepicker {
  font-size: 20px;
  padding: 21px 20px;
  border: 1px solid #d9d9d9;
}

.headerManProd {
  width: 100%;
  margin-bottom: 13px;
  padding: 18px 22px;
  border-radius: 0 0 0 15px;
  background-color: #ffffff;
}

.headerManProd__linkBack {
  align-items: center;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.headerManProd__linkBackDescr {
  display: block;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.headerManProd__form {
  align-items: center;
  margin-right: 10px;
  margin-left: auto;
  padding: 12px 14px 10px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.headerManProd__search {
  display: none;
  width: 514px;
  margin-right: 10px;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.headerManProd__search::-moz-placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.headerManProd__search::placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.headerManProd__taskAcc {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-image: url(/images/accPhoto.png);
}

.headerManProd__taskAcc_manProd {
  background-image: url(/images/admin.png);
  cursor: default;
}

.headerManProd__taskAcc_enter {
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  color: #6f1b2d;
  background-image: none;
}

.headerManProd__enterBlock {
  -moz-column-gap: 5px;
  column-gap: 5px;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.tasks {
  width: 390px;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-right: 35px;
}

.tasks__link {
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 70px;
  height: 64px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  row-gap: 3px;
}

.tasks__link_task {
  color: #ff7a00;
  background-color: rgba(255, 122, 0, 0.1);
}

.tasks__link_urgent {
  color: #ff4d00;
  background-color: rgba(255, 77, 0, 0.1);
}

.tasks__link_new {
  color: #628222;
  background-color: rgba(98, 130, 34, 0.1);
}

.tasks__link_notif {
  position: relative;
  color: #567afb;
  background-color: rgba(86, 122, 251, 0.1);
}

.tasks__link_chat {
  position: relative;
  color: #6f1b2d;
  background-color: rgba(111, 27, 45, 0.1);
}

.tasks__link_chat .eclipse_notify>circle {
  animation: flicker .8s infinite .4s !important;
}

.tasksNomen {
  align-items: center;
  margin-right: 71px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.tasksNomen__link {
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 70px;
  height: 64px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
  row-gap: 3px;
}

.tasksNomen__link_task {
  color: #ff7a00;
  background-color: rgba(255, 122, 0, 0.1);
}

.tasksNomen__link_task::after {
  content: "12";
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 100%;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  background-color: #434343;
}

.tasksNomen__link_urgent {
  color: #ff4d00;
  background-color: rgba(255, 77, 0, 0.1);
}

.tasksNomen__link_urgent::after {
  content: "5";
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 100%;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  background-color: #434343;
}

.tasksNomen__link_new {
  color: #628222;
  background-color: rgba(98, 130, 34, 0.1);
}

.tasksNomen__link_notif {
  color: #567afb;
  background-color: rgba(86, 122, 251, 0.1);
}

.tasksNomen__link_chat {
  color: #6f1b2d;
  background-color: rgba(111, 27, 45, 0.1);
}

.tasksNomen__link_dash {
  color: #775be4;
  background-color: rgba(119, 91, 228, 0.1);
}

.tasksNomen__link_task {
  color: #ffd000;
  background-color: rgba(255, 208, 0, 0.1);
}

.order_gray-text {
  color: #C9C9C9;
}

.orders_orange_text {
  color: #FFC393;
}

.ordersInWork_green_block span,
.ordersInCell_brown_block span,
.ordersDone_purple_block span,
.ordersDone_yellow_block span.progress__numb_search,
.ordersCourier_perpl_block span,
.orderDelivery_blue_block span {
  color: white !important;
}

.ordersCourier_perpl_block svg path,
.orderDelivery_blue_block svg path,
.ordersDone_purple_block svg path {
  stroke: white !important;
}


.whiteText {
  color: white;
}

.yellow_text {
  color: #DBB300;
}

.blue_text {
  color: #0D99FF !important;
}

.ordersInWork_green_block svg path {
  stroke: white;
}

.ordersInCell_brown_block svg path {
  stroke: white;
}

.ordersDone_yellow_block span {
  color: #434343;
}

.ordersDone_yellow_block svg path {
  stroke: #434343;

}

.tasksNomen__link_task::after {
  content: "12";
  position: absolute;
  top: -10px;
  right: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border-radius: 100%;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  background-color: #434343;
}

.progress {
  margin-bottom: 13px;
  column-gap: 10px;
}

.progress__block {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 65px;
  padding: 10px 5px 10px 7px;
  border-radius: 15px;
  background-color: #ffffff;
  gap: 3px;
}

.progress__block_active .progress__descr {
  color: #FFF !important;
}

.progress__block_active svg {
  filter: brightness(0) invert(1);
  opacity: .6;
}

.progress__numb {
  font-family: Roboto;
  font-size: 23px;
  font-weight: 600;
  line-height: normal;
  min-width: 47px;
}

.purpleText {
  color: #c2a2a9;
}

.grayText {
  color: #424242;
}

.progress__descr {
  font-family: Roboto;
  font-size: 19px;
  font-weight: 600;
  line-height: normal;
}

.progress__descr_smallTXt {
  font-size: 12px;
}

.progress__iconBlock {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  min-width: 57px;
}

.progress__icon {
  width: 32px;
  height: 32px;
  background-image: url(/images/progress_3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.progress__icon_3 {
  background-image: url(/images/progress_3.png);
}

.progress__icon_4 {
  background-image: url(/images/progress_4.png);
}

.progress__icon_5 {
  background-image: url(/images/progress_5.png);
}

.progress__icon_6 {
  background-image: url(/images/progress_6.png);
}

.progress__icon_7 {
  background-image: url(/images/progress_7.png);
}

.progress__icon_8 {
  background-image: url(/images/progress_8.png);
}

.progress__icon_9 {
  background-image: url(/images/progress_9.png);
}

.progress__icon_10 {
  background-image: url(/images/progress_10.png);
}

.calendarBlock {
  display: flex;
  height: -moz-max-content;
  height: max-content;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.nomenBlock {
  height: 100vh;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.nomen {
  width: 990px;
  padding: 22px 42px 0 22px;
  border-radius: 15px 15px 0 0;
  background-color: #ffffff;
}

.nomen__titleList {
  display: block;
  font-family: Roboto;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #848484;
}

.nomen__selectBlockBtn {
  min-width: 180px;
  padding-top: 17px;
  padding-bottom: 17px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
}

.nomen__selectBlockBtn_excel {
  color: #5c8015;
  background-color: rgba(113, 157, 24, 0.3);
}

.nomen__selectBlockBtn_add {
  margin-left: auto;
  color: #6f1b2d;
  background-color: rgba(117, 44, 59, 0.2);
}

.nomen__select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 255px;
  height: 100%;
  padding: 20px 30px;
  border-radius: 6px;
  outline: 1px solid #d9d9d9;
  cursor: pointer;
}

.nomen__select_choose {
  min-width: 280px;
}

.nomen__select_prodRed {
  border: 1px solid #d9d9d9;
  outline: none;
}

.nomen__selectCurrent {
  font-family: Roboto;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 200px;
  white-space: nowrap;
}

.nomen__selectCurrent_choose {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #000000;
  opacity: 0.4;
}

.nomen__selectCurrent_redProd {
  width: 50%;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.nomen__selectCurrent_all {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #616161;
}

.nomen__selectCurrent_category {
  font-size: 18px;
  font-weight: 400;
  color: #b3b3b3;
}

.nomen__selectCurrent_manProd {
  margin-right: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #616161;
}

.nomen__selectHidden {
  position: absolute;
  z-index: 1000;
  top: 60px;
  right: 0;
  display: none;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  padding-left: 32px;
  border-radius: 0 0 6px 6px;
  outline: 1px solid #d9d9d9;
  background-color: #ffffff;
  row-gap: 20px;
}

.nomen__selectHidden_prodRed {
  border: 1px solid #d9d9d9;
  outline: none;
}

.nomen__selectMainBlock {
  position: relative;
}

.nomen__selectMainBlock_redProd {
  width: 100%;
}

.nomen__selectMainBlock_createProd {
  width: 359px;
}

.nomen__selectMainBlock_redProdInst {
  width: 400px;
}

.nomen__selectMainBlock_category::after {
  content: "Категория";
  position: absolute;
  top: -33px;
  left: 0;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.nomen__selectMainBlock_subcategory::after {
  content: "Подкатегория";
  position: absolute;
  top: -33px;
  left: 0;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.nomen__selectItem {
  font-family: Roboto;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  color: #616161;
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nomen__selectItem_choose {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #000000;
  opacity: 0.4;
}

.nomen__textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 64px;
  padding: 10px;
  border: none;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #b3b3b3;
  outline: 1px solid #d9d9d9;
  resize: none;
}

.nomen__textarea_inputPrice {
  width: 239px;
}

.nomen__textarea_inputPrice::-moz-placeholder {
  color: #b3b3b3;
}

.nomen__textarea_inputPrice::placeholder {
  color: #b3b3b3;
}

.nomen__textareaBlock {
  position: relative;
  width: 100%;
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 35px;
}

.nomen__textareaBlock::after {
  content: "Розничное название";
  position: absolute;
  top: -33px;
  left: 0;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.nomen__textareaBlock_virt {
  margin-bottom: 68px;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  color: #b3b3b3;
}

.nomen__textareaBlock_virt::after {
  content: "Учетное название товара";
}

.nomen__textareaBlock_virtPrice {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 250px;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #b3b3b3;
}

.nomen__textareaBlock_virtPrice::after {
  content: "Розничная цена";
}

.nomen__textareaBlock_virtPrice::before {
  content: "₽";
  position: absolute;
  top: 18px;
  right: 26px;
  font-family: Roboto;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.nomen__btnCancel {
  margin-top: auto;
  padding: 12px 35px;
  border: 1px solid #939393;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  color: #434343;
  text-transform: uppercase;
}

.nomen__selectBlock {
  margin-bottom: 25px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.nomen__choiceBlock {
  margin: 26px 0;

  -moz-column-gap: 15px;
  column-gap: 15px;

}

.nomen__choiceBlock_compareModal {
  margin-bottom: 30px;
}

.typeProduct__btn {
  display: block;
  padding: 15px 20px;
  border: 1px solid #939393;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
  text-transform: uppercase;
  white-space: nowrap;
}

.nomen__title {
  margin-bottom: 34px;
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.nomen__mainBlock {
  justify-content: space-between;
  width: 823px;
  padding-bottom: 15px;
}

.nomen__priceBlock {
  -moz-column-gap: 63px;
  column-gap: 63px;
}

.nomen__borderBlock {
  width: 98%;
  border-bottom: 1px solid #ececec;
}

.nomen__borderBlock_virt {
  width: 96%;
}

.nomen__prodList {
  width: -moz-max-content;
  width: max-content;
}

.nomen__prodDescr {
  display: block;
  width: 510px;
  margin-right: 150px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
  cursor: pointer;
}

.nomen__prodDescr_retail {
  width: 400px;
  margin-right: 75px;
}

.nomen__prodDescr_virt {
  margin-right: 20px;
}

.nomen__prodItem {
  padding-right: 50px;
  padding-left: 5px;
  cursor: pointer;
}

.nomen__itemCont {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ececec;
}

.nomen__prodPrice {
  display: flex;
  align-items: center;
  width: 52px;
  margin-right: 63px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
  text-align: start;
  text-wrap-mode: nowrap;
}

.nomen__prodPrice_retail {
  margin-right: 72px;
}

.nomen__prodIcon {
  display: block;
  width: 60px;
  margin-right: 30px;
  opacity: .3;
}

.nomen__prodIcon_retail {
  margin-right: 50px;
}

.nomen__prodCross {
  display: block;
}

.addCat__modal,
.dynamic__modal {
  position: absolute;
  z-index: 100000;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
}

.addCat__mainBlock {
  min-width: 626px;
  padding: 28px 28px 61px 58px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  height: 89%;
}

.addCat__titleBlock {
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 59px;
}

.addCat__title {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.addCat__svgCross {
  stroke: #844451;
}

.addCat__text {
  width: 490px;
  height: 64px;
  margin-bottom: 30px;
  padding: 19px 25px;
  border: 1px solid #939393;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #000000;
  resize: none;
}

.addCat__text::-moz-placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #b3b3b3;
}

.addCat__text::placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #b3b3b3;
}

.addCat__addSubCat {
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: 188px;
}

.addCat__textNew {
  width: 435px;
  height: 64px;
  padding: 19px 25px;
  border: 1px solid #939393;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #000000;
  resize: none;
}

.addCat__textNew::-moz-placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #b3b3b3;
}

.addCat__textNew::placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #b3b3b3;
}

.addCat__btnAdd {
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.addCat__btnAdd_new {
  align-items: center;
  margin-bottom: 30px;
}

.addCat__btnAddImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 40px;
  height: 40px;
  background-image: url(/images/addModal.png);
  cursor: pointer;
}

.addCat__btnAddImg_new {
  background-image: url(/images/addModal_new.png);
}

.addCat__btnAddDescr {
  display: block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  color: #484848;
}

.addCat__btnBottomBlock {
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.addCat__addBottom {
  padding: 20px 62px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #651425;
  cursor: pointer;
}

.addCat__cancelBottom {
  padding: 20px 62px;
  border: 1px solid #939393;
  border-radius: 6px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
  text-transform: uppercase;
}

.calendar {
  width: 990px;
  padding: 22px 10px 0 22px;
  border-radius: 15px 15px 0 0;
  background-color: #ffffff;
}

.calendar__title {
  margin-bottom: 20px;
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.calendar__days {
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.calendar__day {
  justify-content: center;
  width: 128px;
  margin-bottom: 9px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #848484;
}

.calendar__grid {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100vh - 365px);
  -moz-column-gap: 5px;
  column-gap: 5px;
  row-gap: 5px;
  grid-template-columns: repeat(7, 128px);
  grid-template-rows: repeat(5, minmax(170px, max-content));
  grid-auto-rows: 170px;
}

.calendar__date {
  position: relative;
  width: 100%;
  height: fit-content;
  min-height: 100%;
  padding-top: 40px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-radius: 6px;
}

.calendar__date_empty {
  border: 1px solid #d9d9d9;
}

.calendar__date_active {
  background-color: #f5f7fa;
}

.calendar__dateNumb {
  position: absolute;
  top: 9px;
  right: 16px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #8b90a7;
  text-align: right;
}

.calendar__moreFiveBlock {
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 117px;
  height: 75px;
  border-radius: 3px;
  background-color: #661526;
  row-gap: 10px;
}

.calendar__howMuch {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-align: center;
}

.calendar__seeBtn {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #d9d9d9;
}

.calendar__orders {
  flex-direction: column;
  justify-content: center;
  height: 62px;
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 3px;
}

.calendar__orders_courierOk {
  background-color: #fee6f6;
}

.calendar__orders_run {
  background-color: rgba(13, 153, 255, 0.2);
}

.calendar__orders_ready {
  background-color: #e4defa;
}

.calendar__orders_work {
  background-color: rgba(84, 214, 4, 0.2);
}

.calendar__orders_new {
  background-color: #ffe7d4;
}

.calendar__orders_wait {
  background-color: #fff6cc;
}

.calendar__orders_many {
  height: 37px;
}

.calendar__ordersNumb {
  display: block;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #000000;
}

.calendar__ordersTime {
  display: block;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.calendar__ordersBlock {
  width: 100%;
  flex-direction: column;
  row-gap: 2px;
}

.nomenDescr {
  overflow: auto;
  justify-content: center;
  width: 795px;
  height: 100%;
  max-height: calc(100vh - 228px);
  border-radius: 15px 0 0 0;
  background-color: #ffffff;
}

.nomenDescr__empty {
  max-width: 353px;
  height: 100%;
  padding-top: 360px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 400;
  line-height: 150%;
  color: #939393;
  text-align: center;
}

.instanceBlock {
  width: 795px;
  height: 100vh;
  border-radius: 15px 0 0 0;
  background-color: #f3f3f3;
}

.orderDone-inctance {
  width: 795px;
  height: 81vh;
  border-radius: 15px 0 0 0;
  background-color: #ffffff;
  overflow: scroll;
}

.rBlock_inctance {
  overflow: auto;
  width: 100%;
  height: calc(100vh - 128px);
  padding-top: 22px;
  border-radius: 15px 0 0 0;
  background-color: #ffffff;
}

.orderDescr__descrBlock {
  display: none;
  height: 1430px;
}

.orderDescr__orderDescrBlock {
  display: none;
  height: 1430px;
}

.orderDescr__empty {
  justify-content: center;
  height: 100%;
  padding-top: 360px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 400;
  line-height: 150%;
  color: #939393;
  text-align: center;
}

.orderDescr__descrEmpty {
  justify-content: center;
  height: 100%;
  padding-top: 360px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 400;
  line-height: 150%;
  color: #939393;
}

.orderDescr__numb {
  align-items: center;
  margin-bottom: 10px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.orderDescr__number {
  display: block;
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
}

.orderDescr__color {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #ffd000;
}

.orderDescr__date {
  display: block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  color: #777777;
}

.orderDescr__titleBlock {
  justify-content: space-between;
  padding-top: 22px;
  padding-right: 22px;
  padding-bottom: 30px;
  padding-left: 22px;
}

.orderDescr__clientBlock {
  align-items: flex-end;
  flex-direction: column;
  row-gap: 10px;
}

.orderDescr__name {
  display: block;
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
}

.orderDescr__nameDescr {
  display: block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.orderDescr__detailsBlock {
  padding: 20px 22px;
  background-color: #f5f7fa;
}

.orderDescr__detailsAdressBlock {
  justify-content: space-between;
  margin-bottom: 25px;
}

.orderDescr__btnBlock {
  padding: 22px;
  background-color: #848484;
}

.orderDescr__btnBottom {
  padding: 20px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 23px;
  font-weight: 500;
  line-height: normal;
  color: #848484;
  text-transform: uppercase;
  background-color: #ffffff;
}

.orderDescr__btnBottom_redact {
  margin-right: 10px;
}

.orderDescr__btnBottom_change {
  margin-left: auto;
  color: #ffffff;
  background: linear-gradient(180deg, #6f1b2d -17.86%, #520916 147.14%);
}

.delivery {
  width: 366px;
}

.delivery__title {
  margin-bottom: 15px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  color: #fe8627;
}

.delivery__adressBlock {
  flex-direction: column;
  margin-bottom: 15px;
  row-gap: 11px;
}

.delivery__adress {
  display: block;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.delivery__home {
  display: block;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.delivery__homeDescr {
  margin-right: 5px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.delivery__homeDescr:not(:first-child) {
  margin-left: 20px;
}

.delivery__dateBlock {
  flex-direction: column;
  margin-bottom: 15px;
  row-gap: 10px;
}

.delivery__dateDescr {
  display: block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.delivery__timeBlock {
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.delivery__time {
  display: block;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.delivery__formDescr {
  display: block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.delivery__text {
  width: 100%;
  height: 55px;
  padding: 15px;
  border: none;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #555555;
  outline: none;
  background-color: #ffffff;
  resize: none;
}

.recip {
  flex-direction: column;
  row-gap: 10px;
}

.recip__descr {
  display: block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.recip__man {
  display: block;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.pay {
  flex-direction: column;
  width: 335px;
  row-gap: 15px;
}

.pay__title {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  color: #000000;
}

.pay__descrBlock {
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.pay__descr {
  display: block;
  width: 128px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.pay__details {
  display: block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.pay__style {
  align-items: center;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  color: #000000;
}

.payLink_btn {
  width: 241px;
  height: 60px;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  color: rgb(132, 132, 132);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

.pay__icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 37px;
  height: 37px;
  margin-right: 10px;
  background-image: url(/images/pay.png);
}

.structure {
  width: 100%;
  padding: 30px 22px;
  row-gap: 30px;
}

.structure__list {
  flex-direction: column;
  row-gap: 7px;
}

.structure__nameBlock {
  align-items: center;
  width: 370px;
  -moz-column-gap: 17px;
  column-gap: 17px;
}

.structure__name {
  flex-direction: column;
  row-gap: 5px;
}

.structure__product {
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.structure__flower {
  display: block;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #555555;
}

.structure__further {
  display: block;
  font-size: 14.692px;
  font-weight: 400;
  line-height: normal;
  color: #a8a8a8;
}

.structure__img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 65px;
  height: 69px;
}

.structure__img_1 {
  background-image: url(/images/flower_1.png);
}

.structure__img_2 {
  background-image: url(/images/flower_2.png);
}

.structure__details {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

.structure__details_numb {
  width: 32px;
  color: rgba(0, 0, 0, 0.5);
}

.structure__details_price {
  width: 80px;
  color: rgba(0, 0, 0, 0.5);
}

.structure__details_all {
  width: 80px;
  color: #000000;
}

.structure__detailsBlock {
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.enum {
  width: 100%;
}

.enum__lot {
  display: block;
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  line-height: normal;
  color: #848484;
}

.enum__titleBlock {
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
}

.enum__title {
  font-family: Roboto;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
}

.specific {
  padding-right: 22px;
  padding-bottom: 30px;
  padding-left: 22px;
}

.specific__title {
  margin-bottom: 20px;
  font-family: Roboto;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
}

.specific__downFile {
  display: block;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.specific__inputBlock {
  position: relative;
  display: inline-block;
  flex-direction: column;
  row-gap: 10px;
}

.specific__inputDescr {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 200px;
  height: 190px;
  border-radius: 6px;
  background-image: url(/images/input_down.png);
  cursor: pointer;
}

.specific__inputDescr_down {
  background-color: #f2f2f2;
  background-image: none;
}

.specific__inputBlock input[type=file] {
  position: absolute;
  z-index: -1;
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
}

.specific__mainBlock {
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.specific__inputTxt {
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #555555;
  cursor: pointer;
  inset: 0;
}

.specific__formBlock {
  flex-direction: column;
  row-gap: 10px;
}

.specific__formDescr {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #555555;
  text-align: center;
}

.specific__base {
  -moz-column-gap: 84px;
  column-gap: 84px;
}

.specific__appointBlock {
  flex-direction: column;
  row-gap: 20px;
}

.specific__appointDescr {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.specific__florist {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.specific__courierBtn {
  padding: 10px 20px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #fe8627;
}

.specific__appointDetails {
  flex-direction: column;
  row-gap: 5px;
}

.photoBlock {
  flex-direction: column;
}

.photoBlock__descr {
  display: block;
  margin-bottom: 15px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.photoBlock__downFile {
  display: block;
  margin-bottom: 35px;
}

.photoBlock__inputBlock {
  position: relative;
  display: inline-block;
  flex-direction: column;
  row-gap: 10px;
}

.photoBlock__inputDescr {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 200px;
  height: 190px;
  border-radius: 6px;
  background-image: url(/images/input_down.png);
  cursor: pointer;
}

.photoBlock__inputDescr_down {
  background-color: #f2f2f2;
  background-image: none;
}

.photoBlock__inputBlock input[type=file] {
  position: absolute;
  z-index: -1;
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
}

.photoBlock__mainBlock {
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.photoBlock__inputTxt {
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #555555;
  cursor: pointer;
  inset: 0;
}

.photoBlock__formBlock {
  flex-direction: column;
  row-gap: 10px;
}

.photoBlock__base {
  -moz-column-gap: 84px;
  column-gap: 84px;
}

.photoBlock__appointBlock {
  flex-direction: column;
  row-gap: 20px;
}

.photoBlock__appointDescr {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.photoBlock__florist {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.photoBlock__courierBtn {
  padding: 10px 20px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #fe8627;
}

.photoBlock__appointDetails {
  flex-direction: column;
  row-gap: 5px;
}

.allOrders {
  display: none;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.allOrders__orders {
  width: 990px;
  padding: 22px;
  border-radius: 15px 15px 0 0;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.allOrders__orders_active {
  background: #ececec;
}

.allOrders__title {
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.allOrders__ordersBlock {
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
}

.allOrders__titleDescr {
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.allOrders__order {
  padding: 14px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
}

.allOrders__order:not(:last-child) {
  margin-bottom: 10px;
}

.allOrders__ordersList {
  overflow: auto;
  height: 550px;
}

.friend_orderList {
  overflow: auto;
  height: 550px;
  margin-top: 40px;
}

.allOrders__input {
  position: relative;
  padding: 21px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.allOrders__input::-moz-placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.allOrders__input::placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.allOrders__input_search {
  width: 310px;
  padding: 21px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
}

.allOrders__input_conteiner,
.allOrders__date {
  width: 182px;
  position: relative;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
}

.allOrders__date {
  width: 200px;
}

.allOrders__input_conteiner input {
  width: 100%;
  height: 100%;
  padding: 21px 20px;
  border-radius: 6px;
  font-size: 19px;
  cursor: pointer;
}

.allOrders__input_conteiner img {
  position: absolute;
  top: 42%;
  right: 26px;
}

.allOrders__btnCalendar {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 64px;
  height: 64px;
  margin-left: auto;
  background-image: url(/images/menu_orders_btn.png);
}

.searchOrders {
  display: none;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.searchOrders__orders {
  width: 990px;
  padding: 22px;
  border-radius: 15px 15px 0 0;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.searchOrders__emptyBlock {
  display: flex;
  justify-content: center;
  height: 100%;
  padding-top: 200px;
  font-size: 25px;
  font-weight: 400;
  line-height: 150%;
  color: #939393;
}

.searchOrders__title {
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.searchOrders__ordersBlock {
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
}

.searchOrders__titleDescr {
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.searchOrders__order {
  padding: 14px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
}

.searchOrders__order:not(:last-child) {
  margin-bottom: 10px;
}

.searchOrders__ordersList {
  display: none;
  overflow: auto;
  height: 550px;
}

.searchOrders__input {
  position: relative;
  margin-bottom: 20px;
  padding: 21px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.searchOrders__input::-moz-placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.searchOrders__input::placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.searchOrders__input_search {
  width: 458px;
  margin-right: 20px;
}

.searchOrders__input_date {
  width: 209px;
}

.searchOrders__btnCalendar {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 64px;
  height: 64px;
  margin-left: auto;
  background-image: url(/images/menu_orders_btn.png);
}

.newOrders {
  display: none;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.newOrders__orders {
  width: 990px;
  padding: 22px;
  border-radius: 15px 15px 0 0;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.newOrders__emptyBlock {
  display: flex;
  justify-content: center;
  height: 100%;
  padding-top: 200px;
  font-size: 25px;
  font-weight: 400;
  line-height: 150%;
  color: #939393;
}

.newOrders__title {
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.newOrders__ordersBlock {
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
}

.newOrders__titleDescr {
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.newOrders__order {
  padding: 14px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
}

.newOrders__order:not(:last-child) {
  margin-bottom: 10px;
}

.newOrders__ordersList {
  display: none;
  overflow: auto;
  height: 550px;
}

.newOrders__input {
  position: relative;
  margin-bottom: 20px;
  padding: 21px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.newOrders__input::-moz-placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.newOrders__input::placeholder {
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.newOrders__input_search {
  width: 458px;
  margin-right: 20px;
}

.newOrders__input_date {
  width: 209px;
}

.newOrders__btnCalendar {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 64px;
  height: 64px;
  margin-left: auto;
  background-image: url(/images/menu_orders_btn.png);
}

::-webkit-datetime-edit-month-field {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: rgb(67, 67, 67);
}

::-webkit-datetime-edit-day-field {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: rgb(67, 67, 67);
}

::-webkit-datetime-edit-year-field {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: rgb(67, 67, 67);
}

input:not([type=time])::-webkit-calendar-picker-indicator {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  right: 20px;
  width: 28px;
  height: 28px;
  background-color: #ffffff;
  background-image: url(/images/date_input.png);
  cursor: pointer;
}

.order__score {
  display: block;
  width: 37px;
  height: 100%;
  margin-right: 8px;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  color: #616161;
}

.order__payIconSvg {
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
}

.order__numb {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #000000;
}

.order__descrOrder {
  align-items: center;
  margin-bottom: 19px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.order__color {
  width: 14px;
  height: 14px;
  border-radius: 100%;
}

.order__color_red {
  background-color: #ff4d00;
}

.order__color_yellow {
  background-color: #ffd000;
}

.order__color_green {
  background-color: #719d18;
}

.order__descr {
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.order__descrOrderBlock {
  flex-direction: column;
}

.order__clientBlock {
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.order__client {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.order__contactBlock {
  flex-direction: column;
  row-gap: 10px;
}

.order__adressBlock {
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.order__deliver {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.order__adress {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.order__payBlock {
  align-items: flex-end;
  height: 100%;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.order__priceBlock {
  justify-content: space-between;
  min-width: 337px;
  margin-left: auto;
  -moz-column-gap: 57px;
  column-gap: 57px;
}

.order__payIcon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 37px;
  height: 37px;
}

.order__payIcon_tel {
  background-image: url(/images/pay_icon.png);
}

.order__payIcon_geo {
  background-image: url(/images/geo_icon.png);
}

.order__payIcon_comp {
  background-image: url(/images/comp_icon.png);
}

.order__payStatus {
  max-width: 72px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
  text-align: center;
}

.order__payStatus_wait {
  color: #b23804;
}

.order__payStatus_paid {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0;
  color: #939393;
  row-gap: 3px;
}

.order__priceMain {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  min-width: 250px;
  height: 100%;
}

.order__delivStatus {
  display: block;
  width: fit-content;
  padding: 2px 14px;
  border-radius: 25px;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
}

.order__delivStatus_error {
  color: #8A0000;
  background: #E8CCCC;
}

.order__delivStatus_cancelled {
  color: white;
  background: #611222;
}

.order__delivStatus_completed {
  color: white;
  background: #628222;
}

.order__delivStatus_search {
  color: #AC8C00;
  background: #FFF6CC;
}

.order__delivStatus_preparing {
  color: #39860B;
  background: #DDF7CD;
}

.order__delivStatus_assign {
  color: #127FCE;
  background: #CFEBFF;
}

.order__delivStatus_picked_up {
  color: #c20783;
  background: rgba(249, 8, 167, 0.1);
}

.order__delivStatus_ready {
  color: white;
  background: #775BE4;
}

.order__delivStatus_accepted {
  color: #775be4;
  background: rgba(119, 91, 228, 0.2);
}

.order__delivStatus_deliv {
  color: white;
  background: #127FCE;
}

.order__delivStatus_new {
  color: #a35619;
  background: rgba(254, 134, 39, 0.2);
}

.order__processing {
  color: white;
  background: #CD6567;
}

.order__delivStatus_inWork {
  color: #39860B;
  background: #D3EDC3;
}

.order__price {
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
  text-align: right;
}

.changeStatus {
  position: absolute;
  z-index: 10;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.changeStatus__mainBlock {
  width: 827px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.changeStatus__titleBlock {
  position: relative;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
}

.changeStatus__title {
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.changeStatus__cross {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
}

.changeStatus__svg {
  stroke: #844451;
}

.changeStatus__changeOrder {
  display: block;
  margin-bottom: 29px;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
  height: 24px;
}

/* .changeStatus__choiceBlock {
  overflow: auto;
  flex-direction: column;
  height: 674px;
  margin-bottom: 34px;
  row-gap: 10px;
} */
.changeStatus__choiceBlock {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

}

.changeStatus__item.active {
  background-color: white;
  border: 1px solid rgb(113, 157, 24);
}

.changeStatus__item.active span {
  color: rgb(77, 105, 21) !important;
}

.changeStatus__item.active svg path {
  stroke: rgb(77, 105, 21);
}

.changeStatus__choiceBlock li {
  width: 346px;
  align-items: center;
  padding: 16px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #ffffff;
  cursor: pointer;
  -moz-column-gap: 24px;
  column-gap: 24px;
}

/*.changeStatus__choiceBlock li span:first-of-type {
  color: rgba(255, 255, 255, 0.5);
}*/

.changeStatus__item_choice {
  background-color: #719d18;
}

.changeStatus__item_actual {
  background-color: #4d6915;
}

.changeStatus__item_newStatus {
  border: 1px solid #4d6915;
  color: #4d6915;
  background-color: transparent;
}

.changeStatus__icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: block;
  width: 32px;
  height: 32px;
}

.changeStatus__icon_1 {
  background-image: url(/images/changeStatus_1.png);
}

.changeStatus__icon_2 {
  background-image: url(/images/changeStatus_2.svg);
}

.changeStatus__icon_3 {
  background-image: url(/images/changeStatus_3.svg);
}

.changeStatus__icon_4 {
  background-image: url(/images/changeStatus_4.svg);
}

.changeStatus__icon_5 {
  background-image: url(/images/changeStatus_5.svg);
}

.changeStatus__icon_6 {
  background-image: url(/images/changeStatus_6.svg);
}

.changeStatus__icon_7 {
  background-image: url(/images/changeStatus_7.svg);
}

.changeStatus__icon_8 {
  background-image: url(/images/changeStatus_8.svg);
}

.changeStatus__icon_9 {
  background-image: url(/images/changeStatus_9.svg);
}

.changeStatus__icon_newStatus2 {
  background-image: url(/images/changeStatus_2-hover.svg);
}

.changeStatus__icon_newStatus3 {
  background-image: url(/images/changeStatus_3-hover.svg);
}

.changeStatus__icon_newStatus4 {
  background-image: url(/images/changeStatus_4-hover.svg);
}

.changeStatus__icon_newStatus5 {
  background-image: url(/images/changeStatus_5-hover.svg);
}

.changeStatus__icon_newStatus6 {
  background-image: url(/images/changeStatus_6-hover.svg);
}

.changeStatus__icon_newStatus7 {
  background-image: url(/images/changeStatus_7-hover.svg);
}

.changeStatus__icon_newStatus8 {
  background-image: url(/images/changeStatus_8-hover.svg);
}

.changeStatus__icon_newStatus9 {
  background-image: url(/images/changeStatus_9-hover.svg);
}

.changeStatus__confirm,
.gitTheShop__btn,
.assignCourier_btn {
  padding: 20px 43px;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #d9d9d9;
  transition: background-color 0.3s ease-in-out;
  margin-top: 40px;
}

/* Стили для номенкулатуры */
.nomenMain,
.adminMain {
  gap: 10px;
}

.nomenMain-list,
.registerClient-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.menu__block {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 277px;
  height: 170px;
  padding: 25px 25px;
  border-radius: 6px;
  background: rgb(220, 230, 218);
  cursor: pointer;
}

.fizClient,
.corpClient {
  justify-content: center;
}

.registerClient-block.menu__block {
  justify-content: center;
  background-color: #e0d0d3;
}

.menu__text {
  display: block;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  color: rgb(103, 128, 83);
}

.registerClient-block.menu__block .menu__text {
  color: #2d0000;
}

.menu__block--gray .menu__text {
  color: #2d0000;
}

/* Конец стилей для номенкулатуры */

.infoProd {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-height: max-content;
  height: -webkit-fill-available;
  padding: 23px;
}

.infoProd__titleBlock {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
}

.infoProd__title {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.infoProd__btnChange {
  display: block;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  color: #2d7cb6;
  text-transform: uppercase;
}

.infoProd__mainBlock {
  flex-direction: column;
  row-gap: 30px;

}

.infoProd__listBlock {
  flex-direction: column;
  row-gap: 10px;
}

.infoProd__listTitle {
  font-family: Roboto;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.infoProd__item {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
}

.infoProd__item_choice {
  font-weight: 600;
  color: #c04f55;
}

.infoProd__btnBottomBlock {
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
  padding-bottom: 40px;
}

.infoProd__match,
.save-btn {
  padding: 12px 30px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #601121;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.infoProd__save {
  padding: 12px 30px;
  border: 1px solid #939393;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  color: #434343;
  text-transform: uppercase;
}

.retailDescr {
  flex-direction: column;
  width: 100%;
}

.retailDescr__photo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 177px;
  height: 182px;
  border-radius: 5px;
  background-image: url(/images/flowerDescrProd.png);
}

.retailDescr__catBlock {
  flex-direction: column;
  row-gap: 10px;
}

.retailDescr__catBlock_virt {
  margin-bottom: 30px;
}

.retailDescr__catBlockDescr_bottom {
  flex-direction: column;
  row-gap: 10px;
}

.retailDescr__catBlockDescr_nom {
  flex-direction: column;
  margin-bottom: 30px;
  row-gap: 10px;
}

.retailDescr__catBlockDescr_price {
  flex-direction: column;
  margin-bottom: 50px;
  row-gap: 10px;
}

.retailDescr__photoBlock {
  flex-direction: column;
  justify-content: space-between;
}

.retailDescr__mainPhotoBlock {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
}

.retailDescr__cat {
  margin-right: 10px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #848484;
}

.retailDescr__type {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.retailDescr__nomenTitle {
  display: block;
  margin-bottom: 10px;
  font-family: Roboto;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #848484;
}

.retailDescr__nomenList {
  flex-direction: column;
  row-gap: 6px;
}

.retailDescr__itemList {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
}

.retailDescr__nomenBlock {
  margin-bottom: 30px;
}

.retailDescr__price {
  font-family: Roboto;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  color: #434343;
}

.retailDescr__checkInput {
  display: none;
}

.retailDescr__label {
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 40px;
  cursor: pointer;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.retailDescr__label_virt {
  margin-bottom: 18px;
}

.retailDescr__label_manProd {
  margin-right: 71px;
  margin-bottom: 0;
}

.retailDescr__label_compare {
  margin-right: 22px;
  margin-bottom: 0;
}

.retailDescr__label_compareModal {
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px;
}

.retailDescr__label_compareModal:not(:last-child) {
  border-bottom: 1px solid #ececec;
}

.retailDescr__checkDescr {
  font-family: Roboto;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #848484;
}

.retailDescr__check {
  position: relative;
  width: 37px;
  height: 37px;
  border: 1px solid #ececec;
  border-radius: 3px;
}

.retailDescr__check::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-image: url(/images/checkNomen.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* transition: opacity 0.3s ease-in-out; */
  inset: 0;
}

.createProd {
  display: none;
  width: 100%;
  height: 100%;
  padding: 26px 30px 26px 28px;
}

.createProd__retail {
  display: none;
}

.createProd__virt {
  display: none;
}

.createProd__titleBlock {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 63px;
}

.createProd__title {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.createProd__saveBtn {
  font-family: Roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  color: #2d7cb6;
  text-transform: uppercase;
}

.createProd__selectBlock {
  width: 100%;
  margin-bottom: 67px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.choose__leftBlock {
  width: 795px;
  height: calc(100vh - 129px);
  border-radius: 15px 0 0 0;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  margin-left: 15px;
}

.choose__selectBlock {
  margin-bottom: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.choose__rightBlock {
  width: 990px;
  height: calc(100vh - 129px);
  padding: 29px 23px 29px 39px;
  border-radius: 15px 15px 0 0;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.choose__choiceBlock {
  margin-bottom: 34px;
  margin-bottom: 20px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.choose__choiceBtn {
  display: block;
  padding: 15px 20px;
  border: 1px solid #939393;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
  text-transform: uppercase;
}

.choose__rightBlockShowcase {
  display: none;
  width: 100%;
  height: 100%;
}

.choose__rightBlocRaise {
  width: 100%;
  height: 100%;
}

.choose__title {
  margin-bottom: 18px;
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.choose__search {
  align-items: center;
  width: 460px;
  height: 66px;
  padding: 14px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.choose__search::-moz-placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.choose__search::placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #b6b6b6;
}

.choose__search_raise {
  margin-bottom: 20px;
}

.choose__mainBlock {
  overflow-x: hidden;
  overflow-y: auto;
}

.choose__flower {
  flex-direction: column;
  width: 211px;
  margin: 3px;
  border-radius: 6px;
  cursor: pointer;
  row-gap: 13px;
  padding: 6px;
}

.choose__flower:hover:not(:active) {
  border-radius: 6px;
  outline: 3px solid #ff5b5b;
}

.choose__flowerImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 214px;
  border-radius: 6px;
  background-image: url(/images/chooseFlower.png);
}

.choose__flowerDescrBlock {
  flex-direction: column;
  row-gap: 9px;
}

.choose__descr {
  font-family: Inter;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #555555;
}

.choose__price {
  font-family: Roboto;
  font-size: 22px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.choose__flowerBlock {
  flex-wrap: wrap;
  height: 750px;
  padding-right: 10px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  row-gap: 20px;
}

.choose__empty {
  justify-content: center;
  padding-top: 373px;
}

.choose__emptyTxt {
  display: block;
  max-width: 273px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 400;
  line-height: 150%;
  color: #939393;
  text-align: center;
}

.choose__assembly {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 48px;
}

.choose__assemblyRed {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding-bottom: 48px;
}

.choose__flowerList {
  overflow-y: auto;
  height: 100%;
  max-height: calc(100vh - 345px);
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-left: 1px solid #d9d9d9;
}

.flowerList__flowerItem {
  align-items: center;
  width: 100%;
  padding: 4px 29px 4px 25px;
  border-bottom: 1px solid #d9d9d9;
  cursor: pointer;
  justify-content: space-between;
}

.flowerList__flowerCheck>label {
  margin-right: 22px;
}

.flowerList__flowerImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 74px;
  height: 71px;
  margin-right: 22px;
  background-image: url(/images/flowerList.png);
}

.flowerList__flowerName {
  display: block;
  width: 370px;
  margin-right: 74px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #555555;
}

.flowerList__flowerPrice {
  display: block;
  margin-right: 131px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.flowerList__flowerArticul {
  display: block;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.assembly__titleBlock {
  justify-content: space-between;
  width: 100%;
  padding: 19px 30px;
  border-radius: 15px 0 0 0;
  background-color: #848484;
}

.assembly__title {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
}

.assembly__price {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
}

.assembly__prodList {
  overflow-y: auto;
  flex-direction: column;
  height: 750px;
}

.assembly__prodItem {
  align-items: center;
  padding: 11px 102px 11px 35px;
  border-bottom: 1px solid #ececec;
}

.assembly__prodName {
  display: block;
  width: 400px;
  margin-right: 10px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
}

.assembly__prodPrice {
  display: block;
  width: 47px;
  margin-right: 43px;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  color: #b1b1b1;
}

.assembly__prodNumb {
  align-items: center;
  justify-content: center;
  width: 52px;
  margin-right: 35px;
  padding: 10px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.assembly__prodPriceTwo {
  display: block;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.assembly__btn {
  display: block;
  max-width: 230px;
  margin-left: 28px;
  padding: 18px 38px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  background-color: #752c3b;
}

.assemblyRed__titleBlock {
  justify-content: space-between;
  width: 100%;
  padding: 19px 30px;
  border-radius: 15px 0 0 0;
  background-color: #844451;
}

.assemblyRed__title {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
}

.assemblyRed__price {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
}

.assemblyRed__prodList {
  overflow-y: auto;
  flex-direction: column;
  height: 100%;
  max-height: calc(100vh - 325px);
}

.assemblyRed__prodItem {
  align-items: center;
  padding: 11px 35px 11px 35px;
  border-bottom: 1px solid #ececec;
  justify-content: space-between;
}

.assemblyRed__prodName {
  display: block;
  width: 370px;
  margin-right: 10px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
}

.assemblyRed__prodPrice {
  display: block;
  width: 47px;
  margin-right: 43px;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  color: #b1b1b1;
}

.assemblyRed__prodNumb {
  align-items: center;
  justify-content: center;
  width: 52px;
  margin-right: 35px;
  padding: 10px;
  font-family: Roboto;
  font-size: 17px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.assemblyRed__prodPriceTwo {
  display: block;
  width: 75px;
  margin-right: 45px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.assemblyRed__btn {
  display: block;
  max-width: 230px;
  margin-left: 28px;
  padding: 18px 38px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  background-color: #752c3b;
}

.manProd__choose {
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.createProductBlock {
  height: 1151px !important;
}

.manProd__mainBlock {
  width: 100%;
  height: 87vh;
  overflow: scroll;
  padding: 34px 25px 34px 34px;
  border-radius: 15px 0 0 0;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.manProd__addFlower {
  display: none;
  margin-left: 200px;
  padding: 16px 32px;
  border: 1px solid #844451;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  color: #844451;
  text-transform: uppercase;
}

.manProd__choiceBlock {
  margin-right: 34px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.manProd__choiceBtn {
  display: block;
  padding: 15px 20px;
  border: 1px solid #939393;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
  text-transform: uppercase;
}

.manProd__topBlock {
  align-items: center;
  margin-bottom: 30px;
  padding-right: 60px;
}

.manProd__searchLabel {
  justify-content: space-between;
  width: 100%;
}

.manProd__formSearch {
  width: 530px;
  margin-right: 40px;
  padding: 13px 16px 13px 30px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.manProd__formSearch_compareModal {
  margin-bottom: 8px;
}

.manProd__searchImg {
  stroke: #aaaaaa;
}

.manProd__searchInput {
  width: 100%;
}

.manProd__searchInput::-moz-placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.manProd__searchInput::placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.manProd__loop {
  cursor: pointer;
}

.manProd__inputCheck,
.giveCoupons__inputCheck {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.manProd__check,
.giveCoupons__check {
  position: relative;
  display: block;
  width: 37px;
  height: 37px;
  border-radius: 5px;
  outline: 1px solid #712a39;
}

.nomen__check {
  outline: 1px solid #D9D9D9;
}

.giveCoupons__check {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  outline: 1px solid #712a39;
}

.manProd__check::after,
.giveCoupons__check::after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  opacity: 0;
  background-color: #712a39;
  background-image: url(/images/checkManProd.png);
  transition: opacity 0.3s ease-in-out;
  inset: 0;
}

.nomen__check::after {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  opacity: 0;
  background-color: rgba(113, 157, 24, 1);
  background-image: url(/images/greenGal.svg);
  transition: opacity 0.3s ease-in-out;
  inset: 0;
}

.manProd__checkAll {
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 40px;
  cursor: pointer;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.giveCoupons__checkAll {
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  margin-top: 20px;
  cursor: pointer;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.productReturn-checkbox-label {
  margin-bottom: 0;
}

.manProd__checkProd {
  align-items: center;
  margin-right: 40px;
  cursor: pointer;
}

.productReturn-checbox {
  align-items: center;
  margin-right: 40px;
  cursor: pointer;
  margin-top: 40px;
}

.fizClientRole-checbox {
  margin-top: 47px;
  cursor: pointer;
  align-items: center;
}

.manProd__checkDescr {
  margin-top: 3px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #777;
}

.manProd__numb {
  display: block;
  width: 45px;
  margin-right: 15px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: rgba(132, 132, 132, 0.8);
}

.manProd__prodItem {
  align-items: center;
}

.manProd__artic {
  display: block;
  width: 67px;
  margin-right: 46px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: rgba(55, 55, 55, 0.8);
}

.manProd__product {
  align-items: center;
  width: 500px;
  margin-right: 40px;
  -moz-column-gap: 35px;
  column-gap: 35px;
}

.manProd__imgProd {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 60px;
  height: 65px;
}

.manProd__imgProd_2 {
  background-image: url(/images/imgProduct2.png);
}

.manProd__nameProd {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.manProd__descrProd {
  flex-direction: column;
  width: 118px;
  margin-right: 70px;
  row-gap: 4px;
}

.manProd__descrType {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #373737;
}

.manProd__descrCat {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: rgba(55, 55, 55, 0.8);
}

.manProd__priceBlock {
  flex-direction: column;
  width: 55px;
  margin-right: 60px;
  margin-bottom: 4px;
}

.manProd__priceBlock_two {
  margin-right: 60px;
}

.manProd__priceOld {
  display: block;
  font-family: Roboto;
  font-size: 17px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
  text-decoration: line-through;
  text-decoration-color: #939393;
}

.manProd__priceNew {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
}

.manProd__priceNew_type {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.manProd__discount {
  display: block;
  width: 160px;
  text-align: center;
  margin-right: 60px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.manProd__discount_plus {
  color: #719d18;
}

.manProd__discount_retail {
  width: 100px;
  margin-right: 200px;
  text-align: right;
}

.manProd__mainForm_retail {
  display: none;
}

.manProd__mainForm_site {
  display: none;
}

.manProd__red {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #2d7cb6;
}

.manProd__prodList {
  overflow-y: auto;
  flex-direction: column;
  height: calc(100vh - 438px);
  row-gap: 21px;
}

.manProd__titleListBlock {
  margin-bottom: 21px;
  padding-right: 225px;
  padding-left: 135px;
}

.manProd__titleList {
  display: block;
  margin-right: 40px;
  font-family: Roboto;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #848484;
}

.manProd__titleList_articul {
  width: 75px;
  margin-right: 135px;
}

.manProd__titleList_name {
  width: 403px;
}

.manProd__titleList_cat {
  width: 118px;
  margin-right: 70px;
}

.manProd__titleList_priceOne {
  width: 75px;
}

.manProd__titleList_priceTwo {
  width: 75px;
}

.manProd__titleList_discRetail {
  margin-right: 120px;
}

.manProd__titleList_stopList {
  margin-right: 0;
}

.manProd__filterBlock {
  position: relative;
  margin-left: auto;
}

.manProd__selectMainBlock {
  position: relative;
  width: 301px;
  padding: 20px 22px 19px 27px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  cursor: pointer;
}

.manProd__selectItem {
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #434343;
}

.manProd__selectHidden {
  position: absolute;
  z-index: 9999;
  top: 62px;
  left: 0;
  display: none;
  flex-direction: column;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background-color: #ffffff;
}

.manProd__select {
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.manProd__selectCurrent {
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #616161;
}

.addModalManProd {
  position: absolute;
  z-index: 10000;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  inset: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.addModalManProd_addSales,
.addModalManProd_discount,
.addModalManProd_price {
  display: none;
}

.addModalManProd__btn {
  width: 254px;
  padding: 18px 53px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #601121;
}

.salesManProd {
  width: 605px;
  padding: 24px 29px 58px 58px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.salesManProd__titleBlock {
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 38px;
}

.salesManProd__title {
  font-family: Roboto;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.salesManProd__descr {
  margin-bottom: 38px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.discManProd {
  width: 605px;
  padding: 24px 29px 58px 58px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.discManProd__titleBlock {
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 38px;
}

.discManProd__title {
  font-family: Roboto;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.discManProd__descr {
  margin-bottom: 38px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.discManProd__form {
  position: relative;
  flex-direction: column;
  row-gap: 20px;
}

.discManProd__input {
  width: 483px;
  padding: 14px 50px 14px 14px;
  border: 1px solid #939393;
  border-radius: 6px;
  background: #ffffff;
}

.discManProd__procImg {
  position: absolute;
  top: 9%;
  right: 50px;
  width: 22px;
  height: 35px;
  background-image: url(/images/procImg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.priceManProd {
  width: 605px;
  padding: 24px 29px 58px 58px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.priceManProd__titleBlock {
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 38px;
}

.priceManProd__title {
  font-family: Roboto;
  font-size: 25px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.priceManProd__descr {
  margin-bottom: 38px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.priceManProd__form {
  position: relative;
  flex-direction: column;
  row-gap: 20px;
}

.priceManProd__form_redProd {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 20px;
}

.priceManProd__input {
  width: 483px;
  padding: 14px 50px 14px 14px;
  border: 1px solid #939393;
  border-radius: 6px;
  background: #ffffff;
}

.priceManProd__input_redProd {
  width: 289px;
  height: 55px;
  padding: 13px 46px 13px 26px;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.priceManProd__rubImg {
  position: absolute;
  top: 9%;
  right: 50px;
  width: 22px;
  height: 35px;
  background-image: url(/images/rubImg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.priceManProd__rubImg_redProd {
  top: 9px;
  right: 26px;
  width: 15px;
}

.filterBlock__modal {
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 0;
  display: none;
  width: 394px;
  padding: 18px 24px 23px 22px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background: #ffffff;
}

.filterBlock__titleBlock {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 18px;
}

.filterBlock__title {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
  text-transform: uppercase;
}

.filterBlock__selectCurrent {
  display: block;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #424242;
}

.filterBlock__select {
  justify-content: space-between;
  width: 293px;
  cursor: pointer;
}

.filterBlock__selectItem_selected .filterBlock__itemCross {
  display: inline-block;
}

.filterBlock__selectItem_selected {
  background: pink;
}

.filterBlock__itemCross {
  display: none;
}

.filterBlock__selectItem {
  align-items: center;
  margin: 4px 4px;
  padding: 4px 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #616161;
  cursor: pointer;
  -moz-column-gap: 10px;
  column-gap: 10px;
  border-radius: 20px;
  justify-content: space-between;
}

.filterBlock__selectHidden {
  display: none;
  flex-direction: column;
  padding-top: 14px;
  row-gap: 14px;
}

.filterBlock__selectMainBlock {
  width: 293px;
  padding-bottom: 14px;
  border-bottom: 1px solid #ececec;
}

.filterBlock__selectMainBlock:not(:first-child) {
  padding-top: 14px;
}

.filterBlock__checkLabel {
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  padding-top: 26px;
  cursor: pointer;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.redProd {
  display: none;
  height: 900px;
}

.redProd__title {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 23px;
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.redProd__articul {
  position: relative;
  padding: 16px 16px 16px 130px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
}

.redProd__articul::-moz-placeholder {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
}

.redProd__articul::placeholder {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
}

.redProd__artBlock {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 40px;
}

.redProd__artBlock::after {
  content: "Артикул";
  position: absolute;
  top: 16px;
  left: 23px;
  width: auto;
  height: auto;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(166, 166, 166, 0.5);
}

.redProd__priceTitle {
  margin-bottom: 11px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.redProd__priceBlock {
  margin-bottom: 60px;
}

.redProd__instruct {
  align-items: center;
  margin-bottom: 40px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.redProd__formBlock {
  width: 100%;
  -moz-column-gap: 60px;
  column-gap: 60px;
}

.redProd__mainBlock {
  width: 50%;
}

.redProd__btn {
  padding: 18px 58px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #5b0e1d;
}

.redProd__nameBlock {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px;
  padding: 16px 26px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
}

.redProd__inputCount {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(147, 147, 147, 0.5);
}

.redProd__inputName {
  width: 90%;
}

.redProd__catBlock {
  margin-bottom: 40px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.redProd__paramTitle {
  margin-bottom: 11px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.redProd__param {
  width: 193px;
  height: 55px;
  padding-right: 24px;
  padding-left: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #a6a6a6;
}

.redProd__paramiInputBlock {
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.redProd__paramBlock {
  margin-bottom: 40px;
}

.redProd__checkDescr {
  margin-left: -56px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #848484;
}

.redProd__check {
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 31px;
  cursor: pointer;
}

.redProd__check_inst {
  margin-bottom: 0;
}

.redProd__checkInput {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.redProd__checkDescrTxt {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.redProd__label {
  cursor: pointer;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.redProd__checkType {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border: 1px solid gray;
  border-radius: 100%;
}

.redProd__checkType::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  opacity: 0;
  background-color: #8b2d2e;
  transition: opacity 0.3s ease-in-out;
}

.redProd__descrTitle {
  margin-bottom: 11px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.redProd__text {
  display: block;
  width: 100%;
  padding: 16px 23px 30px 23px;
  border: none;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
  resize: none;
}

.redProd__blockCheck {
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.redProd__checkBlock {
  margin-bottom: 40px;
}

.redProd__descrBlock {
  margin-bottom: 20px;
}

.content {
  margin-bottom: 40px;
}

.content__title {
  margin-bottom: 20px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.content__btnBlock {
  margin-bottom: 21px;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.content__btn {
  padding: 13px 14px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #ffffff;
  background: #719d18;
}

.content__flowerList {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #555555;
}

.makeProd {
  display: none;
  height: 900px;
}

.makeProd__compare {
  display: block;
  margin-bottom: 30px;
  padding: 13px 14px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #ffffff;
  background: rgba(100, 20, 36, 0.7);
}

.makeProd__title {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 23px;
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.makeProd__articul {
  position: relative;
  padding: 16px 16px 16px 130px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
}

.makeProd__articul::-moz-placeholder {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
}

.makeProd__articul::placeholder {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
}

.makeProd__artBlock {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  margin-bottom: 40px;
}

.makeProd__artBlock::after {
  content: "Артикул";
  position: absolute;
  top: 16px;
  left: 23px;
  width: auto;
  height: auto;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(166, 166, 166, 0.5);
}

.makeProd__priceTitle {
  margin-bottom: 11px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
}

.makeProd__priceBlock {
  margin-bottom: 30px;
}

.makeProd__instruct {
  align-items: center;
  margin-bottom: 40px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.makeProd__formBlock {
  width: 100%;
  -moz-column-gap: 60px;
  column-gap: 60px;
}

.makeProd__mainBlock {
  width: 50%;
}

.makeProd__btn {
  padding: 18px 58px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #5b0e1d;
}

.makeProd__nameBlock {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 40px;
  padding: 16px 26px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
}

.makeProd__inputCount {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(147, 147, 147, 0.5);
}

.makeProd__inputName {
  width: 90%;
}

.makeProd__catBlock {
  margin-bottom: 40px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.makeProd__paramTitle {
  margin-bottom: 11px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.makeProd__param {
  width: 193px;
  height: 55px;
  padding-right: 24px;
  padding-left: 24px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.makeProd__paramiInputBlock {
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.makeProd__paramBlock {
  margin-bottom: 40px;
}

.makeProd__checkDescr {
  margin-left: -56px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #848484;
}

.makeProd__check {
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 31px;
  cursor: pointer;
}

.makeProd__check_inst {
  margin-bottom: 0;
}

.makeProd__checkInput {
  display: none;
}

.makeProd__checkDescrTxt {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.makeProd__label {
  cursor: pointer;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.makeProd__checkType {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  border: 1px solid gray;
  border-radius: 100%;
}

.makeProd__checkType::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  border-radius: 100%;
  opacity: 0;
  background-color: #8b2d2e;
  transition: opacity 0.3s ease-in-out;
}

.makeProd__descrTitle {
  margin-bottom: 11px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.makeProd__text {
  display: block;
  width: 100%;
  padding: 16px 23px 30px 23px;
  border: none;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgba(0, 0, 0, 0.5);
  resize: none;
}

.makeProd__blockCheck {
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.makeProd__checkBlock {
  margin-bottom: 40px;
}

.makeProd__descrBlock {
  margin-bottom: 20px;
}

.addMaterial {
  width: 50%;
  padding-top: 95px;
}

.addMaterial__title {
  display: block;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.addMaterial__titleDescr {
  display: block;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.addMaterial__titleBlock {
  margin-bottom: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.addMaterial__inputFile {
  position: relative;
  display: block;
}

.addMaterial__inputDescr {
  position: relative;
  display: block;
  padding: 14px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: rgb(255, 255, 255);
  background-color: rgba(100, 20, 36, 0.7);
  cursor: pointer;
}

.addMaterial__btnBlock {
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.addMaterial__delete {
  cursor: pointer;
}

.addMaterial__moving {
  cursor: pointer;
}

.addMaterial__fileItem {
  align-items: center;
}

.addMaterial__numb {
  margin-right: 17px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #848484;
}

.addMaterial__descrBlock {
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  width: 390px;
  margin-right: 15px;
  row-gap: 10px;
}

.addMaterial__descr {
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #848484;
}

.addMaterial__replace {
  display: block;
  padding: 5px 10px;
  border: 1px solid #2d7cb6;
  border-radius: 2px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #2d7cb6;
  cursor: pointer;
}

.addMaterial__btnPlayBack {
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  cursor: pointer;
  inset: 0;
}

.addMaterial__btnPlay {
  width: 30px;
  height: 30px;
  background-image: url(/images/play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.addMaterial__videoDescr {
  width: 390px;
  height: 100%;
  margin-right: 17px;
  padding: 16px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #3e7ebc;
}

.addMaterial__fileList {
  flex-direction: column;
  row-gap: 15px;
}

.addMaterial__fileBlock {
  margin-bottom: 20px;
}

.addMaterial__img {
  background: #000;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100px;
  height: 100px;
  margin-right: 17px;
  border-radius: 5px;
}

.addMaterial__img_1 {
  background-image: url(/images/addMaterialImg1.png);
}

.addMaterial__img_2 {
  background-image: url(/images/addMaterialImg2.png);
}

.addMaterial__img_3 {
  background-image: url(/images/addMaterialImg3.png);
}

.addMaterial__img_video {
  position: relative;
}

.addMaterial__img_video video {
  border-radius: 5px;
  object-fit: cover;
}

.chooseModal {
  position: absolute;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  inset: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.chooseModal__main {
  width: 766px;
  padding: 28px 42px 63px 58px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.chooseModal__main_showcase {
  display: none;
}

.chooseModal__main_compare {
  display: none;
}

.chooseModal__titleBlock {
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 25px;
}

.chooseModal__title {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.chooseModal__descr {
  display: block;
  margin-bottom: 62px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #555555;
}

.chooseModal__formSearch {
  width: 100%;
  margin-right: 40px;
  margin-bottom: 41px;
  padding: 13px 16px 13px 30px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.chooseModal__searchInput {
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.chooseModal__searchInput::-moz-placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.chooseModal__searchInput::placeholder {
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
}

.chooseModal__btn {
  display: block;
  width: 230px;
  padding: 20px 45px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.chooseModal__btn_ok {
  color: #ffffff;
  background-color: #651425;
}

.chooseModal__btn_not {
  border: 1px solid #939393;
  color: #939393;
}

.chooseModal__btn_save {
  color: #ffffff;
  background-color: #d9d9d9;
}

.chooseModal__btnBlock {
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.chooseModal__campareForm {
  flex-direction: column;
  justify-content: space-between;
  min-height: 484px;
}

.chooseModal__compareProd {
  align-items: center;
  margin-bottom: auto;
}

.chooseModal__flowerCheck {
  align-items: center;
}

.chooseModal__flowerImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 74px;
  height: 71px;
  margin-right: 22px;
  background-image: url(/images/flowerList.png);
}

.chooseModal__flowerName {
  width: 270px;
  margin-right: 53px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
  color: #555555;
}

.chooseModal__flowerArticul {
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  color: #939393;
  text-align: right;
}

.compareModal {
  display: none;
  position: absolute;
  z-index: 10000;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  inset: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.compareModal__mainBlock {
  width: 670px;
  padding: 28px 20px 29px 40px;
  border-radius: 15px;
  background-color: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.compareModal__title {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.compareModal__cross {
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.compareModal__titleBlock {
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 20px;
}

.compareModal__descr {
  margin-bottom: 15px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: normal;
  color: #000000;
}

.compareModal__chooseBlock {
  overflow-y: auto;
  height: 465px;
  margin-bottom: 30px;
  padding: 20px 47px 22px 19px;
  border-radius: 6px;
  background-color: rgba(241, 241, 241, 0.42);
}

.compareModal__btnBlock {
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.compareModal__btn {
  display: block;
  width: 230px;
  padding: 20px;
  border-radius: 6px;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  text-transform: uppercase;
}

.compareModal__btn_ok {
  color: #ffffff;
  background-color: #651425;
}

.compareModal__btn_not {
  border: 1px solid #939393;
  color: #939393;
}

.makeProd__checkInput:checked+.makeProd__checkType::after {
  opacity: 1;
}

.redProd__checkInput:checked+.redProd__checkType::after {
  opacity: 1;
}

.manProd__inputCheck:checked+.manProd__check::after {
  opacity: 1;
}

.giveCoupons__inputCheck:checked+.giveCoupons__check::after {
  opacity: 1;
}

.manProdBtnSite {
  color: white;
  background-color: #722a39;
}

.manProdBtnSiteWhite {
  color: #000000;
  background-color: transparent;
}

.topFilter {
  width: 60px;
  height: 60px;
  padding: 15px 13px 10px 13px;
  border-radius: 6px;
  background-color: rgba(103, 22, 39, 0.4);
  background-image: url(/images/filter.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.addMaterial__inputFile input[type=file] {
  position: absolute;
  z-index: -1;
  display: block;
  width: 0;
  height: 0;
  opacity: 0;
}

.nomenBase {
  display: none;
}

.nomenProductInstance_img {
  width: 300px;
  height: 300px;
  margin-left: 10px;
}

.addCat__addBlock {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.addCat__addBlockContent {
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.retailDescr__checkInput:checked+.retailDescr__check::after {
  opacity: 1;
}

.backListProd {
  background-color: #ececec;
}

.nomenBlock__nomen_retail {
  display: none;
}

.nomenBlock__nomen_virt {
  display: none;
}

.nomen__selectMainBlock.is-active .nomen__selectHidden {
  display: flex;
}

.ordersBase {
  display: none;
}

.nomenBlock {
  display: none;
}

.displayNone {
  display: none;
}

.displayBlock {
  display: block;
}

.displayFlex {
  display: flex;
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-thumb {
  border-radius: 9em;
  background-color: #6f1b2d;
}

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

/* Стили для административного блока */


/* Общие стили */
.admin_block_title {
  color: #000;
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}

.headerOrder__mainBlockTasks {
  align-items: center;

}

/* .headerOrder__mainBlockTasks div{
display: flex;
align-items: center;
} */
/* Часы */
.clockpage {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
}

#clock {
  display: flex;
  align-items: flex-end;
}

.clockpage p {
  margin: 0;
}

.clockpage #clockHHMM {
  line-height: 100%;
  font-size: 38px;
}

.clockpage #dayOfWeek {
  line-height: 120%;
}

.clockpage #clockSS {
  width: 32px;
  padding-bottom: 1px;
  text-align: center;
}

.clockpage #clockSS,
.clockpage #dayOfWeek {
  font-size: 20px;
}

/*  */
.navtitle {
  display: flex;
  align-items: center;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.conteiner_form {
  width: 1199px;
  height: 421px;
}

/* Ситуативные */
.admin__block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 277px;
  height: 170px;
  padding: 25px 25px;
  border-radius: 6px;
  background: #719d189e;
  cursor: pointer;
}

.admin__name {
  display: block;
  font-size: 23px;
  font-weight: 500;
  line-height: normal;
  color: #2E4500;
  text-align: center;
  text-transform: uppercase;
}

.adminBase {
  width: 100%;
  height: calc(100vh - 128px);
  background: #FFF;
  border-radius: 15px 0px 0px 0px;
  padding: 33px;
}

.adminMain_title {
  margin-bottom: 28px;
  color: #000;
  font-family: Roboto;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Конец стилей административного блока*/

/*Блок инструкции  */
.instruction_conteiner_block {
  display: flex;
  margin-bottom: 30px;
}

.instruction_conteiner p,
.instruction_conteiner input {
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}

.instruction_conteiner input {
  border: 1px solid #ADADAD;
  padding: 15px;
}

.instruction_block_title,
.aboutUs_block_title {
  margin-bottom: 33px;
}


.instruction_conteiner_title,
.guarantee_conteiner_title,
.aboutUs_conteiner_title {
  color: #848484;
  font-family: Roboto;
  font-size: 18px;
  margin-bottom: 15px;
}

.recomendation_input {
  width: 550px;
  height: 55px;
  border-radius: 6px;
  font-size: 20px;
  margin-bottom: 30px;

}

.instruction_imgDescription_text {
  color: #848484;
  font-family: Roboto;
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.instruction_conteiner_text {
  margin-bottom: 15px;
  font-size: 18px;
}

.instruction_imgDescription_input {
  width: 754px;
  height: 50px;
  margin-bottom: 35px;
  font-size: 20px;
  border-radius: 6px;
}

.instruction_btn {
  display: flex;
  flex-direction: column;
}

.instruction_btn_add {
  width: 268px;
  border-radius: 6px;
  background: rgba(100, 20, 36, 0.70);
  display: flex;
  padding: 15px 28px;
  color: #FFF;
  font-size: 20px;
  margin-bottom: 70px;
}

.instruction_btn_submit {
  border-radius: 6px;
  background: #651425;
  width: 230px;
  height: 64px;
  color: #FFF;
  font-size: 20px;
  text-transform: uppercase;
}

.instruction_img_block {
  margin-left: 40px;
}

.instruction_img_block p {
  font-size: 18px;
}

.instruction_img_block img {
  border-radius: 6px;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 188px;
  height: 188px;
  object-fit: cover;
}

.instruction_img_edit {
  color: #2D7CB6;
  cursor: pointer;
}

.instruction_delete {
  color: #5E1020;
  cursor: pointer;
  font-size: 18px;
  margin-left: 90px;
}

/*Конец Блока инструкции  */
.calendar_block {
  display: flex;
  height: -moz-max-content;
  height: max-content;
  -moz-column-gap: 15px;
  column-gap: 15px;
}

.nomenProduct {
  border-bottom: 1px solid #ececec;
  background-color: #ececec;
}

/* Раздел О нас */

.aboutUS_btn_submit,
.guarantee_btn_submit,
.createNews_btn_submit,
.contacts_btn_submit,
.delivery_btn_submit,
.permissions_btn_submit {
  border-radius: 6px;
  background: #651425;
  width: 230px;
  height: 64px;
  color: #FFF;
  font-size: 20px;
  margin-top: 22px;
  text-transform: uppercase;
}

.createNews_btn_submit {
  margin-top: 60px;

}

/* Оптовым и корпоративным клиентам */
.corpclient_block_title {
  margin-bottom: 27px;
}

.corpClient_check {
  width: 25px;
  height: 25px;
}

.corpClient_btn_block button {
  border-radius: 6px;
  border: 1px solid #939393;
  padding: 10px 20px;
  margin-bottom: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  font-size: 20px;
}

.corpClient_btn_block button:first-of-type {
  margin-right: 15px;
}

.btn_active {
  background: #874554;
  color: #FFF !important;
}

.corpClient_email_text {
  color: #626262;
  font-family: Roboto;
  font-size: 20px;
  margin-bottom: 19px;
  margin-top: 30px;
}

.corpClient_email_input {
  width: 550px;
  height: 55px;
  border-radius: 6px;
  border: 1px solid #848484;
  background: #FFF;
  padding: 10px;
  margin-bottom: 54px;
}

.corpclient_block,
.helpBlock,
.subject_block {
  display: flex;
  flex-direction: column;
}

.corClient_checkbox {
  display: flex;
  align-items: center;
  margin-bottom: 41px;
}

.corClient_checkbox label {
  font-size: 20px;
}

#corClientCheck {
  font-size: 20px;
  width: 25px;
  height: 25px;
  margin-right: 12px;

}

.corClient_checkbox_label {
  display: flex;
  align-items: center;
}

.corClient_checkbox_label input {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

/* Блок помоши */
.subject_title {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.subject_title_input {
  border-radius: 6px;
  border: 1px solid #ADADAD;
  width: 550px;
  height: 55px;
  padding: 20px;
  margin-bottom: 37px;
  font-size: 20px;
}

.subject_question_title {
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.subject_question_input {
  border-radius: 6px;
  border: 1px solid #ADADAD;
  padding: 20px;
  width: 864px;
  min-height: 58px;
  margin-bottom: 9px;
  font-size: 18px;
  overflow: auto;
}

.question_add_block {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 40px;
  cursor: pointer;
}

.question_add_block p {
  margin-left: 19px;
  color: #844451;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.question_add_block img {
  width: 35px;
  height: 35px;
}

.subject_add_btn {
  width: 219px;
  border-radius: 6px;
  border: 1px solid #939393;
  padding: 15px 20px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 73px;
}

.subject_description_input {
  height: 73px;
  font-size: 17px;
}

/* Блок новостей */
.news_header {
  width: 1670px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.news_header_riht {
  display: flex;
  align-items: center;
}

.news_checkbox {
  display: flex;
  margin-right: 40px;
}

.news_checkbox input {
  width: 25px;
  height: 25px;
}

.news_checkbox label {
  color: #848484;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.createNews_date_block {
  width: 400px;
  height: 64px;
  border-radius: 6px;
  border: 1px solid #939393;
  margin-bottom: 40px;
}

.createNews_date_block input {
  margin-left: 10px;
}

.createNews_date_block svg {
  width: 43px;
  height: 43px;
  margin-top: 10px;
  /* margin-left: 148px; */
}

.news_create_btn {
  color: #000;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  width: 230px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #939393;
}

.news_conteiner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 1670px;
  height: 545px;
}

.news_item {
  width: 825px;
  height: 196px;
  display: flex;
  border-radius: 6px;
  border: 1px solid #ADADAD;
}

.news_publick {
  color: #3E7EBC;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 14px;
  /*margin-top: 24px;*/
  align-self: flex-end;
  margin-right: 27px;
}

.news_text_block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 28px;
  justify-content: center;
}

.news_date {
  color: var(--light-gray, #B0B0B0);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-bottom: 5px;
}

.news_title {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.news_btn {
  display: flex;
}

.news_btn button {
  font-size: 18px;
}

.news_edit_btn {
  margin-right: 146px;
}

.news_edit_btn,
.news_btn button {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;

}

.newsCheckbox {
  margin-bottom: 10px;
  margin-right: 40px;
}

.newsCheckbox_text {
  font-size: 20px;
}

/* Блок создания новости */
.createNews_block {
  height: 961px;
  overflow: scroll;
}

.createNews_title_input {
  width: 1199px;
  height: 55px;
  border-radius: 6px;
  border: 1px solid #ADADAD;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 20px;
}

.createNews_date {
  margin-top: 40px;
  margin-bottom: 11px;

}

.createNews_date_input {
  width: 400px;
  height: 64px;
  margin-bottom: 40px;
}

.createNews_img_add {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 15px;
}

.createNews_checkbox {
  margin-top: 55px;
  display: flex;
  align-items: center;
}

.createNews_btn_close {
  width: 230px;
  height: 64px;
  color: #939393;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 6px;
  border: 1px solid #939393;
  margin-left: 60px;
}

/* Блок контактов */
.contacts_block_title {
  margin-bottom: 25px;
}

.contacts_btn button {
  border-radius: 6px;
  border: 1px solid #939393;
  padding: 10px 20px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.contacts_stores_btn {
  margin-left: 15px;
}

.contacts_block {
  display: flex;
}

.contacts_btn {
  margin-bottom: 40px;
}

.contacts_number_block {
  display: flex;

}

.contacts_number_block input {
  color: #5B5B5B;
  font-size: 19px;
}

.contacts_number_block p {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 11px;
  opacity: 0.5;

}

.units_number_block input,
.main_number_block input {
  width: 248px;
  height: 64px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  padding: 20px;
  margin-right: 30px;
}

.contacts_input_block h2 {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 20px;
}

.Requisites_block {
  margin-left: 116px;
}

.contacts_generalTime {
  margin-bottom: 60px;
  margin-top: 30px;
}

.contacts_generalTime h2 {
  color: #000;
  opacity: 0.5;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}

#contactsCheck {
  width: 25px;
  height: 25px;
}

.contacts_generalTime input[type="text"] {
  width: 205px;
  height: 64px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  padding: 20px;
}

.Requisites_block h2 {
  margin-bottom: 54px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.Requisites_block button {
  border-radius: 6px;
  border: 1px solid #939393;
  padding: 15px 20px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.contacts_checkbox {
  display: flex;
  margin-left: 15px;
  margin-bottom: 1px;
}

.contacts_checkbox label {
  color: #939393;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 10px;
  margin-top: 10px;
}

.generalTime_inputs_block {
  display: flex;
  align-items: center;
  margin-top: 11px;
}

.generalTime_inputs_block input {
  color: #D9D9D9;
  font-size: 25px;
}

/* Контактная информация для магазинов */
.storesBlock {
  display: flex;
  flex-direction: column;
}

.storesBlock input {
  font-size: 20px;
}

.storesBlock p,
.storesBlock button,
.storesBlock input {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.storesBlock input {
  border-radius: 6px;
  border: 1px solid #939393;
}

.stores_title_input {
  width: 725px;
  height: 64px;
  color: #000;
  font-size: 21px;
  padding: 20px;
}

.stores_conteiner {
  border-radius: 6px;
  border: 1px solid #939393;
  padding: 25px;
  width: 1489px;
  height: 408px;
}

.stores_conteiner_input {
  display: flex;
  align-items: flex-end;

}

.stores_title input {
  width: 725px;
  height: 64px;
  padding: 20px;
  margin-top: 15px;
}

.stores_number {
  margin-left: 29px;
}

.stores_number p,
.stores_worktime p {
  color: #000;
  margin-bottom: 11px;
  font-size: 20px;

}

.stores_number input {
  width: 248px;
  height: 64px;
  padding: 20px;
}

.stores_worktime {
  margin-left: 30px;
  margin-top: 15px;
}

.stores_worktime input {
  width: 205px;
  height: 64px;
  height: 64px;
  padding: 20px;
}

.contacts_checkbox input {
  width: 37px;
  height: 37px;
}

.stores_manage_btn {
  display: flex;
  margin-top: 19px;

}

.stores_manage_btn button {
  color: #2D7CB6;
  font-size: 20px;
  text-transform: uppercase;
}

.stores_delete_conteiner {
  display: flex;
  margin-left: 921px;
}

.stores_delete_conteiner button {
  color: #8A0000;
  font-size: 18px;
  text-transform: uppercase;
}

.stores_delete_btn {
  margin-right: 34px;
}

.stores_map_title {
  color: #000;
  font-size: 20px;
  margin-top: 11px;
}

.stores_map_text {
  width: 1199px;
  height: 279px;
  margin-top: 60px;
}

/* Блок преймушеств */
.advantages_item {
  margin-top: 43px;
}

.contacts_btn_submit {
  margin-top: 60px;
}

.advantages_item_title {
  margin-bottom: 23px;
  font-size: 20px;
}

.adminBase p,
.adminBase button,
.adminBase input {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.advantages_conteiner {
  gap: 60px;
}

.advantages_conteiner input,
.advantageDetails_instance_block input {
  border-radius: 6px;
  border: 1px solid #ADADAD;
  padding: 20px;
}

.advantages_btn button {
  padding: 10px 20px;
  color: #000;
  font-size: 20px;
  text-transform: uppercase;
  border: 1px solid #939393;
}

.advantages_main {
  margin-right: 15px;
  border-radius: 6px;
}

.advantages_detailed {
  border-radius: 6px;
}

.advantages_img_conteiner {
  display: flex;
  flex-direction: column;
  align-items: center;

}

.advantages_img_conteiner p {
  color: #2D7CB6;
  font-size: 18px;
  margin-top: 20px;
  cursor: pointer;
}

.advantages_img_conteiner img {
  width: 175px;
  height: 175px;
  border-radius: 6px;
  border: 1px solid #D9D9D9;
}

.advantages_input_conteiner {
  display: flex;
  flex-direction: column;
  margin-left: 22px;
}

.advantages_input_conteiner input,
.advantages_input_conteiner textarea {
  width: 550px;
  height: 50px;
}

.advantages_title_input {
  font-size: 20px;
  padding: 10px;
}


.advantages_description_input {
  font-size: 17px;
  /*color: #939393;*/
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 6px;
}

.advantages_imgDescription_input {
  font-size: 18px;
  color: #939393;
  padding: 10px;
}

/* Блок детальных преймушеств */
.advantageDetails_item_conteiner {
  margin-top: 30px;
  gap: 10px;
}

.advantageDetails_conteiner {
  height: 968px !important;
}

.advantagesDetailsInstance_recomended_btn {
  margin-top: 91px;
  border-radius: 6px;
  background: #719D18;
  width: 265px;
  height: 64px;
  color: #FFF;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase
}

.advantageDetails_item {
  width: 277px;
  height: 120px;
  border-radius: 6px;
  border: 1px solid rgba(147, 147, 147, 0.50);
  padding: 18px;
}

.advantageDetails_item h2 {
  color: #353535;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.advantageDetails_item button {
  color: #2D7CB6;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 20px;
}

.advantageDetails_instance_block {
  height: 100% !important;
}

.advantageDetails_instance_block,
.recomendedProduct_instance_block,
.recall_instance_block {
  width: 795px;
  height: 1151px;
  border-radius: 15px 0px 0px 0px;
  background: #FFF;
  padding: 26px;


}

.advantageDetails_instance_block h2 {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.advantageDetails_left_conteiner,
.recomendedProduct_left_conteiner {
  width: 990px;
  padding: 33px;
  background-color: #FFF;
  border-radius: 15px 15px 0px 0px;
}

/*  */
.AdvantageDetails_instance,
.recomendedProduct_instance {
  margin-left: 15px;
}

.advantages_item_conteiner img {
  display: flex;
  flex-direction: column;
}

.allOrders_list {
  height: calc(100vh - 390px);
}

/* Блок управления баннером */
.bannerBlock {
  overflow: scroll;
}

.slaider_two_item {
  flex-direction: column;
}

.slaider_item input,
.slaider_item,
.slaider_two_list input,
.slaider_two_item button,
.slaider_two_item input,
.slaider_input_conteiner input,
.slaider_checkbox_conteiner button,
.mobileBanner_conteiner input,
.delivery_conteiner input {
  border-radius: 6px;
  border: 1px solid #D9D9D9;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.slaider_two_list button,
.slaider_checkbox_conteiner button {
  text-transform: uppercase;
}

.slaider_delete_btn {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 60px;
  margin-bottom: 34px;
}

.slaider_two_item button,
.slaider_delete_btn {
  width: 213px;
  height: 43px;
  margin-top: 26px;
  padding: 10px 20px;
  color: #000;
  font-size: 17px;
}

.slaider_two_item input {
  width: 418px;
  height: 64px;
  padding: 20px;
}

.slaider_title {
  color: #000;
  font-size: 20px;
  margin-bottom: 28px;
}

.slaider_item {
  width: 1666px;
  height: 281px;
  padding: 28px;
  margin-bottom: 20px;
}

.slaider_two_list {
  gap: 22px;
}

.slaider_item p,
.slaider_two_list p {
  margin-top: 28px;
}

.switch_img_text {
  color: #2D7CB6;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}

.slaider_item input.slaider_img_imput,
.slaider_two_item input.slaider_img_imput,
.mobileBanner_conteiner input.slaider_img_imput {
  width: 418.009px;
  height: 170px;

}

.slaider_img_imput {
  object-fit: cover;
  width: 418.009px;
  height: 170px;
  border-radius: 6px;
  border: 1px solid #D9D9D9;
}

.slaider_multiLink_imput {
  width: 852px;
  height: 170px;
  margin-left: 28px;
  font-size: 18px;
  padding: 10px;
}

.mobileBanner_switchImg_text {
  margin-top: 28px;
}

.slaider_input_conteiner {
  margin-left: 27px;
  width: 907px;
  height: 64px;
}

.slaider_input_conteiner input {
  width: 907px;
  height: 45px;
  padding: 10px;
  /*color: #7D7D7D;*/
  font-size: 20px;
  margin-bottom: 18px;
}

.slaider_checkbox_conteiner {
  margin-left: 44px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.slaider_checkbox_conteiner p {
  color: #8E8E8E;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 21px;
  margin-top: 0;

}

.slaider_color_black {
  margin-bottom: 14px;
  margin-top: 21px;
}

.slaider_checkbox_conteiner label {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.slaider_checkbox_conteiner input {
  width: 21px;
  height: 21px;
}

.slaiderAdd_btn_conteiner {
  margin-top: 30px;
  align-items: center;
  cursor: pointer;
}

.slaiderAdd_btn_conteiner p {
  margin-left: 16px;
}

.slaider_title_two {
  margin-top: 90px;
}

.slaider_link_imput {
  margin-top: 33px;
  font-size: 18px;
}

.mobileBanner_inpit_conteiner {
  height: 170px;
}

/* Блок доставки */
.deliveryBlock {
  overflow: scroll;
}

.deliveryBlock input {
  font-size: 20px;
}

.deliveryBlock_title {
  margin-bottom: 20px;
}

.delivery_conteiner {
  margin-top: 20px;
}

.delivery_conteiner input {
  padding: 20px;

}

.delivery_input_conteiner {
  margin-bottom: 15px;
  margin-top: 40px;

}

.kostil {
  margin-bottom: 60px;
}

.delivery_input_conteiner input {
  border-radius: 6px;
  border: 1px solid #ADADAD;
  height: 55px;
  width: 492px;
  padding: 10px;
}

.delivery_input_conteiner input:first-of-type {
  width: 687px;
  margin-right: 20px;
}

.delivery_addresAdd_btn {
  padding: 15px 20px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 6px;
  border: 1px solid #939393;
  margin-top: 20px;
}

.delivery_adres_input {
  width: 725px;
  height: 64px;
  margin-right: 29px;
}

.delivery_number_input {
  width: 248px;
  height: 64px;
}

.delivery_conteiner p {
  margin-bottom: 20px;
}

.delivery_img_desription,
.delivery_img_desription span,
.delivery_desription_text,
.conditions_text {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.delivery_img_desription {
  margin-bottom: 16px;
  margin-top: 60px;
}

.delivery_img_desription span {
  color: #939393;
}

.delivery_desription_text {
  color: #848484;
  margin-left: 15px;
}

.delivery_desription_text p {
  margin-bottom: 15px;
}

.delivery_desription_text input {
  padding: 20px;
  width: 872px;
  height: 60px;
  border-radius: 6px;
  border: 1px solid #ADADAD;
}

.delivery_img_conteiner {
  margin-bottom: 40px;
}

.delivery_img_conteiner img {
  width: 265px;
  height: 221px;
  border-radius: 6px;
}

.delivery_desription {
  margin-bottom: 30px;
}

.conditions_text {
  font-size: 20px;
  margin-top: 20px;
}

#conditionsTwo,
#conditionsThree,
#conditionsFour {
  margin-top: 15px;
}

.delivery_btn_submit {
  margin-top: 60px;
}

/* Блок рекомендуемых продуктов */
.recomendedProduct_type_conteiner {
  margin-top: 10px;
  gap: 10px;
}

.recomendedProduct_type_item {
  width: 277px;
  height: 170px;
  border-radius: 6px;
  border: 1px solid #939393;
  padding-left: 28px;
}

.recomendedProduct_type_item h2 {
  color: #616161;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 26px;

}

.recomendedProduct_type_item p,
.recomendedProduct_type_item span {
  color: #848484;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 20px;
}

.recomendedProduct_type_item button {
  color: #2D7CB6;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 31px;
}

.recomendedProduct_instance_header p {
  margin-left: 508px;
}

.recomendedProduct_instance_header p span {
  margin-left: 15px;
  color: #434343;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.selectEdit_instance_title p {
  color: #434343;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.recomendedProduct_list_item {
  width: 100%;
  align-items: center;

}

.recomendedProduct_list_item p {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.recomendedProduct_item_img {
  margin-right: 30px;
}

.recomendedProduct_item_number {
  color: #939393;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 218px;
}

.recomendedProduct_item_price {
  color: #434343;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 38px;
}

.recomendedProduct_list li {
  border-bottom: 1px solid #ECECEC;
  margin-bottom: 13px;
}

.recomendedProduct_edit_btn {
  border-radius: 6px;
  background: #719D18;
  width: 265px;
  height: 64px;
  color: #FFF;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 203px;
}

/*  */
.recomendedProductEdit_block {
  background-color: #fff;
}

.recProductEdit_left_block {
  margin-right: 10px;
}

.recProductEdit_select {
  width: 150px;
  height: 45px;
  padding: 16px 15px;
  min-width: 150px !important;
  top: -16px;
  left: -17px;
  font-weight: 400;
}

.recProductEdit__selectHidden {
  right: -17px
}

.recProductEdit_header_btn {
  gap: 10px;
  width: 889px;
}

.recProductEdit_header_btn button {
  border-radius: 6px;
  border: 1px solid #D9D9D9;
}

.recProductEdit_product_list {
  margin-top: 20px;
}

.recProductEdit_all_btn {
  width: 90px;
  height: 45px;
}

.recProductEdit_rose_btn {
  width: 140px;
  height: 45px;
}

.recProductEdit_item_img {
  margin-right: 29px;
}

.recomendedProduct_list_item span {
  color: #555;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.recProductEdit_item_chekbox {
  width: 25px;
  height: 25px;
  margin-left: 70px;
}

.recProductEdit_item_price {
  margin-left: 111px;
}

.recProductEdit_item_number {
  margin-left: 87px;
}

.recProduct_search {
  width: 460.5px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #D9D9D9;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 20px;

}

.recProductEdit_product_list li {
  margin-bottom: 9px;
  border-bottom: 1px solid #ECECEC;

}

.recproductEdit_rightBlock_item {
  width: 100%;

}

.recproductEdit_rightBlock_item svg {
  margin-left: 124px;
}

.recproductEdit_rightBlock_product_title {
  color: #434343;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 335px;
}

.selectEdit_rightBlock_product_title {
  color: #434343;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 317px;
}

.recproductEdit_rightBlock_product_price,
.recproductEdit_rightBlock_product_price span {
  color: #434343;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.selectEdit_instance_title {}

.recomendedProductEdit_instance_header p {
  font-size: 20px;
  color: #939393;
}

.recproductEdit_list li {
  margin-top: 10px;
  border-bottom: 1px solid #ECECEC;
}

.recProdectEdit_save_btn {
  margin-top: 295px;
  text-transform: uppercase;
}

.recProductEdit_item_title {
  width: 334px;
}

.recProduct_btn {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/* Блок управления отзывами */

.recallSelect {
  width: 199px;
  height: 43px;
}

.recallSelectpinned {
  margin-left: 67px;
}

.recall_item_conteiner {
  gap: 15px;
}

.recall_header_btn_block {
  margin-top: 16px;
  margin-bottom: 20px;
  height: 43px;
  align-items: center;
}

.recall_header_main_btn {
  gap: 15px;
}

.recall_header_btn_block button {
  border-radius: 6px;
  border: 1px solid #939393;
  padding: 10px 20px;
  color: #000;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;

}

.recallBlock {
  border-radius: 15px 0px 0px 0px;
  background: #FFF;
  width: 100%;
  height: 2644px;
  padding-left: 28px;
}

.recall_block_title {
  margin-top: 20px;
}

.recall_item {
  width: 850px;
  height: fit-content;
  border-radius: 6px;
  border: 1px solid var(--a-0-a-09-f, #A0A09F);
  cursor: pointer;
  padding: 20px;
}

.recall_left_item {
  width: 990px;
  height: 961px;
  border-radius: 15px 15px 0px 0px;
  overflow: scroll;
}

.recall_item_header {
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-between;
}

.recall_item_header h2 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.recall_item_header p {
  color: #A8A8A8;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.recall_item>*:nth-child(3) {
  margin-top: 50px !important;
}

.recall_item img {
  border-radius: 5px;
}

.recall_item_title {
  margin-bottom: 14px;
}

.recall_item_title p,
.recall_item_title span,
.recall_item_mainText {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.recall_item_title p {
  color: #A8A8A8;

}

.recall_item_title span {
  color: #646464;
}

.recall_item_mainText {
  color: #2B2B2B;

}

.recall_item_btnConteiner {
  margin-top: 19px;
}

.recall_item_btnConteiner button {
  padding: 12px 20px;
  border-radius: 6px;
  border: 1px solid #939393;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.recall_Publish_btn,
.recall_hide_btn {
  margin-right: 15px;
}

.recall_btn_submit {
  border-radius: 6px;
  border: 1px solid #844451;
  width: 230px;
  height: 64px;
  color: #844451;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

/* Несортированные отзывы блок редактирования */
.rBlock_inctance:has(>.recall_instance_header) textarea {
  padding-top: 28px;
  padding-left: 18px;
  width: 711px;
  height: 159px;
  border-radius: 6px;
  border: 1px solid #ADADAD;
  font-size: 18px;
  margin-bottom: 42px;
}

.recall_instance_block img {
  border-radius: 5px;
  margin-bottom: 20px;
}

.recallInstance_img_text {
  font-size: 20px;
  margin-bottom: 17px;
}

.recall_instance_header {
  align-items: center;
  justify-content: space-between;
}

.recall_instance_header p {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.recall_instance_header svg {
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.grayText {
  color: rgba(0, 0, 0, 0.61);
  margin-top: 14px;
}

.lightGrayText {
  color: #B5B5B5;
}

.starRaiting_Conteiner {
  align-items: center;
  margin-bottom: 44px;
}

.starRaiting_Conteiner p {
  margin: 0;
  margin-right: 14px;
}

.recall_instance_description {
  margin-bottom: 19px;
}

.recallInstance_imgEdit_text {
  color: #939393;
  font-size: 18px;
}

.recall_instance_footer_btn {
  display: flex;
  justify-content: space-between;
  margin-top: 90px;
}

/* Блок с сео отзывами */
.recallSeoInstance_close_svg {
  margin-left: 143px;
}

.recallSeoInstance_header_input {
  width: 518px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #ADADAD;
}

.recallSeoInstance_header_input svg {
  width: 41px;
  height: 40px;
  margin-top: 4px;
  margin-left: 235px;
}

.recallSeo_select {
  top: 40px;
  width: 199px;
}

.recallSeo_select_block {
  min-width: 199px;
}

.recallSeoInstance_input_date {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  height: 50px;
}

.recallSeoInstance_input_name {
  width: 518px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #ADADAD;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}


.recallSeoInstance_product_text,
.recallSeoInstance_product_edit,
.recallSeoInstance_description {
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.recallSeoInstance_product_text {
  color: rgba(0, 0, 0, 0.61);
  margin-top: 26px;
  font-size: 18px;
}

.recallSeoInstance_product_edit {
  color: #3E7EBC;
  font-size: 25px;
  cursor: pointer;
}

.recallSeoInstance_rating {
  margin-top: 27px;
}

.recallSeoInstance_description {
  color: #000;
  margin-bottom: 19px;
  margin-top: 41px;
  font-size: 20px;
}

.recall_instance_block textarea {
  width: 711px;
  height: 159px;
  border-radius: 6px;
  border: 1px solid #ADADAD;
}

.recallSeoInstance_imgEdit_btn {
  padding: 14px 20px;
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 6px;
  background: #762D3C;
  margin-bottom: 241px;
}



.controllProduct_select {
  border-radius: 0%;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

/*Блок Выборки */
.select_search {
  align-items: center;
  width: 700px;
  height: 64px;
  margin-right: 10px;
  padding: 11px 14px 11px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.select_title_list {
  margin-top: 49px;
  margin-top: 37px;
}

.select_title_list span {
  color: #848484;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.select_title_articul {
  margin-right: 306px;
}

.select_title_date {
  margin-right: 132px;
}

.select_title_col {
  margin-right: 88px;
}

.select_title_main {
  margin-right: 77px;
}

.select_list {
  margin-top: 35px;
}

.select_list li {
  margin-top: 19px;
}

.select_list_bd {
  margin-right: 220px;
}

.select_list_date {
  margin-right: 122px;
}

.select_list_col {
  margin-right: 165px;
}

.select_list_main {
  margin-right: 149px;
}

.select_list_catalog {
  margin-right: 88px;
}

.select_list_edit {
  color: #2D7CB6;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-right: 60px;
  cursor: pointer;
}

.selection_header_btn button {
  border-radius: 6px;
  border: 1px solid #939393;
  padding: 12px 20px;
  font-size: 20px;
  height: 43px;
  text-transform: uppercase;
  font-weight: 400;

}

.selection_header_btn {
  margin-left: 681px;
}

.holiday_main {
  margin-right: 15px;
}

/*Модалка создания праздника  */

.createHolidey_close_btn {
  width: 50px;
  height: 50px;
  margin-left: 196px;
  cursor: pointer;
}

.createHolidey_header {
  margin-bottom: 59px;
}

.createHolidey_conteiner {
  width: 766px;
  height: 686px;
  padding-left: 58px;
  padding-top: 28px;
  border-radius: 15px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background-color: #fff;

}

.createHolidey_conteiner h2 {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.createHoliday_name {
  border-radius: 6px;
  border: 1px solid #939393;
  width: 649px;
  height: 64px;
  font-size: 20px;
  padding: 10px;
  margin-bottom: 28px;
}

.createHoliday_editimg_btn {
  border-radius: 6px;
  background: #762D3C;
  color: #FFF;
  width: 231px;
  height: 51px;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-top: 40px;
}

.createHoliday_input_block {
  width: 649px;
  height: 64px;
  border-radius: 6px;
  border: 1px solid #939393;
}

.createHoliday_input_block input {
  font-size: 20px;
  padding: 10px;
  height: 64px;
}

.createHoliday_input_block svg {
  width: 43px;
  height: 43px;
  margin-left: 329px;
  margin-top: 10px;
}

.createHoliday_footer_btn {
  margin-top: 158px;
}

.createHoliday_footer_btn button {
  width: 230px;
  height: 64px;
  border-radius: 6px;
}

.createHoliday_save_btn {
  background: #D9D9D9;
  margin-right: 167px;
}

.createHoliday_edit_btn {
  border: 1px solid #844451;
}

.selectEdit_instance_colProduct {
  margin-left: 391px;
}

.select_list_deleteBtn {
  cursor: pointer;
}

/* Модалка удаления */
.deleteHoliday_modal_conteiner {
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  width: 609px;
  height: 311px;
  padding-left: 58px;
  padding-top: 28px;
}

.deleteHoliday_modal_conteiner p {
  color: #848484;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 30px;
  width: 438px;
}

.deleteHolidey_header h2 {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 25px;
}

.deleteHolidey_close_btn {
  margin-left: 42px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.deleteHolidey_footer_btn {
  margin-top: 30px;
}

.deleteHolidey_yes_btn {
  margin-right: 34px;
}

.deleteHolidey_footer_btn button {
  border-radius: 6px;
  border: 1px solid #939393;
  width: 207px;
  height: 65px;
  color: #434343;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

/*  */
.createHolidayMain_select {
  width: 362px;
  height: 64px;
}

.createHolidayMain_first_conteiner {
  margin-top: 35px;

}

.createHolidayMain_second_conteiner {}

.createHolidayMain_select_list {
  height: 446px;
}

.createHolidayMain_second_title {
  margin-top: 87px;
  margin-bottom: 28px;

}

.createHolidayMain_third_conteiner {
  margin-top: 57px;
}

.createHolidayMain_item_img {
  width: 386px;
  height: 182px;
  border-radius: 6px;
}

.createHolidayMain_item_img img {
  border-radius: 6px;
}

.createHolidayMain_title {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 28px;
}

.createHolidayMain_first_title {
  color: #616161;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/*  */
.deleteNews_modal_conteiner,
.dynamic_modal_conteiner {
  width: 574px;
  height: 311px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding-left: 58px;
  padding-top: 24px;
}

.deleteNews_close_btn,
.dynamic_close_btn {
  width: 50px;
  height: 50px;
}

.deleteNews_header_conteiner svg {
  width: 50px;
  height: 50px;
  margin-left: 149px;
  cursor: pointer;
}

.dynamic_header_conteiner {
  justify-content: space-between;
}

.dynamic_header_conteiner svg {
  width: 50px;
  height: 50px;
  margin-right: 27px;
  cursor: pointer;
}

.deleteNews_modal_conteiner p,
.dynamic_modal_conteiner p {
  width: 423px;
  margin-top: 30px;
  color: #848484;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.dynamic_modal_conteiner p {
  height: calc(100% - 210px);
}

.dynamic_footer_btn {
  margin-top: 30px;
  margin-right: 27px;
  justify-content: flex-end;
}

.deleteNews_footer_btn {
  margin-top: 30px;
}

.deleteNews_footer_btn button,
.dynamic_footer_btn button {
  width: 207px;
  height: 65px;
  border-radius: 6px;
  border: 1px solid #939393;
}

.deleteNews_yes_btn {
  margin-right: 34px;
}

/*  */
.nomenCreateProduct {
  margin-bottom: 30px;
  justify-content: space-between;
}

.nomenCreateproductBlock {
  padding: 23px;
}

.nomenCreateproductBlock img {
  width: 175px;
  height: 175px;
  margin-top: 15px;
  border-radius: 6px;
}

.nomenCreateProduct p {
  font-family: Roboto;
  font-size: 30px;
  font-weight: 400;
  line-height: normal;
  color: #000000;
}

.nomenCreateProduct button {
  color: #2D7CB6;
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: Roboto;
}

.nomenCreateProduct_leftBlock {
  width: 359px;
}

.nomenCreateProduct_rightBlock {
  width: 359px;
  margin-left: 20px;
}

.nomenCreateProduct_retailname {
  color: #777;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 35px;
}

.header_input_block p {
  color: #777;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}

.nomenclature_sellPrice_input,
.nomenCreateProduct_retailname_input,
.nomenCreateProduct_barcode_input {
  width: 737px;
  height: 64px;
  border-radius: 6px;
  border: 1px solid #D9D9D9;
  margin-top: 10px;
  padding: 0 17px;
}

.nomenCreateProduct_recSize {
  color: #939393;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 35px;
}

.nomenCreateProduct_check input {
  width: 37px;
  height: 37px;
}

.nomenCreateProduct_check {
  margin-top: 35px;
}

/* Модалка сопоставить с 1с */
.Compare1CBlock {
  width: 670px;
  height: 975px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding-left: 40px;
  padding-top: 28px;
}

.Compare1CBlock_header {
  margin-bottom: 20px;
}

.Compare1CBlock_header h2 {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.Compare1CBlock_header svg {
  width: 50px;
  height: 50px;
  margin-left: 224px;
  cursor: pointer;
}

.Compare1CBlock_button {
  border-radius: 6px;
  border: 1px solid #939393;
  padding: 15px 20px;
  font-size: 20px;
  margin-right: 15px;
}

.Compare1CBlock_input_name {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 15px;
  margin-bottom: 15px;
}

.Compare1CBlock_input {
  width: 440px;
  height: 50px;
  border-radius: 6px;
  border: 1px solid #D9D9D9;
  padding: 10px;
  color: #939393;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
}

.Compare1CBlock_list_checbox {
  width: 589px;
  height: 565px;
  border-radius: 4px;
  background: rgba(241, 241, 241, 0.42);
  padding-top: 20px;
  padding-left: 19px;

}

.Compare1CBlock_button_save {
  margin-right: 30px;
}

.Compare1CBlock_button_conteiner {
  margin-top: 30px;
  gap: 15px;
}

.Compare1CBlock_footer_button {
  width: 230px;
  height: 64px;
  color: #939393;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 6px;
  border: 1px solid #939393;
}

.Compare1CBlock_checkbox_label {
  align-items: center;
  margin-top: 26px;
}

.Compare1CBlock_checkbox {
  color: rgba(67, 67, 67, 0.50);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 15px;
  width: 350px;
}

/*  */
.VirtBlock_header svg {
  margin-left: 74px;
  width: 50px;
  height: 50px;
  cursor: pointer;
}

.VirtBlock_header h2 {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

/*  */
.RetailCompareBlock {
  height: 975px;
  border-radius: 15px;
  background: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding-left: 40px;
  padding-top: 28px;
  padding-right: 28px;
}

.RetailCompare_header_Block {
  margin-bottom: 20px;
  justify-content: space-between;
}

.RetailCompare_header_Block svg {
  cursor: pointer;
  margin-left: 576px;
}

.RetailCompareBlock h2 {
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.RetailCompare_button_conteiner {
  gap: 15px;
  margin-top: 20px;
  margin-bottom: 30px;
}

div:has(> .RetailCompare_list_block) {
  gap: 20px;
}

.RetailCompare_list_block input {
  border-radius: 6px;
  border: 1px solid #D9D9D9;
  width: 440px;
  height: 50px;
  color: #939393;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 10px;
  margin-bottom: 8px;
}

.RetailCompareBlock_list_checbox {
  width: 530px;
  height: 565px;
  border-radius: 4px;
  background: rgba(241, 241, 241, 0.42);
  padding-left: 17px;
  padding-top: 20px;
  padding-bottom: 40px;
  overflow-x: hidden;
  overflow-y: auto;
}

.RetailCompare_list_block p {
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 15px;
}

.RetailCompare_list_block input {
  margin-bottom: 8px;
}

.RetailCompare_button {
  padding: 15px 20px;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  border-radius: 6px;
  border: 1px solid #939393;
}

.RetailCompare_footer_button {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  width: 230px;
  height: 64px;
  border-radius: 6px;
  border: 1px solid #939393;
}

.RetailCompareBlock svg {
  width: 50px;
  height: 50px;
  margin-left: 100px;
}

/*  */

.rating polygon {
  fill: lightgray;
  margin-right: 7px;
}

.rating polygon.active {
  fill: gold;
}

#containerCorpclient {
  width: 1199px;
  height: 400px;
}

.containerGuarantee {
  width: 1199px;
  height: 665px;
}

.newsEditContainer {
  width: 1199px;
  height: 665px;
}


.CreateNewsContainer {
  width: 1199px;
}

.AboutUsContainer {
  width: 1199px;
  height: 665px;
}

.deliveryConteiner {
  width: 1199px;

}

.ck-editor__editable[role="textbox"] {
  min-height: 200px;
}

.ck-content .image {
  max-width: 80%;
  margin: 20px auto;
}

/*  */
.headband,
.headband__two {
  height: 100%;
  background-color: rgba(111, 27, 45, 1);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.headband-text {
  font-family: 'Roboto';
  font-size: 40px;
  font-weight: 400;
  line-height: 47px;
  letter-spacing: 0%;

  color: rgb(255, 255, 255);
  opacity: 0.5;

}

.headband-text__first {
  margin-top: 215px;


}

.headband__two {
  display: none;
}

.headband__two-form,
.headband__two-form__two,
.headband__two-form__three {
  border-radius: 15px;
  padding: 60px;
  background: rgb(255, 255, 255);
  margin-top: 77px;
  max-width: 600px;

}

.headband__two-form {
  position: relative;
}

.headband__two-form img {
  width: 28px;
  position: absolute;
  right: 72px;
  top: 246px;
}

.auth_eye_btn {
  position: absolute;
  right: 72px !important;
}

.headband__two-form-title {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.headband__two-form-title_opacity {
  font-size: 20px;
  color: #646464;
}

.headband__two-form-input,
.shiftBLock_open-input,
.shiftBLock_close-input,
#form__three-input {
  width: 100%;
  height: 64px;
  padding: 21px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  margin-top: 30px;


  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.headband__two-form-input:first-of-type {
  margin-top: 40px;
}

.confirmPayment .modal-header {
  margin-bottom: 40px;
}

.confirmPayment .payment-info {
  display: flex;
  width: 390px;
  justify-content: space-between;
  align-items: center;
}

.confirmPayment .payment-info>p:first-of-type {
  color: #434343;
  font-size: 20px;
  margin: 0;
}

.confirmPayment .payment-info>p:last-of-type {
  color: #000000;
  font-size: 30px;
  margin: 0;
}

.confirmPayment .buttons-block {
  display: flex;
  align-items: center;
  gap: 20px;
}

.confirmPayment .buttons-block>button {
  border-radius: 6px;
  color: rgb(255, 255, 255) !important;
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
}

.confirmPayment .buttons-block>button:first-of-type {
  width: 204px;
  height: 64px;
  background: #719D18 !important;
  padding: 9px 30px 9px 30px;
  margin-top: 40px;
}

.confirmPayment .buttons-block>button:last-of-type {
  width: 204px;
  height: 64px;
  background: white !important;
  color: #777777 !important;
  border: 1px solid #D9D9D9;
  padding: 9px 30px 9px 30px;
  margin-top: 40px;
}

.continueBtn {
  padding: 20px 50px 20px 50px;
  border-radius: 6px;
  background: linear-gradient(180.00deg, rgb(111, 27, 45) -17.857%, rgb(82, 9, 22) 147.143%) !important;
  color: rgb(255, 255, 255) !important;
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  cursor: pointer;

  text-transform: uppercase;
}

.authBtn {
  margin-top: 60px;
}

.btn_disable {
  border-radius: 6px;
  color: rgb(255, 255, 255);
  background: rgb(217, 217, 217) !important;
  cursor: default;
}

.headband__two-header {
  display: flex;
  justify-content: space-between;
}

.headband__two-form__two {
  display: none;
  position: relative;
  width: 600px;

}

.headband__two-form__two-img {
  position: absolute;
  top: 227px;
  right: 78px;
}

.headband__two-form-text {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin-top: 20px;
  opacity: 0.5;
}

.headband__two-form-text:first-of-type {
  margin-top: 40px;
}

.headband__two-drop {
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 0px 6px 6px;
  background: rgb(255, 255, 255);
  padding: 20px;
  position: absolute;
  top: 260px;
  width: 480px;
  display: none;
}

.headband__two-drop-list {
  display: flex;
  flex-direction: column;
  gap: 38px;
}

.drop-list-item {
  color: rgb(97, 97, 97);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 400;
  cursor: pointer;
}

/* Универсальный класс */
.dropActive {
  display: flex !important;
  flex-direction: column;

}

.floristNav-conteiner {
  width: 100%;
  height: 961px;
  background: #FFF;
  border-radius: 15px 0px 0px 0px;
  padding: 22px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 13px;

}

.form__three-number {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 50px;
}

.form__three-number-btn,
.lowerPrce-number-btn,
.chooseClientError-number-btn,
.registerClient-number-btn {
  width: 152.38px;
  height: 90px;
  border-radius: 6px;
  background: rgb(230, 218, 220);

  color: rgb(148, 92, 103);
  font-family: 'Roboto';
  font-size: 42.42px;
  font-weight: 600;
  line-height: 50px;
  text-transform: capitalize;

}

.headband__two-form__three {
  display: none;
}

#star_number_btn,
#dell_number_btn,
.addShowcase-del,
.addShowcase-number-sucess {
  background: rgba(103, 22, 38, 0.8) !important;
}

.headband_prev_btn {
  display: none;
  position: absolute;
  top: 27px;
  left: 35px;
}

.floristNav_block {
  width: 280px;
  height: 170px;
  padding: 20px 25.2px;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.floristNav_block img {
  width: 50px;
  height: 50px;
}

.floristNav-block__purple {
  background: rgb(230, 218, 220);
}

.floristNav-block__green {
  background: rgb(220, 230, 218);

}

.floristNav-block__blue {
  background: rgb(218, 222, 230);
}

.floristNav-block__violet {
  background: rgb(237, 228, 249);
}

.floristNav-conteiner-text {

  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
}

.floristNav-conteiner-text__purple {
  color: rgb(128, 83, 83);
}

.floristNav-conteiner-text__green {
  color: rgb(103, 128, 83);
}

.floristNav-conteiner-text__blue {
  color: rgb(83, 101, 128);
}

.floristNav-conteiner-text__violet {
  color: rgb(108, 83, 128);
}

/*  */
.shiftBLock,
.shiftBLock_open,
.shiftBLock_close {
  position: relative;
  width: 550px;
  height: 480px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);

}

.shiftBLock-title {
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;

}

.shiftBLock-header {
  justify-content: space-between;
  width: 100%;
}

.shift-btn {
  width: 431px;
  height: 80px;
  border-radius: 6px;
  padding: 29px 86px 29px 86px;
  background: rgb(222, 207, 210);
  color: rgb(45, 0, 0);
  font-family: 'Roboto';
  font-size: 23px;
  font-weight: 500;
  margin-top: 20px;

}

.shift-btn:first-of-type {
  margin-top: 40px;
}

.shift-btn__active {
  color: rgb(255, 255, 255);
  background: linear-gradient(180.00deg, rgb(111, 27, 45) -17.857%, rgb(82, 9, 22) 147.143%);
}

.shiftBLock_open,
.shiftBLock_close {
  display: none;
}

.shiftBLock_open-img {
  position: absolute;
  top: 187px;
  right: 59px;
}

.shiftBLock_close-img {
  position: absolute;
  top: 210px;
  right: 59px;
}

.shiftBLock_open-text {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin-top: 20px;
  opacity: 0.5;
}

.shiftBLock_open-drop,
.shiftBLock_close-drop {
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 0px 6px 6px;
  background: rgb(255, 255, 255);
  padding: 20px;
  position: absolute;
  top: 238px;
  width: 451px;
  display: none;
  z-index: 2;
}

.shiftBLock_close-btn-conteiner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 100px;
}

.shiftBLock_open-btn-conteiner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 54px;
}

.cancellBtn {
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  padding: 20px 50px 20px 50px;
  width: 182px;
  height: 63px;

  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
}

.shiftBLock_close_header {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/*  */
.salesBlock-left,
.reserveBLock-left,
.showcaseBlockR,
.archiveL-block,
.saveCheck,
.left-block {
  width: 990px;
  height: 100vh;
  padding: 22px;
  padding-bottom: 0;
  border-radius: 15px 15px 0 0;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.salesBlock-left {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 125px);
}

.payment-left {
  width: 990px;
  padding-bottom: 0;
  border-radius: 15px 15px 0 0;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.archiveL-block {
  height: 1080px;
}

.salesBlock-header {
  height: 76px;
  padding: 15px 22px 0;
  display: flex;
  justify-content: space-between;
  /* padding-left: 118px; */
}

.salesBlock-header-input {
  width: 340px;
  height: 64px;
  padding: 21px 20px 21px 20px;
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.salesBlock-header-block {
  display: flex;
  gap: 10px;
}

.salesBlock-header-block>img {
  cursor: pointer;
}

.salesBlock-header-burger {
  margin-right: 0;
}

.sales-conteiner {
  flex-grow: 1;
  padding: 0 22px;
  display: flex;
  flex-wrap: wrap;
  row-gap: 14px;
  column-gap: 7px;
  overflow: scroll;
}

.sales-item-description {
  color: rgb(85, 85, 85);
  font-family: "Inter", "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 9px;
}

.sales-item {
  width: 230px;
  height: 328px;
  position: relative;
  padding: 6px;
  border: 4px solid #FFAEAE;
  border-radius: 10px;
  cursor: pointer;
}

.sales-item img {
  width: 100%;
  border-radius: 10px;
}

.sales-item-remains {
  position: absolute;
  top: 11px;
  left: 12px;
  border-radius: 24px;
  padding: 7px 10px 7px 10px;
  background: rgb(255, 255, 255);
  color: rgb(92, 92, 92);
  font-size: 18px;
  font-weight: 400;
}

.sales-item-out-of-stock {
  display: none;
  position: absolute;
  top: 89px;
  left: 27px;
  border-radius: 10px;
  padding: 11px 21px;
  background: rgb(255, 255, 255);
  color: rgb(92, 92, 92);
  font-size: 18px;
  font-weight: 400;
}

.sales-item-count {
  display: flex;
  position: absolute;
  right: 14px;
  bottom: 126px;
  border-radius: 24px;
  padding: 7px 10px 7px 10px;
  background: rgb(255, 255, 255);
}

.sales-item-count-text {
  color: #601221;
  font-size: 18px;
  font-weight: 600;
  margin-left: 5px;
}

.sales-btn-conteiner {
  width: 100%;
  height: 70px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*  */
.registrationServiceBlock {
  width: 598px;
  height: 359px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;
}

.registrationServiceBlock-header {
  justify-content: space-between;
}

.registrationServiceBlock-header h2 {
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.priceform-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  color: rgb(119, 119, 119);
}

.priceform {
  position: relative;
  display: flex;
  flex-direction: column;
}

.priceform-inpute {
  width: 252px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding-left: 27px;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-right: 40px;
  margin-top: 10px;
  margin-bottom: 40px;
}

.priceform-icon {
  position: absolute;
  top: 51px;
  right: 256px;
  color: rgb(147, 147, 147);
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

/*  */
.addFlowerBlock {
  position: relative;
  border-radius: 15px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: rgb(255, 255, 255);
  padding-top: 36px;
  padding-left: 58px;
  padding-right: 52px;
  padding-bottom: 50px;
}

.addFlowerBlock-header,
.persDiscount-header,
.clientCoupons-header,
.rBLock-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.addFlowerBlock-header h2 {
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.rBlock-header-title {
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.addFlowerBlock-form {
  margin-top: 40px;
}

.addFlowerBlock-form-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 300px;
  overflow: auto;
  margin-top: 0;
  margin-right: auto;
  padding-bottom: 20px;
  min-width: 700px;
}

.addFlowerBlock-form-list-item {
  display: flex;
  gap: 20px;
}
.addFlowerBlock-form-list>div:first-of-type+div:last-of-type>div:first-child {
  display: none;
}

.addFlowerBlock-form-type {
  width: 100%;
  height: 100%;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 15px 20px 15px 20px;
  cursor: pointer;
}

.addFlowerBlock-form-type ::placeholder {
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

.addFlowerBlock-form-img {
  position: relative;
  right: 52px;
}

.addFlowerBlock-drop {
  width: 252px;
  height: 110px;
  position: relative;
  top: -8px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 0px 6px 6px;
  background: rgb(255, 255, 255);
  display: none;
  z-index: 20;
}

.addFlowerBlock-list {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
}

.addFlowerBlock-list-item {
  color: rgb(97, 97, 97);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 28px;
  cursor: pointer;
}

.addFlowerBlock-list-item:last-child {
  margin-bottom: 0;
}

.ordersEdit-pickup-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.ordersEdit-pickup-list li {
  padding: 10px;
  color: rgb(97, 97, 97);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.ordersEdit-pickup .delivery-pay-header p {
  color: rgb(139, 45, 46);
}

.allOrders_drop {
  display: none;
  border: 1px solid rgb(217, 217, 217);
  background-color: white;
}

.allOrders_drop li {
  color: rgb(97, 97, 97);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  padding: 10px;
  cursor: pointer;
}

.addFlowerBlock-count-inpute {
  width: 123px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-right: 15px;
  margin-left: 15px;
  background: rgb(255, 255, 255);
  padding-left: 52px;
}

/*  */
.salesBlockR-header-btn {
  display: flex;
  align-items: flex-start;
  height: 49px;
  gap: 5px;
}

.salesBlockR-header-btn button:last-of-type {
  width: 45px;
  height: 45px;
}

.salesBlockR-order-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px 15px 0px 0px;
  background: rgb(255, 255, 255);
  width: 195px;
  height: 45px;
  color: rgb(132, 132, 132);
  font-size: 20px;
  font-weight: 500;
  text-transform: none;
  text-align: left;
  padding: 0 26px;
}

.salesBlockR-order-btn-active {
  background: rgb(48, 189, 87);
  color: rgb(255, 255, 255);
  height: 49px;
  text-transform: uppercase;
}

.salesBlockR-order-btn>svg {
  display: none;
}

.salesBlockR-order-btn-active>svg {
  display: inline-block;
}

.twoBlock_main {
  display: flex;
  gap: 15px;
}

.selected-client-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 14px 15px;
  gap: 67px;
  width: 300px;
  height: 53px;
  background: #707070;
  border-radius: 6px;
  cursor: default;
}

.selected-client-btn>div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.selected-client-btn>svg {
  cursor: pointer;
}

.selected-client-btn p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 23px;
  color: #FFFFFF;
}

.salesBlock-right {
  flex: 1;
}

.salesBlock-right.saleToOrderOpened {
  * {
    pointer-events: none;
  }

  .preOrder * {
    pointer-events: all;
  }

  .back_order {
    opacity: .5;
  }

  .check-control-info .info-btns .btn-pay.btn-convert {
    background-color: #939393 !important;
  }
}

.salesR-footer {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: rgb(112, 112, 112);
  padding-top: 20px;
  padding-left: 26px;
  padding-right: 29px;
  padding-bottom: 21px;
}

.changeCompound-header {
  display: flex;
  justify-content: space-between;
  background-color: white;
  border-radius: 15px 0 0px 0px;
  padding: 22px;
}

.salesR-footer-actionChoose-wrapper,
.salesR-actionChoose-wrapper {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  inset: 0;
}

.salesR-footer-actionChoose {
  width: 290px;
  border-radius: 6px;
  position: absolute;
  box-shadow: 0px 0px 114px 0px rgba(0, 0, 0, 0.25);
  background: rgb(255, 255, 255);
}

.salesR-footer-actionChoose li,
.salesR-actionChoose li {
  display: flex;
  padding: 20px 29px 20px 20px;
  cursor: pointer;
}

.salesR-footer-actionChoose li p,
.salesR-actionChoose li p {
  color: rgb(67, 67, 67);
  font-size: 23px;
  font-weight: 400;
  line-height: 27px;
  margin-left: 15px;
}

.salesR-actionChoose {
  width: 290px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 6px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.15);
  background: rgb(255, 255, 255);
}

.orderNav_prev {
  cursor: pointer;
}

.orderNav-conteiner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 40px;
}

.orderNav-conteiner li {
  display: flex;
  width: 308px;
  height: 170px;
  box-sizing: border-box;
  border-radius: 6px;
  background: rgb(217, 217, 217);
  color: rgb(45, 0, 0);
  font-size: 24px;
  font-weight: 500;
  text-align: center;
  line-height: normal;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.rBlockHeader,
.showcaseBlockR-header {
  display: flex;
  align-items: center;
}

/* .rBlockHeader {
  padding-left: 20px;
  padding-top: 20px;
} */
.salonTabel-header {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-top: 20px;
}

.showcaseBlockR-header {
  justify-content: space-between;
}

.rBlockHeader h2,
.showcaseBlockR-header h2 {
  margin-left: 20px;

  font-size: 30px;
  font-weight: 400;
  line-height: 120%;
}

.rBlockHeader button {
  margin-left: 576px;
}

.reserveL-input {
  width: 340px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

  background: rgb(255, 255, 255);
  padding: 21px 20px 21px 20px;
  margin-top: 25px;
}

.reserveL-list {
  height: 686px;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding-right: 32px;
}

.reserveL-list-title {
  display: flex;
  margin-bottom: 15px;
  margin-top: 25px;
  padding-left: 20px;
  padding-right: 10px;
}

.reserveL-list-title p {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.reserveL-list-name {
  flex: 2;
}

.reserveL-list-reserve,
.reserveL-list-sale {
  flex: 1;
}

.reserveL-list-item {
  display: flex;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 23px 20px 23px 20px;
}

.reserveL-list-item p:first-of-type {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.reserveL-list-item p:nth-child(2),
.reserveL-list-item p:last-of-type {
  color: rgb(119, 119, 119);
  font-size: 18px;

}

/*  */
.reserveL-Block,
.R-block-pading {
  padding: 26px 22px;
  padding-bottom: 28px;

}

.reserveR-header {
  display: flex;
  align-items: center;
}

.reserveR-header h2 {
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 120%;
}

.reserveR-header p:first-of-type {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  margin-left: 227px;

}

.reserveR-header p:last-of-type {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  margin-left: 15px;
}

.reserveR-list-title {
  display: flex;
  margin-top: 17px;
  margin-bottom: 20px;
}

.reserveR-list-title p {
  color: rgb(176, 176, 176);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  flex: 1;
}

.reserveR-list li {
  display: flex;
  padding-bottom: 19px;
  padding-top: 19px;
  border-bottom: 1px solid rgb(217, 217, 217);
}

.reserveR-list p {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  flex: 1;

}

.deletion-title {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;

  text-align: left;
  margin-top: 77px;
  margin-bottom: 31px;
}

.deletion-item-top-conteiner {
  display: flex;
}


.deletion-item-top-conteiner p {
  color: rgb(119, 119, 119);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.deletion-item-top-conteiner p:first-of-type {
  margin-right: 28px;
}

.deletion-item-bot-conteiner {
  display: flex;
  margin-top: 14px;
}

.deletion-item-bot-conteiner p:first-of-type {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  flex: 2;
}

.deletion-item-bot-conteiner p:last-of-type {
  color: rgb(138, 0, 0);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;

}

.deletion-item+.deletion-item {
  margin-top: 28px;
}

.reserveR-btn {
  width: 300px;
  height: 64px;
  box-sizing: border-box;
  border: 2px solid rgb(132, 132, 132);
  border-radius: 6px;
  margin-top: 283px;

  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-transform: uppercase;
}

.getReserve-block {
  width: 605px;
  height: 649px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;
  box-sizing: border-box;
}

.getReserve-header h2 {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;

}

.getReserve-header {
  display: flex;
  justify-content: space-between;
}

.getReserve-text {
  margin-top: 40px;
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0%;
  text-align: left;
  color: rgb(132, 132, 132);
}

.getReserve-text span {
  color: rgb(0, 0, 0);
}

.getReserve-form-count {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 40px;
}

.getReserve-form-input {
  width: 258px;
  height: 49px;
  padding-left: 120px;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  background: rgb(255, 255, 255);

}

.getReserve-form p:first-of-type {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  margin-left: 152px;

}

.getReserve-form p:last-of-type {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 40px;
  margin-bottom: 15px;

}

.getReserve-form textarea {
  width: 490px;
  height: 133px;
  margin-bottom: 40px;

}

.getReserve-form-btn {
  width: 230px;
  height: 64px;
}

.getReserve-number {
  display: none;
}

.getReserve-shure {
  width: 560px;
  height: 280px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;
  box-sizing: border-box;
  display: none;
}

.getReserve-shure-header {
  display: flex;
  justify-content: space-between;
}

.getReserve-shure-header h2 {
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;

}

.getReserve-shure__btn-conteiner {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}

.getReserve-shure__btn-conteiner button {
  color: rgb(45, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;

  text-align: left;
  text-transform: uppercase;
  border-radius: 6px;

  background: rgb(222, 207, 210);
  padding: 21px 86px 21px 86px;
}

.LoadReserve-input-conteiner {
  display: flex;
  gap: 20px;
  margin: 25px 0;

}

.LoadReserve-input-number,
.LoadReserve-input-search {
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 19px 20px 19px 20px;

  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  text-align: left;

}

.LoadReserve-input-number {
  width: 209px;
  height: 64px;
}

.LoadReserve-list {
  flex: 4;
}

.LoadReserve-list-title {
  display: flex;
  margin-bottom: 15px;
}

.LoadReserve-list-title p:nth-child(2) {
  flex: 2;
  text-align: left;
}

.LoadReserve-list-title p {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  flex: 1;

}

.LoadReserve-item-conteiner {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-height: 690px;
  width: 946px;
  padding-right: 30px;
  overflow-y: scroll;
}

.LoadReserve-item {
  display: flex;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 23px 20px 23px 20px;
}

.LoadReserve-item p {
  flex: 1;
  color: rgb(119, 119, 119);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

.LoadReserve-list-item {
  display: flex;
  border-bottom: 1px solid rgb(217, 217, 217);
  padding: 10px 0;
}

.LoadReserve-list-item p:first-of-type {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  flex: 2;

}

.LoadReserve-list-item p:nth-child(2) {
  color: rgb(119, 119, 119);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.LoadReserve-list-item p:last-of-type {
  color: rgb(119, 119, 119);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  opacity: 0.5;

}

.LoadReserve-list li:last-of-type {
  border: none;
}

.renameProduct-block {
  width: 605px;
  height: 401px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;


}

.renameProduct-block p {
  margin-top: 40px;
}

.renameProduct-header {
  display: flex;
  justify-content: space-between;
}

.renameProduct-input {
  width: 478px;
  height: 64px;
  margin-top: 10px;
  margin-bottom: 40px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  padding: 21px 20px 21px 20px;
}

.addShowcaseBlock {
  width: 646px;
  height: 523px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.addShowcaseBlock p {
  margin-top: 40px;
}

.addShowcase-sucess-header {
  display: flex;
  justify-content: space-between;
}

.addShowcase-sucess-header h2 {
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;

}

.addShowcase_img_conteiner {
  position: relative;
  width: 546px;
  height: 107px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

.addShowcase_img_conteiner p,
.otherDiscountPhoto_conteiner p {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
  margin-top: 20px;
}

/* Классы которые добавляются при постановке картинки */
.addShowcase_newImg,
.addShowcase_newImg img {
  width: 487px !important;
  height: 487px !important;
}

.addShowcase_newModal {
  width: 605px !important;
  height: 903px !important;
}


#preloader,
#paymentConfirm-preloader {
  position: fixed;
  z-index: 999;
  width: 117px !important;
  height: 117px !important;
  overflow: visible;

}

#paymentConfirm-preloader {
  margin-top: 144px;
}

.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.img_opacity {
  opacity: 0.5;
  background-color: rgba(0, 0, 0, 0.2);
}

.addShowcase-btn {
  margin-top: 40px;
}

.addShowcase-number {
  width: 605px;
  height: 674px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  display: none;

}

.addShowcase-number-header,
.lowerPrce_block-header,
.archiveL-header,
.startWork-header,
.productDestroy-header,
.productRebuild-header,
.saveCheck-header,
.modal-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.addShowcase-number-header h2 {
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.addShowcase-number-conteiner,
.lowerPrce-number-conteiner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.lowerPrce-number-conteiner {
  margin-top: 20px;
}

.addShowcase-number-btn {
  width: 153.38px;
  height: 90px;
  border-radius: 6px;
  background: rgb(230, 218, 220);

  color: rgb(148, 92, 103);
  font-family: 'Roboto';
  font-size: 42.42px;
  font-weight: 600;
  line-height: 50px;
  text-transform: capitalize;
}

.addShowcase-number-inpute {
  width: 483px;
  height: 64px;

  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  margin-top: 40px;
  margin-bottom: 20px;
  padding-left: 200px;
}

.addShowcase-sucess-Block {
  width: 605px;
  height: 376px;
  padding: 50px 40px 60px 60px;

  border-radius: 15px;
  background: rgb(255, 255, 255);
  display: none;
}

.addShowcase-sucess-Block p {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin-top: 40px;

}

.addShowcase-btn-conteiner {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}

.showcaseBlock {}

/*  */
.showcaseBlockR-header-btn-conteiner {
  display: flex;
  gap: 15px;
}

.showcaseBlockR-header div.flex {
  align-items: center;
}

.showcaseBlockR-header-btn-conteiner button {
  box-sizing: border-box;
  border: 1px solid rgb(67, 67, 67);
  border-radius: 6px;
  padding: 16px 20px 16px 20px;

  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  text-transform: uppercase;
}

.showcaseBlockR-input {
  width: 340px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

  background: rgb(255, 255, 255);
  padding: 21px 20px 21px 20px;

  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  margin: 25px 0;

}

.showcasekR-conteiner {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 15px;
  max-height: 756px;
  overflow-y: scroll;
  padding-bottom: 232px;
}

.showcasekR-item {
  padding: 7px;
  width: 229px;
}

.showcasekR-item img {
  border-radius: 6px;
}

.showcasekR-item p:first-of-type {
  color: rgb(85, 85, 85);
  font-family: "Inter", "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 19px;
}

.showcasekR-item-discount {
  display: flex;
  align-items: center;
}

.showcasekR-item-discount p:first-of-type {
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 10px;

}

.showcasekR-item-discount p:last-of-type {
  color: rgb(205, 101, 103);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-decoration-line: line-through;
  margin-left: 15px;
  margin-top: 11px;
}

/*  */
.rBlock_header {
  display: flex;
  align-items: center;
  border-radius: 15px 0px 0px 0px;

  background: rgb(142, 142, 142);
  padding: 8px 22px 8px 22px;
}

.rBlock_header p {
  color: rgb(255, 255, 255);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 600;
  line-height: 23px;
  text-transform: uppercase;
}

.rBlock_header p:first-of-type {
  flex: 4;
}

.rBlock_header p:last-of-type,
.rBlock_header button {
  flex: 1;
}

.showcaseR-list {
  padding: 20px 22px 0px 22px;
}

.showcaseR-list-item {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 10px 0;
  border-bottom: 1px solid rgb(236, 236, 236);
}



.showcaseR-list-item p {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;


}

.showcaseR-list-item p:first-of-type {
  width: 55%;
}

.showcaseR-list-item p:nth-child(3) {
  color: rgba(0, 0, 0, 0.5);
}

.showcaseR-description-block {
  padding: 0 25px;
  margin-top: 111px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 132px;
}



.showcaseR-description-R p,
.archiveR-description p {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;

}

.description-list {
  display: flex;
  flex-direction: column;
  gap: 17px;
  margin-top: 20px;
}

.description-list-item {
  display: flex;
  gap: 13px;
}

.description-list-item p:first-of-type {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.description-list-item p:last-of-type {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;

}

.priceDrop_btn {
  border-radius: 6px;

  background: rgb(177, 177, 177);
  width: 102px;
  height: 53px;
  padding: 15px 17px 15px 17px;

  color: rgb(255, 255, 255);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;

}

.priceIncrease_btn {
  box-sizing: border-box;
  border: 1px solid rgb(177, 177, 177);
  border-radius: 6px;
  padding: 15px 17px 15px 17px;

  color: rgb(166, 166, 166);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
}

.description-L-inpute {
  width: 232px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding-left: 30px;

  background: rgb(255, 255, 255);

  margin-top: 15px;
  margin-bottom: 10px;

  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;


}

.showcaseR-description-L p {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.description-L-btn {
  display: flex;
  gap: 15px;
}

.description-L-done {
  margin-top: 24px;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1);
  opacity: 0.5;
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;

  text-transform: uppercase;

  border: 2px solid rgb(132, 132, 132);
  border-radius: 6px;
  padding: 15px 17px;
  width: 197px;
  height: 64px;

}

.showcaseR-footer {
  background: rgb(132, 132, 132);
  padding: 20px 22px 22px 22px;
  display: flex;
  justify-content: space-between;
}

.showcaseR-footer div img {
  height: 64px;
  width: 64px;
}

.showcaseR-footer div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.showcaseR-footer div button {
  width: 165px;
  height: 64px;
  border-radius: 6px;

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  background: rgb(255, 255, 255);

  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-transform: uppercase;
}

.switchWater-Block {
  width: 605px;
  height: 637px;

  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;
}




.switchWater-Block p:first-of-type {
  color: rgb(109, 109, 109);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 40px;

}

.switchWater-list {
  height: 300px;
  display: flex;
  flex-direction: column;
  gap: 20px;

  margin-top: 30px;
  margin-bottom: 25px;
}

.switchWater-list-item {
  display: flex;
  align-items: center;
  gap: 20px;
}

.switchWater-list-item p:first-of-type {
  color: rgb(85, 85, 85);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  margin-top: 0;

}

.switchWater-list-item p:last-of-type {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.switchWater-shure-block {
  width: 560px;
  height: 280px;
  display: none;
  padding: 50px 40px 60px 60px;

  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.switchWater-shure-btn-conteiner {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}

.switchWater-shure-btn-conteiner button {
  padding: 21px 86px 21px 86px;
  border-radius: 6px;
  background: rgb(222, 207, 210);

  color: rgb(45, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

/*  */
.lowerPrce_block {
  position: relative;
  width: 605px;
  height: 779px;
  padding: 50px 40px 60px 60px;

  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.lowerPrce_block-header h2 {
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.lowerPrce-input-conteiner {
  display: flex;
  gap: 20px;
}

.lowerPrce_block p {
  color: rgb(109, 109, 109);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.lowerPrce_block p span {
  color: rgb(67, 67, 67);
  font-size: 20px;
}

.lowerPrce_block p:first-of-type {
  margin: 40px 0;
}

.lowerPrce_block p:last-of-type {
  margin-bottom: 14px;
}

.lowerPrce-form-type {
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  font-size: 24px;
  background: rgb(255, 255, 255);
  width: 192px;
  height: 64px;
  padding: 21px 14px 21px 20px;
}

.lowerPrce-drop,
.coupons-drop,
.giveMoney-drop,
.registerClient-drop {
  width: 192px;
  height: 102px;
  /* padding: 20px; */
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 0px 6px 6px;
  display: none;

  background: rgb(255, 255, 255);
  position: absolute;
}

.ordersEdit-pickup-drop {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 0px 6px 6px;
  display: none;
  background: rgb(255, 255, 255);
  height: max-content;
  position: absolute;
  top: 55px;
  z-index: 2;
}

.ordersEdit-pickup-store-input,
.ordersEdit-pickup-list li {
  cursor: pointer;
}

.registerClient-drop {
  width: 317px;
  height: auto;
}

.giveMoney-drop {
  width: 480px;
  height: 167px;
  top: 679px;
}

.coupons-drop {
  width: 289px;
  height: 102px;
  left: 642px;
  top: 291px;
}

.lowerPrce-form-img {
  position: absolute;
  left: 217px;
  top: 274px;
}

.lowerPrce-form-number {
  width: 269px;
  height: 64px;
  padding: 21px 20px 21px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

  background: rgb(255, 255, 255);

}

.archiveL-input-conteiner {
  position: relative;
  display: flex;
  gap: 20px;
  margin-top: 25px;
}

.archiveL-search {
  width: 458px;
  height: 64px;
  padding: 21px 20px 21px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);

  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;

}

.archiveL-datapicker {
  width: 209px;
  height: 64px;
  padding: 19px 20px 19px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;

}

.archiveL-datapicker-img {
  position: absolute;
  right: 273px;
  top: 14px;
}

.archiveL-item {
  margin-top: 25px;
  padding: 5px;
}

.archiveL-item hr {
  border: 1px solid rgb(147, 147, 147);
  width: 100%;
  height: 0px;
}

.archiveL-item-conteiner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 15px;
}

.archiveL-item p {
  color: rgb(85, 85, 85);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;

}

.archiveL-item-price {
  display: flex;
  gap: 15px;
  margin-top: 9px;
}

.archiveL-item-price p:first-of-type {
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;

}

.archiveL-item-price p:last-of-type {
  color: rgb(205, 101, 103);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  text-decoration-line: line-through;
}

.archiveL-item-wrapper {
  max-height: 706px;
  overflow-y: scroll;
}

.archiveR-header {
  display: flex;
  justify-content: space-between;
  border-radius: 15px 0px 0px 0px;

  background: rgb(142, 142, 142);
  padding: 9px 158px 8px 22px;
}

.archiveR-header h2,
.archiveR-header p {
  color: rgb(255, 255, 255);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 600;
  line-height: 23px;
  text-transform: uppercase;
}

.archiveR-list-item p:first-of-type {
  width: 55%;
}

.archiveR-description {
  padding-left: 25px;
  margin-top: 50px;
}

.archiveR-order-item {
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: rgb(242, 242, 242);
  padding: 16px 15px 17px 15px;
  justify-content: space-between;
  margin-top: 30px;
}

.archiveR-order-btn {
  width: 129px;
  height: 45px;
  border-radius: 6px;

  background: rgb(147, 147, 147);

  color: rgb(255, 255, 255);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.startWork-block {
  width: 598px;
  height: 472px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.startWork-header h2 {
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;

}

.startWork_current_order,
.startWork_current_check {
  width: 480px;
  height: 80px;
  border-radius: 6px;
  background: rgb(222, 207, 210);

  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;

}

.startWork_current_order {
  margin-top: 40px;
}

.startWork_current_check {
  margin-top: 20px;
}

.startWork-block p {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin-top: 40px;
}

.productDestroy-block {
  width: 1046px;
  height: 588px;
  padding: 50px 40px 60px 60px;

  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.productDestroy-header h2 {
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;

}

.productDestroy-title,
.productRebuild-title {
  display: flex;
}

.productDestroy-title p {
  color: rgb(109, 109, 109);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  /* flex: 1; */

}

.productDestroy-title p:first-of-type {
  /* flex: 2; */
  width: 42%;
}

.productRebuild-title p:first-of-type {
  width: 60%;
}

.productRebuild-title p:last-of-type {
  width: 15%;
}

.productDestroy-title p:nth-child(2) {
  width: 10%;
}


.productRebuild-title p:nth-child(3) {
  width: 39%;
}

.productDestroy-title p:nth-child(3) {
  width: 26%;
}

.productDestroy-list-item,
.productRebuild-list-item {
  display: flex;
  align-items: center;
}

.productDestroy-list-item label {
  margin-right: 60px;
}

.productDestroy-list-item p:first-of-type {
  /* flex: 2; */
  width: 39%;
}

.productRebuild-list-item div:first-of-type {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 50%;
}

.productRebuild-list-item label {
  width: 10%;
}

.productRebuild-list-item div p {
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  width: max-content;

}

.productRebuild-list-item p {
  width: 10%;
}

.productDestroy-count-conteiner {
  display: flex;
  gap: 15px;
  width: 30%;
}

.productDestroy-count-input {
  width: 100px;
  height: 64px;

  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  padding: 14px 20px 14px 20px;
}

.productDestroy-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 30px;
  height: 265px;
}

.productDestroy-btn {
  margin-top: 60px;
}

/*  */
.productRebuild-block {
  padding: 22px 22px 0px 22px;
}

.productRebuild-title p:nth-child(2) {
  width: 15%;
}

.productRebuild-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

/*  */
.saveCheck-header div h2 {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 120%;

}

.saveCheck-header div {
  display: flex;
  gap: 20px;
}

.saveCheck-header {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;

}

.saveCheck-item-conteiner {
  margin-top: 25px;
  padding-right: 32px;
  overflow-y: scroll;
  max-height: 790px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.saveCheck-item {
  border: 1px solid rgb(236, 236, 236);
  border-radius: 6px;

}

.saveCheck-item-header {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid rgb(236, 236, 236);
  border-radius: 6px 6px 0px 0px;
  padding: 13px 20px 13px 20px;
}

.saveCheck-item-header p:nth-child(1) {
  color: rgb(92, 92, 92);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;

  width: 20%;

}

.saveCheck-item-header p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  width: 30%;
}

.saveCheck-item-header p:nth-child(3) {
  color: rgb(92, 92, 92);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  width: 15%;
}

.saveCheck-item-header p:nth-child(4) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  width: 30%;
}

.saveCheck-item-header img {
  width: 40px;
  height: 40px;
}

.saveCheck-category-header {
  display: flex;
  padding-left: 20px;
  box-sizing: border-box;
  margin-top: 15px;
}

.saveCheck-category-header p:nth-child(1) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  width: 49%;
}

.saveCheck-category-header p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  width: 20%;
}

.saveCheck-category-header p:nth-child(3) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  line-height: 120%;
  width: 20%;
}

.saveCheck-category-header p:nth-child(4) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  width: 10%;
}

.saveCheck-category-item {
  display: flex;
  padding-left: 50px;
  margin-top: 15px;
}

.saveCheck-category-item p {
  color: rgb(114, 114, 114);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.saveCheck-category-item p:nth-child(1) {
  width: 47%;

}

.saveCheck-category-item p:nth-child(2) {
  width: 10%;
}

.saveCheck-category-item p:nth-child(3) {
  width: 10%;
}

.saveCheck-category-item p:nth-child(4) {
  width: 10%;
}


.saveCheck-category-header-border {
  padding-top: 9px;
  padding-bottom: 9px;
  border-top: 1px solid rgb(236, 236, 236);
  border-bottom: 1px solid rgb(236, 236, 236);
}

.saveCheck-item ul {
  margin-top: 15px;
  margin-bottom: 8px;
}

.order-continue-btn {
  border-radius: 6px;

  background: rgba(48, 189, 87, 0.15);
  padding: 15px 20px 15px 20px;

  color: rgb(42, 166, 77);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
}

/*  */
.clientDiscount-Block {
  width: 673px;
  /* height: 920px; */
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.Discount-header {
  margin-bottom: 40px;
}

.modal-header h2 {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.discount-coupons-conteiner {
  /* height: 356px; */
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
}

#day-1,
#day-2,
#daily,
#morning,
#salon,
#dayOff,
#Sick,
#Vacation,

#Msc,
#Piter,
#Ekb,
#Novgorod,
#Perm,
#Kazan,
#Samara,
#personal-discount,
.discount-coupons-conteiner div input[name=coupons],
#discount-20,
#discount-30,
#discount-50,
#bonus,
#Discount,
#flaer,
#other,
input[name=status],
#otherDiscountPhoto-img-input,
#viber,
#whatsUp,
#telegram,
#sms,
#delivery_viber,
#delivery_whatsUp,
#delivery_telegram,
#delivery_sms,
#Irecipient,
#otherRecepient,
#friend,
#berthday,
#register,
#company {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.task-radio {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

/* Скрываем чекбокс */
#day-1+label,
#day-2+label,
#daily+label,
#morning+label,
#salon+label,
#dayOff+label,
#Sick+label,
#Vacation+label,

#Msc+label,
#Piter+label,
#Ekb+label,
#Novgorod+label,
#Perm+label,
#Kazan+label,
#Samara+label,
#personal-discount+label,
.discount-coupons-conteiner div input[name=coupons]+label,
#discount-20+label,
#discount-30+label,
#discount-50+label,
#bonus+label,
#Discount+label,
#flaer+label,
#other+label,
input[name=status]+label,
#viber+label,
#whatsUp+label,
#telegram+label,
#sms+label,
#delivery_viber+label,
#delivery_whatsUp+label,
#delivery_telegram+label,
#delivery_sms+label,
#Irecipient+label,
#otherRecepient+label,
#friend+label,
#berthday+label,
#register+label,
#company+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

/* Не нажатое состояние */
#personal-discount+label::before,
.discount-coupons-conteiner div input[name=coupons]+label::before,
#discount-20+label::before,
#discount-30+label::before,
#discount-50+label::before,
#bonus+label::before,
#Discount+label::before,
#flaer+label::before,
#other+label::before,
input[name=status]+label::before,
#viber+label::before,
#whatsUp+label::before,
#telegram+label::before,
#sms+label::before,
#delivery_viber+label::before,
#delivery_whatsUp+label::before,
#delivery_telegram+label::before,
#delivery_sms+label::before,
#Irecipient+label::before,
#otherRecepient+label::before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
}

#day-1+label::before,
#day-2+label::before,
#daily+label::before,
#morning+label::before,
#salon+label::before,
#dayOff+label::before,
#Sick+label::before,
#Vacation+label::before,


#Msc+label::before,
#Piter+label::before,
#Ekb+label::before,
#Novgorod+label::before,
#Perm+label::before,
#Kazan+label::before,
#Samara+label::before,
#friend+label::before,
#berthday+label::before,
#register+label::before,
#company+label::before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 21px;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
}

#day-1:checked+label::before,
#day-2:checked+label::before,
#daily:checked+label::before,
#morning:checked+label::before,
#salon:checked+label::before,
#dayOff:checked+label::before,
#Sick:checked+label::before,
#Vacation:checked+label::before,

#friend:checked+label::before,
#Msc:checked+label::before,
#Piter:checked+label::before,
#Ekb:checked+label::before,
#Novgorod:checked+label::before,
#Perm:checked+label::before,
#Kazan:checked+label::before,
#Samara:checked+label::before,

#berthday:checked+label::before,
#register:checked+label::before,
#company:checked+label::before {
  background-image: url("/images/svg/radio-circle.svg");
  background-size: 15px 15px;
}

#personal-discount:checked+label::before,
.discount-coupons-conteiner div input[name=coupons]:checked+label::before,
#discount-20:checked+label::before,
#discount-30:checked+label::before,
#discount-50:checked+label::before,
#bonus:checked+label::before,
#Discount:checked+label::before,
#flaer:checked+label::before,
#other:checked+label::before,
input[name=status]:checked+label::before,
#viber:checked+label::before,
#whatsUp:checked+label::before,
#telegram:checked+label::before,
#sms:checked+label::before,

#delivery_viber:checked+label::before,
#delivery_whatsUp:checked+label::before,
#delivery_telegram:checked+label::before,
#delivery_sms:checked+label::before,

#Irecipient:checked+label::before,
#otherRecepient:checked+label::before,
#friend:checked+label::before,
#berthday:checked+label::before,
#register:checked+label::before,
#company:checked+label::before {
  background-image: url("/images/svg/radio-circle.svg");
}

#day-1+label p,
#Msc+label p,
#Piter+label p,
#Ekb+label p,
#Novgorod+label p,
#Perm+label p,
#Kazan+label p,
#Samara+label p {
  color: rgb(94, 94, 94);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-left: 10px;
}

#personal-discount+label p,
.discount-coupons-conteiner div input[name=coupons]+label p,
#discount-20+label p,
#discount-30+label p,
#discount-50+label p,
#bonus+label p,
#Discount+label p,
#flaer+label p,
#other+label p,
input[name=status]+label p,
#viber+label p,
#Irecipient+label p,
#otherRecepient+label p {
  margin-left: 18px;
  color: rgb(101, 101, 101);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0%;
  text-align: left;
}

.customerDiscount label>p {
  width: 500px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.green-price {
  color: rgb(113, 157, 24);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  margin-left: 10px;

}

.clientDiscount-Block p {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;

}

#coupons-text {
  margin-top: 40px;
}

.bonus-input {
  width: 237px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  margin-left: 16px;
  background: rgb(255, 255, 255);
  padding-left: 30px;
  padding-top: 20px;
  padding-bottom: 20px;

  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
}

.write-bonus-btn {
  width: 155px;
  height: 64px;
  border-radius: 6px;
  color: rgb(255, 255, 255);
  background: linear-gradient(180.00deg, rgb(111, 27, 45) -17.857%, rgb(82, 9, 22) 147.143%);

  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
  padding: 20px 30px;
}

.clientDiscount-bonus-conteiner {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.clientDiscount-bonus-conteiner p:first-of-type {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
}

.clientDiscount-bonus-conteiner p:last-of-type {
  color: rgb(177, 177, 177);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

#bonus-delete-conteiner {
  display: flex;
  gap: 28px;
  align-items: center;

}

#bonus-conteiner {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 60px;
}

#bonus-delete-conteiner div {
  display: flex;
  align-items: center;
}

.clientDiscount-btn-conteiner {
  display: flex;
  gap: 86px;
  margin-top: 50px;
}

.other-discount {
  width: 230px;
  height: 64px;
  border-radius: 6px;

  background: rgb(67, 67, 67);


  color: rgb(255, 255, 255);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
}

/*  */

.otherDiscount-block {
  width: 673px;
  height: 503px;
  display: none;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.otherDiscount-input-conteiner {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 40px;
}

.otherDiscount-switch-btn {
  width: 266px;
  height: 63px;
}

.otherDiscountPhoto-block {
  width: 673px;
  height: 543px;
  display: none;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;

  background: rgb(255, 255, 255);
}

.otherDiscountPhoto-block {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  margin-top: 40px;

}

.otherDiscountPhoto_conteiner {
  width: 546px;
  height: 107px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.otherDiscountPhoto-btn {
  margin-top: 60px;
}

/*  */
.chooseClient-Block {
  width: 605px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.chooseClient-Block p,
.clientDone-block p {
  color: rgb(100, 100, 100);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin-top: 40px;
  margin-bottom: 40px;

}

.chooseClient-number-conteiner,
.chooseClientError-number-conteiner,
.registerClient-number-conteiner {
  display: none;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.profileClient-number-conteiner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.chooseClient-continue {
  margin-top: 40px;
}

.clientDone-block {
  width: 605px;
  height: 436px;
  border-radius: 15px;
  padding: 40px 40px 60px 60px;
  background: rgb(255, 255, 255);
  display: none;
}

.clientDone-btn-conteiner {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}

.clientDone-btn-conteiner button {
  width: 480px;
  height: 80px;
  border-radius: 6px;
  background: rgb(222, 207, 210);

  color: rgb(45, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

.erorr-text {
  color: rgb(111, 27, 45) !important;
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin-top: 10px !important;
  margin-bottom: 40px !important;
}

.chooseClient-error-block {
  position: relative;
}

.chooseClient-error-block h2 {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  margin-bottom: 20px;
}

.chooseClientError-continue {
  width: fit-content;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  padding: 15px 20px 15px 20px;

}

.chooseClient-drop {
  width: 317px;
  position: absolute;
  top: 197px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 0px 6px 6px;
  background: rgb(255, 255, 255);
  display: none;
}

.chooseClient-arrow {
  position: absolute;
  right: 201px;
  top: 164px;
}

.chooseClient-drop-list {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding: 20px;

}

.chooseClientError-continue {
  width: fit-content;
  height: 64px;
  border-radius: 6px;
  background: rgb(140, 73, 87);
  color: rgb(255, 255, 255);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
}

.number-code-input {
  width: 487px;
  height: 64px;
  padding: 21px 20px 21px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  display: none;
}

.registerClient-code-input {
  width: 487px;
  height: 64px;
  padding: 21px 20px 21px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  display: none;
}

.clientRegisterSucess-block {
  width: 545px;
  height: 265px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;
}

.clientRegisterSucess-block h2 {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;

}

.clientRegisterSucess-btn {
  width: 419px;
  height: 80px;
  margin-top: 40px;
}

.registerService-btn {
  width: 230px;
  height: 64px;
}

/*  */
.salesJournal-input-conteiner {
  display: flex;
  position: relative;
  gap: 15px;
  margin-top: 25px;
}

.salesJournal-input-conteiner input {
  width: 218px;
  height: 64px;
  padding: 21px 20px 21px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);

  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.salesJournal-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
  height: calc(100vh - 440px);
  overflow-y: scroll;
}

.salesJournal-list-title {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.salesJournal-list-title p {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;


}

.salesJournal-list-title div:nth-child(1) {
  margin-right: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.salesJournal-list-title div:nth-child(2) {
  margin-right: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.salesJournal-list-title div:nth-child(3) {
  margin-right: 56px;
  display: flex;
  align-items: center;
  gap: 10px;

}

.salesJournal-list-title div:nth-child(4) {
  display: flex;
  align-items: center;
  gap: 10px;
}

#salesJournal-data {
  margin-right: 186px;
}

#salesJournal-price {
  margin-right: 90px;
}

.salesJournal-list-item,
.incasationJournal-item,
.converionJournal-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 16px 20px 17px 20px;
}

.salesJournal-list-item {
  cursor: pointer;
}

.salesJournal-list-item.active-item {
  background: #F2F2F2;
  border: 1px solid #F2F2F2;
}

.salesJournal-list-item>div {
  display: flex;
  width: 100px;
}

.salesJournal-list-item p:nth-child(1) {
  color: rgb(97, 97, 97);
  font-family: 'Roboto';
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  width: 60px;
}

.salesJournal-list-item>svg {
  margin-right: 45px;
}

.salesJournal-list-item p:nth-child(3) {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  width: 152px;
}

.salesJournal-list-item p:nth-child(4) {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  width: 166px;
}

.salesJournal-list-item p:nth-child(5) {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  width: 226px;
}

.salesJournal-list-item p:last-of-type {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-align: right;
  width: 112px;
}

.salesJournal-return {
  border-radius: 6px;
  background: rgb(38, 38, 38);
  padding: 17px 15px 17px 15px;
  color: rgb(255, 255, 255);
  font-size: 25px;
  font-family: 'Roboto';
  line-height: 29px;
  text-transform: uppercase;
  width: 244px;
  height: 64px;
}

/* .salesJournal-list-item img:nth-child(1) {
  width: 10%;
}

.salesJournal-list-item img:nth-child(2) {
  width: 10%;
}

.salesJournal-list-item img:nth-child(3) {
  width: 10%;
} */

.journalSalesR-block>div:first-of-type {
  height: calc(100vh - 258px);
  padding-bottom: 33px;
  overflow-x: auto;
}

.journalSalesR-header-top,
.journalSalesR-header-bot {
  padding-left: 20px;
  padding-right: 20px;
}

.journalSalesR-header-bot {
  text-align: right;
}

.journalSalesR-header-top p:first-of-type {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 28px;
  font-weight: 400;
  line-height: 33px;
  margin-bottom: 10px;
}

.journalSalesR-header-bot p:first-of-type {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  margin-bottom: 10px;
}

.journalSalesR-header-top p:last-of-type {
  color: rgb(119, 119, 119);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

.journalSalesR-header-bot p:last-of-type {
  color: rgb(119, 119, 119);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.journalSalesR-compound-header {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}

.journalSalesR-compound-header p:first-of-type {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 400;

}

.journalSalesR-compound-header p:last-of-type {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;

}

.journalSalesR-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.journalSalesR-list-item {
  display: flex;
  align-items: center;

}

.journalSalesR-list-item img {
  width: 65px;
  height: 65px;
  margin-right: 16px;
}

.journalSalesR-list-item-text {
  width: 60%;
}

.journalSalesR-list-item-text p:first-of-type {
  color: rgb(85, 85, 85);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;

}

.journalSalesR-list-item-text p:last-of-type {
  color: rgb(168, 168, 168);
  font-family: 'Roboto';
  font-size: 14.69px;
  font-weight: 400;

}

.journalSalesR-list-item-price {
  display: flex;
  width: 40%;
}

.journalSalesR-list-item-price p:nth-child(1) {
  width: 30%;
}

.journalSalesR-list-item-price p:nth-child(2),
.journalSalesR-list-item-price p:nth-child(3) {
  width: 45%;
}

.journalSalesR-list-item-price p:nth-child(1),
.journalSalesR-list-item-price p:nth-child(2) {
  color: rgba(0, 0, 0, 0.5);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;

}

.journalSalesR-list-item-price p:nth-child(3) {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 18px;

}

.salesJournal-details {
  background: rgb(245, 247, 250);
  padding: 22px;
  margin-top: 30px;
}

.salesJournal-detailsL h2,
.salesJournal-detailsR h2 {
  color: rgb(37, 37, 37);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;

}

.salesJournal-detailsL-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 356px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.salesJournal-detailsL-list-item {
  display: flex;
  gap: 49px;
}

.salesJournal-detailsL-list-item p:nth-of-type(1) {
  width: 104px;
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.salesJournal-detailsL-list-item p:nth-of-type(2) {
  width: 120px;
  color: rgb(37, 37, 37);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.salesJournal-details {
  display: flex;
  gap: 50px;
}

.salesJournal-detailsL-list-item div div {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  margin-top: 5px;
}

.detailsL-discount-conteiner>p {
  width: 120px !important;
  color: rgb(37, 37, 37) !important;
}

.detailsL-discount-conteiner>div p {
  width: auto !important;
  color: #434343 !important;
}

.salesJournal-detailsL-list-item div div img {
  /* position: absolute; */
}

.detailsL-payment-list-item {
  display: flex;

}

.detailsL-payment-header {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-bottom: 13px;
}

.detailsL-payment-header>p {
  color: #252525;
  font-size: 18px;
}

.detailsL-payment-list-item {
  gap: 25px;
  padding-left: 44px;
}

.detailsL-payment-list-item p:first-of-type {
  width: 84px;
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.detailsL-payment-list-item p:last-of-type {
  color: rgb(37, 37, 37);
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;

}

.detailsL-payment-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.detailsL-result-header {
  display: flex;
  align-items: flex-end;
  gap: 26px;
  margin-top: 15px;
}

.detailsL-accrued-header {
  display: flex;
  gap: 48px;
  margin-top: 15px;
}

.detailsL-result-header p:first-of-type,
.detailsL-accrued-header div p {
  width: 126px;
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.detailsL-result-header p:last-of-type {
  color: rgb(37, 37, 37);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;

}

.detailsL-accrued-header div {
  display: flex;
  align-items: center;
  gap: 5px;
}

.detailsL-accrued-header p:first-of-type {
  width: 104px;
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}



.detailsR-performer-block {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 15px;
}

.detailsR-performer-block p:nth-of-type(1) {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;

}

.detailsR-performer-block p:nth-of-type(2) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
}

.salesJournal-footer {
  height: 108px;
  padding: 22px;
  background: rgb(112, 112, 112);
  display: flex;
  justify-content: flex-end;
}

.salesJournal-writeClient-btn {
  border-radius: 6px;
  padding: 19px 20px 19px 20px;
  background: rgb(255, 255, 255);
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 23px;
  font-weight: 500;
  line-height: 27px;
  text-transform: uppercase;
}

/*  */
.productReturn-Block {
  width: 739px;
  /* height: 847px; */
  border-radius: 15px;
  padding: 50px 40px 60px 60px;
  background: rgb(255, 255, 255);
}

.productReturn-comment {
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 40px;

}

.productReturn-comment span {
  color: red;
}

.productReturn-Block textarea {
  width: 570px;
  height: 80px;
  box-sizing: border-box;
  border: 1px solid rgb(173, 173, 173);
  border-radius: 6px;
  margin-top: 15px;
  background: rgb(255, 255, 255);
}

.productReturn-header {
  padding-right: 50px;
}

.productReturn-title {
  display: flex;
  margin-top: 40px;
}

.productReturn-title p:nth-child(1) {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 400;
  width: 32%;
}

.productReturn-title p:nth-child(2) {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 500;
  width: 42%;
}

.productReturn-title p:nth-child(3) {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;

}

.productReturn-list-item {
  position: relative;
  display: flex;
}

.productReturn-list-item img {
  cursor: pointer;
  margin-left: 30px;
}

.productReturn-name-input {
  width: 263px;
  height: 64px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px 0px 0px 0px;
  padding: 21px 36px 21px 20px;
  background: rgb(255, 255, 255);
  color: rgb(66, 66, 66);
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 400;
  cursor: pointer;
}

.productReturn-form-img {
  position: absolute;
  right: 389px;
  top: 26px;
}

.productReturn-sum-input {
  width: 306px;
  height: 64px;
  padding: 15px 20px 15px 20px;
  border-top: 1px solid rgb(217, 217, 217);
  border-right: 1px solid rgb(217, 217, 217);
  border-bottom: 1px solid rgb(217, 217, 217);
  border-radius: 0px 6px 6px 0px;

}

.productReturn-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}

.productReturn-rub-img {
  position: absolute;
  right: 78px;
  top: 16px;
}

.productReturn-drop {
  position: absolute;
  display: none;
  top: 62px;
  z-index: 20;
}

.productReturn-drop-list {
  display: flex;
  flex-direction: column;
}

.productReturn-drop-list {
  width: 263px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 0px 6px 6px;
  padding: 5px 10px 5px 10px;
  background: rgb(255, 255, 255);
}

.productReturn-drop-list-item {
  padding: 15px 10px 15px 10px;
  color: rgb(94, 94, 94);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
}

.productReturn-add-btn {
  width: 307px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  color: rgb(66, 66, 66);
  margin-top: 30px;

  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
}

.productReturn-checkbox-text {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-left: 20px;
}

.productReturn-btn {
  margin-top: 40px;
}

.productReturn-Number-block {
  width: 605px;
  height: 674px;
  display: none;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;
}

.productReturn-number-input {
  width: 483px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  padding-left: 200px;
  background: rgb(255, 255, 255);
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 600;
  line-height: 35px;
  text-transform: capitalize;
  margin-top: 40px;
}

.productReturn-number-conteiner,
.registrationServiceBlock-number-conteiner {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}

.registrationServiceBlock-number-conteiner {
  display: none;
  margin-bottom: 25px;
}

.productReturn-number-btn {
  width: 153.38px;
  height: 90px;
  border-radius: 6px;
  color: rgb(148, 92, 103);
  font-family: 'Roboto';
  font-size: 42.42px;
  font-weight: 600;
  line-height: 50px;
  text-transform: capitalize;
  background: rgb(230, 218, 220);
}

.preOrder-block {
  width: 964px;
  height: 961px;
  border-radius: 15px;
  padding: 50px 40px 60px 60px;
  background: rgb(255, 255, 255);
}

.preOrder-header div {
  display: flex;
  align-items: center;
  gap: 15px;
}

.preOrder-header p {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  opacity: 0.5;


}

.preOrder-btn-conteiner {
  display: flex;
  margin-top: 40px;
}

.preOrder-Pickup {
  border-radius: 6px;
  padding: 15px 20px 15px 20px;
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;

  margin-right: 15px;

}

.preOrder-Delivery {
  border-radius: 6px;
  padding: 15px 20px 15px 20px;
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;

  margin-right: 366px;
}

.preOrder-client {
  border-radius: 6px;
  padding: 15px 20px 15px 20px;
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
}

.preOrder-top {
  display: flex;
  gap: 40px;
  margin-top: 40px;
}

.preOrder-bot {
  display: flex;
  gap: 40px;
  margin-top: 30px;
}

.preOrder-contactR {
  display: flex;
  gap: 40px;
}

.preOrder-top p,
.preOrder-contactR p {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 10px;
}

.preOrder-topL {
  position: relative;
}

.preOrder-topL-input {
  width: 400px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 21px 14px 21px 20px;
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  background: rgb(255, 255, 255);
}

.preOrder-topR {
  display: flex;
  gap: 40px;
}

.preOrder-topR-data-input,
.preOrder-topR-time-input {
  width: 195px;
  height: 64px;
  padding: 19px 20px 19px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

}

.preOrder-topL-arrow {
  position: absolute;
  top: 63px;
  right: 20px;
}

.preOrder-botL-input {
  width: 400px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 21px 20px 21px 20px;
  background: rgb(255, 255, 255);
}

.preOrder-bot p {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 10px;
}

.preOrder-price {
  display: flex;
  gap: 74px;
  margin-top: 30px;

}

.preOrder-priceL div {
  display: flex;
  align-items: center;
  gap: 20px;
}

.preOrder-priceL-input {
  width: 183px;
  height: 64px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 15px 20px 15px 20px;
}

.preOrder-priceL p {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 10px;

}

.preOrder-priceR p {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 15px;
}

.preOrder-priceR-radio {
  display: flex;
  gap: 40px;
}

.preOrder-comment {
  margin-top: 30px;
}

.preOrder-comment p {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 10px;
}

.preOrder-comment textarea {
  width: 840px;
  height: 150px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  resize: none;

}

.prepayment-btn {
  width: 230px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
}

.preOrder-conteiner-btn {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.preOrder-deliery-block {
  display: none;
}

.preOrderDeliery-input-conteiner {
  display: flex;
  gap: 28px;
  margin-top: 40px;
}

.preOrderDeliery-adres-input {
  width: 400px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 21px 20px 21px 20px;
  background: rgb(255, 255, 255);
}

.preOrder-deliery-block div p {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 10px;

}

.preOrderDeliery-time-input {
  width: 195px;
  height: 64px;
  padding: 19px 20px 19px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

}

.preOrderDeliery-date-input {
  width: 195px;
  height: 64px;
  padding: 19px 20px 19px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

}

.preOrderDeliery-floor-input {
  width: 120px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 21px 20px 21px 20px;
  background: rgb(255, 255, 255);
}

.preOrderL-input-conteiner {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.preOrder-contact-block {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.preOrderL-input-conteiner label span {
  margin-left: 24px;
}

/*  */

.paymentL-sum-conteiner {
  height: 130px;
  display: flex;
  justify-content: space-between;
  padding: 22px;
  border-radius: 6px;
  background: rgb(235, 225, 227);
  margin-top: 18px;
  margin-left: 22px;
  margin-right: 22px;
}

.paymentL-sum-l p:first-of-type {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}

.paymentL-sum-l p:last-of-type {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 45px;
  font-weight: 600;
  margin-top: 5px;
}

.paymentL-sum-R {
  width: 319px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.paymentL-sum-R div {
  display: flex;
  justify-content: space-between;
  /* gap: 45px; */

}

.paymentL-sum-R div p {
  font-size: 18px;
}


.paymentL-sum-R p:last-of-type {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
}

.paymentL-type-conteiner,
.cash-suggestions-container {
  width: 376px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 25px;
}

.cash-suggestions-container {
  margin-top: 14px;
}

.cash-charge {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 14px;
}

.cash-charge>p:first-of-type {
  color: #484848;
  font-size: 22px;
}

.cash-charge>p:last-of-type {
  font-size: 28px;
  font-weight: 600;
}

.cash-suggestions-container>button {
  width: 180.6px;
  padding: 14px 26px;
  height: 60px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.paymentL-type {
  padding-left: 22px;
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  margin-top: 32px;
}

.paymentL-type-btn {
  width: 180.6px;
  height: 75px;
  padding: 14px 26px;
  border-radius: 6px;
  background: rgb(235, 225, 227);
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.paymentL-type-btn.inactive {
  opacity: .5;
  cursor: default;
}

/* .payment-left p {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
  margin-top: 31px;
  padding-left: 20px;

} */

.paymentL-number-conteiner {
  width: 520px;
  height: 440px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 20px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 25px;
}

.closePaymentWindow {
  cursor: pointer;
}

.paymentL-type-wrapper {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}

.paymentL-number-btn {
  width: 150.38px;
  height: 90px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 3px;
  font-size: 45px;
}

.paymentL-number-btn img {
  width: 100%;
  height: 100%;
}

.paymentL-footer {
  width: 990px;
  height: 154px;
  display: flex;
  gap: 20px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: rgb(132, 132, 132);
  padding-top: 26px;
  padding-left: 28px;
}

.nullable-check {
  width: 457px;
  height: 105px;
  border-radius: 6px;
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  background: rgb(255, 255, 255);
}

.payment-complete {
  width: 457px;
  height: 105px;
  border-radius: 6px;
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  background: rgb(255, 255, 255);
}

.nullable-check.disabled,
.payment-complete.disabled {
  opacity: .5;
  cursor: default;
}

.paymentR-block {
  padding-top: 19px;
  padding-left: 20px;
  padding-right: 19px;
}

.paymentR-title {
  display: flex;
  justify-content: space-between;
  margin-top: 36px;
}

.paymentR-title h2 {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 25px;
  font-weight: 400;

}

.paymentR-title p {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;

}

.paymentR-list {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.paymentR-list-item {
  display: flex;
  padding: 15px 0;
  border-bottom: 1px solid rgb(236, 236, 236);
  border-top: 1px solid rgb(236, 236, 236);
}

.paymentR-list-item p:nth-child(1) {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  width: 40%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 15px;
}

.paymentR-list-item p:nth-child(2) {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  width: 10%;
}

.paymentR-list-item p:nth-child(3) {
  color: rgba(0, 0, 0, 0.5);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  width: 15%;
}

.paymentR-list-item p:nth-child(4) {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;

}

.transferSber-block {
  height: 900px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 40px 40px 60px 60px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.transferSber-block>div {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.transferSber-block>div:first-of-type img:first-of-type {
  margin-top: 20px;
  width: 495px;
  height: 495px;
  padding: 20px;
}

.transferSber-block>div:last-of-type p:first-of-type {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;

}

.transferSber-block>div:last-of-type p:last-of-type {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;

}

.transferSber-sum {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 50px;
  font-weight: 600;

}

.transferSber {
  position: absolute;
}

.transferSber__cross {
  position: absolute;
  right: 40px;
}

.writeBalance-conteiner {
  width: 376px;
  display: none;
  position: relative;
  margin-top: 25px;
}

.writeBalance-header {
  display: flex;
  gap: 15px;
  align-items: center;
}

.writeBalance-header>h2 {
  color: rgb(72, 72, 72);
  font-family: 'Roboto';
  font-size: 25px;
  font-weight: 400;
}

.writeBalance-header>img {
  cursor: pointer;
}

.writeBalance-conteiner>p {
  color: rgb(72, 72, 72);
  font-family: 'Roboto';
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  position: absolute;
  top: 88px;
  right: 20px;
}

.writeBalance-input {
  width: 376px;
  height: 69px;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  padding: 20px;
  margin-top: 20px;
}

.writeBalance-btn {
  margin-top: 17px;
}

/*  */
.paymentConfirm-block {
  width: 664px;
  height: 514px;
  border-radius: 15px;
  padding: 50px 40px 60px 60px;
  background: rgb(255, 255, 255);
}

.paymentConfirm-block p:first-of-type {
  color: rgb(147, 147, 147);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  margin-top: 40px;
}

.paymentConfirm-contact-conteiner p:first-of-type {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  margin-top: 0;

}

.paymentConfirm-contact-conteiner p:last-of-type {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 26px;
  font-weight: 500;
  margin-top: 0;
}

.paymentConfirm-contact-wrapper {
  display: flex;
  gap: 28px;
  margin-top: 40px;
}

.paymentConfirm-btn {
  margin-top: 60px;
}

.paymentConfirm-preloader-block {
  width: 545px;
  height: 371px;
  border-radius: 15px;
  display: none;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: rgb(255, 255, 255);
  padding: 55px;
}

.paymentConfirm-preloader-block h2 {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 30px;
  font-weight: 400;

}

.peymentConfirmed-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(100vh - 130px);
  border-radius: 15px 0px 0px 0px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
  background: #E0E0E0;
}

.peymentConfirmed-nodal {
  width: 700px;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: rgb(255, 255, 255);
  padding: 30px 30px 80px;
}

.peymentConfirmed-nodal p {
  color: rgb(100, 100, 100);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  align-self: flex-end;

}

.peymentConfirmed-nodal img {
  margin-bottom: 28px;
  margin-top: 30px;
}

.peymentConfirmed-nodal h2 {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 45px;
  font-weight: 500;

}

.peymentConfirmed-nodal p:last-of-type {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 25px;
  font-weight: 400;
  align-self: center;
  margin-top: 14px;

}

.peymentConfirmed-list {
  width: 390px;
  margin-top: 40px;
}

.peymentConfirmed-list-item {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.peymentConfirmed-list-item p:first-of-type {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;
}

.peymentConfirmed-list-item p:last-of-type {
  color: rgb(0, 0, 0);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 600;
}

#payment-last-p {
  font-size: 30px;
}

.peymentConfirmed-nodal hr {
  width: 390px;
  height: 2px;
  margin-top: 23px;
  border: 1px solid rgb(217, 217, 217);
}

.additionally-earnings {
  width: 390px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.additionally-earnings p:first-of-type {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: 400;

}

.additionally-earnings p:last-of-type {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;

}

.peymentConfirmed-btn-conteiner {
  width: 662px;
  display: flex;
  gap: 40px;
  margin-top: 50px;
  justify-content: center;
}

.printCheck-btn {
  color: rgb(255, 255, 255) !important;
  background: rgba(0, 0, 0, 0.8) !important;
}

.preOrder-label-img {
  margin-left: 5px;
}

.label-void {
  width: 36px;
  margin-right: 60px;
}

.p-void {}

.froalaEditor {
  max-width: 811px;
}

.news_item img {
  width: 384px;
  object-fit: cover;
}

/*  */
.shopsR-title {
  padding-left: 22px;
  margin-bottom: 20px;
}

.shops-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.warehouse {
  background-color: white;


}

.warehouse h2 {
  color: rgb(45, 0, 0);
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-top: 105px;
  text-transform: uppercase;
}

.create-shops {
  width: 308px;
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 20px 25px 20px 25px;
  background: linear-gradient(113deg, rgba(111, 27, 45, 0.2) 10.01%, rgba(82, 9, 22, 0.2) 92.71%);
  cursor: pointer;
}

.create-shops h2 {
  color: rgb(45, 0, 0);
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
}

.shops-list-item {
  width: 308px;
  height: 170px;
  border-radius: 6px;
  border: 1px solid #ECECEC;
  padding: 20px 25px 20px 25px;
  cursor: pointer;
}

.shops-list-itemActive {
  background: rgb(236, 236, 236);
}

.shops-list-item p:nth-child(1) {
  color: rgb(132, 132, 132);
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
}

.shops-list-item p:nth-child(2),
.shops-list-item p:nth-child(3) {
  color: rgb(60, 57, 57);
  font-size: 19px;
  font-weight: 400;
}

.shops-list-item p:nth-child(4) {
  color: rgb(45, 0, 0);
  font-size: 22px;
  font-weight: 600;
  line-height: 120%;
  margin-top: 10px;
}

.shopsR-input {
  width: 458px;
  height: 64px;
  padding: 21px 20px 21px 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  font-size: 19px;
}

.shopsR-header {
  display: flex;
  gap: 20px;
}

.shopsR-dropDown {
  width: 220px;
  height: 64px;
  position: relative;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  display: flex;
  padding: 15px 20px 15px 20px;
}

.shopsR-header,
.shopsR-list {
  margin-left: 22px;
}

.shopsR-list {
  gap: 10px;
}

.shopsR-dropDown-img {
  width: 18.08px;
  height: 9px;
  position: absolute;
  right: 14px;
  top: 26px;
}

.shopsR-dropDown-input {
  color: rgb(97, 97, 97);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

.shopsR-list {
  margin-top: 40px;
}

.shopsR-list-title,
.shopsR-list-item {
  display: flex;
}

.shopsR-list-title {
  margin-bottom: 10px;
}

.shopsR-list-title p {
  color: rgb(147, 147, 147);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.shopsR-list-title p:nth-child(1) {
  width: 63%;
}

.shopsR-list-title p:nth-child(2) {
  width: 20%;
}

.shopsR-list-title p:nth-child(3) {
  width: 15%;
}

.shopsR-list-item {
  border-top: 1px solid rgb(236, 236, 236);
  padding-top: 10px;
  padding-bottom: 10px;
}

.shopsR-list-item p:nth-child(1) {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  width: 65%;
}

.shopsR-list-item p:nth-child(2) {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 20%;
}

.shopsR-list-item p:nth-child(3) {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 15%;
}

.shopsR-item-empty {
  opacity: 0.5;
}

/*  */
.shifts-header {
  display: flex;
  gap: 103px;
}

.shifts-header-left,
.shifts-header-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.ConversionJournal-btn,
.RemainingDS-btn,
.incasation-journal,
.shifts-item-btn {
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 20px;
}

.RemainingDS-btn {
  height: 64px;
  color: rgb(48, 189, 87);
  background: rgba(48, 189, 87, 0.2);
}

.ConversionJournal-btn {
  background: rgba(48, 189, 87, 0.2);
  color: rgb(48, 189, 87);
  width: 249px;
  height: 64px;
}

.GiveMoney-btn {
  width: 64px;
  height: 64px;
}

.incasation-journal {
  color: rgb(98, 130, 34);
  background: rgba(98, 130, 34, 0.2);
}

.shifts-datepicker {
  width: 218px;
  height: 64px;
  position: relative;
  box-sizing: border-box;
  padding: 19px 20px 19px 20px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 40px;
}

.shifts-datepicker-input {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.shifts-datepicker-img {
  position: absolute;
  right: 20px;
  top: 15px;
}

.shifts-list-title {
  display: flex;
  gap: 35px;
  align-items: center;
  margin-top: 20px;
}

.shifts-list-title div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.shifts-list-title p {
  color: rgb(147, 147, 147);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.shifts-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

.shifts-list-item {
  height: 85px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  padding: 16px 20px 16px 20px;
}

.shifts-list-item p:nth-child(1) {
  color: rgb(97, 97, 97);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  width: 11%;
}

.shifts-list-item p:nth-child(2) {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 16%;
}

.shifts-list-item p:nth-child(3) {
  color: rgb(66, 66, 66);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 20%;
}

.shifts-list-item p:nth-child(4) {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 21%;
}

.shifts-item-btn {
  width: 207px;
  height: 53px;
  color: rgb(48, 189, 87);
  background: rgba(48, 189, 87, 0.2);
  padding: 15px 20px 15px 20px;
  font-size: 17px;
}

/*  */
.doIncasation-block {
  width: 605px;
  height: 646px;
  border-radius: 15px;
  padding: 50px 40px 60px 60px;
  background: rgb(255, 255, 255);
}

.doIncasation-block p {
  color: rgb(109, 109, 109);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 40px;
}

.doIncasation-sum,
.doIncasation-recepient {
  width: 480px;
  height: 64px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
  margin-top: 40px;
}

.doIncasation-sum-input {
  color: rgb(37, 37, 37);
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.doIncasation-sum-icon {
  position: absolute;
  right: 20px;
  top: 20px;
  opacity: 0.5;
  margin-top: 0 !important;
}

.doIncasation-recepient-input,
.doIncasation-sum-input {
  width: 100%;
  height: 100%;
  padding: 21px 14px 21px 20px;
  color: rgb(132, 132, 132);
  font-size: 19px;
  font-weight: 400;
}

.doIncasation-recepient {
  margin-top: 20px;
}

.doIncasation-recepient-img {
  width: 18.08px;
  height: 9px;
  position: absolute;
  right: 20px;
  top: 26px;
}

.doIncasation-comment {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 25px;
}

.doIncasation-textarea {
  width: 480px;
  height: 67px;
  margin-top: 15px;
  padding-left: 20px;
  font-size: 19px;
  resize: none;
}

.doIncasation-btn {
  margin-top: 40px;
}

.doIncasation-number {
  display: none;
}

.discount-nav {
  height: calc(100vh - 128px);
  overflow: scroll;
  width: 990px;
  background: #FFF;
  border-radius: 15px 15px 0 0;
  padding: 33px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 10px;
}

.nav-block {
  width: 284px;
  height: 170px;
  border-radius: 6px;
  background: rgba(111, 27, 45, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.discount-nav-block {
  width: 284px;
  height: 170px;
  border-radius: 6px;
  background: rgba(111, 27, 45, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.discount-nav-block p {
  color: rgb(45, 0, 0);
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}

.regClient-input {
  width: 626px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  padding: 21px 20px 21px 20px;
  color: rgb(182, 182, 182);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
}

p.menu__text {
  font-weight: 500;
}

.menu__block--gray {
  background: rgb(217, 217, 217);
}

/*  */
.coupons-header,
.fizClientProfile-header {
  display: flex;
  justify-content: space-between;
}

.coupons-btn {
  width: 245px;
  height: 53px;
}

.coupons-title {
  color: rgb(0, 0, 0);
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.coupons-subtitle {
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 40px;
}

.coupons-search {
  width: 458px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 21px 20px 21px 20px;
  background: rgb(255, 255, 255);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
}

.input-conteiner {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 26px;
}

.coupons-input-conteiner {
  width: 292px;
  height: 55px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
  background: rgb(255, 255, 255);
}

.coupons-form-img {
  position: absolute;
  top: 20px;
  right: 20px;
}

.giveMoney-form-img {
  position: absolute;
  top: 25px;
  right: 10px;
}

.coupons-date-img {
  position: absolute;
  top: 11px;
  right: 20px;
}

.coupons-form-type {
  width: 100%;
  height: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  padding: 21px 14px 21px 20px;
}

.coupons-date-conteiner {
  width: 324px;
  height: 55px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
}

.coupons-date-input {
  width: 100%;
  height: 100%;
  font-size: 19px;
  padding: 21px 20px 21px 20px;
  cursor: pointer;
}

.coupons-list,
.active-coupons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}

.service-coupons-items {
  width: 357px;
  height: fit-content;
  min-height: 255px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 20px 20px 10px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
}

.service-coupons-items>div {
  width: 100%;
}

.service-coupons-description {
  display: flex;
  justify-content: space-between;
}

.service-coupons-description:first-of-type {
  margin-top: 20px;
}

.service-coupons-description p {
  color: rgb(119, 119, 119) !important;
  font-family: 'Roboto' !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 120% !important;
  margin-bottom: 5px !important;
}

/* .service-coupons-give {
  margin-left: 20px;
} */
.service-coupons-edit {
  color: rgb(45, 124, 182);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.service-coupons-items div div.service-coupons-text,
.active-coupons-item div {
  display: flex;
  justify-content: space-between;
}

.service-coupons-items div div.service-coupons-text p {
  color: rgb(45, 124, 182);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 16px;
  cursor: pointer;
}

.service-coupons-items p:nth-child(1) {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 5px;
}

.service-coupons-items p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 16px;
}

.service-coupons-items p:nth-child(3) {
  color: rgb(147, 147, 147);
  font-size: 16px;

  font-weight: 400;
  line-height: 120%;
  margin-bottom: 16px;
}

.active-coupons {
  /*height: calc(100vh - 759px);
  overflow: scroll;*/
  flex-direction: row;
  align-content: flex-start;
}

.active-coupons-item {
  width: 357px;
  height: fit-content;
  min-height: 216px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
}

.active-coupons-item p:nth-child(1) {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 5px;
}

.active-coupons-item p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 16px;
}

.active-coupons-item p:nth-child(3) {
  color: rgb(147, 147, 147);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 16px;
}

.active-coupons-item div.active-coupons-text p {
  color: rgb(119, 119, 119);
  font-family: 'Roboto' !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 120% !important;
  margin-bottom: 5px !important;
}

.customerPhone {
  color: rgb(45, 124, 182) !important;
  cursor: pointer;
}

/*  */
.giveCoupons-block {
  position: relative;
  width: 605px;
  max-height: 100vh;
  overflow: auto;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.giveCoupons-block::-webkit-scrollbar {
  display: none;
}

.giveCoupons-block p {
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.giveCoupons-check-text {
  color: rgb(132, 132, 132);
  font-size: 20px;
  font-weight: 400;
}

.type-coupon,
.nominal-coupon,
.description-coupon,
.search-client,
.push-coupon {
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.search-client,
.push-coupon {
  margin-top: 40px;
}

.type-coupon,
.nominal-coupon,
.description-coupon {
  margin-top: 30px;
}

.push-coupon {}

.giveCoupons-search,
.giveCoupons-description {
  width: 476px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 15px;
  background: rgb(255, 255, 255);
  padding-left: 20px;
}

.giveCoupons-check-conteiner {
  display: flex;
  flex-wrap: wrap;
  column-gap: 40px;
  row-gap: 15px;
  margin-top: 15px;
}

.giveCoupons-check-conteiner label {
  width: 33%;
}

.giveCoupons-check-text {
  color: rgb(147, 147, 147);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  margin-left: 5px;
}

.giveCoupons-nominal {
  width: 300px;
  height: 55px;
  padding: 20px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 15px;
}

.giveCoupons-nominal-conteiner,
.giveCoupons-description-conteiner {
  position: relative;
}

.giveCoupons-nominal-conteiner p {
  position: absolute;
  top: 30px;
  right: 220px;
  color: rgb(147, 147, 147);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.giveCoupons-description-conteiner p {
  position: absolute;
  bottom: 0;
  right: 47px;
  color: rgb(132, 132, 132);
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
}

.giveCoupons-date-input,
.giveCoupons-form-type {
  width: 100%;
  height: 100%;
}

.giveCoupons-date-input {
  padding: 19px 20px 19px 20px;
  cursor: pointer;
}

.giveCoupons-form-type {
  color: rgb(66, 66, 66);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  padding: 19px 20px 19px 20px;
  cursor: pointer;
}

.giveCoupons-date-conteiner {
  width: 300px;
  height: 55px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  /* padding: 19px 20px 19px 20px; */
  margin-top: 20px;
}

.coupons-date-conteiner img,
.giveCoupons-date-conteiner img {
  position: absolute;
  right: 14px;
  top: 10px;
}

.giveCoupons-input-conteiner {
  position: relative;
  width: 476px;
  height: 55px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 20px;
  background: rgb(255, 255, 255);
}

.clientCoupons-input-conteiner {
  position: relative;
  width: 285px;
  height: 64px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  margin-top: 25px;
}

.clientBonuse-input-conteiner {
  position: relative;
  width: 285px;
  height: 64px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.giveCoupons-form-img {
  position: absolute;
  top: 20px;
  right: 20px;
}

.giveCoupons-drop {
  width: 476px;
  height: 118px;
  position: absolute;
  display: none;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.clientCoupons-drop {
  width: 285px;
  height: 119px;
  position: absolute;
  display: none;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.clientBonuse-drop {
  width: 285px;
  top: 277px;
  position: absolute;
  display: none;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.giveCoupons-block textarea {
  width: 470px;
  height: 80px;
  margin-top: 15px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.giveCoupons-btn {
  height: 63px;
  margin-top: 40px;
}

.bonuses-btn {
  width: 210px;
  height: 53px;
}

.bonuses-list {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.bonuses-list-item {
  width: 752px;
  height: 64px;
  display: flex;
  justify-content: space-between;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 20px;
  background: rgb(255, 255, 255);
}

.bonuses-list-item span {
  font-size: .9em;
  color: #939393;
}

.bonuses-list-item p:nth-child(1) {
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.bonuses-list-item p:nth-child(2) {
  color: rgb(45, 124, 182);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  cursor: pointer;
}

.bonuses-list-item.bg-green p {
  color: rgb(83, 115, 18);
}

/*  */
.persDiscount-header-text {
  color: rgb(45, 124, 182);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-transform: uppercase;
  cursor: pointer;
}

.persDiscount-percent {
  width: 100px;
  height: 53px;
  position: relative;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
}

.persDiscount-list {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 605px;
}

.persDiscount-list li {
  display: flex;
}

.persDiscount-percent p {
  position: absolute;
  right: 8px;
  top: 12px;
  color: rgb(147, 147, 147);
}

.persDiscount-percent-input {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 24px;
  color: rgb(67, 67, 67);
  font-size: 24px;

  font-weight: 400;
  line-height: 120%;
}

.persDiscount-against,
.persDiscount-until {
  display: flex;
  align-items: center;
  margin-left: 37px;
}

.persDiscount-against p:first-of-type,
.persDiscount-until p:first-of-type {
  color: rgb(147, 147, 147);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-right: 7px;
}

.persDiscount-against div,
.persDiscount-until div {
  width: 154px;
  height: 53px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
}

.persDiscount-against div p,
.persDiscount-until div p {
  position: absolute;
  right: 10px;
  top: 12px;
  color: rgb(147, 147, 147);
}

.persDiscount-against-input,
.persDiscount-until-input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 26px;
  color: rgb(119, 119, 119);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.persDiscount-btn {
  width: 232px;
  height: 53px;
  margin-top: 158px;
  font-family: Roboto;
  font-size: 25px;
  font-weight: 500;
  line-height: normal;
}

/*  */
.giveMoney-block {
  width: 605px;
  height: 786px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;
}

.giveMoney-block p:nth-child(1) {
  color: rgb(109, 109, 109);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 40px;
}

.giveMoney-sum-conteiner {
  width: 480px;
  height: 69px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 40px;
}

.giveMoney-sum-input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 24px;
  color: rgb(37, 37, 37);
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.giveMoney-sum-conteiner p {
  position: absolute;
  right: 10px;
  top: 20px;
  color: rgb(147, 147, 147);
  font-size: 25px;
  font-weight: 400;
  line-height: 34px;
}

.giveMoney-input-conteiner {
  width: 480px;
  height: 64px;
  position: relative;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 16px;
  background: rgb(255, 255, 255);
}

.giveMoney-form-type {
  width: 100%;
  height: 100%;
  padding-right: 24px;
  padding-left: 20px;
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.giveMoney-text {
  color: rgb(109, 109, 109);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
}

.giveMoney-text-1,
.giveMoney-text-3,
.giveMoney-text-4 {
  margin-top: 40px;
}

.giveMoney-text-2 {
  margin-top: 16px;
}

.giveMoney-number-input {
  width: 240px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 15px;
  background: rgb(255, 255, 255);
  padding-left: 20px;
  font-size: 19px;
}

.giveMoney-block textarea {
  width: 481px;
  height: 80px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 15px;
  background: rgb(255, 255, 255);
  resize: none;
}

.giveMoney-btn {
  width: 230px;
  height: 63px;
  margin-top: 40px;
}

/*  */
.registerClient-Block {
  width: 605px;
  height: 432px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;
}

.registerClient-phone-input {
  width: 317px;
  height: 64px;
  margin-top: 40px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 21px 20px 21px 20px;
  background: rgb(255, 255, 255);
}

.registerClient-name-input {
  width: 100%;
  height: 64px;
  padding: 21px 20px 21px 20px;
  margin-top: 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.registerClient-code-conteiner {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.registerClient-input-conteiner {
  width: 317px;
  height: 64px;
  position: relative;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px 6px 0px 0px;
  background: rgb(255, 255, 255);
}

.registerClient-form-img {
  position: absolute;
  top: 28px;
  right: 7px;
}

.registerClient-form-type {
  width: 100%;
  height: 100%;
  padding-right: 32px;
  padding-left: 20px;
  cursor: pointer;
}

.registerClient-code-btn {
  height: 64px;
  padding: 17px 20px;
}

#other-code {
  color: rgb(67, 67, 67);
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  background-color: white;
  border: 1px solid rgb(217, 217, 217);
}

/*  */
.profileClient-Block {
  width: 586px;
  height: 822px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.profileClient-Block p {
  color: rgb(100, 100, 100);
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  margin-top: 40px;
}

.profileClient-phone-input {
  width: 480px;
  height: 63px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 21px 20px 21px 20px;
  background: rgb(255, 255, 255);
  margin-top: 20px;
}

.profileClient-btn {
  width: 230px;
  height: 63px;
  margin-top: 40px;
}

/*  */
.fizClientProfile-status {
  display: flex;
  gap: 10px;
  margin-top: 7px;
}

.fizClient-town-drop {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.02);
}

.fizClient-town-drop ul {
  width: 298px;
  height: 563px;
  display: flex;
  flex-direction: column;

  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 0px 6px 6px;

  background: rgb(255, 255, 255);
}

.fizClient-town-drop ul li {
  padding: 15px 20px 15px 20px;
}

.fizClientProfile-status p {
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.fizClientProfile-status p.profile-good {
  color: rgb(98, 130, 34);
}

.fizClientProfile-status p.profile-neutral {
  color: rgb(85, 85, 85);
}

.fizClientProfile-status p.profile-bad {
  color: rgb(111, 27, 45);
}

.fizClientProfile-header-btn {
  display: flex;
  gap: 10px;
}

.fizClientProfile-info-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.fizClientProfile-info-item {
  width: 300px;
  height: 113px;
  box-sizing: border-box;
  border: 1px solid rgb(193, 193, 193);
  border-radius: 6px;
  background: #ffffff;
  padding: 20px 21px 10px 21px;
  cursor: pointer;
}

.fizClientProfile-info-item_active {
  border: 1px solid rgb(217, 217, 217);
  background: #d9d9d9;
}

.fizClientProfile-info-item div.flex p {
  margin-top: 0;
}

.fizClientProfile-info-item p {
  margin-top: 0 !important;
}

.fizClientProfile-info-item div {
  display: flex;
  justify-content: space-between;
  gap: 13px;
  margin-top: 13px;
}

.fizClientProfile-info-item>p {
  font-size: 17px !important;
}

.fizClientProfile-info-item p:first-of-type,
#persDiscount,
li.fizClientProfile-info-item #fizClientProfile-info-item-title {
  color: rgb(37, 37, 37);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

#persDiscount {
  margin-top: 0;
}

.fizClientProfile-info-item p:last-of-type {
  color: rgb(37, 37, 37);
  font-size: 30px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 13px;
}

#fizClientProfile-persentDiscount {
  margin-top: 0;
}

.recalculate-btn {
  width: 143px;
  height: 43px;
  border-radius: 3px;
  padding: 10px 14px 10px 14px;
  background: rgb(205, 101, 103);
  color: rgb(255, 255, 255);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.countPurchase {
  color: rgb(119, 119, 119);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.countPurchase:first-of-type {
  margin-bottom: 10px;
}

.countPurchase span {
  color: black;
  font-weight: 700;
}

.countPurchase:first-of-type {
  margin-top: 30px;
}

.countPurchase:last-of-type {
  margin-top: 10px;
}

.countOrder-text {
  color: rgb(0, 0, 0);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 60px;
}

.fizClientProfile-input-conteiner {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}

.fizClientProfile-order-type {
  width: 225px;
  height: 64px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.fizClientProfile-orderType-input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 26px;
}

.fizClientProfile-img {
  position: absolute;
  top: 30px;
  right: 6px;
}

.fizClientProfile-oneblock {
  height: calc(100vh - 128px);
  overflow: scroll;
  width: 990px;
  background: #FFF;
  border-radius: 15px 15px 0 0;
  padding: 22px 42px 0 22px;
}

.fizClientProfile-order-list {
  margin-top: 20px;
}

/*  */
.clientCoupons-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 25px;
}

.clientCoupons-list-item {
  width: 357px;
  height: fit-content;
  min-height: 192px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
}

.clientCoupons-list-item p:nth-child(1) {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.clientCoupons-list-item p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 5px;
}

.clientCoupons-list-item p:nth-child(3) {
  color: rgb(147, 147, 147);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 11px;
}

.clientCoupons-list-item p:nth-child(3) span {
  color: rgb(192, 79, 85);
  font-weight: 500;
}

.clientCoupons-list-item p:nth-child(4) {
  border-radius: 3px;
  padding: 8px 10px 8px 10px;
  background: rgb(241, 241, 241);
  color: rgb(67, 67, 67);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 32px;
}

/*  */
.clientBonuse-btn {
  width: 161px;
  height: 64px;
  color: rgb(98, 130, 34);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
  border-radius: 6px;
  background: rgba(98, 130, 34, 0.2);
}

.clientBonuse-text {
  color: rgb(147, 147, 147);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 39px;
}

/*  */
.clientBonuse-input {
  display: flex;
  gap: 15px;
  margin-top: 25px;
}

.clientBonuse-cause {
  width: 218px;
  height: 64px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.clientBonuse-list {
  margin-top: 25px;
}

.clientBonuse-list-item {
  display: flex;
  align-items: center;
}

.clientBonuse-list-item {
  border-top: 1px solid rgb(217, 217, 217);
  border-bottom: 1px solid rgb(217, 217, 217);
  padding: 12px 0;
}

.clientBonuse-item-title {
  border: none;
}

.clientBonuse-item-title p {
  color: rgb(176, 176, 176);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

.clientBonuse-list-item p:nth-child(1) {
  width: 8%;
}

.clientBonuse-list-item p:nth-child(2) {
  width: 19%;
}

.clientBonuse-list-item p:nth-child(3) {
  width: 64%;
}

.clientBonuse-green-text {
  color: rgb(98, 130, 34);
}

.clientBonuse-adres-text,
.clientBonuse-time-text {
  font-size: 19px;
}

.clientBonuse-number-text {
  color: rgb(176, 176, 176);
}

/*  */
.giveBonus-block {
  width: 605px;
  height: fit-content;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.giveBonus-sum-input {
  padding: 20px;
  width: 250px;
  height: 55px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.giveBonus-block p {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.giveBonus-push {
  width: 470px;
  height: 80px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  margin-top: 15px;
  margin-bottom: 15px;
}

.giveBonus-block p:nth-child(2) {
  margin-top: 47px;
}

.giveBonus-block p:nth-child(3) {
  margin-top: 40px;
}

.giveBonus-block p:nth-child(5) {
  margin-top: 30px;
}

.giveBonus-block p:nth-child(7) {
  margin-top: 30px;
}

.giveBonusBtn {
  /*width: 211px;*/
  height: 63px;
  margin-top: 40px;
}

/*  */
.clientReviews-input-conteiner {
  display: flex;
  gap: 20px;
}

.clientReviews-grade,
.clientReviews-type {
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.clientReviews-grade {
  width: 152px;
  height: 64px;
}

.clientReviews-type {
  width: 218px;
  height: 64px;
}

.clientReviews-grade-input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 26px;
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.clientReviews-grade-img {
  position: absolute;
  top: 25px;
  right: 7px;
}

.clientReviews-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 25px;
}

.clientReviews-list-item {
  width: 100%;
  padding: 20px 21px 20px 20px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
}

.clientReviews-list-item img {
  border-radius: 5px;
}

.clientReviews-list-item h2 {
  color: rgb(0, 0, 0);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.clientReviews-list-item div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.clientReviews-item-date {
  color: rgb(168, 168, 168);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 5px;
}

.clientReviews-item-description {
  color: rgb(100, 100, 100);
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 15px;
}

.clientReviews-list-item img {
  margin-top: 10px;
}

/*  */
.clientInvation-list {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}

.clientInvation-list-item {
  display: flex;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid rgb(237, 237, 237);
}

.clientInvation-list-item p:nth-child(1) {
  color: rgb(45, 124, 182);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  text-decoration-line: underline;
  width: 25%;
  cursor: pointer;
}

.clientInvation-list-item p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  width: 55%;
}

.clientInvation-list-item p:nth-child(3) {
  color: rgb(109, 109, 109);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  width: 15%;
}

.clientInvation-block h3 {
  color: rgb(67, 67, 67);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 40px;
}

/*  */
.device-list {
  margin-top: 40px;
}

.device-list-item {
  display: flex;
}

.device-item-title p:nth-child(1),
.device-item-title p:nth-child(2) {
  color: rgb(176, 176, 176) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 120%;
}

.device-item-title p:nth-child(1) {
  width: 10%;
}

.device-list-item {
  padding: 12px 0;
  border-bottom: 1px solid rgb(217, 217, 217);
}

.device-list-item p:nth-child(1) {
  color: rgb(45, 124, 182);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  width: 14%;
}

.device-list-item p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  width: 66%;
}

.device-list-item p:nth-child(3) {
  color: rgb(109, 109, 109);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

/* .device-list-item p:nth-child(1){
  width: ;
} */
/*  */
.clientDelete-block {
  width: 671px;
  height: 608px;
  padding: 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.clientDelete-description {
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 40px;
}

.clientDelete-cause {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 40px;
}

.clientDelete-block textarea {
  width: 551px;
  height: 80px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 15px;
  background: rgb(255, 255, 255);
  resize: none;
}

.clientDelete-btn-conteiner {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.clientDelete-btn-conteiner button {
  box-sizing: border-box;
  border: 1px solid rgb(170, 170, 170);
  border-radius: 6px;
  padding: 21px 50px 21px 50px;
  color: rgb(45, 0, 0);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

.clientDelete-confirm {
  width: 244px;
  height: 64px;
}

.clientDelete-cancel {
  width: 182px;
  height: 64px;
}

/*  */
.BonuseHistory-list {
  margin-top: 25px;
}

.BonuseHistory-item-title p {
  color: rgb(176, 176, 176);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

.BonuseHistory-list-item {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid rgb(217, 217, 217);
}

.BonuseHistory-list-item p:nth-child(1) {
  width: 6%;
}

.BonuseHistory-list-item p:nth-child(2) {
  width: 14%;
}

.BonuseHistory-list-item p:nth-child(3) {
  width: 25%;
}

.BonuseHistory-list-item p:nth-child(4) {
  width: 45%;
}

.BonuseHistory-list-item p:nth-child(5) {
  width: 0%;
}

.BonuseHistory-list-number {
  color: rgb(176, 176, 176);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.BonuseHistory-list-date {
  color: rgb(109, 109, 109);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.BonuseHistory-list-phone {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.BonuseHistory-list-,
.BonuseHistory-list-cause {
  color: rgb(109, 109, 109);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

/*  */
.voidInstance {
  width: 795px;
  height: 100vh;
  border-radius: 15px 0 0 0;
  background-color: #ffffff;
  padding-top: 22px;
}

.lkFlorist-taxi {
  height: 64px;
}

.lkFlorist-oneblock {
  height: 990px;
  width: 990px;
  background: #FFF;
  border-radius: 15px 15px 0px 0px;
  padding: 22px;
  padding-right: 0;
}

.lkFlorist-header-left {
  display: flex;
  gap: 20px;
}

.lkFlorist-header-left img {
  width: 101.56px;
  height: 101.56px;
  border-radius: 26px;
}

.lkFlorist-headerL-name p {
  color: rgb(132, 132, 132);
  font-size: 19px;
  font-weight: 400;
  line-height: 100%;
}

.lkFlorist-headerL-name h2 {
  color: rgb(67, 67, 67);
  font-size: 30px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: left;
}

.lkFlorist-tabel {
  width: 116px;
  height: 64px;
  border-radius: 6px;
  color: rgb(48, 189, 87);
  background: rgba(48, 189, 87, 0.2);
}

.lkFlorist-header-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.lkFlorist-conteiner {
  display: flex;
  gap: 131px;
  margin-top: 50px;
}

.lkFlorist-left h2,
.lkFlorist-right h2 {
  color: rgb(37, 37, 37);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}

.lkFlorist-left h2:last-of-type {
  margin-bottom: 16px;
}

.lkFlorist-left-time {
  width: 243px;
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.lkFlorist-left-time p:first-of-type {
  color: rgb(147, 147, 147);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.lkFlorist-left-pay p:first-of-type {
  color: rgb(147, 147, 147);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.lkFlorist-left-time p:last-of-type {
  color: rgb(37, 37, 37);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.lkFlorist-left h3 {
  color: rgb(85, 85, 85);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 20px;
}

.lkFlorist-left hr {
  width: 350px;
  height: 2px;
  border: 1px solid rgb(217, 217, 217);
  margin-top: 30px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px;
}

.lkFlorist-left-shift {
  margin-top: 10px;
}

.lkFlorist-left-shift p,
.lkFlorist-left-product p,
.lkFlorist-fine p {
  color: rgb(147, 147, 147);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.lkFlorist-left-product {
  width: 350px;
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}

.lkFlorist-left-btns {
  display: flex;
  gap: 15px;
  margin-top: 15px;
}

.lkFlorist-left-btn {
  width: 260px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(170, 170, 170);
  border-radius: 6px;
  padding: 19px;
  color: rgb(45, 0, 0);
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

.lkFlorist-left-pay {
  width: 350px;
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
}

.lkFlorist-left-pay:first-of-type {
  margin-top: 16px;
}

.lkFlorist-left-pay p:last-of-type {
  color: rgb(66, 66, 66);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

.lkFlorist-right-1,
.lkFlorist-right-2 {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}

.lkFlorist-right-bucket {
  width: 225px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 25px;
}

.lkFlorist-right-bucket div {
  display: flex;
  align-items: center;
  gap: 5px;
}

.lkFlorist-right-bucket h3 {
  color: rgb(37, 37, 37);
  font-size: 26px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 5px;
}

.lkFlorist-right-bucket h3:first-of-type {
  margin-top: 20px;
}

.lkFlorist-right-bucket h3:last-of-type {
  margin-top: 30px;
}

.lkFlorist-right-bucket p {
  color: rgb(147, 147, 147);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.lkFlorist-fine {
  width: 225px;
  height: 116px;
  padding: 25px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
}

.lkFlorist-fine:last-of-type {
  margin-top: 15px;
}

.lkFlorist-fine div {
  display: flex;
  gap: 5px;
}

p.lkFlorist-fine-sum {
  color: rgb(66, 66, 66);
  font-size: 26px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 20px;
}

/*  */
.taxi-block {
  width: 605px;
  height: 560px;
  border-radius: 15px;
  padding: 50px 40px 60px 60px;
  background: rgb(255, 255, 255);
}

.taxi-block p {
  color: rgb(109, 109, 109);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 40px;
}

.taxi-input-conteiner {
  display: flex;
  gap: 16px;
  margin-top: 15px;
}

.taxi-sum {
  width: 256px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
}

.taxi-date {
  width: 209px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
}

.generalTabel-date {
  width: 209px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
}

.taxi-sum-input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 26px;
}

.taxi-sum p,
.taxi-date img {
  color: rgb(147, 147, 147);
  font-size: 25px;
  font-weight: 400;
  line-height: 34px;
  position: absolute;
  right: 18px;
  top: 20px;
  margin-top: 0;
}

.generalTabel-date img {
  position: absolute;
  right: 18px;
  top: 10px;
}

.taxi-block textarea {
  width: 481px;
  height: 80px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.taxiBtn {
  width: 207px;
  height: 63px;
  margin-top: 40px;
}

/*  */
.lkShowProduct-list {
  margin-top: 45px;
}

.lkShowProduct-list-item {
  display: flex;
  align-items: center;
}

.lkShowProduct-list-item {
  padding-bottom: 8px;
  border-bottom: 1px solid rgb(236, 236, 236);
}

.lkShowProduct-list-item img {
  margin-right: 30px;
}

.lkShowProduct-list-item div {
  width: 64%;
}

.lkShowProduct-list-item div p:first-of-type {
  color: rgb(109, 109, 109);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.lkShowProduct-list-item div p:last-of-type {
  color: rgb(85, 85, 85);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.lkShowProduct-item-count {
  color: rgb(67, 67, 67);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  width: 20%;
}

.lkShowProduct-item-sum {
  color: rgb(67, 67, 67);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

/*  */
.floristTabel-conteiner {
  display: flex;
  gap: 43px;
  margin-top: 30px;
}

.floristTabel-btns {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}

.floristTabel-btn {
  width: 278px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 6px;
  color: rgb(66, 66, 66);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

.salonTabel-btn {
  width: 278px;
  height: 64px;
  border-radius: 6px;
  background: rgba(98, 130, 34, 0.2);
  color: rgb(98, 130, 34);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
  margin-top: 15px;
}

.salonTabel-title {
  display: flex;
  gap: 164px;
  padding: 0 80px;
}

.salonTabel-title p {
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}

.floristTabel-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}

.floristTabel-list-items {
  width: 190px;
  height: 122px;
  border: 1px solid rgb(217, 217, 217);
  background: rgb(247, 247, 247);
}

.floristTabel-white-item {
  padding: 15px;
  background-color: white;
  display: flex;
  flex-direction: column;
}

.floristTabel-rest-item {
  padding: 15px;
  background-color: white;
  display: flex;
  flex-direction: column;
  background: rgb(217, 217, 217);
}

.floristTabel-white-item div {
  display: flex;
  justify-content: space-between;
}

.floristTabel-white-item p:nth-child(1),
.floristTabel-rest-item p:nth-child(1),
.floristTabel-white-item div p {
  color: rgb(170, 170, 170);
  font-size: 20px !important;
  font-weight: 400;
  line-height: 120%;
  align-self: flex-end;
  margin-top: 0 !important;
}

.floristTabel-white-item p:nth-child(2) {
  color: rgb(170, 170, 170);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 15px;
}

.floristTabel-white-item p:nth-child(3) {
  color: rgb(170, 170, 170);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 10px;
}

.floristTabel-rest-item p:nth-child(2) {
  color: rgb(170, 170, 170);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 34px;
}

.floristTabel-bg-green {
  background: rgba(84, 214, 4, 0.2);
}

.floristTabel-green-bold p {
  color: rgb(83, 115, 18) !important;
}

.floristTabel-white-bold p:not(:first-of-type) {
  color: rgb(0, 0, 0) !important;
}

/*  */
.floristTabel-drop-conteiner {
  width: 384px;
  height: 64px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.floristTabel-drop-conteiner img {
  position: absolute;
  right: 5px;
  top: 28px;
}

.salonTabel-header-title {
  display: flex;
  align-items: center;
  gap: 40px;
}

.floristTabel-header-input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 28px;
}

.floristTabel-description {
  display: flex;
  gap: 43px;
  margin-top: 30px;
}

.floristTabel-description p {
  font-size: 22px;
  font-weight: 400;
  line-height: 120%;
  opacity: 0.7;
}

.floristTabel-description span {
  font-size: 24px;
  font-weight: 600;
  opacity: 1;
}

/*  */
.salonTabel-list {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.salonTabel-list-item {
  width: 190px;
  height: 122px;
  border: 1px solid rgb(217, 217, 217);
  background: rgb(247, 247, 247);
}

.salonTabel-bg-white {
  display: flex;
  flex-direction: column;
  background-color: white;
  justify-content: space-between;
  padding: 15px;
}

.salonTabel-bg-white p {
  align-self: flex-end;
}

.salonTabel-name-list li {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.salonTabel-name-list {
  display: flex;
  flex-direction: column;
  color: rgb(0, 0, 0);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.salonTabel-link {
  color: rgb(45, 124, 182) !important;
}

.salonTabel-name-list div p {
  width: 30px;
  height: 30px;
  border-radius: 41px;
  background: rgb(98, 130, 34);
  color: rgb(255, 255, 255);
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: center;
  padding-top: 5px;
}

.salonTabel-name-list div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*  */
.monthOrder-salon-conteiner {
  width: 225px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  position: relative;
}

.generalTabel-inputs {
  display: flex;
  gap: 15px;
  margin-top: 40px;
  align-items: center;
}

.generalTabel-salon-conteiner {
  width: 300px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  position: relative;
}

.generalTabel-type-conteiner {
  width: 225px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  position: relative;
}

.monthOrder-salon-input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 28px;
}

.monthOrder-salon-conteiner img {
  position: absolute;
  right: 20px;
  top: 28px;
}

.generalTabel-type-conteiner img {
  position: absolute;
  right: 17px;
  top: 21px;
}

.generalTabel-salon-conteiner img {
  position: absolute;
  right: 17px;
  top: 21px;
}

.monthOrder-header-input {
  display: flex;
  gap: 20px;
}

.monthOrder-list-item {
  display: flex;
  align-items: center;
}

.monthOrder-item-title {
  margin-top: 40px;
  margin-bottom: 15px;
}

.monthOrder-list-item p {
  color: rgb(176, 176, 176);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

.monthOrder-list-item p:nth-child(1) {
  width: 7%;
}

.monthOrder-list-item p:nth-child(2) {
  width: 14%;
}

.monthOrder-list-item p:nth-child(3) {
  width: 22%;
}

.monthOrder-list-item p:nth-child(4) {
  width: 12%;
}

.monthOrder-list-item p:nth-child(5) {
  width: 15%;
}

.monthOrder-item {
  padding: 13px 0;
  border-bottom: 1px solid rgb(217, 217, 217);
  border-top: 1px solid rgb(217, 217, 217);
}

.monthOrder-item p:nth-child(1) {
  color: rgb(176, 176, 176);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
}

.monthOrder-item p:nth-child(2) {
  color: rgb(109, 109, 109);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.monthOrder-item p:nth-child(3) {
  color: rgb(45, 124, 182);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.monthOrder-item p:nth-child(4),
.monthOrder-item p:nth-child(5) {
  color: rgb(66, 66, 66);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.monthOrder-item p:nth-child(6) {
  color: rgb(109, 109, 109);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.generalTabel-table-header {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.generalTabel-table-header h3 {
  color: rgb(0, 0, 0);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-right: 15px;
}

.generalTabel-table-legend {
  display: flex;
  gap: 20px;
  padding-left: 223px;
}

.generalTabel-table-legend p {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.generalTabel-table-title {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.generalTabel-table-title p,
.generalTabel-table-item p {
  color: rgb(66, 66, 66);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  width: 20%;
  max-width: 326px;
}

.generalTabelEdit-name {
  width: 20%;
}

.generalTabelEdit-name p {
  width: max-content !important;
}

.generalTabel-title-item {
  width: 45px;
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.generalTabel-title-list {
  display: flex;
}

.generalTabel-title-item p:first-of-type {
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0%;
}

.generalTabel-title-item p:last-of-type {
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0%;
  opacity: 0.7;
}

.generalTabel-title-gray {
  background-color: #E6E6E6;
}

.generalTabel-table-list {
  display: flex;
}

.generalTabel-table-item {
  display: flex;
  align-items: center;
}

.generalTabel-item-day {
  width: 45.5px;
  height: 40px;
  display: flex;
  align-items: center;
  border: 1px solid rgb(237, 237, 237);
  justify-content: center;
}

.generalTabel-item-day img {
  width: 8.59px;
  height: 7px;
}

.generalTabel-item-day p {
  color: rgb(67, 67, 67);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  width: max-content;
}

.generalTabel-edit-text {
  color: rgb(45, 124, 182);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  margin-left: 487px;
}

.generalTabel-bg-purple {
  background: rgba(86, 122, 251, 0.25);
}

.generalTabel-bg-yellow {
  background: rgba(255, 168, 0, 0.2);
}

.generalTabel-bg-darkPink {
  background: rgba(119, 91, 228, 0.31);
}

.generalTabel-bg-orange {
  background: rgba(254, 134, 39, 0.24);
}

.generalTabel-bg-Lightpurple {
  background: rgba(86, 122, 251, 0.15);
}

.generalTabel-green-text p {
  color: rgb(98, 130, 34);
}

/*  */
.createShop-block p.createShop-header-text,
.floristShop-block p.createShop-header-text,
.FloristDocument p.createShop-header-text {
  color: rgb(45, 124, 182);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-transform: uppercase;
  padding-right: 22px;
  cursor: pointer;
}

.createShop-input {
  width: 755px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 16px 20px 16px 20px;
  margin-top: 10px;
}

.createShop-block,
.floristShop-block {
  padding-left: 22px;
}

.createShop-block hr {
  background-color: rgb(217, 217, 217);
  height: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.createShop-check {
  margin-top: 64px;
}

.createShop-block p:not(.rBLock-header p) {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 25px;
}

.createShop-adress {
  margin-top: 37px;
}

.createShop-top-block {
  display: flex;
  gap: 40px;
  align-items: center;
}

.createShop-type-conteiner {
  width: 331px;
  height: 55px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.createShop-type-conteiner img {
  position: absolute;
  right: 20px;
  top: 20px;
}

.createShop-type-input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 26px;
  margin-top: 0;
}

.createShop-time-input {
  width: 205px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  font-size: 20px;
  background: rgb(255, 255, 255);
  margin-right: 15px;
  margin-top: 10px;
  padding-left: 20px;
}

.createShop-phone-input,
.createShop-email-input {
  width: 331px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding-left: 20px;
  padding-right: 20px;
  background: rgb(255, 255, 255);
}

.shop-login {
  width: 331px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding-left: 20px;
  background: rgb(255, 255, 255);
}

/*  */
.florist-shop-btns {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.florist-shop-btns button {
  width: 365.5px;
  height: 64px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 5px;
  padding: 10px 25px 10px 25px;
  color: rgb(67, 67, 67);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}

.florist-list {
  margin-top: 40px;
}

.florist-list-item {
  display: flex;
  align-items: center;
  width: 450px;
}

.florist-list-item p:first-of-type {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 39%;
  margin-top: 8px;
}

.florist-list-item p:last-of-type {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 8px;
}

.florist-pass-reset {
  width: 192px;
  height: 40px;
  padding: 8px 15px 8px 15px;
  border: 2px solid rgb(217, 217, 217);
  border-radius: 5px;
  color: rgb(67, 67, 67);
  font-size: 19px;
  margin-left: 175px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 10px;
}

.add-cell {
  display: block;
  width: 192px;
  height: 45px;
  padding: 10px 15px 10px 15px;
  border: 2px solid rgb(217, 217, 217);
  border-radius: 5px;
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 25px;
}

.florist-shop-hr {
  margin-top: 13px;
  margin-bottom: 13px;
  background-color: rgb(217, 217, 217);
  height: 2px;
}

.floristShop-title {
  color: rgb(67, 67, 67);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 81px;
  margin-bottom: 31px;
}

.floristShop-cell-title {
  display: flex;
}

.floristShop-cell-title p {
  color: rgb(147, 147, 147);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.floristShop-cell-title p:nth-child(1) {
  width: 5%;
}

.floristShop-cell-title p:nth-child(2) {
  width: 17%;
}

.floristShop-cell-title p:nth-child(3) {
  width: 10%;
}

.floristShop-cell-item {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  padding-top: 12px;
  border-bottom: 1px solid rgb(236, 236, 236);
  ;
}

.floristShop-cell-item p:nth-child(1) {
  color: rgb(119, 119, 119);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  width: 5%;
}

.floristShop-cell-item p:nth-child(2) {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 17%;
}

.floristShop-cell-item p:nth-child(3) {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 70%;
}

.floristShop-btn {
  height: 64px;
  margin-top: 59px;
}

/*  */
.floristDocument-item {
  display: flex;
  align-items: center;
  gap: 15px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 14px;
}

.floristEditDocument-item {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 15px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 14px;
}

.floristDocument-item p {
  color: rgb(119, 119, 119);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.floristDocument-text {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 31px;
  margin-bottom: 9px;
}

.floristEditDocument-text {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 31px;
  margin-bottom: 9px;
}

.floristDocument-text:last-of-type {
  margin-top: 358px;
}

.floristDocument-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.floristDocument-comment {
  width: 751px;
  height: 65px;
  resize: none;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 15px;
}

/*  */
.documentEdit-name-input {
  width: 751px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 10px;
}

.documentEdit-input-conteiner {
  display: flex;
  gap: 25px;
}

.documentEdit-phone-input,
.documentEdit-email-input {
  width: 363px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 10px;
}

.documentEdit-hr {
  background-color: rgb(217, 217, 217);
  height: 2px;
  margin-top: 25px;
  margin-bottom: 29px;
}

.FloristDocument-list-title,
.documentEdit-text,
.documentEdit-input-conteiner p {
  margin-top: 41px;
  color: rgb(0, 0, 0);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  opacity: 0.5;
}

.documentEdit-text {
  margin-top: 37px;
}

.documentEdit-input-conteiner p {
  margin-top: 25px;
}

.upload-file {
  width: 224px;
  height: 64px;
  padding: 10px 25px 10px 25px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 5px;
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}

/*  */
.floristShift-time {
  color: rgb(66, 66, 66);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-left: 70px;
  margin-right: 167px;
}

.floristShift-btn {
  width: 207px;
  height: 53px;
  padding: 15px 20px 15px 20px;
  border-radius: 6px;
  background: rgb(48, 189, 87);
  color: rgb(255, 255, 255);
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

.floristShift-responsible {
  color: rgb(119, 119, 119);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  margin-top: 21px;
}

.floristShift-name {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.floristShift-descriptions {
  display: flex;
  gap: 15px;
  margin-top: 19px;
}

.floristShift-description-item {
  width: 134px;
  height: 103px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 5px;
  padding: 10px 5px 10px 5px;
}

.floristShift-description-item p:first-of-type {
  color: rgb(66, 66, 66);
  font-size: 30px;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
}

.floristShift-description-item p:last-of-type {
  color: rgb(119, 119, 119);
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 9px;
  text-align: center;
}

.floristShift-list-title {
  color: rgb(37, 37, 37);
  font-size: 22px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 27px;
  margin-bottom: 21px;
}

.floristShift-list-item {
  display: flex;
  justify-content: space-between;
}

.floristShift-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.floristShift-list-item p:first-of-type {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.floristShift-list-item p:last-of-type {
  color: rgb(66, 66, 66);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

.floristShift-hr {
  background-color: rgb(217, 217, 217);
  height: 2px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.floristShift-result {
  margin-top: 29px;
}

.floristShift-result div {
  display: flex;
  width: 354px;
  justify-content: space-between;
}

.floristShift-result div p:first-of-type {
  color: rgb(37, 37, 37);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.floristShift-result div p:last-of-type {
  color: rgb(67, 67, 67);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

/*  */
.closeShift-Block {
  width: 567px;
  height: 1140px;
  padding: 40px 40px 40px 50px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.closeShift-description {
  display: flex;
  gap: 15px;
}

.closeShift-description-text,
.closeShift-description div p {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.closeShift-description div p:last-of-type {
  color: rgb(66, 66, 66) !important;
}

.closeShift-description:first-of-type {
  margin-top: 15px;
}

.closeShift-description:last-of-type {
  margin-top: 30px;
}

.floristShift-input-conteiner {
  width: 343px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
  margin-top: 15px;
}

.floristShift-input-conteiner p {
  position: absolute;
  right: 10px;
  top: 11px;
  color: rgb(147, 147, 147);
  font-size: 25px;
  font-weight: 400;
  line-height: 34px;
}

.floristShift-input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 28px;
}

.closeShift-btn {
  width: 268px;
  height: 64px;
  margin-top: 30px;
  font-size: 17px;
  padding: 14px 29px 11px 29px;
}

.closeShift-Block .floristShift-result div {
  width: 100%;
}

/*  */
.corpClient-header {
  display: flex;
  justify-content: space-between;
}

.corpClient-header h2 {
  color: rgb(0, 0, 0);
  font-size: 30px;
  font-weight: 400;
  line-height: 120%;
}

.corpClient-header div {
  display: flex;
  gap: 10px;
}

.addBalance-btn {
  width: 249px;
  height: 64px;
  padding: 19px;
  border-radius: 6px;
  background: rgba(98, 130, 34, 0.2);
  color: rgb(98, 130, 34);
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

.corpClient-description {
  display: flex;
  gap: 10px;
  margin-top: 58px;
}

.corpClient-description-item {
  box-sizing: border-box;
  border: 1px solid rgb(193, 193, 193);
  border-radius: 6px;
  width: 228px;
  height: 113px;
  padding: 20px 21px 10px 21px;
}

.corpClient-description-item p:first-of-type {
  color: rgb(37, 37, 37);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

.corpClient-description-item p:last-of-type {
  color: rgb(37, 37, 37);
  font-size: 30px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 12px;
}

.corpClient-orderCount {
  color: rgb(0, 0, 0);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 60px;
  margin-bottom: 20px;
}

.corpClientInfo-title {
  color: rgb(0, 0, 0);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 40px;
  margin-bottom: 20px;
}

.corpClientInfo-inn {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.corpClientInfo-inn p {
  color: rgb(97, 95, 95);
  font-size: 22px;
  font-weight: 400;
  line-height: 120%;
}

.corpClientInfo-conteiner {
  display: flex;
  gap: 98px;
  margin-top: 20px;
}

.corpClientInfo-list {
  margin-top: 25px;
}

.corpClientInfo-list-item {
  display: flex;
  gap: 15px;
}

.corpClientInfo-list-item p:first-of-type {
  color: rgb(97, 95, 95);
  font-size: 22px;
  font-weight: 400;
  line-height: 120%;
}

.corpClientInfo-list-item p:last-of-type {
  color: rgb(132, 132, 132);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.corpClientInfo-textarea {
  width: 746px;
  height: 76px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 14px 20px 15px 20px;
  font-size: 17px;
}

.corpClientInfo-list div {
  margin-top: 25px;
  margin-bottom: 40px;
}

/*  */
.corpClientEmployess h3 {
  color: rgb(67, 67, 67);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 40px;
}

.corpClientEmployess h3:last-of-type {
  margin-top: 60px;
}

.corpClientEmployess-list-title {
  display: flex;
  margin-bottom: 15px;
  margin-top: 25px;
}

.corpClientEmployess-list-title p {
  color: rgb(176, 176, 176);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

.corpClientEmployess-list-title p:nth-child(1) {
  width: 4%;
}

.corpClientEmployess-list-title p:nth-child(2) {
  width: 25%;
}

.corpClientEmployess-list-title p:nth-child(3) {
  width: 50%;
}

.corpClientEmployess-list-item {
  display: flex;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(237, 237, 237);
}

.corpClientEmployess-list-item p:nth-child(1) {
  color: rgb(176, 176, 176);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  width: 4%;
}

.corpClientEmployess-list-item p:nth-child(2) {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  width: 21%;
}

.corpClientEmployess-list-item p:nth-child(3) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  width: 49%;
}

.corpClientEmployess-list-item p:nth-child(4) {
  color: rgb(67, 67, 67);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  width: 18%;
}

.corpClientEmployess-unactive-item {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.corpClientEmployess-unactive-item p {
  color: rgb(166, 166, 166);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.corpClientEmployess-unactive-item p:nth-child(1) {
  width: 4%;
}

.corpClientEmployess-unactive-item p:nth-child(2) {
  width: 31%;
}

.corpClientEmployess-unactive-item p:nth-child(3) {
  width: 29%;
}

.corpClientEmployess-unactive-item p:nth-child(4) {
  width: 11%;
}

.corpClientEmployess-unactive-item p:nth-child(4) {
  width: 11%;
}

.corpClientEmployess-unactive-item p:nth-child(5) {
  width: 22%;
}

/*  */
.corpClientBonus-inputs {
  display: flex;
  gap: 15px;
  margin-top: 25px;
}

.corpClientBonus-inputs input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 28px;
}

.corpClientBonus-inputs img {
  position: absolute;
  right: 20px;
  top: 20px;
}

.corpClientBonus-type {
  width: 285px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  position: relative;
}

.corpClientBonus-list-title {
  display: flex;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 19px;
}

.corpClientBonus-list-title p {
  color: rgb(176, 176, 176) !important;
  font-size: 17px !important;
  font-weight: 400;
  line-height: 120%;
}

.corpClientBonus-list-item p:nth-child(1),
.corpClientBonus-list-title p:nth-child(1) {
  width: 6%;
}

.corpClientBonus-list-item p:nth-child(2),
.corpClientBonus-list-title p:nth-child(2) {
  width: 15%;
}

.corpClientBonus-list-item p:nth-child(3),
.corpClientBonus-list-title p:nth-child(3) {
  width: 29%;
}

.corpClientBonus-list-item p:nth-child(4),
.corpClientBonus-list-title p:nth-child(4) {
  width: 28%;
}

.corpClientBonus-list-item p:nth-child(5),
.corpClientBonus-list-title p:nth-child(5) {
  width: 17%;
}

.corpClientBonus-list-item {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
  padding-top: 12px;
  border-bottom: 1px solid rgb(217, 217, 217);
  ;
}

.corpClientBonus-list-item p:nth-child(1) {
  color: rgb(176, 176, 176);
  font-size: 17px;
}

.corpClientBonus-list-item p:nth-child(2) {
  color: rgb(176, 176, 176);
  font-size: 17px;
}

.corpClientBonus-list-item p:nth-child(3) {
  color: rgb(67, 67, 67);
  font-size: 19px;
}

.corpClientBonus-list-item p:nth-child(4) {
  font-size: 19px;
}

.corpClientBonus-list-item p:nth-child(5) {
  color: rgb(98, 130, 34);
  font-size: 19px;
}

.corpClientBonus-list-item p:nth-child(6) {
  color: rgb(45, 124, 182);
  font-size: 20px;
}

/*  */
.corpClientDelete-block {
  width: 671px;
  height: 551px;
  padding: 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.corpClientDelete-block p {
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 40px;
  margin-bottom: 40px;
}

.corpClientDelete-block p span {
  font-weight: 700;
}

.corpClientDelete-cause-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.corpClientDelete-block textarea {
  width: 551px;
  height: 80px;
  resize: none;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.corpClientDelete-block-btns {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.corpClientDelete-block-btns button {
  color: rgb(45, 0, 0);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
  box-sizing: border-box;
  border: 1px solid rgb(170, 170, 170);
  border-radius: 6px;
}

.corpClientDelete-block-btns button:first-of-type {
  width: 244px;
  height: 64px;
}

.corpClientDelete-block-btns button:last-of-type {
  width: 182px;
  height: 64px;
}

/*  */
.fizClient-header {
  display: flex;
  justify-content: space-between;
}

.fizClient-btn {
  width: 210px;
  height: 60px;
  border-radius: 6px;
  padding: 20px;
  background: rgba(111, 27, 45, 0.2);
  color: rgb(111, 27, 45);
  font-size: 20px;
  font-weight: 400 !important;
  line-height: 20px !important;
  text-transform: uppercase;
}

.fizClient-inputs {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.fizClient-seacrh {
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  font-size: 19px;
  font-weight: 400;
  width: 626px;
  height: 64px;
  padding: 21px 20px 21px 20px;
  background: rgb(255, 255, 255);
}

.fizClient-inputs-conteiner {
  box-sizing: border-box;
  position: relative;
}

.fizClient-inputs-conteiner:first-of-type {
  width: 300px;
  height: 64px;
}


.fizClient-inputs-conteiner input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 28px;
}

.fizClient-inputs-conteiner img {
  position: absolute;
  top: 28px;
  right: 20px;
}

.fizClient-list {
  height: calc(100vh - 400px);
  overflow: auto;
  margin-top: 40px;
}

.fizClient-item {
  display: flex;
  align-items: center;
}

.fizClient-item-title {
  margin-bottom: 20px;
}

.fizClient-item-title p {
  color: rgb(176, 176, 176);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

.fizClient-item>*:nth-child(1) {
  width: 5%;
}

.fizClient-item>*:nth-child(2) {
  width: 26%;
}

.fizClient-item>*:nth-child(3) {
  width: 18%;
}

.fizClient-item>*:nth-child(4) {
  width: 10%;
}

.fizClient-item>*:nth-child(5) {
  width: 14%;
}

.fizClient-item>*:nth-child(6) {
  width: 18%;
}

.fizClient-list-item {
  color: rgb(147, 147, 147);
  padding-bottom: 30px;
  padding-top: 30px;
  border-bottom: 1px solid rgb(237, 237, 237);
}

.fizClient-list-item p:nth-child(1) {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.fizClient-list-item div {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 23%;
}

.fizClient-list-item div p {
  color: rgb(67, 67, 67);
  font-size: 18px;
  line-height: 120%;
}

.fizClient-item-mail {
  width: 20%;
  flex-direction: column;
  align-items: flex-start !important;
}

.fizClient-item-mail p {
  color: rgb(132, 132, 132) !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  width: max-content !important;
}

.fizClient-item-mail p:first-of-type {
  font-size: 18px;
}

.fizClient-item-mail p:first-of-type:not([data-customer-id='']) {
  color: rgb(45, 124, 182) !important;
  cursor: pointer;
}

.fizClient-list-item p:nth-child(3) {
  color: rgb(45, 124, 182);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.fizClient-list-item p:nth-child(4) {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.fizClient-list-item p:nth-child(5),
.fizClient-list-item p:nth-child(6) {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.fizClient-list-item p:nth-child(7) {
  color: rgb(255, 91, 91);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.fizClient-soloname {
  width: max-content !important;
}

.fizClient-void-blcok {
  display: flex;
  padding-top: 180px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fizClient-void-blcok h2 {
  color: rgb(66, 66, 66);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 40px;
}

.fizClient-void-blcok p {
  color: rgb(147, 147, 147);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 22px;
}

/*  */
.corpClientList-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.corpClientList div {
  display: flex;
}

.corpClientList-header h2 {
  color: rgb(0, 0, 0);
  font-size: 30px;
  font-weight: 400;
  line-height: 120%;
}

.corpClientList-header button {
  margin-left: 0;
}

.corpClientList-header .corpClientList-request-btn {
  width: 179px;
  height: 54px;
  border-radius: 6px;
  background: rgba(255, 77, 0, 0.2);
  color: rgb(184, 56, 0);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  margin-left: 10px;
  text-transform: uppercase;
}

.corpClientList input {
  width: 560px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 29px;
  padding: 21px 20px 21px 20px;
}

.corpClientList-title,
.corpClientList-item {
  display: flex;
  align-items: center;
}

.corpClientList-item {
  padding-bottom: 15px;
  padding-top: 15px;
  border-bottom: 1px solid rgb(237, 237, 237);
}

.corpClientList-title p {
  color: rgb(176, 176, 176);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

.corpClientList-item div:nth-child(1) {
  display: flex;
  gap: 9px;
}

.corpClientList-item div:nth-child(1) p,
.corpClientList-item div:nth-child(4) p {
  color: rgb(147, 147, 147);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.corpClientList-item div:nth-child(2) p {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 500;
}

.corpClientList-item div:nth-child(3) {
  display: flex;
  flex-direction: column;
}

.corpClientList-item div:nth-child(3) p:last-of-type {
  color: rgb(45, 124, 182);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

.corpClientList-item div:nth-child(5) p {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
}

.corpClientList-title p:nth-child(1),
.corpClientList-item div:nth-child(1) {
  width: 10%;
}

.corpClientList-title p:nth-child(2),
.corpClientList-item div:nth-child(2) {
  width: 27%;
}

.corpClientList-title p:nth-child(3),
.corpClientList-item div:nth-child(3) {
  width: 43%;
}

.corpClientList-title p:nth-child(4),
.corpClientList-item div:nth-child(4) {
  width: 10%;
}

.corpClientList-title p:nth-child(5),
.corpClientList-item div:nth-child(5) {
  width: 10%;
}

/*  */
.corpClientInstance-profile-btn {
  width: 138px;
  height: 54px;
  border-radius: 6px;
  padding: 20px;
  background: rgba(205, 101, 103, 0.2);
  color: rgb(205, 101, 103);
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

.corpClientInstance-addbalance-btn {
  width: 249px;
  height: 54px;
  padding: 20px;
  color: rgb(147, 147, 147);
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
  margin-left: 10px;
  border-radius: 6px;
  background: rgb(236, 236, 236);
}

.corpClientInstance-check-btn {
  width: 212px;
  height: 54px;
  border-radius: 6px;
  padding: 12px;
  background: rgba(255, 77, 0, 0.2);
  color: rgb(184, 56, 0);
  font-size: 19px;
  font-weight: 500;
  line-height: 23px;
  margin-top: 55px;
  text-transform: uppercase;
}

.corpClientInstance-hr {
  margin-top: 25px;
  margin-bottom: 25px;
  height: 2px;
  background-color: rgb(237, 237, 237);
}

.corpClientInstance-text {
  color: rgb(132, 132, 132);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 12px;
}

.corpClientInstance h3 {
  color: rgb(0, 0, 0);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 10px;

}

.corpClientInstance-contact-block {
  width: 373px;
}

.corpClientInstance-contact-block p {
  color: rgb(132, 132, 132);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;

}

.corpClientInstance-contact-block p span {
  color: rgb(37, 37, 37);
}

.corpClientInstance-discount-block {
  display: flex;
  justify-content: space-between;
}

.corpClientInstance-discount-block p:first-of-type {
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0%;

}

.corpClientInstance-discount-block p:last-of-type {
  color: rgb(132, 132, 132);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

/*  */
.closeAccess-block,
.repairAccess-block {
  width: 610px;
  height: 350px;
  padding: 60px;
  border-radius: 15px;

  background: rgb(255, 255, 255);
}

.closeAccess-block p,
.repairAccess-block p {
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  color: #6D6D6D;
  margin-top: 40px;

}

.closeAccess-block p span,
.repairAccess-block p span {
  color: #3C3939;
  font-weight: 700;
}

.closeAccess-btn-block,
.repairAccess-btn-block {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.closeAccess-btn-block button,
.repairAccess-btn-block button {
  width: 193px;
  height: 64px;
  padding: 21px 50px 21px 50px;
  box-sizing: border-box;
  border: 1px solid rgb(170, 170, 170);
  border-radius: 6px;

  color: rgb(45, 0, 0);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

/*  */
.createCompany-Block {
  width: 941px;
  height: 899px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;

  background: rgb(255, 255, 255);
  overflow-y: scroll;
}

.createCompany-Block p {
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 5px;
}

.createCompany-Block input {
  height: 54px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  padding-left: 20px;
}

.createCompany-input-conteiner {
  display: flex;
  gap: 25px;
}

.createCompany-company-requisit {
  margin-top: 40px;
}

.createCompany-company-requisit input {
  width: 300px;
  height: 54px;
}

.createCompany-Block h3,
.createCompany-Block h4 {
  color: rgb(0, 0, 0);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;

}

.createCompany-input-w100 input {
  width: 100%;
}

.createCompany-input-w100,
.createCompany-bik,
.createCompany-check,
.createCompany-email,
.createCompany-input-conteiner,
.createCompany-Block h4 {
  margin-top: 25px;
}

.createCompany-company-kpp {
  margin-top: 25px;
}

.createCompany-company-kpp input {
  width: 256px;

}

.createCompany-contact div:first-of-type input {
  width: 250px;
}

.createCompany-contact div:last-of-type input {
  width: 351px;
}

.createCompany-bik div:first-of-type input {
  width: 256px;
}

.createCompany-bik div:last-of-type input {
  width: 537px;
}

.createCompany-check input {
  width: 396px;
}

.createCompany-fio div:last-of-type input {
  width: 544px;
}

.createCompany-fio input {
  width: 250px;
}

.createCompany-email div:first-of-type input {
  width: 250px;
}

.createCompany-email div:last-of-type input {
  width: 351px;
}

.createCompany-btn {
  width: 182px;
  height: 63px;
  margin-top: 40px;
  padding: 20px 45px 20px 45px;
  font-size: 19px;
}

/*  */
.fizClientDiscount-bar-conteiner {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 30px;
}

.fizClientDiscount-bar-text P {
  color: rgb(109, 109, 109);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.fizClientDiscount-bar-text P span {
  color: rgb(47, 47, 47);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;

}

#circleBar {
  width: 81.14px;
  height: 81.14px;
}

.fizClientDiscount h3 {
  color: rgb(67, 67, 67);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 40px;
}

.fizClientDiscount-list {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.fizClientDiscount-list-item {
  display: flex;
  gap: 42px;
}

.fizClientDiscount-list-item p:first-of-type {
  color: rgb(67, 67, 67);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;

}

.fizClientDiscount-list-item p:last-of-type {
  color: rgb(109, 109, 109);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;

}

/*  */
.fizClientStatus-block {
  width: 673px;
  height: 669px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.fizClientStatus-text {
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 40px;
  margin-bottom: 15px;
}

.fizClientStatus-block textarea {
  width: 551px;
  height: 80px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  resize: none;

}

.fizClientStatusBtn,
.fizClientRoleBtn {
  width: 217px;
  height: 63px;
  margin-top: 80px;
}

/*  */
.fizClientRoleBtn {
  margin-top: 60px;
}

.fizClientRole-block {
  width: 532px;
  height: 422px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

/*  */
.fizClientRole-checkbox-text {
  color: rgb(67, 67, 67);
  font-size: 22px;
  font-weight: 400;
  line-height: 26px;
  margin-left: 18px;
}

/*  */
.incasationJournal-inputs {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.incasationJournal-input-conteiner {
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  position: relative;
}

.incasationJournal-input-conteiner img {
  position: absolute;
  right: 20px;
  top: 27px;
}

.incasationJournal-calenar {
  position: absolute;
  right: 15px !important;
  top: 13px !important;
}

.incasationJournal-input-conteiner input,
.converionJournal-calendar-conteiner input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 28px;


  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.incasationJournal-input-conteiner:nth-child(1) {
  width: 245px;
  height: 64px;
}

.incasationJournal-input-conteiner:nth-child(2) {
  width: 276px;
  height: 64px;
}

.incasationJournal-input-conteiner:nth-child(3) {
  width: 276px;
  height: 64px;
}

.incasationJournal-input-conteiner:nth-child(4) {
  width: 64px;
  height: 64px;
}

.incasationJournal-list-title {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.incasationJournal-title-item,
.converionJournal-title-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.incasationJournal-title-item p,
.incasationJournal-title-item,
.converionJournal-title-item {
  color: rgb(147, 147, 147);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.incasationJournal-title-item:nth-child(1) {
  width: 10%;
}

.incasationJournal-title-item:nth-child(2) {
  width: 14%;
}

.incasationJournal-title-item:nth-child(3) {
  width: 10%;
}

.incasationJournal-title-item:nth-child(4) {
  width: 27%;
}

.incasationJournal-title-item:nth-child(5) {
  width: 23%;
}

.incasationJournal-title-item:nth-child(6) {
  width: 10%;
}

.incasationJournal-item p,
.converionJournal-item p {
  color: rgb(119, 119, 119);
}

.incasationJournal-item p:nth-child(1),
.converionJournal-item p:nth-child(1) {
  opacity: 0.7;
  color: rgb(147, 147, 147);
}

.incasationJournal-item p:nth-child(5),
.converionJournal-item p:nth-child(5) {
  opacity: 0.6;
}

.incasationJournal-item p:nth-child(1) {
  width: 8%;
}

.incasationJournal-item p:nth-child(2) {
  width: 16%;
}

.incasationJournal-item p:nth-child(5) {
  width: 25%;
}

.incasationJournal-list,
.converionJournal-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;

}

.giveFromCasa-date {
  color: rgb(119, 119, 119);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 10px;
}

.giveFromCasa-list {
  margin-top: 41px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}

.giveFromCasa-list-item {
  display: flex;
}

.giveFromCasa-list-item p:first-of-type {
  color: rgb(147, 147, 147);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 90px;
}

.giveFromCasa-list-item p:last-of-type {
  color: rgb(67, 67, 67);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 227px;
}

.giveFromCasa-coment {
  color: rgb(67, 67, 67);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 40px;
}

.giveFromCasa-textarea {
  width: 746px;
  height: 68px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 20px;
  resize: none;
}

/*  */
.converionJournal-header {
  justify-content: space-between;
}

.converionJournal-calendar-conteiner {
  width: 360px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
}

.converionJournal-calendar-conteiner img {
  position: absolute;
  right: 20px;
  top: 20px;
}

.converionJournal-title {
  display: flex;
  align-items: center;
  margin-top: 40px;

}

.converionJournal-title-item:nth-child(1) {
  width: 11%;
}

.converionJournal-title-item:nth-child(2) {
  width: 18%;
}

.converionJournal-title-item:nth-child(3) {
  width: 22%;
}

.converionJournal-title-item:nth-child(4) {
  width: 19%;
}

.converionJournal-title-item:nth-child(5) {
  width: 16%;
}

.converionJournal-title-item:nth-child(4) {
  width: 24%;
}

.converionJournal-item p:nth-child(1) {
  width: 9%;
}

.converionJournal-item p:nth-child(2) {
  width: 16%;
}

.converionJournal-item p:nth-child(3) {
  width: 25%;
  font-size: 18px;
}

.converionJournal-item p:nth-child(4) {
  width: 24%;
}

.converionJournal-item p:nth-child(5) {
  width: 16%;
}

.converionJournal-item p:nth-child(4) {
  width: 24%;
}

/*  */
.addBalanceCorp-Block {
  width: 605px;
  height: 508px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.addBalanceCorp-desc {
  font-size: 22px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 40px;
}

.addBalanceCorp-desc span {
  font-weight: 700;
}

.addBalanceCorp-check {
  color: rgb(109, 109, 109);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 40px;
}

.addBalanceCorp-text-conteiner,
.CorpProfileBalance-text-conteiner {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.CorpProfileBalance-text-conteiner {
  display: none;
}

.addBalanceCorp-text p:first-of-type {
  color: rgb(94, 94, 94);
  font-size: 22px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 10px;

}

.addBalanceCorp-text p:last-of-type {
  color: rgb(45, 124, 182);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;

}

.addBalanceCorp-btn {
  height: 63px;
  margin-top: 40px;
}

/*  */
.CorpProfileBalance-Block {
  width: 605px;
  height: 580px;
  border-radius: 15px;
  padding: 50px 40px 60px 60px;
  background: rgb(255, 255, 255);
}

.CorpProfileBalance-input-conteiner {
  width: 480px;
  height: 69px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
  margin-top: 30px;
}

.CorpProfileBalance-input-conteiner input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 28px;
}

.CorpProfileBalance-input-conteiner p {
  position: absolute;
  right: 20px;
  top: 20px;

  color: rgb(147, 147, 147);
  font-size: 25px;
  font-weight: 400;
  line-height: 34px;
}

.addBalanceCorp-check {
  color: rgb(109, 109, 109);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 40px;
}

.addBalanceCorp-addFIle {
  display: block;
  border-radius: 6px;
  margin-top: 20px;
  background: rgb(222, 207, 210);
  padding: 14px 33px 14px 33px;
  color: rgb(45, 0, 0);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;

}

/*  */
.generalTabelEdit-inputs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
}

.generalTabelEdit-inputs div {
  display: flex;
  gap: 15px;
}

.generalTabelEdit-name {
  display: flex;
  gap: 10px;

}

.generalTabel-void p {
  color: rgb(147, 147, 147) !important;
}

.generalTabelEdit-list {
  height: 546px;
}

.generalTabelEdit-btn {
  margin-top: 30px;
}

/*  */
.greenTabel-wrapper {
  margin-top: 40px;
  height: 546px;

}

.greenTabel-table-item {
  overflow-x: scroll;
  width: max-content;
  max-width: 1730px;
}

.greenTabel-table-item::-webkit-scrollbar {
  width: 1px;
  height: 10px;
}

.greenTabel-table-item::-webkit-scrollbar-thumb {
  background-color: rgb(217, 217, 217);
  ;
}

.greenTabel-header {
  display: flex;
  gap: 15px;
  align-items: center;

}

.greenTabel-months {
  display: flex;
  margin-top: 40px;
  width: max-content;
}

.greenTabel-month {
  color: rgb(85, 85, 85);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin-left: 315px;
  margin-right: 315px;
}

.greenTabel-months-block {
  display: flex;
  width: max-content;

}

.greenTabel-months-block ul,
.greenTabel-months-title {
  display: flex;
}

.greenTabel-months-title {
  flex-direction: column;
  border-bottom: 1px solid rgb(217, 217, 217);
  border-left: 1px solid rgb(217, 217, 217);
  align-items: center;
}

.greenTabel-months-title:last-of-type {
  border-right: 1px solid rgb(217, 217, 217);

}

.greenTabel-months-title p:first-of-type {
  font-size: 24px;
}

.greenTabel-months-title p:first-of-type span {
  font-size: 19px;
  color: rgb(147, 147, 147);
}

.greenTabel-months-title ul p {
  color: rgb(147, 147, 147);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;

}

.greenTabel-months-block ul {
  display: flex;
  justify-content: space-between;
  margin-top: 13px;
}



.greenTabel-name {
  width: 317px;
}

#greenTabel-name {
  align-items: flex-start;
  border: none;
  height: 81px;
}

.greenTabel-table-item {
  display: flex;
  width: max-content;
  flex-direction: column;

}

.greenTabel-table-item ul {
  height: 40px;
  width: max-content;
}

.greenTabel-name {
  height: 40px;
}

.generalTabel-void:last-of-type.greenTabel-name {
  border: none;
}

.greenTabel-table-item ul {
  display: flex;
}

.greenTabel-table-item ul li {
  width: 33px;
  height: 40px;
  border: 1px solid rgb(217, 217, 217);
  text-align: center;
}

.greenTabel-months-title ul li {
  border: none;
}

.greenTabel-green-item {
  background-color: rgb(98, 130, 34);
  border: 1px solid white;
}

.greenTabel-name {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 20%;
  width: 317px;
  border-bottom: 1px solid rgb(217, 217, 217);
}

.greenTabel-name p {
  color: rgb(67, 67, 67);
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;

}

.greenTabel-name img {
  width: 10px;
  height: 5px;
}

.greenTabel-plus {
  width: 14px !important;
  height: 19px !important;
}

.generalTabel-month {
  height: 40px;
}

/*  */
.shiftsSettings-block {
  width: 803px;
  height: 823px;
  border-radius: 15px;
  padding: 50px 40px 60px 60px;
  background: rgb(255, 255, 255);
}

.shiftsSettings-title {
  display: flex;
  margin-top: 40px;
}

.shiftsSettings-title p {
  color: rgb(109, 109, 109);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;

}

.shiftsSettings-list {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.shiftsSettings-title p:nth-child(1) {
  width: 54%;
}

.shiftsSettings-title p:nth-child(2) {
  width: 18%;
}

.shiftsSettings-title p:nth-child(3) {
  width: 18%;
}

.shiftsSettings-item {
  display: flex;
  align-items: center;
}

.shiftsSettings-small-conteiner {
  width: 65px;
  height: 50px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.shiftsSettings-item p {
  color: rgb(37, 37, 37);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.shiftsSettings-big-conteiner {
  width: 88px;
  height: 50px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shiftsSettings-defis {
  color: rgb(147, 147, 147);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-right: 13px;
  margin-left: 13px;
}

.shiftsSettings-1 {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 51%;
}

.shiftsSettings-2 {
  width: 18%;
  max-width: 88px;
}

.shiftsSettings-3 {
  margin-left: 20px;
}


.shiftsSettings-void {
  color: rgb(37, 37, 37) !important;
}

.shiftsSettingsBtn {
  margin-top: 40px;
}

/*  */
.generalTabel-settings {
  width: 307px;
  height: 440px;
  position: absolute;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 6px 6px 6px;
  background: rgb(255, 255, 255);
  display: none;

}

.generalTabel-settings p {
  color: rgb(0, 0, 0);
  font-size: 19px;
  font-weight: 400;
  margin-left: 10px;
  line-height: 120%;

}

.generalTabel-settings div {
  height: 55px;
  box-sizing: border-box;
  padding: 15px 20px 15px 20px;
}

/*  */
.reportDetails-wrapper {
  display: flex;
  gap: 40px;
}

.reportDetails-sidebar {
  width: 400px;
  height: 569px;
  padding: 20px 15px 20px 15px;
  border-radius: 6px;

  background: rgb(248, 248, 248);
}

.reportDetails-sidebar input,
.reportDetails-date {
  width: 370px;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 21px 20px 21px 20px;
  background: rgb(255, 255, 255);
}

.reportDetails-date input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.reportDetails-sidebar-btns {
  display: flex;
  margin-top: 20px;
}

.reportDetails-sidebar-btns button {
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 6px 6px 0px;
  background: rgb(255, 255, 255);
  padding: 13px 20px 12px 20px;
  height: 50px;
  color: rgb(132, 132, 132);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.reportDetails-sidebar-btns button:first-of-type {
  border-radius: 6px 0px 0px 6px;
}

.reportDetails-sidebar-btns button:last-of-type {
  border-radius: 0px 6px 6px 0px;
}

.reportDetails-btnActive {
  color: rgb(255, 255, 255) !important;
  background: rgb(171, 98, 113) !important;
}

.reportDetails-input-conteiner {
  padding: 0;
  position: relative;
  margin-top: 20px;
}

.reportDetails-input-conteiner img {
  position: absolute;
  right: 20px;
  top: 9px;
}

.reportDetails-row-img {
  top: 21px !important;
}

.reportDetails-sidebar p {
  color: rgb(132, 132, 132);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 50px;
  margin-bottom: 10px;
}

.reportDetails-btns {
  display: flex;
  gap: 10px;
}

.reportDetails-list-conteiner {
  width: 100%;
}

.reportDetails-title {
  display: flex;
  width: 100%;
}

.reportDetails-title p {
  color: rgb(176, 176, 176);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;

}

.reportDetails-title p:nth-child(1) {
  width: 28%;
}

.reportDetails-title p:nth-child(2) {
  width: 22%;
}

.reportDetails-title p:nth-child(3) {
  width: 29%;
}

.reportDetails-title p:nth-child(4) {
  width: 10%;
}

.reportDetails-title p:nth-child(5) {
  width: 10%;
}


.reportDetails-list {
  margin-top: 20px;

}

.reportDetails-list li {
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgb(237, 237, 237);
}

.reportDetails-list li p:nth-child(1) {
  width: 28%;
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.reportDetails-list li p:nth-child(2) {
  width: 22%;
  color: rgb(67, 67, 67);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  opacity: 0.6;
}

.reportDetails-list li p:nth-child(3) {
  width: 29%;
  color: rgb(67, 67, 67);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  opacity: 0.6;
}

.reportDetails-list li p:nth-child(4) {
  width: 10%;
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.reportDetails-list li p:nth-child(5) {
  width: 10%;
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  opacity: 0.6;
}

.virtProduct-wrapper {
  display: flex;
  gap: 40px;
}

.virtProduct-left {
  width: 536px;
}

.virtProduct-left ul li {
  display: flex;
  gap: 15px;
}

.virtProduct-left ul li p:nth-child(1) {
  font-family: Roboto;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
  width: 140px;
}

.virtProduct-left ul li p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
}


.virtProduct {
  flex-direction: column;
  width: 100%;
  height: 1074px;
  padding: 23px 29px 113px 28px;
}

.virtProduct__1cname {
  font-family: Roboto;
  font-size: 19px;
  font-weight: 400;
  line-height: normal;
  color: #777777;
  margin-top: 30px;
  margin-bottom: 10px;
}

.virtProduct__1cText {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;

}

.virtProduct__price {
  display: flex;
  align-items: center;
  gap: 20px;

}

.virtProduct__price p:nth-child(1) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 500;

}

.virtProduct__price p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-decoration-line: line-through;
}

.virtProduct__1cText-red {
  color: rgb(192, 79, 85);
}

.virtProduct__white-btn {
  width: 175px;
  padding: 12px 35px 12px 35px;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  margin-top: 20px;
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

.virtProduct__hatch-title {
  color: rgb(119, 119, 119);
  font-family: 'Roboto';
  font-size: 17px;
  font-weight: 400;
  margin-top: 25px;

}

.virtProduct__hatch {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  margin-top: 10px;

}

.virtProduct-right img {
  width: 175px;
  height: 175px;
  border-radius: 6px;
}

.virtProduct__info {
  display: flex;
  gap: 10px;
  margin-top: 206px;
}

.virtProduct__info p {
  color: rgb(119, 119, 119);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;

}

.virtProduct__info img {
  width: 26px;
  height: 26px;
}

.virtProduct-btn {
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;

  padding: 12px 35px 12px 35px;
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-transform: uppercase;
}


.accountingProduct-list li {
  display: flex;
}

.accountingProduct-list li p:nth-child(1) {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  width: 140px;
}

.accountingProduct-list li p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;

}

.accountingProduct__name {
  color: rgb(132, 132, 132);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 30px;
}

.accountingProduct__text {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 6px;
}

.accountingProduct__text:first-of-type {
  margin-top: 10px;
}

.accountingProduct__red {
  color: rgb(192, 79, 85);
  font-family: 'Roboto';
  font-size: 19px;
  font-weight: 600;
  margin-top: 10px;

}

.accountingProduct__price-title {
  margin-top: 93px;
}

.accountingProduct-price {
  color: rgb(67, 67, 67);
  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}

.nomenCreateProduct_price-block {
  margin-top: 35px;
  width: 220px;
}

.createProduct-price {
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
  background: rgb(255, 255, 255);
}

.nomenCreateProduct_price-block p {
  color: rgb(119, 119, 119);
  font-family: 'Roboto';
  font-size: 20px;
  font-weight: 400;

}

.createProduct-price_input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 26px;

  font-family: 'Roboto';
  font-size: 24px;
  font-weight: 400;
}

.createProduct-price {
  margin-top: 10px;
}

.createProduct-price p {
  position: absolute;
  top: 16px;
  right: 20px;
}

.nomenCreateProduct_wrapper {
  display: flex;
  gap: 15px;
}

.fizClient-inputs-conteiner .createHolidayMain_select {
  width: auto;
}

.customerNumber {
  color: grey;
  font-size: 18px;
  margin-top: 20px;
}

/*  */
.writeOffProduct-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.writeOffProduct-drop-conteiner {
  width: 245px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
}

.writeOffProduct-drop,
.request-recipient-drop,
.request-name-drop {
  width: 100%;
  display: none;
  position: absolute;
  background: white;
  height: max-content;
  gap: 5px;
  z-index: 2;
  border: 1px solid rgb(217, 217, 217);

}

.request-recipient-drop {
  z-index: 20;
}

.writeOffProduct-drop p,
.request-recipient-drop p,
.request-name-drop p {
  padding: 10px 20px 10px 20px;
}

.writeOffProduct-drop-conteiner input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.writeOffProduct-drop-conteiner img {
  position: absolute;
  top: 25px;
  right: 20px;
  cursor: pointer;
}

.writeOffProduct-btn {
  width: 262px;
  border-radius: 6px;
  padding: 17px 20px 17px 20px;
  background: rgb(138, 0, 0);
  color: rgb(255, 255, 255);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
}

.writeOffProduct-list {
  margin-top: 50px;
  overflow: scroll;
  display: flex;
  flex-direction: column;
  gap: 7px;

}

.writeOffProduct-list p {
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.writeOffProduct__list-title {
  display: flex;
  align-items: center;
  padding-left: 20px;
  margin-bottom: 15px;
}

.writeOffProduct-list li p:nth-child(1) {
  width: 6%;
}

.writeOffProduct-list li p:nth-child(2) {
  width: 13%;
}

.writeOffProduct-list li p:nth-child(3) {
  width: 30%;
}

.writeOffProduct-list li p:nth-child(4) {
  width: 34%;
}

.writeOffProduct-list li p:nth-child(5) {
  width: 16%;
  text-align: end;
}

.writeOffProduct__list-item {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 23px 20px 23px 20px;
}

.writeOffProduct__list-item p:nth-child(3) {
  width: 31% !important;
}

.writeOffProduct__list-item p.writeOffProduct__list-item-price {
  color: rgb(139, 45, 46);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px
}

.writeOffProduct__list-item p.writeOffProduct__list-item-price span {
  color: rgb(139, 45, 46);
  font-family: Open Sans;
  font-size: 18px;
}

.writeOffProduct_active {
  background: rgb(237, 237, 237);
}

/*  */
.writeOffProduct-description-item {
  display: flex;
}

.writeOffProduct-description-item p:nth-child(1) {
  width: 130px;
  margin-right: 10px;
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.createTask-instance p:nth-child(1) {
  width: 164px;
}

.writeOffProduct-description-item p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.writeOffProduct-instance h2,
.createTask-instance h2 {
  color: rgb(67, 67, 67);
  font-size: 28px;
  font-weight: 400;
  line-height: 33px;
}

.writeOffProduct-description-wrapper {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-top: 31px;
}

.writeOffProduct-instance-list {
  border-bottom: 1px solid rgb(217, 217, 217);
  padding-bottom: 15px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.writeOffProduct-instance-list li,
.writeOffProduct-instance-total {
  display: flex;
  align-items: center;
}

.writeOffProduct-instance-total {
  margin-top: 15px;
}

.writeOffProduct-instance-list-title p {
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.writeOffProduct-instance-list-title p:nth-child(1) {
  width: 9%;
}

.writeOffProduct-instance-list-title p:nth-child(2) {
  width: 64%;
}

.writeOffProduct-instance-list-title p:nth-child(3) {
  width: 11%;
}

.writeOffProduct-instance-list-title p:nth-child(4) {
  width: 19%;
  text-align: end;
}

.writeOffProduct-instance-list-item p:nth-child(1) {
  color: rgb(177, 177, 177);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 9%;
}

.writeOffProduct-instance-list-item p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  width: 64%;
}

.writeOffProduct-instance-list-item p:nth-child(3) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  width: 11%;
}

.writeOffProduct-instance-list-item p:nth-child(4),
.writeOffProduct-instance-total p:nth-child(3) {
  color: rgb(139, 45, 46);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  width: 19%;
  text-align: end;
}

.writeOffProduct-instance-list-item p:nth-child(4) span,
.writeOffProduct-instance-total p:nth-child(3) span {
  font-size: 17px;

}

.writeOffProduct-instance-total p:nth-child(1) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  width: 71%;
}

.writeOffProduct-instance-total p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  width: 10%;
}

/*  */
.Notify {
  width: 780px;
  max-height: 1046px;
  height: max-content;
  overflow-y: scroll;
  border-radius: 15px 15px 0px 0px;
  background: rgb(255, 255, 255);
  padding: 22px 22px 0px 22px;
}

.Notify hr {
  height: 2px;
  background-color: rgb(217, 217, 217);
  margin: 0px;
}

.Notify-list {
  max-height: 900px;
  overflow: scroll;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}

.Notify-list-item {
  width: 710px;
  display: flex;
  border-radius: 6px;
  padding: 10px 5px 10px 20px;
  align-items: flex-start;

  border-bottom: 1px solid rgb(217, 217, 217);
}

.Notify-description {
  width: 545px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: 25px;
  margin-right: 30px;
}

.Notify-description p:nth-child(1) {
  width: 97px;
  border-radius: 36px;
  padding: 2px 14px 2px 14px;
  background: rgb(255, 228, 204);
  color: rgb(255, 122, 0);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.Notify-description h2 {
  color: rgb(0, 0, 0);
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
}

.Notify-text {
  color: rgb(85, 85, 85);
  font-size: 19px;
  font-weight: 500;
  line-height: 120%;
}

.Notify-time {
  color: rgb(170, 170, 170);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

.Notify-blue {
  background: rgba(13, 153, 255, 0.1);
  border-left: 5px solid rgba(13, 153, 255, 0.35);
}

/*  */
.tasks-header {
  display: flex;
  align-items: center;
}

.tasks__item-header {
  display: flex;
  justify-content: space-between;
}

.tasks-header__item {
  width: 250px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  padding: 10px 20px 10px 20px;

}

.tasks-header__item p {
  color: rgb(255, 255, 255);
  font-size: 19px;
  font-weight: 500;
  padding: 7px 13px 7px 13px;
  border-radius: 41px;
  background: rgb(177, 177, 177);
}

.tasks-header__types {
  display: flex;
  gap: 15px;
}

.tasks-header__item-active {
  color: rgb(255, 255, 255);
  background: rgb(135, 69, 84);
}

.tasks-header__item-green.tasks-header__item-active,
.tasks-header__item-green.tasks-header__item-active p {
  background: rgb(98, 130, 34);
}

.tasks-header__item-active p,
.tasks-header__item-active button {
  color: rgb(255, 255, 255);
}

.tasks-header__item-active p {
  padding: 0;
  background: rgb(135, 69, 84);
}

.addtask-btn {
  width: 296.63px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 134px;
  border-radius: 10px;
  background: rgb(121, 47, 62);
  padding: 17px 25px 17px 25px;

}

.addtask-btn p {
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
}

.tasks__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
}

.tasks__list-item {
  height: 156px;
  display: flex;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 22px;
  background: rgb(255, 255, 255);

}

.tasks__list-item-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-left: 30px;
  width: 100%;
}

.tasks__list-item-info-date {
  display: flex;
  gap: 8px;
}

.tasks__list-item-info h2 {
  color: rgb(60, 57, 57);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
}


.tasks__list-item-important {
  width: 97px;
  border-radius: 36px;
  padding: 2px 14px 2px 14px;
  background: rgb(255, 228, 204);
  color: rgb(255, 122, 0);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}


.createTask-block {
  width: 1635px;

  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.createTask-conteiner {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.createTask-left {
  width: 1008px;
}

.createTask-description {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 15px;

}

.createTask-input {
  width: 100%;
  height: 64px;
  padding: 22px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.createTask-file {
  width: 259px;
  height: 53px;
  display: flex;
  gap: 20px;
  border-radius: 6px;
  cursor: pointer;
  background: rgba(100, 20, 36, 0.7);
  margin-top: 30px;
  padding: 15px 28px 15px 28px;
}

.createTask-file p {
  color: rgb(255, 255, 255);
  font-size: 19px;
  font-weight: 400;
  line-height: 23px;

}

.createTask-executor,
.createTask-data {
  width: 100%;
  height: 64px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

  background: rgb(255, 255, 255);
}

.createTask-date-conteiner {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}

.createTask-data,
.createTask-time {
  width: 220px;
}

.createTask-executor img,
.createTask-data img {
  top: 20px;
  right: 20px;
  position: absolute;
}

.createTask-input-executor,
.createTask-input-date {
  padding: 22px;
  width: 100%;
  height: 100%;
}

.createTask-input-executor {
  color: rgb(132, 132, 132);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}


.createTask-executor-drop {
  position: absolute;
  display: none;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0px 0px 6px 6px;
  padding: 20px;
  background: rgb(255, 255, 255);
  top: 58px;
  width: 100%;
  z-index: 20;

}

.createTask-executor-drop ul {
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.createTask-executor-drop li {
  color: rgb(97, 97, 97);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.createTask__check {
  margin-top: 40px;
}

.createTask-instance textarea {
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 10px 16px 10px 16px;
  width: 736px;
  height: 48px;

  color: rgb(67, 67, 67);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.createTask-file-name {
  width: 216px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 14px;
}

.createTask-file-name p {
  color: rgb(119, 119, 119);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.createTask-coment {
  border-radius: 6px;
  padding: 10px 16px 10px 16px;
  background: rgb(245, 247, 250);
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  border: none;
}

.crateTask-instance-btn {
  margin-top: 323px;
}

/*  */
.createTask-sucess {
  width: 605px;
  height: 324px;
  display: none;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;

}

.createTask-sucess p {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.createTask-sucess-btn {
  border-radius: 6px;
  padding: 20px 45px 20px 45px;

}

.product__list-title {
  display: flex;
  align-items: center;
}



.productCount-descr p {
  color: rgb(147, 147, 147);
}

.product__list-title {
  padding-left: 22px;
  padding-right: 66px;
}

.product__list-title p:nth-child(1) {
  width: 10%;
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.product__list-title p:nth-child(2) {
  width: 47%;
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.product__list-title p:nth-child(3) {
  width: 40%;
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.product-count {
  padding: 10px 28px 10px 28px;
}

.product__list-item {
  display: flex;
  align-items: center;
  padding: 20px 22px 20px 22px;
  border-bottom: 1px solid rgb(236, 236, 236);
  border-top: 1px solid rgb(236, 236, 236);
}

.product__list-item p:nth-child(1) {
  width: 10%;
}

.product__list-item p:nth-child(2) {
  width: 47%;
}

.product__list-item p:nth-child(3) {
  width: 37%;
}

.product__list-title {
  padding: 20px 22px 20px 22px;
}

.product__list-item:first-of-type {
  margin-top: 20px;
}

.toWorkInstance textarea {
  margin-bottom: 30px;


}

.toWork-btn {
  padding: 17px 20px 17px 20px;
  margin-top: 270px;
  margin-left: 22px;
}

.toWorkInstance-title {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  padding-left: 22px;

}

.toWorkInstance-textarea {
  width: 736px;
  height: 64px;
  border-radius: 6px;
  padding: 10px 16px 10px 16px;
  background: rgb(245, 247, 250);
  margin-top: 10px;
  margin-left: 22px;
  border: none;
}

.createWriteOff h2 {
  color: rgb(67, 67, 67);
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  padding-left: 22px;
  margin-bottom: 30px;

}

.createWriteOff .createTask-coment {
  width: 736px;
  height: 64px;
}



.flex.createWriteOff-btns {
  flex-wrap: wrap;
  row-gap: 15px;
}

.sales-item.activeItem {
  border: 4px solid rgb(45, 124, 182);
  border-radius: 6px;
  background: rgba(45, 124, 182, 0.2);
}

.sales-item[data-init="0"] {
  cursor: default;

  .sales-item-remains,
  .sales-item-count {
    display: none !important;
  }

  img {
    filter: brightness(65%);
  }

  .sales-item-out-of-stock {
    display: unset !important;
  }

  .sales-item-description,
  .sales-item-price {
    color: #939393 !important;
  }
}

/*  */
.moving-instance h2 {
  color: rgb(67, 67, 67);
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;

}

.moving-header-top {
  display: flex;
  justify-content: space-between;
}

.moving-type {
  width: 245px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  position: relative;

}

.moving-header__item {
  display: flex;
  gap: 20px;
}

.moving-type img {
  position: absolute;
  right: 20px;
  top: 26px;
}

.moving-type input {
  width: 100%;
  height: 100%;
  padding: 21px 14px 21px 20px;

  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.moving-drop-visible {
  width: 64px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 16px 14px 17px 20px;
  background: rgb(255, 255, 255);
  cursor: pointer;
}

.moving-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.moving-list-title {
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 50px;
  margin-bottom: 15px;
}

.moving-list-title p {
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
}

.moving-list-title p:nth-child(1) {
  width: 10%;
}

.moving-list-title p:nth-child(2) {
  width: 14%;
}

.moving-list-title p:nth-child(3) {
  width: 29%;
}

.moving-list-title p:nth-child(4) {
  width: 34%;
}

.moving-list-item {
  display: flex;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 23px 20px 23px 20px;

}

.moving-list-item p:nth-child(1) {
  color: rgb(147, 147, 147);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  width: 10%;

}

.moving-list-item p:nth-child(2) {
  color: rgb(147, 147, 147);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  width: 14%;

}

.moving-list-item p:nth-child(3) {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 29%;
}

.moving-list-item p:nth-child(4) {
  color: rgb(67, 67, 67);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  width: 34%;

}

.moving-list-item p:nth-child(5) {
  color: rgb(119, 119, 119);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.moving-instance-description-wrapper {
  display: flex;
  gap: 200px;
  margin-bottom: 20px;
  margin-top: 30px;
}

.moving-instance-description {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.moving-instance-description span {
  color: rgb(67, 67, 67);

}

.moving-instance-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 32px;
}

.moving-instance-coment {
  padding-left: 0;
}

.moving-instance-textarea {
  margin-left: 0;
}

.moving-instance-item {
  display: flex;
}

.moving-instance-title {
  margin-bottom: 28px;
}

.moving-instance-title p {
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;

}

.moving-instance-item p:nth-child(1) {
  color: rgb(177, 177, 177);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

  width: 6%;
}

.moving-instance-item p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;
  width: 55%;
}

.moving-instance-item p:nth-child(3) {
  color: rgb(132, 132, 132);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;

  width: 14%;
}

.moving-instance-item p:nth-child(4) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 22px;

  width: 13%;
}

.moving-instance-item p:nth-child(5) {
  width: 10%;
}

.moving__visibleInput-item {
  width: 220px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
  background: rgb(255, 255, 255);
}

.moving-header__visibleInput {
  margin-top: 20px;
  display: none;
  gap: 20px;
}

.moving__visibleInput-item input {
  width: 100%;
  height: 100%;
  color: rgb(0, 0, 0);
  padding: 21px 46px 21px 20px;
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  cursor: pointer;
}

.moving__visibleInput-item input::placeholder {
  color: rgb(147, 147, 147);
}

.moving__visibleInput-item img {
  position: absolute;
  right: 20px;
  top: 26px;
  cursor: pointer;
}

.moving__visibleInput-item-active {
  display: flex;
}

.create-moving-adress {
  display: flex;
  gap: 10px;
  margin-left: 22px;
}

.create-moving-adress p:nth-child(1) {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.create-moving-adress p:nth-child(2) {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;

}

.create-moving-input {
  width: 662px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
  background: rgb(255, 255, 255);
}

.create-moving-input input {
  width: 100%;
  height: 100%;
  color: rgb(147, 147, 147);
  padding: 21px 14px 21px 20px;
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.create-moving-input img {
  position: absolute;
  right: 20px;
  top: 20px;
}

.create-moving-adress-input {
  padding-left: 22px;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 15px;
  margin-bottom: 50px;
}

.create-moving-adress-input p {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.switchWater-btn,
.addFlowerBlockBtn,
.clientDiscount-continue-btn {
  height: 68px;
}

.CreateMoving-btn {
  width: 207px;
  height: 68px;
  margin-top: 100px;
  margin-left: 22px;
}

.createMoving-header {
  display: flex;
  align-items: center;
  gap: 22px;
}

.createWriteOff-btn {
  margin-top: 250px;
  margin-left: 22px;
}

.writeOffProduct .sales-item.activeItem {
  border: 4px solid rgb(255, 91, 91);
  background: rgba(255, 91, 91, 0.2);
}

.MovingSucess {
  width: 605px;
  height: 242px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.MovingSucess p {
  color: #848484;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 50px;
}

.MovingSucess p span {
  color: #434343;
}

.createComing-btn {
  width: 128px;
  height: 44px;

  color: rgb(255, 255, 255);
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
  text-transform: uppercase;
  border-radius: 6px;

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: rgb(132, 68, 81);
}

.createComing-item-active {
  border-radius: 6px;

  background: rgb(237, 237, 237);
}

.createComing-instance h2 {
  color: rgb(67, 67, 67);
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
  margin-left: 22px;

}

.moving-instance-description-wrapper.createComing-instance,
.toWorkInstance-title.createComing-instanc,
.toWorkInstance-textarea.createComing-instance {
  margin-left: 22px;
}

.createComing-list {
  margin-top: 32px;

}

.createComing-title {
  display: flex;
  padding-left: 22px;
  margin-bottom: 20px;

}

.createComing-title p {
  color: rgb(132, 132, 132);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;

}

.createComing-title p:nth-child(1) {
  width: 10%;
}

.createComing-title p:nth-child(2) {
  width: 66%;
}

.createComing-title p:nth-child(3) {
  width: 17%;
}

.createComing-input {
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 10px 20px 10px 20px;
  background: rgb(255, 255, 255);
  width: 95px;
  height: 43px;
}

.createComing-instance-item {
  display: flex;
  align-items: center;
  padding: 20px 22px 20px 22px;
  border-bottom: 1px solid rgb(236, 236, 236);
  border-top: 1px solid rgb(236, 236, 236);
}

.createComing-instance-item p:nth-child(1) {
  width: 12%;
}

.createComing-instance-item p:nth-child(2) {
  width: 66%;
}

.createComing-instance-btn {
  color: rgb(255, 255, 255);
  font-size: 25px;
  font-weight: 500;
  line-height: 29px;
  text-transform: uppercase;
  border-radius: 6px;
  margin-top: 300px;
  margin-left: 22px;
  padding: 17px 20px 17px 20px;
  background: rgb(96, 17, 33);
}

/* Чаты */
.chat-block {
  width: 1785px;
  /* height: 870px; */
  padding: 22px;
  border-radius: 15px;
  background: rgb(255, 255, 255);

  ::-webkit-scrollbar {
    width: 10px;
  }

  ::-webkit-scrollbar-track {
    background: #d9d9d9;
    border-radius: 9px;
  }

  ::-webkit-scrollbar-thumb {
    background: rgba(147, 147, 147, 0.73);
    border-radius: 9px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: rgba(147, 147, 147, 0.9);
  }

  /* * {
    scrollbar-width: thin;
    scrollbar-color: rgba(147, 147, 147, 0.73) #d9d9d9;
  } */
}

.chat-header-btn {
  cursor: pointer;
  /*transition: all 0.3s ease-in;*/

  &:hover {
    background: #f6f7f8;
  }
}

.chat-item {
  border-bottom: 1px solid #f6f7f8;
  /*transition: all 0.3s ease-in;*/
  cursor: pointer;

  &:not(.innerChat-btn-active):hover {
    background: #f6f7f8;
  }
}

.chat-header-btn {
  border: 1px solid rgb(217, 217, 217);
}

.chat-item__top h2 {
  color: rgb(0, 0, 0);
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  max-width: 320px;
  overflow: hidden;
}

.chat-list {
  border-radius: 6px;
  overflow: auto;
}

.chat-search input {
  font-size: 18px;
}

.chat-item {
  &:not(.active) {
    .chat-item__top h2 {
      opacity: 0.7;
    }
  }
}

.myMessage .chat-mesage-text {
  border-radius: 12px 0px 12px 12px;
}

.chat-block-header {
  display: flex;
  justify-content: space-between;
}

.chat-header-btns {
  display: flex;
  gap: 15px;
}

.chat-header-btn {
  width: 270px;
  height: 64px;
  display: flex;
  align-items: center;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  border: 1px solid rgb(217, 217, 217);
}

.chat-header-text {
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  /* text-transform: uppercase; */
  margin-left: 15px;
}

.chat-header-number {
  border-radius: 41px;
  background: rgb(177, 177, 177);
  padding: 7px 13px 7px 13px;
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 19px;
  line-height: 120%;
  margin-left: auto;
}

.chat-search {
  width: 553px;
  height: 64px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
}

.chat-search svg {
  position: absolute;
  right: 20px;
  top: 10px;
}

.chat-search input {
  padding: 21px 14px 21px 20px;
  width: 100%;
  height: 100%;
}

.chat-item {
  width: 100%;
  padding: 20px;
}

.chat-list {
  margin-top: 30px;
  overflow-y: auto;
  max-height: calc(730px - 94px);
  padding-right: 5px;
}

.chat-item__top {
  display: flex;
  justify-content: space-between;
}

.chat-item__time {
  color: rgb(85, 85, 85);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.chat-item__top div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.chat-item__top h2 {
  color: rgb(0, 0, 0);
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
}

.chat-item__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 39px;
  margin-top: 13px;
}

.chat-item__description {
  color: rgb(85, 85, 85);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  max-width: 435px;
  overflow: hidden;
}

.chat-item__bottom p:nth-child(2) {
  text-align: center;
  min-width: 39px;
  color: rgb(255, 255, 255);
  font-size: 19px;
  font-weight: 500;
  border-radius: 41px;
  padding: 7px 10px 7px 10px;
  background: rgb(135, 69, 84);
}

.chatOrder .chat-item__bottom p:nth-child(2) {
  background: rgb(128, 109, 202);
}

.chatCourier .chat-item__bottom p:nth-child(2) {
  background: rgb(255, 122, 0);
}

.chatSuport .chat-item__bottom p:nth-child(2) {
  background: rgb(86, 122, 251);
}

.chat-item.active {
  border-left: 5px solid rgb(111, 27, 45);
  /* box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); */
  background: rgba(111, 27, 45, 0.1);
}

.chatOrder .chat-item.active {
  border-left: 5px solid rgb(128, 109, 202);
  /* box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); */
  background: rgba(128, 109, 202, 0.1);
}

.chatCourier .chat-item.active {
  border-left: 5px solid rgb(255, 122, 0);
  /* box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); */
  background: rgba(255, 122, 0, 0.1);
}

.chat-body {
  display: flex;
  align-items: stretch;
  margin-top: 40px;
  gap: 36px;
}

.chat-window {
  border-radius: 6px;
  height: 730px;
  width: 1112px;
  position: relative;
  /* padding: 0px 22px 0px 22px; */
  border: 2px solid #f6f7f8;
  overflow: hidden;
}

.product-medialoader-overlay {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}

.chat-overlay {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1;
  align-items: center;
  justify-content: center;
}

.chat-message-wrapper {
  overflow: auto;
  height: 88%;
  /* padding-right: 20px; */
  padding: 47px 22px 0px 22px;
}

.chat-window.purple {
  .chat-message-wrapper {
    background: rgba(99, 19, 36, 0.07);
  }
}

.chat-window.violet {
  .chat-message-wrapper {
    background: rgba(119, 91, 228, 0.07);
  }
}

.chat-window.orange {
  .chat-message-wrapper {
    background: #fff6ed;
  }
}

.chat-mesage {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
}

.chat-mesage>div {
  max-width: 70%;
}

.chat-mesage:has(.chat-media-content[src])>div {
  max-width: 40%;
}

.chat-mesage.yourMessage {
  justify-content: flex-start;
}

.chat-window.violet .myMessage .chat-mesage-text {
  background: rgba(128, 109, 202, 0.7);
}

.chat-window.violet .myMessage .chat-mesage-text p {
  color: rgb(255, 255, 255);
}

.chat-window.lightPurple .myMessage .chat-mesage-text {
  background: rgba(86, 122, 251, 0.7);
}

.chat-window.lightPurple .myMessage .chat-mesage-text p {
  color: rgb(255, 255, 255);
}

.chat-window.orange .myMessage .chat-mesage-text {
  background: rgb(255, 122, 0);
}

.chat-mesage.yourMessage .chat-mesage-text {
  background: rgb(255, 255, 255);
}

.chat-mesage.myMessage .chat-mesage-text {
  background: rgba(101, 21, 37, 0.15);
}

.chat-media-wrapper {
  display: flex;
}

.chat-media-content {
  max-width: 100%;
}

.chat-media-wrapper:has(.chat-media-content[src]) {
  padding-bottom: 10px;
}

.chat-media-wrapper:not(.media-image):has(.chat-media-content[src]) {
  min-width: 220px;
  gap: 20px;
  cursor: pointer;
}

.chat-media-wrapper.media-image .chat-media-content[src] {
  cursor: pointer;
}

.chat-media-wrapper:not(.media-image):has(.chat-media-content[src])>div:first-child {
  width: 70px;
  height: 70px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  padding: 15px;

  .chat-media-content[src] {
    width: 40px;
    height: 40px;
  }
}

.chat-mesage.yourMessage .chat-media-wrapper:not(.media-image):has(.chat-media-content[src])>div:first-child {
  background-color: rgba(0, 0, 0, 0.2);
}

.chat-media-wrapper:not(.media-image):has(.chat-media-content[src])>div:last-child {
  align-content: center;
}

.chat-media-wrapper.media-image {
  display: unset;
}

.chat-mesage-text {
  font-size: 18px;
  border-radius: 0px 12px 12px 12px;
  padding: 16px 22px 7px 22px;
  min-width: 110px;
}

.chat-mesage-text .chat-media-wrapper.media-image>div:last-child {
  display: none;
}

.chat-mesage-text .chat-media-wrapper>div:last-child>p {
  white-space: pre-wrap;
}

.chat-mesage__time {
  color: rgb(166, 166, 166);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  align-self: flex-end;
  margin-top: 5px;

  svg {
    display: none;
  }
}

.chat-mesage.myMessage .chat-mesage__time {
  text-align: right;
}

.chat-mesage.myMessage .chat-mesage__time span {
  padding-right: 8px;
}

.chat-window.violet .myMessage svg path,
.chat-window.lightPurple .myMessage svg path {
  stroke: white;
}

.chat-mesage.myMessage:not(.msgUnread) svg.msgDeliveryStatusRead {
  display: unset;
}

.chat-mesage.myMessage.msgUnread svg.msgDeliveryStatusSent {
  display: unset;
}

.myMessage {
  justify-content: flex-end;
}

.myMessage .chat-mesage__address {
  text-align: right;
  margin-bottom: 8px;
}

.chat-mesage__address {
  text-align: left;
  margin-bottom: 8px;

  color: rgb(119, 119, 119);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
}

.chat-mesage.yourMessage.systemMesage .chat-mesage-text {
  background: rgb(66, 66, 66);
  color: white;
}

.systemMesage .chat-mesage__address {
  color: rgb(0, 0, 0);
  font-size: 17px;
  font-weight: 400;
  line-height: 120%;
  text-transform: uppercase;
}

/*  */
.chat-mesage-input {
  width: 100%;
  height: 84px;
  position: absolute;
  /* bottom: 20px; */
  border-radius: 12px;
  padding: 10px;
  background: rgb(255, 255, 255);
}

.chat-mesage-input input {
  width: 100%;
  height: 100%;
  padding-left: 58px;
  padding-right: 84px;

  color: rgb(67, 67, 67);
  font-family: Roboto;
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0%;
  text-align: left;
}

.chat-mesage-screpka {
  position: absolute;
  top: 23px;
  left: 20px;
  cursor: pointer;
}

.chat-mesage-send {
  position: absolute;
  top: 12px;
  right: 20px;
}

.chat-mesage__date {
  position: absolute;
  top: 31px;
  left: 526px;
  width: fit-content;
  padding: 5px 15px 5px 15px;
  border-radius: 18px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  background: rgb(255, 255, 255);
  color: rgb(170, 170, 170);
  font-size: 18px;
  font-weight: 400;
}

.Chat-active svg path,
.innerChat-btn-active svg path {
  stroke: #fff !important;
}

.orderChat-btn.Chat-active {
  background: rgb(128, 109, 202);
  color: rgb(255, 255, 255);
}

.orderChat-btn .chat-header-number {
  background: rgb(128, 109, 202);
}

.chatCourier-btn.Chat-active {
  background: rgb(255, 122, 0);
  color: rgb(255, 255, 255);
}

.chatCourier-btn .chat-header-number {
  background: rgb(255, 122, 0);
}

.chatSupport-btn.Chat-active {
  background: rgb(86, 122, 251);
  color: rgb(255, 255, 255);
}

.chatSupport-btn .chat-header-number {
  background: rgb(86, 122, 251);
}

.inner-char svg path {
  stroke: gray;
}

.chat-selected__header {
  display: flex;
  gap: 15px;
}

.chat-selected__date {
  width: 64px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

  position: relative;
}

.chat-selected_input {
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  padding: 21px 14px 21px 20px;
  width: 126px;
  height: 64px;
  background: rgb(255, 255, 255);

  color: rgb(132, 132, 132);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
}

.chat-selected__date img {
  position: absolute;
  top: 16px;
  left: 17px;
}

.chat-openOrder-btn {
  width: 180px;
  height: 64px;
  border-radius: 6px;
  padding: 20px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
  background: rgb(67, 67, 67);
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.chat-mesage-inputs {
  display: flex;
  justify-content: space-between;
}

.chat-mesage-btns {
  display: flex;
  gap: 15px;
}

.chat-mesage-btns svg {
  width: 64px;
  height: 64px;
}

.chat-mesage-btns p {
  color: rgb(67, 67, 67);
  font-size: 23px;
  font-weight: 400;
  line-height: 27px;
}

.chatSuport .chat-item.active {
  border-left: 5px solid rgb(86, 122, 251);
  /* box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15); */
  background: rgba(86, 122, 251, 0.1);
}

.chat-window.lightPurple {
  .chat-message-wrapper {
    background-color: #f3f6ff;
  }
}

.mesage-redirect-conteiner {
  display: none;
  width: 280px;
  height: 70px;
  border-radius: 6px 6px 0px 0px;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 20px 29px 20px 20px;
  position: absolute;

  bottom: 140px;
  right: 20px;
  background-color: white;
}

.mesage-redirect-conteiner svg {
  width: 30px;
  height: 30px;
}

.mesage-redirect-conteiner p {}

.redirect-request-block {
  display: none;
  /* width: 605px;
  height: 367px; */
  /* min-height: 370px; */

  padding: 50px 40px 60px 60px;
  border-radius: 15px;

  background: rgb(255, 255, 255);
}

.redirect-request-recipient {
  width: 470px;
  height: 64px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 40px;
  background: rgb(255, 255, 255);
}

.redirect-request-name {
  display: none;
  width: 470px;
  height: 64px;
  position: relative;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  margin-top: 15px;
}

.redirect-request-recipient input,
.redirect-request-name input {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 400;
}

.redirect-request-recipient img,
.redirect-request-name img {
  position: absolute;
  right: 20px;
  top: 26px;
}


.ordersProcessing-clientName {
  color: rgb(45, 124, 182);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  padding-left: 22px;
  margin-bottom: 16px;
}

.ordersProcessing-btn-conteiner {
  position: fixed;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 795px;
  background: white;
  gap: 20px;
  padding: 20px 22px 22px 22px;
  bottom: 0;
}

.ordersProcessing-btn-conteiner button {
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  padding: 19px 20px 19px 20px;

  color: rgb(132, 132, 132);
  font-size: 23px;
  font-weight: 500;
  line-height: 27px;
  text-transform: uppercase;
}

.orderInWork-btn-conteiner {
  display: flex;
  justify-content: space-between;
  padding: 20px 22px 22px 22px;
}

.orderInWork-changeStatus {
  width: 253px;
  height: 64px;
}

.orderInWork-clientName {
  color: rgb(45, 124, 182);
  font-size: 19px;
  font-weight: 400;
  line-height: 120%;
  padding-left: 22px;
}

.orderProcessing-edit-delivery,
.ordersEdit-pickup-section {
  padding: 20px 22px 25px 22px;
  background: rgb(245, 247, 250);
}

.orderProcessing-edit-delivery input {
  height: 64px;
  width: 100%;
  color: rgb(67, 67, 67);
  font-size: 22px;
  font-weight: 400;
  background-color: white;
  padding: 21px 20px 21px 20px;
}

.orderProcessing-edit-delivery h2 {
  color: rgb(37, 37, 37);
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 25px;
}

.ordersEdit-delivery p,
.ordersEdit-official-comment p,
.ordersEdit-pickup p,
.orderProcessing-edit-delivery p {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;

}

.ordersEdit-delivery-floor,
.ordersEdit-delivery-time,
.ordersEdit-delivery-phone {
  display: flex;
  gap: 40px;
  margin-bottom: 25px;
}

.ordersEdit-delivery-floor div,
.ordersEdit-delivery-phone div {
  width: 223px;
}

.ordersEdit-delivery-floor div p,
.ordersEdit-delivery-phone div p,
.ordersEdit-delivery-time p,
.ordersEdit-delivery-comment p,
.ordersEdit-official-comment p,
.ordersEdit-pickup-store p,
.orderProcessing-edit-delivery p {
  margin-bottom: 10px;
}

.ordersEdit-delivery-comment {
  margin-bottom: 50px;
}

.ordersEdit-delivery-comment textarea {
  width: 100%;
}

.ordersEdit-delivery-time div,
.ordersEdit-delivery-phone div {
  width: 355px;
}

.ordersEdit-delivery-btns {
  display: flex;
  gap: 15px;
  padding: 20px 22px 25px 22px;
  background: rgb(245, 247, 250);
}

.ordersEdit-btn {
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  padding: 15px 20px 15px 20px;
  background: rgb(255, 255, 255);
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
}

.ordersEdit-btn.active {
  border-radius: 6px;
  background: rgb(113, 42, 57);
  color: rgb(255, 255, 255);
}

.ordersEdit-delivery-adress {
  margin-bottom: 25px;
}

.ordersEdit-delivery-adress input {
  width: 100%;
}

.ordersEdit-delivery-adress p {
  margin-bottom: 10px;
}

.ordersEdit-recepient-inputs {
  display: flex;
  gap: 40px;
  margin-bottom: 25px;
}

.task-radio+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
  gap: 10px;
}

/* Не нажатое состояние */
#personal-discount+label::before,
.discount-coupons-conteiner div input[name=coupons]+label::before,
#discount-20+label::before,
#discount-30+label::before,
#discount-50+label::before,
#bonus+label::before,
#Discount+label::before,
#flaer+label::before,
#other+label::before,
#viber+label::before,
#whatsUp+label::before,
#telegram+label::before,
#sms+label::before,
#delivery_viber+label::before,
#delivery_whatsUp+label::before,
#delivery_telegram+label::before,
#delivery_sms+label::before,
#Irecipient+label::before,
#otherRecepient+label::before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
}

.task-radio+label::before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
}

#day-1+label::before,
#day-2+label::before,
#daily+label::before,
#morning+label::before,
#salon+label::before,
#dayOff+label::before,
#Sick+label::before,
#Vacation+label::before,


#Msc+label::before,
#Piter+label::before,
#Ekb+label::before,
#Novgorod+label::before,
#Perm+label::before,
#Kazan+label::before,
#Samara+label::before,
#friend+label::before,
#berthday+label::before,
#register+label::before,
#company+label::before {
  content: '';
  display: inline-block;
  width: 21px;
  height: 21px;
  border: 1px solid #adb5bd;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
}

#day-1:checked+label::before,
#day-2:checked+label::before,
#daily:checked+label::before,
#morning:checked+label::before,
#salon:checked+label::before,
#dayOff:checked+label::before,
#Sick:checked+label::before,
#Vacation:checked+label::before,

#friend:checked+label::before,
#Msc:checked+label::before,
#Piter:checked+label::before,
#Ekb:checked+label::before,
#Novgorod:checked+label::before,
#Perm:checked+label::before,
#Kazan:checked+label::before,
#Samara:checked+label::before,

#berthday:checked+label::before,
#register:checked+label::before,
#company:checked+label::before {
  background-image: url("/images/svg/radio-circle.svg");
  background-size: 15px 15px;
}

.task-radio:checked+label::before {
  background-image: url("/images/svg/radio-circle.svg");
  background-size: 40px 40px;
}

#personal-discount:checked+label::before,
.discount-coupons-conteiner div input[name=coupons]:checked+label::before,
#discount-20:checked+label::before,
#discount-30:checked+label::before,
#discount-50:checked+label::before,
#bonus:checked+label::before,
#Discount:checked+label::before,
#flaer:checked+label::before,
#other:checked+label::before,
#viber:checked+label::before,
#whatsUp:checked+label::before,
#telegram:checked+label::before,
#sms:checked+label::before,
#delivery_viber:checked+label::before,
#delivery_whatsUp:checked+label::before,
#delivery_telegram:checked+label::before,
#delivery_sms:checked+label::before,
#Irecipient:checked+label::before,
#otherRecepient:checked+label::before,
#friend:checked+label::before,
#berthday:checked+label::before,
#register:checked+label::before,
#company:checked+label::before {
  background-image: url("/images/svg/radio-circle.svg");
}

.delivery-pay-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}

.delivery-pay-header h2 {
  color: rgb(37, 37, 37);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
}

.delivery-pay-header p {
  color: rgb(98, 130, 34);
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;

}

.delivery-pay-list {
  width: 312px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.delivery-pay-list li {
  display: flex;
  padding: 0;
  justify-content: space-between;
}

.delivery-pay-list li p:nth-child(1) {
  color: rgb(147, 147, 147);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.delivery-pay-list li p:nth-child(2) {
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;

}

.ordersEdit-delivery-pay {
  display: flex;
  gap: 115px;
  margin-top: 15px;
}

.paymentType {
  width: 240px;
}

.orderProcessing-inctance .product-list {
  width: 100%;
  justify-content: space-between;
  margin-top: 60px;
  padding: 20px 22px 25px 22px;
}

.ordersEdit-official-comment {
  margin-top: 60px;
  padding: 20px 22px 25px 22px;
}

.ordersEdit-official-comment textarea {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

}

.product-list-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 17px;

}

.product-list-header div {
  display: flex;
  gap: 20px;
}

.orderProcessing-inctance .save-btn {
  width: 175px;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  margin-top: 50px;
}

.ordersEdit-pickup-drop,
.orderDone-history-drop {
  display: none;
}

.orderDone-drop-img {
  width: 20px;
}

.orderDone-history-drop.dropActive {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.orderDone-history-drop p {
  color: rgb(147, 147, 147);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
}

.ordersEdit-pickup-store {
  margin-bottom: 25px;
}

.ordersEdit-pickup-store-input-block {
  position: relative;
}

.ordersEdit-pickup-store-img {
  position: absolute;
  right: 20px;
  top: 20px;
}

.ordersEdit-pickup-change {
  display: flex;
  gap: 15px;
}

.pickup-change-input {
  position: relative;
  width: 159px;
  height: 53px;
}

.pickup-change-input input {
  width: 100%;
  padding: 15px 20px 15px 20px;
}

.pickup-change-input p {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 18px;
  font-weight: 500;
  color: rgb(139, 139, 139);
}

.orderDone-clientName {
  color: rgb(67, 67, 67);
  font-size: 19px;
  font-weight: 400;
  padding-left: 22px;
  margin-top: 36px;
  margin-bottom: 31px;

}

.ordersDone-details {
  margin-top: 30px;
}

.orderDone-official-comment {
  margin-top: 30px;
}

.orderDone-official-comment p {
  color: rgb(132, 132, 132);
  font-size: 19px;
  font-weight: 400;
}

.orderDone-official-comment textarea {
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;

}

.orderDone-history {
  border-top: 1px solid rgb(236, 236, 236);
  margin-top: 30px;
  padding: 30px 0px 20px;
  display: flex;
  justify-content: space-between;
}

.order_error_msg {
  width: 745px;
  padding: 20px;
  margin-left: 22px;
  margin-bottom: 20px;
  background: rgba(255, 91, 91, 0.15);
  border-radius: 6px;
}

.order_map_placeholder {
  border-radius: 6px;
  opacity: 0.2;
  width: 745px;
  height: 321px;
  margin-left: 22px;
  margin-bottom: 16px;
}

.orderComplete-clientName {
  padding-left: 20px;
  margin-bottom: 20px;
  margin-top: 6px;
  color: #567AFB;
}

.ordersComplete-details__btn {
  width: 259px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  color: rgb(132, 132, 132);
  font-size: 20px;
  font-weight: 500;
  line-height: 23px;
  text-transform: uppercase;
}

.ordersComplete-details-currier {
  display: flex;
  justify-content: space-between;
  width: 259px;
}

.ordersComplete-details-currier p:nth-child(2) {
  color: rgb(62, 126, 188);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.courier_name {
  color: rgb(0, 0, 0);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.orderComplete-name {
  display: flex;
  justify-content: space-between;
  margin-bottom: 31px;
  margin-top: 36px;
  padding-right: 20px;
}

.orderComplete-name p {
  margin: 0;
}

.ordersCourier-map {
  padding-left: 20px;
  padding-right: 20px;
}

.gitTheShop__modal {
  width: 689px;
  height: 472px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);

}

.gitTheShop__modal p,
.rejectOrder__modal p {
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 40px;
}

.gitTheShop__modal p:nth-child(1),
.orderNumber {
  color: rgb(0, 0, 0) !important;
}

.gitTheShop__input,
.gitTheShop_drop_item {
  cursor: pointer;
}

.gitTheShop__modal p:nth-child(2),
.orderRejectReason {
  color: rgb(132, 132, 132);

}

.gitTheShop__input_block {
  width: 100%;
  height: 64px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  position: relative;
  margin-top: 15px;

}

.gitTheShop__input_block input {
  width: 100%;
  height: 100%;
  padding: 21px 14px 21px 20px;

}

.gitTheShop-drop_img {
  position: absolute;
  right: 28px;
  top: 27px;

}

.gitTheShop-drop ul li {
  padding: 10px 20px 10px 20px;
}

.gitTheShop-drop {
  display: none;
  width: 100%;
  background-color: white;
  position: relative;
  top: 0px;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 0 0 6px 6px;
}

.rejectOrder__modal {
  width: 689px;
  height: 510px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.orderRejectComment {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;

}

.rejectOrder__modal textarea {
  width: 570px;
  height: 80px;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  margin-top: 15px;
}

.changeCompound-btn {
  width: 259px;
  height: 55px;
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  background: rgb(255, 255, 255);

  color: rgb(132, 132, 132);
  font-size: 23px;
  font-weight: 500;
  line-height: 27px;
  text-transform: uppercase;
}

.changePriceNotify__modal {
  width: 689px;
  height: 642px;
  border-radius: 15px;
  padding: 50px 40px 60px 60px;
  background: rgb(255, 255, 255);

}

.changePriceNotify__number {
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  margin-top: 20px;

}

.changePriceNotify__add-title {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 40px;

}

.changePriceNotify__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 474.16px;
  margin-top: 15px;
}

.changePriceNotify__list li {
  display: flex;
  align-items: center;

}

.changePriceNotify__list li svg {
  margin-right: 15px;
}

.changePriceNotify__list li p:nth-child(1) {
  color: rgb(67, 67, 67);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  width: 51%;
}

.changePriceNotify__list li p:nth-child(2) {
  color: rgb(147, 147, 147);
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  width: 23%;
}

.changePriceNotify__changePrice {
  display: flex;
  margin-top: 15px;
  margin-bottom: 40px;
}

.changePriceNotify__changePrice p:nth-child(1) {
  width: 45%;
}

.changePriceNotify__buttons {
  margin-top: 40px;
  display: flex;
  gap: 40px;
}

.changePriceNotify__buttons button {
  box-sizing: border-box;
  border: 1px solid rgb(147, 147, 147);
  border-radius: 6px;
  padding: 19px 20px 19px 20px;
  background: rgb(255, 255, 255);

  color: rgb(132, 132, 132);
  font-size: 23px;
  font-weight: 500;
  line-height: 27px;
  text-transform: uppercase;
}

.changePriceNotify__date,
.changePriceNotify__name {
  color: rgb(132, 132, 132);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.changePriceNotify__name {
  margin-top: 10px;
}

/* Какие-то общие стили */
.modal-body {
  padding-top: 20px;
}

.muted-text {
  color: #777777;
}

.btn-container {
  margin-top: 20px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  column-gap: 20px;
}

.btn {
  min-height: 63px;
  padding: 20px 30px;
  border: 0;
  border-radius: 6px;
  background-color: #6F1B2D;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
}

.btn-second {
  color: #434343;
  background-color: transparent;
  border: 1px solid #D9D9D9;
}

.btn-disabled {
  background-color: #D9D9D9 !important;
  cursor: default;
}

.input-text {
  padding: 21px 20px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  background: #ffffff;
  font-size: 19px;
  color: #434343;
}

.input-text::placeholder {
  color: #B6B6B6;
}

/* !Какие-то общие стили */

/* Custom select */
.customselect {
  width: 100%;
  display: inline-block;
  position: relative;
}

.customselect .title {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  background: #ffffff;
  width: 100%;
  padding: 21px 20px;
  cursor: pointer;
  color: #848484;
  font-size: 19px;
  text-align: left;
  position: relative;
}

.customselect .title:after {
  content: '';
  width: 20px;
  height: 11px;
  background-image: url(/images/arrow_down.svg);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  transition: all .3s ease;
}

.customselect ul {
  width: 100%;
  max-height: 202px;
  overflow-y: scroll;
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 1000;
  background: #ffffff;
  border-bottom: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  color: #848484;
  font-size: 19px;
  text-align: left;
  border-radius: 0 0 6px 6px;
  box-sizing: border-box;
}

.customselect.open ul {
  display: block;
}

.customselect li {
  padding: 21px 20px;
  cursor: pointer;
}

.customselect li.active {
  background-color: #FAF2F4;
  color: #282828;
}

.customselect li:hover {
  background-color: #FAF2F4;
}

.customselect.open .title {
  border-radius: 6px 6px 0 0;
}

.customselect.open .title:after {
  transform: translate(0, -50%) rotate(180deg);
}

/* !Custom select */

/*Pop-Up при нажатии на кнопку В Ячейку*/
.getCell_block {
  width: 681px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
}

.cell-mb .cell-mb-orders-container {
  padding-top: 20px;
}

.cell-mb .cell-mb-orders-container .cell-mb-order {
  margin-top: 20px;
  height: 287px;
  max-height: 287px;
  overflow-y: scroll;
}

.cell-mb .cell-mb-order-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  column-gap: 28px;
}

.cell-mb .cell-mb-order-h .order-title {
  font-size: 24px;
  font-weight: 400;
  color: #282828;
}

.cell-mb .cell-mb-order-h .order-del {
  display: block;
  width: 25px;
  height: 25px;
  background-image: url(/images/close.svg);
  background-position: center center;
  background-repeat: no-repeat;
}

.cell-mb .cell-mb-order .cell-mb-order-i {
  display: flex;
  flex-direction: column;
  row-gap: 25px;
  margin-top: 15px;
}

.cell-mb .cell-mb-order .order-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
}

.cell-mb .cell-mb-order .order-item-name {
  color: #434343;
  font-size: 20px;
  overflow-wrap: anywhere;
}

.cell-mb .cell-mb-order .order-item-barcode {
  font-size: 19px;
  text-align: right;
  color: #939393;
}

/*!Pop-Up при нажатии на кнопку В Ячейку*/

.orderError_cell {
  width: 745px;
  padding: 20px;
  margin-left: 22px;
  margin-bottom: 20px;
  border-radius: 6px;
  background: rgb(245, 247, 250);
}

.orderError_cell h2 {
  color: rgb(37, 37, 37);
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  text-transform: uppercase;
}

.orderError_cell p {
  color: rgb(67, 67, 67);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  margin-top: 10px;
}

/* Объединенные ячейки */
.minibar-section {
  position: relative;
  width: 500px;
}

.minibar-section .ms-other-btn {
  width: 140px;
  max-width: 140px;
  padding-right: 15px;
  border-radius: 15px 0 0 15px;
}

.minibar-section .mbs-group {
  position: absolute;
  right: 0;
}

.minibar-section .mbs-group .mbs-group-btn {
  width: 125px;
  height: 66px;
  border-radius: 0;
  border-left: 1px solid #D9D9D9;
}

.minibar-section .mbs-group .mbs-group-btn:first-child {
  border-radius: 15px 0 0 15px;
}

.minibar-section .mbs-group .mbs-group-btn:last-child {
  border-radius: 0 15px 15px 0;
}

.h-container-flex {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

/* --- Ячейки --- */
.cell-info-container {
  padding-top: 80px;
  padding-right: 22px;
}

.cell-info-container .cell-info-h .cih-title {
  font-size: 24px;
  font-weight: 400;
  flex-grow: 1;
}

.cell-info-h .btn-container {
  padding: 0;
}

.cell-info-h .btn-container .btn-edit {
  width: 66px;
  height: 66px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cell-info-b .cib-table {
  padding: 30px 0;
}

.cib-table .cib-table-row>div {
  display: flex;
  column-gap: 20px;
  padding: 15px 0;
  border-bottom: 1px solid #D9D9D9;
  text-align: left;
  color: #434343;
}

.cib-table .cib-table-row:first-child>div,
.cib-table .cib-table-row:last-child>div {
  border: unset;
}

.cib-table .cib-table-row .cib-table-col:nth-child(1) {
  width: 24px;
}

.cib-table .cib-table-row .cib-table-col:nth-child(2) {
  width: 230px;
}

.cib-table .cib-table-row .cib-table-col:nth-child(3) {
  width: 90px;
  color: #777777;
}

.cib-table .cib-table-row .cib-table-col:nth-child(4) {
  flex: 1 1;
}

.cib-table .cib-table-row .cib-table-col:nth-child(5) {
  width: 30px;
}

.cib-table .cib-table-row.header-row .cib-table-col {
  color: #939393;
}

.cib-table .cib-table-row.empty-cell .cib-table-col {
  color: #B1B1B1;
}

.cib-table .cib-table-row.empty-cell .cib-table-col:nth-child(2) {
  color: #777777;
}

.cib-table .cib-table-row .cib-table-col .cell-print {
  height: 30px;
}

.store-info-b .sib-b-bottom-container {
  padding: 30px 22px 18px;
}

/* --- !Ячейки --- */

/* --- Редактирование ячеек --- */
.cell-info-b .cib-table.edited .cib-table-row:not(:first-child) .cib-table-col {
  color: #777777 !important;
}

.cib-table .cib-table-row.edited-cell>div {
  align-items: center;
}

.cib-table .cib-table-row.edited-cell .cib-table-col:nth-child(2) {
  flex: 1 1;
}

.cib-table .cib-table-row.edited-cell .cib-table-col:nth-child(3) {
  width: 50px;
  height: 50px;
}

.cib-table .cib-table-row.edited-cell .cib-table-col .input-text {
  width: 570px;
  padding: 15px 17px;
}

/* --- !Редактирование ячеек --- */
/* !Блок с информацией о магазине и ячейками */

/* Popup Добавить ячейку */
.add-cell-modal {
  width: 689px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: #ffffff;
}

.add-cell-modal .add-cell-input {
  width: calc(100% - 20px);
  margin: 20px 0;
}

/* !Popup Добавить ячейку */

/* 
Нужно обновить стили ячеек.
Отмена и Завершен нужно сделать без циферок и 100px в ширину.
Остальные ячейки 125px, чтобы вмещали 4 цифры
*/

svg[data-sort] {
  cursor: pointer;
}

.salesJournal-date-container {
  position: relative;
  display: inline-block;
}

.salesJournal-date-number {
  padding-right: 35px;
  /* Оставляем место для иконки */
  width: 100%;
  /* Подстроить под нужный размер */
}

.salesJournal-calendar-icon {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.salesJournal-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.salesJournal-input-wrapper input {
  width: 100%;
  padding-right: 30px;
}

.salesJournal-chs-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 40px;
  height: 40px;
}

.salesJournal-detailsR {
  width: 100%;
}

.detailsR-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.performer-info {
  display: flex;
  align-items: center;
}

.performer-icon {
  margin-right: 8px;
}

.performer-text {
  color: #ff7f00;
  font-weight: bold;
}

.address-info {
  color: rgb(147, 147, 147);
  /* Серый цвет */
  font-size: 16px;
  /* Уменьшаем размер на 2px */
  font-weight: 400;
  line-height: 19px;
  display: inline-block;
  margin-right: 20px;
  /* Отступ между элементами */
  line-height: 32px;
}

.more-icon {
  cursor: pointer;
}

.address-number {
  color: rgb(67, 67, 67);
  /* Цвет цифры */
  font-size: 18px;
  /* Размер цифры */
}

.detailsR-address {
  display: flex;
  align-items: center;
  /* Выравнивание по центру по вертикали */
}

.images-container {
  display: flex;
  gap: 20px;
  /* Отступ между картинками */
  align-items: center;
  /* Выравнивание по центру по вертикали */
}

.image-item {
  text-align: center;
  width: 100px;
}

.image-item img {
  width: 100px;
  /* Установите размер картинок */
  height: 100px;
  display: block;
  margin: 0 auto 5px;
  /* Понижаем картинки с помощью отступа снизу */
}

.image-item p {
  margin: 0;
  font-size: 14px;
  color: #666;
  /* Цвет подписей */
}

.excel__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 33px;
  font-family: Roboto;
}

.excel__wrapper-item {
  width: 100%;
  max-width: 32%;
}

.excel__title {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
  margin-bottom: 15px;
}

.excel__input-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.excel__input-wrapper-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.excel__input-wrapper-all {
  height: 64px;
  margin-bottom: 15px;
}

.excel__input-wrapper label,
.excel__input-wrapper p {
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #424242;
}

.excel__input-wrapper-all input {
  width: 37px;
  height: 37px;
}

.excel__input-wrapper input {
  min-width: 25px;
  min-height: 25px;
  accent-color: #651425;
}

.excel__wrapper-item .excel__search {
  display: flex;
  height: 64px;
  margin-bottom: 15px;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  width: 100%;
  position: relative;
}

.excel__wrapper-item .excel__search input {
  width: 100%;
  height: 100%;
}

.excel__search::before {
  content: "";
  position: absolute;
  right: 11px;
  top: 9px;
  width: 42px;
  height: 42px;
  background-image: url("/images/search.svg");
  background-repeat: no-repeat;
}

.excel__input-form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 15px;
}

.excel-gray-field {
  padding: 20px;
  overflow-y: auto;
  background: rgba(241, 241, 241, 0.42);
  height: calc(100vh - 413px);
  border-radius: 4px;
}

.excel__input-wrapper-line {
  border: 1px solid #d9d9d9;
  width: 100%;
}

.excel__empty {
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
}

.excel__input-form:has(.excel__input-wrapper-item:not([style*="display: none;"])) .excel__empty {
  display: none;
}

.excel__create-btn {
  background: #651425;
  border-radius: 6px;
  padding: 20px 50px;
  width: 100%;
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 15px;
}

.excel__btns {
  display: flex;
  justify-content: flex-start;
  gap: 30px;
}

.excel__btn {
  font-size: 20px;
  text-transform: uppercase;
  border-radius: 6px;
  padding: 19px 20px;
}

.excel__btn.btn-disabled {
  background: #D9D9D9;
  color: #FFFFFF;
  border: 1px solid #D9D9D9;
  pointer-events: none;
}

.excel__save {
  color: #fff;
  background: #651425;
  width: fit-content;
}

.excel__cansel {
  color: #939393;
  border: 1px solid #939393;
}

.excel__create-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.excel__create-item-wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}

.excel__create-item input[type="checkbox"] {
  min-width: 25px;
  min-height: 25px;
}

.excel__create-item input[type="text"] {
  font-weight: 400;
  font-size: 18px;
  color: #424242;
  width: 100%;
  height: 100%;
  padding: 9px 10px;
}

.excel__create-item input[type="text"]:focus {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
}

.excel__create-btn.disabled {
  background-color: #d9d9d9;
  color: #fff;
  pointer-events: none;
  cursor: default;
}

.modal-text {
  margin-bottom: 20px;
  font-size: 20px;
  opacity: 0.8;
}

.modal-error-item-text {
  margin-bottom: 30px;
}

.virt-prod-item-img img {
  border-radius: 6px;
}

.price-old {
  text-decoration: line-through;
  font-size: 20px !important;
  font-weight: 400 !important;
}

.input__shtrih-container {
  height: 64px;
  padding: 21px 14px 21px 14px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.input__shtrih {
  width: 100%;
  position: relative;
}

.virt-prod-item-code-wrapper-modal {
  max-height: 130px;
  overflow-y: auto;
  margin-top: 40px;
  display: flex;
  gap: 15px;
  flex-direction: column;
}

.virt-prod-item-code-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.virt-prod-item-code-item button {
  margin-right: 10px;
}

.virt-prod-item-code-item .accountingProduct__text {
  margin-top: 0 !important;
}

.addCode-Block {
  width: 685px;

  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;
}

.addCode-Block .excel__btns .excel__btn {
  padding: 14px 40px;
  color: #434343;
}

.addCode-Block .modal-text {
  margin-bottom: 60px;
}

.addCode-Block .modal-header {
  margin-bottom: 20px;
}

.modal-text span {
  font-weight: 600;
}

.createComing-head {}

.createComing-head-inputs {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 26px;
}

.createComing-head-inputs-wrapper {
  display: flex;
  gap: 15px;
  flex-grow: 1;
}

.createComing-head-inputs-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
}

.createComing-head-inputs-item label {
  color: #848484;
  font-size: 17px;
}

.createComing-head-inputs-item input {
  height: 64px;

  padding: 21px 14px 21px 20px;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  width: 100%;
}

.createComing-head-inputs-wrapper:first-child {
  max-width: 600px;
}

.createComing-head-inputs-wrapper:first-child .createComing-head-inputs-item {
  width: 100%;
}

.createComing-head-inputs-wrapper:nth-child(2) {
  max-width: 700px;
}

.createComing-head-inputs-wrapper:nth-child(2) .createComing-head-inputs-item {
  width: 50%;
}

.createComing-head-inputs-wrapper:last-child {
  max-width: 450px;
}

.createComing-head-inputs-wrapper:last-child .createComing-head-inputs-item {
  width: 50%;
}

.createComing-head-btns {
  display: flex;
  justify-content: flex-start;
  gap: 15px;
}

.excel__btn-green {
  background: rgba(113, 157, 24, 0.3);
  text-transform: uppercase;
  text-align: center;
  color: #719d18;
}

.excel__btn-white {
  text-transform: uppercase;
  text-align: center;
  color: #848484;
  border: 1px solid #939393;
}

.excel__btn-red {
  background: #6f1b2d;
  color: #fff;
}

.createComing-empty {
  padding-top: 150px;
  font-weight: 400;
  font-size: 25px;
  line-height: 150%;
  color: #939393;
  text-align: center;
}

.createComing-empty:has(+ div>.createComing-table tbody tr:not([style*="display: none;"])) {
  display: none;
}

.createComing-table {
  width: 100%;
  font-family: Roboto;
  border-collapse: collapse;
}

.createComing-table:not(:has(tbody tr:not([style*="display: none;"]))) {
  display: none;
}

.createComing-head:not(:has(+ div>div:not([class])>.createComing-table tbody tr input[data-value][data-finished]))~.createComing-bottom-btns,
.createComing-head:has(input[required]:invalid)~.createComing-bottom-btns,
.createComing-head:has(+ div>div:not([class]) tr:not([style*="display: none;"]) .createComing-table-input-int:invalid)~.createComing-bottom-btns {
  .excel__btn-red {
    display: none;
  }
}

.createComing-head:has(input[required]:invalid)~.createComing-bottom-btns {
  .excel__btn-white {
    background: #D9D9D9;
    color: #FFFFFF;
    border: 1px solid #D9D9D9;
    pointer-events: none;
  }
}

.createComing-table thead {
  font-weight: 400;
  font-size: 17px;
  color: #848484;
}

.createComing-table thead tr th {
  font-weight: 400;
  padding-top: 40px !important;
}

.createComing-table thead tr th:nth-child(3) {
  padding: 0 29px;
  text-align: start;
}

.createComing-table-input-name {
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
  color: #434343;
  width: 100%;
}

.createComing-table-input-int {
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 14px 9px;

  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  color: #434343;
  width: 100%;
}

.createComing-table-input-int:focus {
  border: 1px solid #628222;
}

.createComing-table tbody tr td {
  text-align: center;
  padding: 10px 29px;
}

.createComing-table tbody tr td:first-child {
  width: 50px;
  font-size: 17px !important;
}

.createComing-table tbody tr td:nth-child(2) {
  width: 100px;
}

.createComing-table tbody tr td:nth-child(3) {
  width: 868px;
  text-align: left;
}

.createComing-table tbody tr td:nth-child(3) ul {
  display: none;
  flex-direction: column;
  gap: 5px;
  position: absolute;
  padding: 10px;
  margin-top: 10px;
  box-shadow: 1px 3px 4px 0px rgba(169, 169, 169, 0.22);
  background: #fff;
  font-size: 19px;
}

.createComing-table tbody tr td:nth-child(3) li {
  padding: 8px;
  cursor: pointer;
}

.createComing-table tbody tr td:nth-child(4),
.createComing-table tbody tr td:nth-child(6) {
  padding: 10px 10px;
  width: 135px;
}

.createComing-table tbody tr td:nth-child(5) {
  display: flex;
  padding: 10px 10px;
  width: 195px;
  align-items: center;
  gap: 20px;
}

.createComing-table tbody tr td:nth-child(5) input {
  width: calc(100% - 20px - 38px);
}

.createComing-table tbody tr td:nth-child(5) svg {
  cursor: pointer;
}

.createComing-table tbody tr td:nth-child(1),
.createComing-table tbody tr td:nth-child(7) {
  color: #848484;
  font-size: 20px;
}

.createComing-table tbody tr {
  border-bottom: 1px solid #d9d9d9;
}

.tooltip-container {
  position: relative;
}

.tooltip-text {
  visibility: hidden;
  background: #ededed;
  color: #fff;

  border-radius: 6px;
  padding: 17px 25px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 100%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;

  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  color: #434343;
}

.tooltip-container:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

.createComing_modal {
  height: auto !important;
  /*width: auto !important;*/
  padding: 50px 40px 60px 60px;
}

#total-product {
  margin-top: 35px;
  margin-bottom: 45px;
}

.createComing_modal .nomenCreateProduct_retailname {
  margin-top: 0;
}

.create-virt-nomen-price-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.create-virt-nomen-price-wrapper {
  margin-top: 20px;
}

.create-virt-nomen-price-wrapper .nomenCreateProduct_retailname_input {
  width: 70%;
}

.createComing_modal .nomenCreateProduct_img {
  margin-top: 10px;
  width: 150px;
  height: 150px;

  border-radius: 6px;
}

.createComing_modal .nomenCreateproductBlock {
  padding: 0;
}

.createComing_modal .nomenDescr {
  overflow: visible;
}

.createComing_modal .nomen__selectHidden {
  overflow-y: auto;
}

.createComing_modal .createHolidayMain_select_list {
  height: 300px;
}

.modal-label-wrapper {
  display: flex;
  flex-wrap: wrap;

  margin-bottom: 20px;
}

.modal-label-wrapper label {
  width: 50%;
}

.modal-label-wrapper .manProd__checkAll {
  margin-top: 10px;
  margin-bottom: 5px;
}

.createComing_modal .nomenCreateproductBlock .nomenCreateProduct_check {
  margin-top: 0;
  margin-bottom: 15px;
}

.create-virt-nomen-price-wrapper .nomenCreateProduct_retailname_input {
  height: 52px;
}

.magazin-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.magazin-wrapper-item {
  display: flex;
  gap: 15px;
}

.magazin-wrapper-item input:not([readonly]) {
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 21px 20px;
  width: 500px;
  height: 64px;

  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
}

/* .magazin-table {
  margin-top: 50px;
  width: 100%;
  text-align: left;
  font-family: Roboto;
  border-collapse: collapse;
}
.magazin-table tbody tr {
  height: 54px;
  padding: 15px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-bottom: 10px;
}
.magazin-table tbody tr td {
  padding: 15px;
  border-radius: 4px;
} */

.magazin-table {
  margin-top: 50px;
  width: 100%;
  font-family: Roboto;
}

.magazin-table-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  font-size: 17px;
  color: #848484;
  margin-bottom: 20px;
}

.magazin-table-title-item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.magazin-table-title-item:nth-child(1) {
  width: 60px;
  color: #848484;
}

.magazin-table-title-item:nth-child(2) {
  width: 100px;
}
.magazin-table-title-item:nth-child(3) {
  width: 80px;
}

.magazin-table-title-item:nth-child(4) {
  width: 320px;
}

.magazin-table-title-item:nth-child(5) {
  width: 140px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #848484;
}

.magazin-table-title-item:nth-child(6) {
  width: 78px;
}

.magazin-table-content {
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
  overflow: scroll;
  height: calc(100vh - 305px);
}

.magazin-table-content-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  height: 54px;
  padding: 15px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-bottom: 10px;
  cursor: pointer;
}

.magazin-table-content-item.active-item {
  background: #ececec;
  border: 1px solid #ececec;
}

.magazin-table-content-item .magazin-table-title-item:nth-child(5) {
  text-align: center;
}

.magazin-table-title-item-green {
  color: #628222 !important;
}

.magazin-detail-block {
  padding: 22px 22px 0 22px;
  border-radius: 15px 0 0 0;
  background: #fff;
  height: calc(100vh - 128px);
  overflow-x: auto;
  font-family: Roboto;
}

.magazin-detail-date {
  font-weight: 400;
  font-size: 18px;
  color: #777;
  margin-top: 10px;
  margin-bottom: 30px;
}

.magazin-detail-info {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 30px;
}

.magazin-detail-info-item {
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
  color: #434343;
}

.magazin-detail-info-item span {
  color: #848484;
}

.magazin-detail-comment {
  margin-bottom: 40px;
}

.magazin-detail-comment textarea {
  background: #f5f7fa;
  border-radius: 6px;
  padding: 20px;
  width: 100%;
  height: 82px;
}

.magazin-detail-comment-text {
  font-weight: 400;
  font-size: 18px;
  color: #848484;
}

.magazin-detail-table {}

.magazin-detail-table-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 17px;
  color: #848484;

  margin-bottom: 20px;
}

.magazin-detail-table-title-item:first-child {
  justify-content: flex-start;
  width: 550px;
}

.magazin-detail-table-title-item {
  display: flex;
  justify-content: flex-end;
  gap: 13px;
  align-items: center;
}

.magazin-detail-table-title-item .magazin-detail-table-title-item-text {
  width: 75px;
  text-align: center;
}

.magazin-detail-table-content {
  display: flex;
  flex-direction: column;
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
}

.magazin-detail-table-content-item {
  display: flex;
  justify-content: flex-start;
  gap: 20px;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  padding: 15px 0;
}

.magazin-detail-table-content .magazin-detail-table-content-item {
  .magazin-detail-table-title-item-text {
    width: 75px;
    text-align: center;
    color: #848484;
  }

  .magazin-detail-table-title-item-text:nth-child(1) {
    width: 50px;
    text-align: left;
  }

  .magazin-detail-table-title-item-text:nth-child(2) {
    width: 350px;
    text-align: left;
    color: #434343;
  }
}

.createComing_modal .modal-header {
  gap: 50px;
  margin-bottom: 40px;
}

.createComing_modal-close {
  width: 50px;
  height: 50px;
}

.addCat__modal:has(input:invalid) .excel__save {
  background: #D9D9D9;
  color: #FFFFFF;
  pointer-events: none;
}

.nomenCreateProduct_img {
  cursor: pointer;
  object-fit: cover;
}

.moving__visibleInput-block-item {
  position: relative;
  height: 64px;
}

.moving__visibleInput-block-item.is-active .nomen__selectHidden {
  display: flex;
  width: 218px;
  right: auto;
  left: 1px;
  padding: 21px 14px;
}

.moving__visibleInput-block-item .createHolidayMain_select_list {
  height: auto;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}

.moving__visibleInput-block-item .createHolidayMain_select_list .nomen__selectItem {
  font-size: 18px;
  padding: 0;
  padding-top: 10px;

  &:first-child {
    padding-top: 0;
  }
}

.moving__visibleInput-block-item.is-active .moving__visibleInput-item img {
  transform: rotate(180deg);
}

.excelTable {
  position: relative;
  padding: 22px;
  background-color: white;
  height: max-content;
}

.excelTable__top {
  height: 123px;
}

.excelTable__title {
  font-size: 24px;
  font-weight: 400;
  line-height: 120%;
  color: #000000;
  margin-bottom: 10px;
}

.excelTable__subtitle {
  font-size: 17px;
  font-weight: 400;
  line-height: 100%;
  color: #737373;
}

.excelTable__wrapper {
  max-height: calc(100vh - 237px);
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 70px;
  position: relative;
}

.excelTable__head {
  position: sticky;
  top: 0;
  z-index: 20000;
  background-color: white;
  margin-right: 10px;

}

.excelTable__head_hidden {
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

.excelTable__table {
  margin-right: 10px;
  overflow: hidden;
}

.excelTable__head table,
.excelTable__table table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}

.excelTable__head thead {
  background-color: #D9D9D9;
}

.excelTable__head thead tr th {
  height: 46px;
  padding: 13px 15px;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  color: #737373;
  text-align: left;
}

.excelTable__head thead tr th:nth-child(2),
.excelTable__table tbody tr td:nth-child(2) {
  width: 32%;
}

.excelTable__head thead tr th:not(:nth-child(2)),
.excelTable__table tbody tr td:not(:nth-child(2)) {
  width: 17%;
}

.excelTable__table tbody tr td {
  border: 1px solid #D9D9D9;
  padding: 0;
  cursor: cell;
}

.excelTable__table tbody tr td:focus-within {
  cursor: text;
}

.excelTable__table tbody tr td input {
  height: 46px;
  padding: 13px 15px;
  font-family: 'Roboto';
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
  color: #252525;
  width: 100%;
  border: 2px solid transparent;
  pointer-events: none;
}

.excelTable__table:not(:has(input:focus)) tbody tr td.active-cell input,
.excelTable__table tbody tr td:focus-within input {
  border: 2px solid #628222;
}

.excelTable__table tbody tr td:focus-within input {
  pointer-events: all;
}

.excelTable__head .num_field,
.excelTable__table .num_field {
  width: 70px;
}


.excelTable__head th,
.excelTable__table td {
  width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.excelTable__table .nomen_field,
.excelTable__head .nomen_field {
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.excelTable__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 22px 15px 22px;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #D9D9D9;
  background-color: white;
}

.tasks__link .eclipse_notify {
  width: 14px;
  height: 14px;
  object-fit: contain;
  position: absolute;
  top: 6px;
  right: 20px;
  z-index: 1;
}

.tasks__link .eclipse_notify>circle {
  animation: flicker .8s infinite;
}

.tasks__link[data-unread="0"] .eclipse_notify {
  opacity: 0 !important;
}

.tasks__link.active {
  color: #FFFFFF;

  svg:not(.eclipse_notify) path {
    stroke: #FFFFFF;
  }
}

.tasks__link_urgent.active {
  background-color: #FF4D00;
}

.tasks__link_new.active {
  background-color: #628222;
}

.tasks__link_notif.active {
  background-color: #567AFB;

  svg.eclipse_notify circle {
    stroke: #567AFB;
    fill: #FFFFFF;
  }
}

.tasks__link_chat.active {
  background-color: #6f1b2d;
}

.notify {
  position: fixed;
  top: 14px;
  right: 14px;
  width: 100%;
  max-width: 780px;
  height: 100vh;
  background-color: #FFFFFF;
  padding: 22px;
  border-radius: 15px 15px 0px 0px;
}

.notify__close {
  cursor: pointer;
}

.notify__head {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.notify__main_title {
  color: #000000;
  font-weight: 400;
  font-size: 30px;
  line-height: 100%;
}

.notify__contain {
  overflow: auto;
  padding-right: 7px;
  height: 90%;
}

.notify__contain::-webkit-scrollbar {
  width: 5px;
}

.notify__contain::-webkit-scrollbar-thumb {
  border-radius: 9em;
  background-color: #D9D9D9;
}

.notify__item {
  background: #fff;
  border-radius: 6px;
}

.notify__contain .notify__item {
  padding: 10px 0px;
  border-bottom: 1px solid #D9D9D9;
  border-radius: 0;
}

.notify__contain .notify__item:last-child {
  border-bottom: none;
}

.notify__back {
  border-left: 5px solid #fff;
  padding: 10px 5px 10px 20px;
  border-radius: 6px;
  display: flex;
  gap: 20px;
}

.notify_new .notify__back {
  background-color: #0D99FF1A;
  border-left: 5px solid #0D99FF59;
  padding: 10px 5px 10px 20px;
  border-radius: 6px;
}

.notify__icon {
  height: 40px;
  flex: 0 0 40px;
}

.notify__icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  filter: invert(1);
  opacity: .3;
}

.notify__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 0 1 100%;
  cursor: pointer;
}

.notify__state {
  border-radius: 36px;
  padding: 2px 14px;
  font-size: 19px;
  line-height: 120%;
  width: max-content;
}

.notify__state.notify_important {
  background-color: #FFE4CC;
  color: #FF7A00;
}

.notify__title {
  font-size: 22px;
  font-weight: 500;
  color: #000000;
  line-height: 120%;
}

.notify__descript {
  font-size: 19px;
  font-weight: 400;
  color: #555555;
  line-height: 120%;
}

.notify__date {
  font-size: 17px;
  font-weight: 400;
  color: #AAAAAA;
  line-height: 120%;
}

.notify__delete {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 50px;
  cursor: pointer;
}

.notify__delete:hover svg path {
  stroke: rgb(205, 101, 103);
}

.delete_notify_confirm {
  display: none;
}

.delete_notify_confirm_modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 685px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  padding: 50px 40px 60px 60px;
}

.confirm__btns {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.notify__item_down {
  width: 100%;
  max-width: 725px;
  max-height: 100vh;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 14px;
  bottom: 14px;
  right: 14px;
  overflow: hidden;
  z-index: 100;
}

.notify__item_down .notify__item {
  width: 725px;
  margin-left: calc(100% + 14px);
  transition: margin-left .25s;
}


.nomen_field__selectMainBlock,
.nomen_field__select {
  width: 100%;
}

.nomen_field__select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 255px;
  height: 100%;
  /* padding: 20px 30px; */
  /* border-radius: 6px; */
  /* outline: 1px solid #d9d9d9; */
  cursor: pointer;
}

.nomen_field .nomen__selectHidden {
  top: 0px;
  height: 200px;
  overflow: auto;
  padding-right: 10px;
}

.new_row {
  background-color: #FFD00033;
}

.field_color_gray input {
  opacity: 70%;
}

.field_color_black input {
  opacity: 100%;
}

.createComing_block {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 87vh;
  position: relative;
}

.createComing_block .excelTable__bottom {
  position: relative;
  left: -22px;
  width: 102%;
}

.createComing_block .excelTable__wrapper {
  margin-bottom: 0px;
}

.nomen__comonBtn.nomen__comonBtn_active {
  background-color: #93939333;
  border-color: #e9e9e9;
}

.nomen__comonBtn .img_eye {
  height: 35px;
  width: 32px;
  background: url(/images/hide_eye.svg) 0 0/ contain no-repeat;
}

.nomen__comonBtn_active .img_eye {
  height: 35px;
  width: 32px;
  background: url(/images/open_eye.svg) 0 0/ contain no-repeat;
}

.nomen__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.nomen__btn_head {
  display: flex;
  gap: 15px;
}

.nomen__head .nomen__title {
  margin-bottom: 0px;
}

.nomen__selectBlock {
  margin-bottom: 15px;
}

.nomenBlock__nomen_1s .nomen__selectMainBlock,
.nomenBlock__nomen_1s .nomen__selectBlock .nomen__select {
  width: 100%;
}

.nomen__selectCurrent_all {
  color: #000000;
}

.nomen__selectBlockBtn {
  min-width: auto;
}

.nomen__selectBlockBtn_excel {
  color: #5c8015;
  background-color: rgba(113, 157, 24, 0.3);
  padding: 0px 36px;


}

.nomen__selectBlockBtn_add {
  color: #6f1b2d;
  background-color: rgba(117, 44, 59, 0.2);
  border-radius: 6px;
  width: 64px;
  height: 64px;
  padding: 0px;
}

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

.nomen_add_plus path {
  stroke: #752C3B;
}


.btn_gray {
  border: 1px solid #AAAAAA;
  border-radius: 6px;
}

.nomen__comonBtn.btn_disabled,
.nomen__selectBlockBtn_add.btn_disabled,
.nomen__selectBlockBtn_excel.btn_disabled {
  color: #939393;
  border: none;
  background-color: #93939333;
}

.button_disabled {
  padding: 0px 36px;
  border-radius: 6px;
  color: #939393;
  border: none;
  background-color: #93939333;
}

.btn_disabled path {
  stroke: #939393;
}

.nomen__comonBtn {
  width: 64px;
  height: 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.nomen__comonBtn p {
  font-weight: 500;
  font-size: 12px;
  line-height: 14.06px;
  color: #AAAAAA;

}

.nomen__search {
  margin-bottom: 50px;
}

.magazin-wrapper-item input {
  width: 100%;
}

.nomen__prodCross:hover svg path {
  stroke: rgb(205, 101, 103);
}

.nomen__selectHidden::-webkit-scrollbar,
.excelTable__wrapper::-webkit-scrollbar,
.nomen__prodList::-webkit-scrollbar {
  width: 5px;
}

.nomen__selectHidden::-webkit-scrollbar-thumb,
.excelTable__wrapper::-webkit-scrollbar-thumb,
.nomen__prodList::-webkit-scrollbar-thumb {
  border-radius: 9em;
  background-color: #D9D9D9;
}

.infoProd__barcode {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.nomenDescr {
  position: relative;
}

.container-footer {
  display: flex;
  justify-content: space-between;
  padding: 22px;
  background: #ffffff;
}

.container-footer__left {
  display: flex;
  gap: 15px;
}

.blue_link {
  color: #2D7CB6 !important;
  cursor: pointer;
}

.white-btn,
.burg_btn {
  padding: 19px 20px;
  box-sizing: border-box;
  border: 1px solid #939393;
  border-radius: 6px;
  color: #848484;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
  text-transform: uppercase;
  width: max-content;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  align-content: center;
  box-shadow: none;
}

.burg_btn {
  color: #ffffff;
  background-color: #601121;
  border: none;
}

.light_burg_btn {
  padding: 19px 20px;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #6F1B2D;
  text-transform: uppercase;
  background-color: #6F1B2D33;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  width: max-content;
}

.dropdown {
  position: relative;
  width: max-content;
}

.dropdown__item {
  position: relative;
  cursor: pointer;
}

.dropdown__item.active .typeProduct__btn {
  border: 1px solid #E6DADC;
  background: #E6DADC;
  color: #6F1B2D;
  font-weight: 500px;
}

.dropdown__contain {
  display: none;
  position: absolute;
  top: 59px;
  left: 0px;
}

.dropdown__contain_base {
  position: absolute;
  z-index: 1000;
  top: 60px;
  right: 0;
  left: 1px;
  display: none;
  flex-direction: column;
  width: calc(100% - 2px);
  border-radius: 0 0 6px 6px;
  outline: 1px solid #d9d9d9;
  background-color: #ffffff;
  row-gap: 20px;
  max-height: 440px;
  overflow: auto;
  padding-top: 10px;
}

.dropdown__contain_base p {
  padding: 15px 20px;
  font-weight: 400 !important;
  font-size: 19px !important;
  line-height: 100% !important;
  margin-bottom: 10px;
  color: #5E5E5E;
  cursor: pointer;
}

.dropdown__contain_base p:hover {
  background: #FAF2F4;
}

.dropdown__contain.open {
  display: block;
}

.dropdown_virt_parametr {
  width: 305px;
  border: 2px solid #E6DADC;
  background-color: #ffffff;
  border-radius: 6px;
}

.dropdown_virt_parametr p {
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0%;
  color: #434343;
  cursor: pointer;
}

.dropdown_virt_parametr p:hover {
  background: #E6DADC;
}

.dropdown .typeProduct__btn {
  padding-right: 61px;
}

.dropdown:has(.dropdown__item.active) .typeProduct__btn {
  background: #E6DADC;
  border-color: #E6DADC;
  color: #000;
}

.dropdown:has(.typeProduct__btn.active) .dropdown__arrow path {
  stroke: #fff;
}

.dropdown__item_arrow {
  position: absolute;
  padding-left: 20px;
  padding-right: 20px;
  top: 0;
  right: 0px;
  height: 55px;
  display: flex;
  align-items: center;
  cursor: pointer;
}




.dropdown__arrow {
  transition: 0.3s;
}

.dropdown__arrow_active {
  transform: rotate(180deg);
}

.dropdown__arrow.dropdown__arrow_active path {
  stroke: #6F1B2D !important;
}

.dropdown__arrow_absolute {
  position: absolute;
  top: 40%;
  right: 26px;
}

.dropdown__item_arrow.white svg path {
  stroke: #FFFFFF;
}

.nomen {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.nomen div:has(.classTable) {
  flex-grow: 1;
  overflow: hidden;
}

.nomen div .classTable {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100% - 150px);
}

.accountingProduct__name {
  font-size: 17px;
}

.virt-prod-item-wrapper .accountingProduct__name,
.accountingProduct__text {
  margin-bottom: 6px;
}

.accountingProduct__text:last-child {
  margin-bottom: none;
}

/* .accountingProduct__price-title{
  margin-top: 60px;
} */
.virtProduct-wrapper {
  margin-top: 0px;
}

.infoProd__titleBlock {
  margin-bottom: 40px;
}

.typeProduct__btn.active {
  border: 1px solid #6F1B2D;
  background: #6F1B2D;
  color: #FFFFFF;
}

.nomen__choiceBlock .swiper-wrapper .swiper-slide {
  /* width: max-content; */
}

.slider_contain {
  transition: 0.3s;
}

.select_parametr {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 15px 20px;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap;
  background: #64142499;
  color: #FFFFFF;
  width: max-content;
}

.nomen__select_parametr {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 10px;
  margin-bottom: 50px;
}

.nomen__choiceBlock {
  margin: 0px;
}

.remove_select_parametr {
  cursor: pointer;
}

.comon_check {
  color: #777777;
}

.nomen_price_block {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.nomen_price_field {
  display: flex;
  gap: 15px;
}

.nomen_price_item {
  position: relative;
  max-width: 220px;
}

.nomen_price_item .nomenCreateProduct_retailname_input {
  width: 100%;
}

.nomen_price_item_last {
  margin-left: 76px;
}

.input_icon {
  position: absolute;
  bottom: 24px;
  right: 24px;
  font-family: Roboto;
  font-weight: 400;
  font-size: 22px;
  line-height: 100%;
  text-align: right;

}

.nomen_price_item_opacity {
  opacity: 20%;
}

.text_with_line {
  font-weight: 400;
  text-decoration: underline;
}

.infoProd__list {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bottom_virt_el {
  margin-top: 206px;
}

.cross_disabled svg path {
  stroke: #AAAAAA;
}

.nomen_price_block label {
  cursor: pointer;
}

.line_top {
  border-top: 1px solid #D9D9D9
}

.filterCategories {
  min-height: 55px;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.card-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.card-list__item {
  display: flex;
  flex-direction: column;
  width: 280px;
  height: 170px;
  padding: 20px 25px;
  border-radius: 6px;
  cursor: pointer;
  gap: 20px;
}

.card-list__item_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  opacity: 40%;
}

.card-list__item_text {
  display: flex;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  color: #2d0000;
  text-transform: uppercase;
  height: 56px;
  align-items: center;
}

.card-list__item_green {
  background: rgb(220, 230, 218);
}

.card-list__item_green .card-list__item_text {
  color: #678053;
}

.card-list__item_red {
  background: #E6DADC;
}

.card-list__item_red .card-list__item_text {
  color: #805353;
}

.card-list__item_blue {
  background: #DADEE6;
}

.card-list__item_blue .card-list__item_text {
  color: #536580;
}

.card-list__item_lilac {
  background: #EDE4F9;
}

.card-list__item_lilac .card-list__item_text {
  color: #6C5380;
}

.card_not_active {
  background: none;
  border: 1px solid #C1C1C1
}

.card_not_active .card-list__item_text {
  color: #848484;
}

.card_not_active svg rect,
.card_not_active svg circle,
.card_not_active svg path {
  stroke: #848484;
}

.input_field {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  padding: 21px 20px 21px 20px;
  font-size: 19px;
  font-weight: 400;
  line-height: 100%;
  color: #434343;
}

.input_field::placeholder {
  color: #B6B6B6;
}

.block-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.block-head__left {
  display: flex;
  gap: 20px;
}

.block-head__right {
  display: flex;
  gap: 20px;
}

.block-head__left .input_field_search {
  flex: 482px 1 0;
}

.block-head__left .width_292 {
  flex: 292px 1 0;
}

.block-head__left .width_230 {
  flex: 230px 1 0;
}


.table_item_width_4 {
  flex: 0 0 4%;
}

.table_item_width_5 {
  flex: 0 0 5%;
}

.table_item_width_8 {
  flex: 0 0 8%;
}

.table_item_width_10 {
  flex: 0 0 10%;
}

.table_item_width_15 {
  flex: 0 0 15%;
}

.table_item_width_20 {
  flex: 0 0 20%;
}

.table_item_width_25 {
  flex: 0 0 25%;
}

.table_item_width_30 {
  flex: 0 0 30%;
}

.table_item_width_40 {
  flex: 0 0 40%;
}

.table_item_width_50 {
  flex: 0 0 50%;
}

.table_item_width_60 {
  flex: 0 0 60%;
}

.table_item_width_70 {
  flex: 0 0 70%;
}

.table_item_width_100 {
  flex: 0 1 60%;
}

.table-content {
  flex-grow: 1;
  overflow-y: scroll;
}

.table-content__head {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 30px;
}

.table-content__head .table_item {
  color: #B0B0B0;
  font-size: 17px;
}

.table_item {
  color: #434343;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
}

.table_item_gray {
  color: #939393;
}

.table-content__row {
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: space-evenly;
  border-bottom: 1px solid #EDEDED;
  padding: 10px 0;
}

.active_item {
  border-bottom: 1px solid #ececec;
  background-color: #ececec;
}

.active_item_table .table-content__row {
  cursor: pointer;
}

.table_button_manage {
  display: flex;
  gap: 10px;
  justify-content: end;
}

.button_manage {
  width: 42px;
  height: 42px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

.button_manage_key {
  background: url(/images/svg/key.svg) center / 26px 26px no-repeat;
  cursor: pointer;
}

.button_manage_black_key {
  background: url(/images/svg/black_key.svg) center / 26px 26px no-repeat;
}

.button_manage_lock {
  background: url(/images/svg/lock.svg) center / 24px 24px no-repeat;
  cursor: pointer;
}

.button_manage_pen {
  background: url(/images/svg/pen.svg) center / 20px 21px no-repeat;
  cursor: pointer;
}

.button_manage_entry {
  background: url(/images/svg/entry.svg) center / 23px 25px no-repeat;
  cursor: pointer;
}

.table_button_franshize .button_manage {
  width: 46px;
  height: 46px;
  border: none;
  cursor: pointer;
}

.table_button_franshize .button_manage_key {
  background: url(/images/svg/key.svg) center / 30px 30px no-repeat;
}

.button_manage_green_lock {
  background: url(/images/svg/green_lock.svg) center / 23px 25px no-repeat;
}


.table-content__row.disable .table_item:not(:last-child),
.contact-item.disable .contact-content {
  opacity: 50%;
}

.table-content__row.disable .button_manage_key,
.table-content__row.disable .button_manage_entry {
  opacity: 50%;
  cursor: default !important;
}

.table-content__row.disable .button_manage_lock,
.contact-item.disable .button_manage_lock {
  background: url(/images/svg/lock_close.svg) center / 35px 35px no-repeat;
}

/*.table-content__row.disable .button_manage_lock {
  background: #84848433 url(/images/svg/lock_close.svg) center / 35px 35px no-repeat;
  border: none;
}

.table-content__row.disable .button_manage_pen {
  background: #84848433 url(/images/svg/pen.svg) center / 20px 21px no-repeat;
  border: none;
}*/

.table-content__row.disable .table_button_franshize .button_manage_lock {
  background: url(/images/svg/red_lock.svg) center / 40px 40px no-repeat;
  border: none;
  opacity: 30%;
}


.staus_disable {
  color: #FF5B5B;
}

.table_item_photo {
  width: 50px;
  height: 50px;
  border-radius: 6px;
  overflow: hidden;
}

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

.table_item_flex {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.splitBlock {
  column-gap: 15px;
}

.splitBlock__left {
  padding: 22px 22px 0px 22px;
}

.modal-contain {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: max-content;
  max-height: 762px;
  overflow: auto;
  background-color: #FFFFFF;
  padding: 50px 60px;
  border-radius: 15px;
}

.modal-contain {
  padding: 50px 60px;
}

.modal_add_user {
  width: 600px;
  padding: 50px 40px;
}

.modal_add_user_form {
  width: 100%;
  max-width: 1294px;
}

.modal_add_company {
  width: 100%;
  max-width: 1064px;
  max-height: 95vh;
  top: 50vh;
}

.modal-contain .modal-header {
  margin-bottom: 40px;
}

.modal_add_user .modal-header {
  margin-bottom: 20px;
}

.modal-contain p {
  color: rgb(100, 100, 100);
  font-size: 17px;
  font-weight: 400;
  line-height: 130%;
}

.modal-text {
  color: #434343;
  font-size: 22px;
  font-weight: 400;
  line-height: 130%;
}

.form_field_row {
  display: flex;
  gap: 20px;
  align-items: end;
}

.addCompany .modal-form_contain,
.addUserManagerForm .modal-form_contain {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.modal-form_contain {
  margin-bottom: 40px;
}

.form_field_row .input-box {
  width: 100%;
}

.form_field_row .input-box .input_field {
  padding: 15px 20px 15px 20px;
}

.form_field_row .dropdown {
  width: 100%;
}

.form_field_row .dropdown__contain_base {
  top: 52px;
}

.input-box p {
  margin-bottom: 10px;
}

.field_with_image {
  position: relative;
  width: 100%;
}

.field_image {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.form_field_mid {
  display: flex;
  gap: 33px;
}

.modal-footer_btn {
  display: flex;
  margin-top: 40px;
  gap: 20px;
}

.modal-footer_btn div {
  width: 245px;
}

.dropdown__item .input_field_dropdown {
  cursor: pointer;
}

.form_container {
  display: flex;
  gap: 50px;
}

.form-section {
  margin-bottom: 40px;
  flex: 0 0 40%;
}

.section-header {
  font-size: 20px;
  color: #434343;
  font-weight: 500;
  margin-bottom: 20px;
}

.form-column {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  flex-direction: column;
}

.form-row {
  display: flex;
  gap: 20px;
}

.form-row .input-box {
  flex: 1 1 50%
}

.form-row .white-btn {
  width: 100%;
  padding: 20px 20px;
}

.input-box p {
  margin-bottom: 10px;
  font-size: 16px;
  color: #777;
}

.form-section a.blue_link {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  color: #2D7CB6;
  text-decoration: none;
}

.form-section .dropdown {
  width: 100%;
}

.modal_add_role {
  width: 689px;
}

.modal_add_role .modal-form {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.selected-users-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.selected-user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;

}

.remove-user-btn {
  background: transparent;
  border: none;
  color: #844451;
  font-weight: bold;
  cursor: pointer;
}

.title-page {
  margin-bottom: 40px;
}

.settings-access {
  max-width: 1329px;
  max-height: calc(100vh - 360px);
  overflow-y: auto;
}

.settings-access__head {
  display: grid;
  grid-template-columns: 70% 15% 15%;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
  color: #939393;
}

.settings-access__container {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.list_level1 {}

.list_level1 .settings-access__item:first-child {
  border-bottom: 1px solid #A6A6A6;
}

.dropdown_list_head {
  display: grid;
  grid-template-columns: 70% 15% 15%;
  padding-bottom: 12px;
}

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

.dropdown_list_head__title {
  display: flex;
  flex-direction: row;
  gap: 5px;
  width: max-content;
  cursor: pointer;
}

.dropdown_list_head__title>.arrow {
  display: flex;
  align-items: center;
}

.dropdown_list_head__title.gray {
  color: #A6A6A6;
}

.dropdown_list_head__title:hover {
  color: #FF7A00 !important;
}

.dropdown_list_head__title:hover svg path {
  stroke: #FF7A00;
}

.list_level2 .dropdown_list_head .dropdown_list_head__item:first-child {
  padding-left: 42px;
}

.list_level3 .dropdown_list_head .dropdown_list_head__item:first-child {
  padding-left: 83px;
}

.list_level2,
.list_level3 {
  display: none;
}

.dropdown_list_open {
  display: flex;
  gap: 18px;
}

.checkbox-container {
  display: flex;
  align-items: center;
  cursor: pointer;
}


.checkbox_hidden {
  position: absolute;
  opacity: 0;
  height: 0;
  width: 0;
}

.checkmark_style {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 25px;
  flex: 0 0 25px;
  background-color: transparent;
  border: 1px solid #999999;
  border-radius: 2px;
  padding: 3px 3px 5px;
  opacity: 70%;
}

.check {
  display: none;
}

.checkbox_hidden:checked+.checkbox_item .checkmark_style {
  border: none;
  opacity: 100%;
}


.list_level1:nth-child(5n+1) .checkbox_hidden:checked+.checkbox_item .checkmark_style {
  background-color: #712A39;
}

.list_level1:nth-child(5n+2) .checkbox_hidden:checked+.checkbox_item .checkmark_style {
  background-color: #628222;
}

.list_level1:nth-child(5n+3) .checkbox_hidden:checked+.checkbox_item .checkmark_style {
  background-color: #3E7EBC;
}

.list_level1:nth-child(5n+4) .checkbox_hidden:checked+.checkbox_item .checkmark_style {
  background-color: #775BE4;
}

.list_level1:nth-child(5n+5) .checkbox_hidden:checked+.checkbox_item .checkmark_style {
  background-color: #FFA800;
}

.checkbox_hidden:disabled+.checkbox_item .checkmark_style {
  background-color: #D9D9D9 !important;
}

.checkbox_hidden:checked+.checkbox_item .checkmark_style .check {
  display: block;
}

.checkbox_hidden:checked+.checkbox_item .checkbox_input_text {
  opacity: 100%;
}

.checkbox_item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.checkbox_input_text {
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  color: #777777;
}

.icon-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 70px;
  height: 64px;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  border-radius: 6px;
  cursor: pointer;
}

.icon-btn.green {
  color: #628222;
  background-color: #6282221A;
}

.icon-btn.red {
  color: #939393;
  background-color: #F81D1D1A;
}

.icon-btn.black {
  color: #252525;
  background-color: #E9E9E9;
}

.icon-btn .icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-btn .button_manage_green_lock {
  background: url(/images/svg/green_lock.svg) center / 24px 24px no-repeat;
}

.icon-btn .button_manage_lock {
  background: url(/images/svg/red_lock_2.svg) center / 35px 35px no-repeat;
}

.business-card {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.business-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.business-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
  margin-bottom: 20px;
}

.business-card .block-head {
  margin-bottom: 0px;
}

.info-row {
  display: flex;
  gap: 20px;
  color: #434343;
}

.info-details {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.info-details .info-row {
  flex: 0 1 287px;
}

.info-label {
  color: #848484;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
}

.contact-section {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.contact-item {
  color: #434343;
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
  display: flex;
  justify-content: space-between;
}

.contact-content {
  display: flex;
  gap: 11px;
}

.contact-item a {
  color: #434343;
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
}

.business-card h3 {
  font-weight: 400;
  font-size: 24px;
  line-height: 120%;
}

.contact-actions {
  display: flex;
  gap: 10px;
}

.bank-details-section,
.documents-section {
  display: flex;
  gap: 20px;
  flex-direction: column;
  color: #434343;
  font-weight: 400;
  font-size: 19px;
  line-height: 120%;
}

.bank-details-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.black_text {
  color: #252525;
}

.dark-btn {
  padding: 15px 20px 15px 20px;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 400;
  line-height: normal;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #252525;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
  width: max-content;
}

.container {
  max-width: unset;
  height: 100vh;
  margin: 0 auto;
  display: flex;
  gap: 15px;
  font-size: 18px;
}

.container-tevern {
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #6F1B2D;
  padding: 20px;
  border-radius: 7px;
}

.form-states:hover {
  color: #d7595f;
}

.right-sis {
  width: 795px;
  border-radius: 15px 0 0 0;
}

.left-sis {
  width: 990px;
  border-radius: 15px 15px 0 0;
}

.full-sis {
  width: 1800px;
  border-radius: 15px 0 0 0;
}

.info-section-cont {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 22px 0;
  background-color: #ffffff;
  position: relative;
}

.empty-info-sect {
  position: relative;
}

.empty-info-sect:before {
  content: attr(data-empty);
  color: #939393;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0;
}

/* !Стили песочка */

/* Какие-то общие стили */
.muted-text {
  color: #777777;
}

.h-container-flex {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

.btn-container {
  padding-top: 20px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  column-gap: 20px;
}

.btn {
  min-height: 63px;
  padding: 20px 30px;
  border: 0;
  border-radius: 6px;
  background-color: #6F1B2D;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  cursor: pointer;
}

.btn-second {
  color: #434343;
  background-color: transparent;
  border: 1px solid #D9D9D9;
}

.btn-small {
  min-height: auto;
  padding: 8px 15px;
  text-transform: none;
  font-size: 20px;
  font-weight: 400;
}

.btn-light {
  min-height: auto;
  color: #2D7CB6;
  background-color: transparent;
  padding: 0;
}

.btn-fine {
  color: #2AA64D;
  background-color: rgba(48, 189, 87, .15);
}

.btn-collector {
  background-color: rgba(98, 130, 34, 0.2);
  color: #628222;
}

.btn-fine-shift {
  min-height: unset;
  padding: 15px 20px;
  background-color: #30BD57;
}

.btn-disabled {
  background-color: #D9D9D9 !important;
  color: #a8a8a8;
  cursor: default;

  img {
    filter: grayscale(1);
    opacity: .7;
  }
}

.input-text {
  padding: 21px 20px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  background: #ffffff;
  font-size: 19px;
  color: #434343;
}

.input-text::placeholder {
  color: #B6B6B6;
}

.file-uploader {
  display: none !important;
}

.modal-container {
  width: 100vw;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(8px);
  position: absolute;
  inset: 0;
  z-index: 100000;
  font-size: 18px;
}

.modal-container.open {
  display: flex;
}

.modal-container .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal-container .modal-header .modal-title {
  color: #000000;
  font-size: 30px;
  font-weight: 400;
  line-height: 35px;
}

.modal-container .modal-header .close-modal {
  height: 50px;
}

.modal-container .modal-body {
  padding-top: 20px;
}

.custominput {
  padding: 16px 20px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  font-size: 18px;
  color: #252525;
}

.custominput::placeholder {
  color: rgba(67, 67, 67, .3);
}

.input-icon {
  width: fit-content;
  position: relative;
}

.input-icon:before {
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translate(0, -50%);
  font-size: 25px;
  color: #252525;
}

.input-icon:has(.actually-money):before {
  content: "₽";
}

.input-icon .custominput {
  padding: 16px 45px 16px 20px;
}

.input-icon .actually-money {
  color: #939393;
}

.customtextarea {
  padding: 14px 20px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

.w-rub:after {
  content: "₽";
  margin-left: 5px;
}

.info-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.info-list .info-row {
  display: flex;
  gap: 10px;
}


.sect-cont-def {
  padding: 0 22px;
}

.sect-cont-def .card {
  cursor: pointer;
}

.products-list,
.products-list .products-header,
.products-list .products-items,
.products-list .products-items .product-row,
.products-list .products-total {
  display: grid;
}

.products-list {
  row-gap: 16px;
}

.products-header {
  color: #777777;
}

.products-items {
  row-gap: 8px;
}

.tabs-viewport {
  width: 100%;
  overflow: hidden;
  cursor: grab;
}

.tabs-control {
  display: flex;
  gap: 10px;
}

.tabs-control .tabs-control-item {
  padding: 15px 20px;
  border: 1px solid #939393;
  border-radius: 9px;
  font-size: 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s ease-in-out;
}

.tabs-control .tabs-control-item.active,
.tabs-control .tabs-control-item.open {
  border-color: #6F1B2D;
  background-color: #6F1B2D;
  color: #ffffff;
}

.tabs-control .tabs-control-item.subcat {
  background: #a2727c;
  border-color: #a2727c;
  color: white;
}

.tabs-control .tabs-control-item svg {
  transition: all .3s ease-in-out;
}

.tabs-control .tabs-control-item.active svg,
.tabs-control .tabs-control-item.open svg {
  stroke: #ffffff;
}

.tabs-control .tabs-control-item.open svg {
  transform: rotate(180deg);
}

.tabs-control .tabs-control-item.type-mode.open {
  padding: 0;
  background-color: #ffffff;
  border-color: #939393;
  color: #434343
}

.tabs-control .tabs-control-item.type-mode .type-mode-items {
  display: flex;
}

.tabs-control .tabs-control-item.type-mode .type {
  padding: 15px 20px;
}

.tabs-control .tabs-control-item.type-mode .type:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.tabs-control .tabs-control-item.type-mode .type:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.tabs-control .tabs-control-item.type-mode .type:not(:first-child) {
  border-left: 1px solid #939393;
}

.tabs-control .tabs-control-item.type-mode .type.active {
  background-color: #844451;
  color: #ffffff;
}

.comment-sect {
  width: 100%;
}

.comment-sect .title {
  margin-bottom: 10px;
  color: #848484;
}

.comment-sect .customtextarea {
  width: 100%;
  font-size: 16px;
  background-color: #F5F7FA;
}

.assembly-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.assembly-list.empty-info-sect {
  justify-content: flex-end;
}

.assembly-list .assembly-items {
  flex-grow: 1;
  overflow-y: auto;
}

.assembly-list.edited .assembly-item {
  opacity: .5;
  pointer-events: none;
}

.assembly-list .assembly-item:not(.single-product) {
  border-bottom: solid black 1px;
}

.assembly-list.edited .assembly-item.assembly-item-edited {
  opacity: 1;
  pointer-events: all;
}

.assembly-list .assembly-item:last-child {
  border-bottom: 1px solid #C2C2C2;
}

.assembly-list .assembly-item .item-header {
  display: flex;
  position: relative;
  border-top: 1px solid #C2C2C2;
  border-bottom: 1px solid #C2C2C2;
}

.assembly-list .assembly-item:first-child .item-header {
  border-top: unset;
}

.assembly-list .assembly-item .item-header .info-block {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  padding: 20px;
  font-size: 20px;
  font-weight: 600;

  .title {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 400px;
    white-space: nowrap;
  }
}

.assembly-list .assembly-item .item-header .put-on-showcase {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 1;
  top: 100%;
  min-width: 300px;
  width: 30%;
  height: 70px;
  background: #ffffff;
  border-color: #D9D9D9;
  border-radius: 6px;
  font-size: 21px;
  gap: 10px;
  box-shadow: 2px 4px 100px rgba(0, 0, 0, 0.3);
  user-select: none;
  cursor: pointer;
}

.assembly-list .assembly-item .item-header .menu-block {
  cursor: pointer;
}

.assembly-list .assembly-item.assembly-item-new {

  .item-header .info-block,
  .item-header .menu-block {
    color: #ffffff;
    background: rgb(132, 68, 81);
  }
}

.assembly-list .assembly-item.assembly-item-new:not([style*="display: none;"]):nth-child(3n+2) {
  background: #E6DADC;

  .item-header .info-block,
  .item-header .menu-block {
    background: #844451;
  }
}

.assembly-list .assembly-item.assembly-item-new:not([style*="display: none;"]):nth-child(3n+3) {
  background: #E3EBD1;

  .item-header .info-block,
  .item-header .menu-block {
    background: #628222;
  }
}

.assembly-list .assembly-item.assembly-item-new:not([style*="display: none;"]):nth-child(3n+4) {
  background: #E1DCF5;

  .item-header .info-block,
  .item-header .menu-block {
    background: #684FCB;
  }
}

.assembly-list .assembly-item.assembly-item-edited {
  background: #FFF !important;

  .item-header .info-block,
  .item-header .menu-block {
    color: #ffffff;
    background: #696969 !important;
  }
}

.assembly-list .assembly-item .item-header .info-block .price.w-rub:after {
  font-size: 18px;
  font-weight: 500;
}

.assembly-list .assembly-item .item-header .btns-block {
  display: flex;
}

.assembly-list .assembly-item .item-header .btns-block .btn.btn-accept {
  height: 100%;
  border-radius: unset;
  background-color: #567AFB;
  border-left: 1px solid #C2C2C2;
}

.assembly-list .assembly-item .item-header .btns-block .btn-disband {
  background: #FFF;
  width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #C2C2C2;
}

.assembly-list .assembly-item .item-header .btns-block .btn-disband svg {
  width: 18px;
  stroke: #434343;
}

.assembly-list .assembly-item .item-header .btns-block .btn-edit {
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 20px 22px;
  border-radius: 0;
  background-color: #ffffff;
  color: #434343;
}

.assembly-list .assembly-item .item-product {
  padding: 14px 0 14px 20px;
  display: grid;
  grid-template-columns: auto 94px 50px 94px 56px;
  gap: 16px;
  color: #000000;
}

.assembly-list .assembly-item.single-product .item-product,
.assembly-list .assembly-item.assembly-item-edited .item-product {
  cursor: pointer;
}

.assembly-list .assembly-item .item-product:not(:last-child) {
  border-bottom: 1px solid #C2C2C2;
}

.assembly-list .assembly-item .item-product.active {
  background-color: #d9d9d9;
}

.assembly-list .assembly-item .item-product .s-price {
  color: rgba(0, 0, 0, .5);
}

.assembly-list .assembly-item .item-product .del-btn {
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin: -14px 0;
}

.assembly-list .assembly-item.assembly-item-edited .item-product .del-btn {
  display: flex;
}

.assembly-list .assembly-item .item-product .del-btn svg {
  width: 16px;
  height: 16px;
  stroke: #F81D1D;
}

.assembly-list .assembly-item.single-product {
  border-top: 2px solid #C2C2C2;
}

.assembly-list .assembly-item.single-product .item-product .del-btn {
  display: flex;
}

.assembly-list.edited .assembly-item.single-product .item-product .del-btn svg {
  stroke: #434343;
}

.assembly-list .assembly-control-panel {
  display: flex;
  position: relative;
  justify-content: space-between;
  border-top: 1px solid #d9d9d9;
}

.assembly-list .assembly-control-panel .assembly-control-btns {
  display: flex;
  width: 100%;
}

.assembly-list .assembly-control-panel .btn {
  min-height: unset;
  padding: 19px 30px;
  border-radius: 0;
}

.assembly-list .assembly-control-panel .btn-discount {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  background-color: #ffffff;
  color: rgba(0, 0, 0, .5);
  text-transform: none;
  border-left: 1px solid #C2C2C2;
}

.assembly-list .assembly-control-panel .control-btn {
  width: 62px;
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #d9d9d9;
  overflow: hidden;
  cursor: pointer;
}

.assembly-list .assembly-control-panel .control-btn svg {
  width: 16px;
}

.assembly-list .assembly-control-panel .control-btn.del-item svg {
  stroke: #F81D1D;
}

.assembly-list .assembly-control-panel .control-btn.num-item {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}

.assembly-list .assembly-control-panel .control-btn.up-item svg {
  transform: rotate(180deg);
}

.assembly-list .assembly-control-panel .control-btn.plus-item svg {
  transform: rotate(45deg);
  width: 14px;
}

.assembly-list .assembly-control-panel .control-btn.menu-call {
  border-left: 1px solid #D9D9D9;
}

.assembly-list .assembly-control-panel .control-btn.menu-call.open,
.assembly-list .assembly-control-panel .control-btn.menu-call.active {
  background-color: #6F1B2D;
}

.assembly-list .assembly-control-panel .control-btn.menu-call.open svg,
.assembly-list .assembly-control-panel .control-btn.menu-call.active svg {
  stroke: #ffffff;
}

.assembly-list .assembly-control-panel .burger-btn-item {
  border-left: 1px solid #d9d9d9;
  /*margin-left: auto;*/
}

.assembly-list .assembly-control-panel .burger-menu {
  position: relative;
}

.assembly-list .assembly-control-panel .burger-menu .b-menu-items {
  display: none;
  position: absolute;
  top: 0;
  right: 11px;
  transform: translate(0, calc(-100% - 6px));
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0px 0px 114px 0px #00000040;
}

.assembly-list .assembly-control-panel .burger-menu .menu-call.open+.b-menu-items {
  display: block;
}

.assembly-list .assembly-control-panel .burger-menu .b-menu-item {
  min-width: 280px;
  display: flex;
  align-items: center;
  column-gap: 15px;
  padding: 20px;
}

.burger-menu .b-menu-item svg {
  width: 30px;
}




.tabs-cont {
  display: flex;
  flex-direction: column;
  gap: 15px;
  height: 100%;
}

.tabs-cont .tabs-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}

.tabs-cont .tabs-items {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 233px;
  gap: 4px;
  margin-bottom: 10px;
}

.tabs-cont .tabs-item {
  border: 1px solid #D9D9D9;
  border-radius: 9px;
  overflow: hidden;
  cursor: pointer;
}

.tabs-cont .tabs-item[data-init="0"] {
  cursor: default;
}

.tabs-cont .tabs-item[data-hoverable="true"] {
  cursor: pointer !important;
}

.tabs-cont .tabs-item.selected {
  border-color: #30BD57;
}

.tabs-cont .tabs-item .item-img {
  height: 100%;
  background-position: center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}

.tabs-cont .tabs-item .item-img-cont {
  height: 135px;
  position: relative;
}

.tabs-cont .tabs-item .item-img-bottom {
  display: flex;
  gap: 3px;
  padding: 3px;
  height: 40px;
}

.tabs-cont .tabs-item .amount,
.tabs-cont .tabs-item .reserved,
.tabs-cont .tabs-item .time {
  border: 1px solid #E5E5E5;
  border-radius: 6px;
  padding: 3px 7px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  align-content: center;
}

.tabs-cont .tabs-item .reserved {
  display: none;
  color: #AD2E1D;
}

.tabs-cont .tabs-item.w-reserve .reserved {
  display: block;
}

.tabs-cont .tabs-item .item-info {
  padding: 10px;
  height: 98px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.tabs-cont .tabs-item.selected .item-info {
  background-color: #D5F6E4;
}

.tabs-cont .tabs-item .item-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 17px;
  font-weight: 500;
}

.tabs-cont .tabs-item .percent {
  display: none;
  width: 24px;
  height: 24px;
  background-color: #9197B3;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 3px;
  left: 3px;
}

.tabs-cont .tabs-item .drop {
  display: none;
  width: 33px;
  height: 33px;
  background-color: #567AFB;
  border-bottom-right-radius: 9px;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}

.tabs-cont .tabs-item.need-water .drop {
  display: flex;
}

.tabs-cont .tabs-item.p-staff .percent {
  display: flex;
}

.tabs-cont .tabs-item .select {
  display: none;
  width: 33px;
  height: 33px;
  background-color: #30BD57;
  border-bottom-left-radius: 9px;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}

.tabs-cont .tabs-item.selected .select {
  display: flex;
}

.tabs-cont .tabs-item .select img {
  width: 15px;
}

.tabs-cont .tabs-item .item-price-cont {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.tabs-cont .tabs-item .item-price {
  font-size: 22px;
  font-weight: 600;
}

.tabs-cont .tabs-item .item-price.w-rub:after {
  font-size: 17px;
  font-weight: 500;
}

.tabs-cont .tabs-item .item-price-old {
  display: none;
  font-size: 17px;
  font-weight: 500;
  text-decoration: line-through;
  color: #C04F55;
}

.tabs-cont .tabs-item.w-old-p .item-price-old {
  display: block;
}

.tabs-cont .tabs-item[data-init="0"] .item-img-top,
.tabs-cont .tabs-item[data-init="0"] .item-img-bottom {
  display: none;
}

.tabs-cont .tabs-item[data-init="0"] .item-img {
  position: relative;
}

.tabs-cont .tabs-item[data-init="0"] .item-img:before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, .6);
}

.tabs-cont .tabs-item[data-init="0"] .item-img:after {
  content: attr(data-empty);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  padding: 8px 12px;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  color: #393939;
}

.tabs-cont .tabs-item[data-init="0"] .item-img[data-red="true"]:after {
  color: #C04F55;
}

.tabs-cont .tabs-item[data-init="0"] .item-info {
  opacity: .5;
}

.tabs-cont .tabs-item.selected[data-init="0"] .item-info {
  opacity: .8;
}

.tabs-cont .tabs-content-pagitation {
  margin: 0 -22px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.tabs-cont .tabs-content-pagitation .pagination-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 22px 50px;
  border: 1px solid #E3E3E3;
  background-color: #E3E3E3;
  cursor: pointer;
}

.tabs-cont .tabs-content-pagitation .pagination-btn.disabled {
  background-color: #ffffff;
  cursor: default;
}

.tabs-cont .tabs-content-pagitation .pagination-btn.disabled svg {
  opacity: .2;
}

.tabs-cont .tabs-content-pagitation .pagination-btn.prev-page {
  border-left: unset;
  border-bottom: unset;
  border-top-right-radius: 9px;
}

.tabs-cont .tabs-content-pagitation .pagination-btn.next-page {
  border-right: unset;
  border-bottom: unset;
  border-top-left-radius: 9px;
}

.tabs-cont .tabs-content-pagitation .pagination-btn.next-page svg {
  transform: rotate(180deg);
}

.tabs-cont .tabs-content-pagitation .pagination-page {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  font-weight: 500;
  color: #848484;
}

.tabs-cont .add-item {
  display: none;
  position: absolute;
  inset: 0;
  background-color: #ffffff;
  margin: 0 -22px;
  z-index: 99;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 120px;
  gap: 10px;
}

.tabs-cont .add-item.open {
  display: grid;
}

.tabs-cont .add-item .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  background-color: #E6DADC;
  border-radius: 9px;
}

.tabs-cont .add-item .card .card-title {
  font-size: 14px;
  color: rgba(132, 68, 81, .8);
}

.tabs-cont .add-item .card-name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 20px;
}

/* !Какие-то общие стили */



/* Custom select */
.customselect {
  width: 100%;
  display: inline-block;
  position: relative;
}

.customselect .title {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  background: #ffffff;
  width: 100%;
  padding: 21px 20px;
  cursor: pointer;
  color: #848484;
  font-size: 19px;
  text-align: left;
  position: relative;
}

.customselect .title:after {
  content: '';
  width: 20px;
  height: 11px;
  background-image: url('/images/arrow-down.svg');
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  transition: all .3s ease;
}

.customselect ul {
  width: 100%;
  max-height: 202px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 1000;
  background: #ffffff;
  border-bottom: 1px solid #D9D9D9;
  border-left: 1px solid #D9D9D9;
  border-right: 1px solid #D9D9D9;
  color: #848484;
  font-size: 19px;
  text-align: left;
  border-radius: 0 0 6px 6px;
  box-sizing: border-box;
}

.customselect.open ul {
  display: block;
}

.customselect li {
  padding: 21px 20px;
  cursor: pointer;
}

.customselect li.active {
  background-color: #FAF2F4;
  color: #282828;
}

.customselect li:hover {
  background-color: #FAF2F4;
}

.customselect.open .title {
  border-radius: 6px 6px 0 0;
}

.customselect.open .title:after {
  transform: translate(0, -50%) rotate(180deg);
}

/* !Custom select */

/* Custom checkbox */
.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-checkbox+label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}

.custom-checkbox+label::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #D9D9D9;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox:checked+label::before {
  border-color: #6F1B2D;
  background-color: #6F1B2D;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/* стили при наведении курсора на checkbox */
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
  border-color: rgba(111, 27, 45, .35);
}

/* стили для активного состояния чекбокса (при нажатии на него) */
.custom-checkbox:not(:disabled):active+label::before {
  background-color: rgba(111, 27, 45, .35);
  border-color: rgba(111, 27, 45, .35);
}

/* стили для чекбокса, находящегося в фокусе */
/*.custom-checkbox:focus+label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}*/
/* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
.custom-checkbox:focus:not(:checked)+label::before {
  border-color: rgba(111, 27, 45, .35);
}

/* --- simple custom --- */
.simple-cb {
  accent-color: #719D18;
  width: 25px;
  height: 25px;
}

/* --- simple custom --- */

/* Custom checkbox */



/* Смены флористов */
/* --- Открытие смены --- */
.rBlock-header {
  padding: 0 22px;
}

.rBlock-body {
  flex-grow: 1;
}

/* ----- Левый блок ----- */
.staff-cont,
.journal-cont {
  gap: 20px;
}

.money-btns,
.collector-btns {
  display: flex;
  gap: 10px;
}

.money-btns .btn,
.collector-btns .btn {
  padding: 10px 20px;
}

.money-btns .btn:has(img),
.collector-btns .btn:has(img) {
  padding: 8px;
  width: 64px;
  height: 64px;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  text-transform: none;
  align-items: center;
  justify-content: space-between;
}

.shift-set {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.shift-set .btn {
  padding: 15px 20px;
  margin-bottom: 32px;
}

.shift-set .btn.hidden {
  display: none;
}

.staff-table {
  padding: 0 42px 0 22px;
}

.staff-table .st-control,
.staff-table .st-body .st-row {
  display: grid;
  align-items: center;
}

.staff-table .st-control {
  margin-bottom: 18px;
  grid-template-columns: 74px 100px 124px 260px auto;
  column-gap: 40px;
}

.staff-table .st-control .control-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #939393;
}

.staff-table .st-control .control-item .btn-control {
  padding: unset;
  min-height: unset;
  width: 45px;
  height: 45px;
  border: 1px solid #939393;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.staff-table .st-control .control-item .btn-control img {
  height: 18px;
}

.staff-table .st-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: calc(100vh - 420px);
  overflow: auto;
}

.staff-table .st-body .st-row {
  grid-template-columns: 72px 120px 143px 260px auto;
  column-gap: 20px;
  min-height: 86px;
  padding: 15px 11px 15px 20px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  cursor: pointer;
  transition: all .3s;
}

.staff-table .st-body .st-row.active {
  background-color: #EDEDED;
  border-color: #EDEDED;
}

.staff-table .st-body .st-row.active {
  cursor: default;
}

.staff-table .st-body .st-row .employee-id {
  color: #616161;
}

.staff-table .st-body .st-row .employee-date,
.staff-table .st-body .st-row .employee-name,
.staff-table .st-body .st-row .employee-shift,
.staff-table .st-body .st-row .employee-amount,
.staff-table .st-body .st-row .employee-type,
.staff-table .st-body .st-row .employee-discrepancy {
  color: #777777;
}

.staff-table .st-body .st-row .employee-discrepancy.plus {
  color: #628222;
}

.staff-table .st-body .st-row .employee-discrepancy.plus:before {
  content: "+";
  margin-right: 3px;
}

.staff-table .st-body .st-row .employee-discrepancy.n-enough {
  color: #8A0000;
}

.staff-table .st-body .st-row .employee-btn .btn {
  min-height: unset;
  padding: 15px 20px;
}

.staff-table .st-body .st-row.active .employee-btn .btn.btn-disabled {
  color: #a8a8a8;
}

/* ----- !Левый блок ----- */

/* ----- Правый блок ----- */
.info-sect-h .rb-title {
  font-size: 28px;
  font-weight: 400;
  color: #434343;
  flex-grow: 1;
}

.info-sect-h:has(button) .rb-title {
  flex-grow: unset;
}

.date-time-info {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #777777;
}

.date-time-info .item {
  display: flex;
  gap: 10px;
}

.date-time-info .item .date {
  color: #424242;
}

.responsible-b {
  padding: 0 22px;
}

.responsible-name {
  padding: 22px 0 18px;
}

.responsible-name .name-title {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  margin-bottom: 2px;
}

.responsible-name .name-cont {
  font-size: 19px;
}

.responsible-num {
  display: flex;
  gap: 15px;
}

.responsible-num .num-items {
  flex: 1;
  padding: 10px 5px;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  text-align: center;
}

.responsible-num .num-items .num {
  font-size: 30px;
  margin-bottom: 10px;
}

.responsible-num .num-items:nth-child(3) .num::after {
  content: "₽";
  font-size: 20px;
  margin-left: 4px;
}

.responsible-num .num-items .explanation {
  font-size: 16px;
  line-height: 120%;
  color: #777777;
}

.responsible-container {
  display: flex;
  flex-direction: column;
  gap: 27px;
}

.responsible-table .table-header {
  font-size: 22px;
  line-height: 120%;
  color: #252525;
  padding-bottom: 20px;
}

.responsible-table .table-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
}

.responsible-table .table-body .table-row,
.responsible-table .table-footer .table-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.responsible-table .table-body .table-row .name {
  color: #777777;
}

.responsible-table .table-body .table-row .value {
  font-size: 20px;
}

.responsible-table .table-body .table-row .value.minus::before,
.responsible-table .table-footer .table-row .value.minus::before,
.responsible-info .info-row .value.minus::before {
  content: "- ";
}

.responsible-table .table-body .table-row .value::after,
.responsible-table .table-footer .table-row .value::after,
.responsible-info .info-row .value::after {
  content: "₽";
  margin-left: 4px;
  font-size: 18px;
}

.responsible-table .table-body .table-row .value.muted,
.responsible-table .table-body .table-row .value:not(.muted)::after,
.responsible-info .info-row .value::after {
  opacity: .5;
}

.responsible-table .table-footer {
  border-top: 1px solid #D9D9D9;
  padding-top: 8px;
}

.responsible-table .table-footer .table-row .name {
  font-size: 20px;
}

.responsible-table .table-footer .table-row .value {
  font-size: 22px;
  font-weight: 500;
  color: #252525;
}

.responsible-info {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.responsible-info .info-row {
  display: flex;
  gap: 10px;
}

.responsible-info .info-row .name {
  width: 254px;
  color: #252525;
}

.responsible-info .info-row .value:not(.minus) {
  padding-left: 13px;
}

/* ----- !Правый блок ----- */

/* ----- Модалка закрытия смены ----- */
.close-shift-modal {
  width: 567px;
  padding: 40px 40px 40px 50px;
  border-radius: 15px;
  background: #FFFFFF;
}

.close-shift-modal .modal-header .modal-title span {
  font-size: 20px;
  font-weight: 400;
  color: #646464;
}

.close-shift-modal .responsible-container {
  overflow-y: auto;
  max-height: 550px;
}

.close-shift-modal .responsible-shift-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.close-shift-modal .responsible-shift-info .rsi-row {
  display: flex;
  gap: 15px;
  color: #777777;
  padding-right: 27px;
}

.close-shift-modal .responsible-shift-info .rsi-row .time {
  color: #424242;
}

.close-shift-modal .responsible-table,
.close-shift-modal .responsible-info {
  padding-right: 27px;
}

.close-shift-modal .responsible-info .info-row .name,
.close-shift-modal .responsible-info .info-row .value {
  font-size: 20px
}

.close-shift-modal .responsible-info .info-row.w-input {
  flex-direction: column;
  gap: 15px;
}

.close-shift-modal .responsible-info .info-row.w-input .input-icon .actually-money {
  width: 345px;
}

.close-shift-modal .btn-container {
  padding-top: 30px;
}

/* ----- !Модалка закрытия смены ----- */

/*----- Модалки Инкасации и Выдачи из кассы -----*/
.money-view {
  width: 605px;
  padding: 50px 40px 60px 60px;
  border-radius: 15px;
  background: #FFFFFF;
}

.money-view .modal-body {
  padding-top: 40px;
  padding-right: 25px;
}

.money-view .modal-desc {
  margin-bottom: 40px;
  color: #6D6D6D;
}

.money-view form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px
}

.money-view form .field-cont {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.money-view form .field-cont.m-size {
  width: 50%;
}

.money-view form .field-cont.hidden {
  display: none;
}

.money-view form .field-cont .input-icon,
.money-view form .field-cont .input-icon input {
  width: 100%;
}

.money-view form .field-cont .input-icon .custominput {
  font-size: 30px;
  font-weight: 600;
}

.money-view form .field-cont .input-icon:before {
  color: #939393;
}

.collector-modal.money-view form .field-cont:last-child {
  padding-top: 10px;
}

.cashbox-modal.money-view form .field-cont:last-child {
  padding-top: 25px;
}

.money-view form .field-cont-title {
  color: #848484;
}

.money-view form .field-cont-title span {
  color: #6F1B2D;
}

.cashbox-modal .btn-container,
.collector-modal .btn-container {
  padding-top: 40px;
}

/*----- !Модалки Инкасации и Выдачи из кассы -----*/
/* !Смены флористов */

/* Журнал инкассации */
/* ----- Левый блок ----- */
.journal-b {
  padding-top: 20px;
}

.btn-back-cont {
  display: flex;
  align-items: center;
  gap: 20px;
}

.btn-back-cont .btn-back,
.filter-panel .btn-control {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
}

.btn-back-cont .btn-back {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  background-color: #8C4957;
  border-radius: 50%;
}

.btn-back-cont .title {
  font-size: 30px;
  color: #282828;
}

.filter-panel {
  gap: 20px;
  padding-right: 46px;
}

.filter-panel input {
  min-height: 64px;
  flex-grow: 1;
}

.filter-panel .btn-control {
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #D9D9D9;
}

.journal-b .staff-table .st-control {
  grid-template-columns: 74px 100px 60px 260px 150px 100px;
  gap: 34px;
}

.journal-b .staff-table .st-body .st-row {
  grid-template-columns: 67px 114px 73px 275px 164px auto;
}

.journal-b.collection-spec .staff-table .st-control {
  grid-template-columns: 74px 100px 60px 200px 200px 115px;
}

.journal-b.collection-spec .staff-table .st-body .st-row {
  grid-template-columns: 67px 114px 73px 216px 216px auto;
}

.journal-b .staff-table .st-body .st-row .employee-id,
.journal-b .staff-table .st-body .st-row .employee-date-time,
.journal-b .staff-table .st-body .st-row .employee-reason {
  color: rgba(147, 147, 147, .7);
}

.journal-b .staff-table .st-body .st-row .employee-amount:after {
  font-style: 16px;
}

/* ----- !Левый блок ----- */

/* ----- Правый блок ----- */
.withdrawal-b {
  padding: 10px 22px 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.withdrawal-b .withdrawal-date {
  font-size: 20px;
  color: #777777;
}

.withdrawal-b .withdrawal-info .info-row .name {
  width: 124px;
  color: #939393;
}

.withdrawal-comment-cont .title {
  font-size: 24px;
  margin-bottom: 20px;
}

.withdrawal-comment-cont .customtextarea {
  width: 100%;
}

/* ----- !Правый блок ----- */
/* !Журнал инкассации */

/* Журнал пересчета */
.journal-b.conversion-spec .staff-table .st-control {
  grid-template-columns: 74px 100px 204px 130px 115px 115px;
}

.journal-b.conversion-spec .staff-table .st-body .st-row {
  grid-template-columns: 67px 114px 220px 144px 128px auto;
  cursor: default;
}

/* !Журнал пересчета */


/* Списание */
/* --- Общий список и информация об списании --- */
/* ----- Левый блок ----- */

.write-cont .info-sect-h .filter-items {
  display: flex;
  gap: 10px;
}

.write-cont .info-sect-h input {
  max-width: 265px;
  height: 64px;
}

.write-b {
  padding-top: 50px;
}

.write-b .staff-table .st-control {
  grid-template-columns: 74px 100px 240px 200px auto;
}

.write-b .staff-table .st-control .control-item:first-child {
  padding-left: 20px;
}

.write-b .staff-table .st-body .st-row {
  grid-template-columns: 72px 120px 260px 220px auto;
}

.write-b .staff-table .st-body .st-row .employee-amount {
  color: #8B2D2E;
}

.write-b .staff-table .st-body .st-row .employee-amount:after {
  color: rgba(139, 45, 46, .5);
}

/* ----- !Левый блок ----- */

/* ----- Правый блок ----- */
.write-deteil-b {
  padding-top: 30px;
}

.write-deteil-info {
  padding: 0 22px;
}

.write-deteil-info .info-row .name {
  width: 120px;
  color: #939393;
}

.write-deteil-products {
  padding-top: 20px;
}

.write-deteil-products .amount.w-rub {
  color: #8B2D2E;
}

.write-deteil-products .amount.w-rub::after {
  opacity: .5;
}

.write-deteil-header,
.write-deteil-items .product-row {
  grid-template-columns: 40px auto 70px 100px;
  column-gap: 20px;
}

.write-deteil-header {
  align-items: center;
}

.write-deteil-total {
  grid-template-columns: auto 70px 100px;
  column-gap: 20px;
  padding-top: 16px;
  border-top: 1px solid #D9D9D9;
}

/* ----- !Правый блок ----- */

/* --- !Общий список и информация об списании --- */

/* --- Создать списание --- */
/* ----- Левый блок ----- */
.write-create-cont {
  padding: 22px 0 0;
}

.write-create-cont .write-b {
  padding-top: 25px;
}

/* ----- !Левый блок ----- */

/* ----- Правый блок ----- */
.info-section-cont-write {
  padding: 22px 0 0;
}

.write-create-b {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.write-create-b .assembly-list {
  flex-grow: 1;
}

.write-create-b .comment-sect {
  padding-top: 30px;
}


/* ----- !Правый блок ----- */
/* --- !Создать списание --- */

/* !Списание */

/* Чеки */
.checks-container {
  width: 795px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.checks-tabs-cont,
.checks-tabs {
  display: flex;
  align-items: flex-end;
  column-gap: 5px;
}

.checks-tabs-cont .checks-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 195px;
  padding: 12px 20px;
  background-color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  font-size: 20px;
  font-weight: 500;
}

.checks-tabs-cont .checks-tab.active {
  background-color: #30BD57;
  color: #ffffff;
}

.checks-tabs-cont .checks-tab .close-check {
  height: 24px;
}

.checks-tabs-cont .checks-tab .close-check svg {
  width: 16px;
  stroke: #434343;
}

.checks-tabs-cont .checks-tab.active .close-check svg {
  stroke: #ffffff;
}

.checks-tabs-cont .checks-tab .close-check-menu {
  display: none;
}

.check-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}

.check-header {
  background-color: white;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-bottom: 1px solid #C2C2C2;
  border-top: 1px solid #C2C2C2;
}

.check-header .check-header-item {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 18px 20px;
  height: 72px;
}

.check-header .check-header-item.type {
  border-right: 1px solid #C2C2C2;
  cursor: pointer;
}

.check-header .check-header-item.showcase
{
  cursor: pointer;
}

.check-header .check-header-item.btn-disabled {
  cursor: default;
  filter: grayscale(1);
}

.check-header .check-header-item img,
.check-header .check-header-item svg {
  height: 25px;
  margin-right: 10px;
}

.check-header .check-header-item.client {
  justify-content: space-between;
  font-size: 18px;
  text-transform: none;
}

.check-header .check-header-item.client svg {
  fill: #30BD57;
  stroke: #30BD57;
}

.check-header .check-header-item.client-empty {
  justify-content: center;
}

.check-header .check-header-item.client-empty {
  fill: #AAAAAA;
  stroke: #AAAAAA;
}

.check-header .check-header-item.client .client-box {
  display: flex;
  align-items: center;
}

.check-header .check-header-item.client .client-clear {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.check-header .check-header-item.client .client-clear svg {
  width: 20px;
  margin: 0;
  stroke: #6F1B2D;
}

.check-control-panel {
  display: flex;
  background-color: #696969;
}

.check-control-btns {
  display: flex;
  flex-direction: column;
  width: 140px;
}

.check-control-btns .control-btn {
  flex: 1;
  width: 100%;
  padding: 17px 12px;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  background-color: #434343;
}

.check-control-btns .control-btn:not(:last-child) {
  border-bottom: 1px solid #696969;
}

.check-control-info {
  flex-grow: 1;
  padding: 15px;
}

.check-control-info .info-items {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  gap: 5px 10px;
}

.check-control-info .info-items .info-item {
  display: flex;
  column-gap: 6px;
  color: #ffffff;
}

.check-control-info .info-items .info-item.balance {
  opacity: .5;
}

.check-control-info .info-items .info-item .value {
  font-weight: 500;
}

.check-control-info .info-items .info-item .value.w-rub:after {
  font-size: 16px;
}

.check-control-info .info-items .info-item .reason {
  white-space: nowrap;
}

.check-control-info .info-btns {
  margin-top: 18px;
  display: flex;
  column-gap: 10px;
}

.check-control-info .info-btns .btn {
  flex-grow: 1;
}

.check-control-info .info-btns .btn-pay {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  background-color: #30BD57;
}

.check-control-info .info-btns .btn-pay.btn-convert {
  background-color: #6F1B2D;
}

.check-control-info .info-btns .btn-pay.btn-disabled {
  background-color: #939393 !important;
}

.check-control-info .info-btns .btn-pay span {
  font-size: 34px;
}

.check-control-info .info-btns .btn-pay span.w-rub:after {
  font-size: 25px;
}

.check-control-info .info-btns .btn-sale {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-grow: 0;
  width: 174px;
  background-color: #ffffff;
  color: #434343;
}

.check-control-info .info-btns .btn-sale.not-applied svg {
  display: none;
}

/* !Чеки */

/* Управление товарами */

/* --- Справочники --- */
.filter-table {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.filter-table .ft-control {
  display: grid;
  grid-template-columns: 480px 120px 100px auto;
  column-gap: 20px;
}

.filter-table .ft-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 760px;
  overflow-y: auto;
}

.filter-table .ft-control .control-item {
  font-size: 16px;
  color: #777777;
}

.filter-table .ft-body .ft-row {
  display: grid;
  align-items: center;
  grid-template-columns: auto 120px 125px 150px;
  column-gap: 20px;
  padding: 20px 15px;
  border-bottom: 1px solid #E4E4E4;
}

.filter-table .ft-body .ft-row.active {
  background-color: #EDEDED;
  border-bottom: unset;
  border-radius: 6px;
}

.filter-table .ft-body .ft-row .filter-amount {
  text-align: center;
  font-size: 16px;
  color: rgba(55, 55, 55, .8);
}

.filter-table .ft-body .ft-row .filter-last-change {
  font-size: 16px;
  color: rgba(55, 55, 55, .5);
}

.filter-table .ft-body .ft-row .filter-edit {
  padding-left: 20px;
}

.filter-table .ft-body .ft-row .filter-edit a {
  color: #2D7CB6;
}

.directory-sect .btns-container {
  width: 100%;
}

.directory-sect .btns-container .btns-read {
  display: flex;
  justify-content: flex-end;
}

.directory-sect .btns-container .btns-edit {
  display: flex;
  justify-content: space-between;
}

.directory-sect .btns-container .btn {
  min-height: unset;
  padding: 16px 20px;
}

.directory-sect .btns-container .btn.btn-transperent {
  color: #939393;
  border: 1px solid #939393;
  background-color: transparent;
}

.directory-sect .btns-container .btns-edit .btn.btn-transperent {
  text-transform: none;
}


.directory-table {
  display: flex;
  flex-direction: column;
  max-height: 860px;
  overflow-y: auto;
}

.directory-table .directory-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  border-bottom: 1px solid #ECECEC;
}

.directory-table .directory-row:has(input) {
  padding: 5px 20px;
}

.directory-table .directory-row:has(input):first-child {
  padding-top: 20px;
}

.directory-table .directory-row .num {
  width: 32px;
  font-size: 16px;
  color: #AAAAAA;
}

.directory-table .directory-row .name .custominput {
  width: 570px;
}

.directory-table .directory-row .del-btn {
  margin-left: auto;
}

.directory-table .directory-row .del-btn svg {
  width: 17px;
  height: 17px;
  stroke: #939393;
}

/* --- !Справочники --- */

/* --- Управление товарами список --- */
.pm-header {
  display: flex;
  column-gap: 40px;
  align-items: center;
}

.pm-header .switch-btns {
  display: flex;
  border: 1px solid #D9D9D9;
  border-radius: 9px;
  overflow: hidden;
}

.pm-header .switch-btns .btn {
  width: 120px;
  min-height: unset;
  padding: 18px 20px;
  border-radius: unset;
  background-color: #ffffff;
  color: rgba(67, 67, 67, .5);
  text-transform: none;
}

.pm-header .switch-btns .btn.active {
  background-color: #6F1B2D;
  color: #ffffff;
}

.pm-header .pm-filter-panel {
  display: flex;
  column-gap: 20px;
}

.pm-header .btn-icon {
  width: 64px;
  padding: 13px 10px 7px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border: 1px solid #AAAAAA;
  border-radius: 9px;
  font-size: 12px;
  color: #AAAAAA;
}

.pm-header .btn-icon svg {
  height: 20px;
}

.pm-header .pm-filter-panel .pm-search-cont {
  width: 530px;
  position: relative;
}

.pm-header .pm-filter-panel .pm-search-cont .pm-search {
  width: 100%;
  padding: 18px 63px 18px 15px;
}

.pm-header .pm-filter-panel .pm-search-cont svg {
  width: 33px;
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 15px;
  transform: translate(0, -50%);
}

.pm-header .pm-filter-panel .select {
  width: 300px;
}

.pm-header .btns-container {
  margin-left: auto;
  display: flex;
  column-gap: 15px;
}

.pm-header .btns-container .btn-fine-shift {
  text-transform: none;
}


.pm-body.table-view {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 30px;
  padding-bottom: 22px;
}

.pm-table-h {
  display: grid;
  align-items: center;
  grid-template-columns: 196px 488px 180px 50px 140px 100px 191px 70px auto;
  column-gap: 10px;
  font-size: 16px;
  color: #777777;
}

.pm-table-h label.pm-th-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pm-th-item .simple-cb,
.pm-tr-item .simple-cb {
  display: block;
}

.pm-table {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding: 5px;
  max-height: 690px;
  overflow-y: auto;
}

.pm-table .pm-t-row-group {
  border: 1px solid #CCCCCC;
  border-radius: 10px;
  margin: 0 -5px;
  padding: 5px;
}

.pm-table .pm-t-row-group .pm-t-row:last-child {
  border: unset;
}

.pm-table .pm-t-row {
  display: grid;
  align-items: center;
  grid-template-columns: 45px 38px 67px 500px 181px 52px 141px 102px 192px 72px 60px auto;
  column-gap: 8.5px;
  padding: 3px 15px;
  border-bottom: 1px solid #E4E4E4;
}

.pm-table .pm-t-row .img img {
  width: 100%;
}

.pm-table .pm-t-row .name {
  padding-left: 11.5px;
}

.pm-table .pm-t-row .price-cont {
  display: flex;
  gap: 14px;
}

.pm-table .pm-t-row .price-cont .old-price {
  color: #939393;
  text-decoration: line-through;
}

.pm-table .pm-t-row .sale,
.pm-table .pm-t-row .def.def-selected {
  text-align: center;
}

.pm-table .pm-t-row .sale {
  padding-right: 2px;
}

.pm-table .pm-t-row .on-site {
  padding-left: 18px;
}

.pm-table .pm-t-row .edit {
  color: #2D7CB6;
  padding-left: 14.5px;
}


.pm-pagination {
  display: flex;
  padding-top: 23px;
}

.pm-pagination .pm-pag-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 10px;
  font-size: 16px;
  border-radius: 9px;
}

.pm-pagination .pm-pag-item.active {
  background-color: #6F1B2D;
  color: #ffffff;
}

/* --- !Управление товарами список --- */

/* --- Управление товарами | редактирование --- */
.pm-body.edit-view {
  padding-top: 30px;
  flex-grow: 1;
  display: grid;
  grid-template-columns: 1010px 650px;
  column-gap: 60px;
}

.pm-info-container {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.pm-info-container .pm-info {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #CCCCCC;
  border-radius: 10px;
}

.pm-info-container .pm-info-params:has(.pm-control-header) {
  padding-top: 65px;
  position: relative;
}

.pm-info-container .pm-info-params .pm-control-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 16px;
  background: #EDEDED;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

.pm-info-container .pm-info-params .pm-control-header .title {
  font-size: 20px;
  color: #000000;
}

.pm-info-container .pm-info-params .pm-control-header .del-btn {
  display: flex;
  align-items: center;
  column-gap: 10px;
  font-size: 18px;
  color: rgba(67, 67, 67, .8);
}

.pm-info-container .pm-info .btn {
  font-size: 18px;
  height: 50px;
  min-height: unset;
  padding: 0 18px;
  text-transform: none;
}

.pm-info-container .pm-info .custominput {
  padding: 13.5px 20px;
}

.pm-info-container .pm-info.pm-info-main {
  gap: 10px;
}

.pm-body .pm-title {
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}

.pm-info-container .pm-i-field input,
.pm-info-container .pm-i-field textarea {
  width: 100%;
}

.pm-info-container .pm-i-field .title {
  font-size: 17px;
  color: #848484;
  margin-bottom: 10px;
}

.pm-info-container .pm-i-field textarea {
  font-size: 18px;
  font-family: 'Roboto';
  resize: none;
}

.pm-info-container .pm-i-field .counter {
  position: relative;
}

.pm-info-container .pm-i-field .counter input {
  padding-right: 80px;
}

.pm-info-container .pm-i-field .counter output {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  font-size: 16px;
  opacity: .3;
}

.pm-info-container .pm-info .pm-i-fields-group {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.pm-info-container .pm-info .pm-i-f-group.two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
}

.pm-info-container .pm-info .pm-i-f-group.three-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
}

.pm-info-container .pm-info .pm-i-cb-container {
  display: flex;
  gap: 30px;
}

.pm-info-container .pm-info .pm-i-cb-container .cb-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pm-info-container .pm-info .pm-i-cb-container .cb-box .label {
  font-size: 16px;
}


.pm-info-container .pm-info-params {
  row-gap: 10px;
}

.pm-info-container .pm-info-params>*:not(:first-child) {
  padding-top: 10px
}

.pm-i-params-sect {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D9D9D9;
}

.pm-i-f-group.prices {
  display: flex;
  column-gap: 10px;
  align-items: flex-end;
}

.pm-i-field.two-f {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
}

.pm-info-container .pm-i-field.two-f .title {
  width: 100%;
}

.pm-info-container .pm-i-field.two-f input {
  width: calc(50% - 5px);
}

.pm-i-radio-group {
  display: flex;
  column-gap: 20px;
}

.pm-i-radio-group .pm-i-radio {
  display: flex;
  align-items: center;
  column-gap: 5px;
  color: rgba(67, 67, 67, .8);
}

.simple-radio {
  accent-color: #8B2D2E;
}

.pm-i-radio-group .pm-i-radio:has(.simple-radio:checked) {
  color: #252525;
}

.pm-info-container .composition-sect {
  row-gap: 10px;
}

.pm-info-container .composition-sect .btns-create {
  display: flex;
  justify-content: space-between;
}

.pm-info-container .composition-sect .btn.btn-new {
  border-color: #30BD57;
  color: #30BD57;
}

.pm-info-container .composition-sect .btn.btn-disabled,
.pm-info-container .prices .btn.btn-disabled {
  border-color: transparent;
  color: #ffffff;
}

.pm-info-container .composition-sect .composition {
  color: #555555;
  margin-bottom: 10px;
}

.pm-info-container .composition-sect .btn {
  width: max-content;
  color: #848484;
  text-transform: none;
  border: 1px solid #848484;
  background-color: #ffffff;
}

.pm-info-container .prices-sect {
  row-gap: 10px;
}

.pm-info-container .prices .pm-i-field {
  width: 195px;
}

.pm-info-container .prices .input-icon::before {
  color: #939393;
}

.pm-info-container .prices .actually-money {
  color: #000000;
}

.pm-info-container .prices .btn {
  background-color: #ffffff;
  border: 1px solid #6F1B2D;
  color: #6F1B2D;
  margin-left: 20px;
}

.pm-info-container .btns-container {
  display: flex;
  justify-content: space-between;
}

.pm-info-container .btns-container .btn {
  min-height: unset;
  padding-top: 16px;
  padding-bottom: 18px;
}

.pm-info-container .btns-container .add-btns {
  display: flex;
  column-gap: 10px;
}

.pm-info-container .btns-container .btn-second {
  color: #848484;
  padding-left: 20px;
  padding-right: 20px;
}



.pm-products-container {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}

.pm-products-container .pm-title {
  margin-bottom: 20px;
}

.pm-p-sect {
  margin-bottom: 20px;
}

.prod-group .prod-item {
  display: flex;
  column-gap: 15px;
  padding: 15px;
  border-bottom: 1px solid #CCCCCC;
}

.prod-group .prod-item.active {
  background: rgba(48, 189, 87, .1);
  border: 1px solid #30BD57;
  border-radius: 10px;
}

.prod-item .prod-item-img {
  width: 70px;
  height: 70px;
  background-position: center center;
  background-size: cover;
  border-radius: 2px;
  flex-shrink: 0;
  position: relative;
}

.prod-item .prod-item-img .check {
  width: 33px;
  height: 33px;
  display: none;
  justify-content: center;
  align-items: center;
  border: 3px solid #ffffff;
  background-color: #628222;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  left: -8px;
}

.prod-item.checked .prod-item-img .check {
  display: flex;
}

.prod-item .prod-item-img .check svg {
  height: 14px
}

.prod-item .title {
  display: flex;
  column-gap: 15px;
  margin-bottom: 10px;
}

.prod-item .title .text {
  color: #252525;
}

.prod-item .title .text span {
  color: rgba(37, 37, 37, .5);
}

.prod-item .info {
  color: #555555;
}

.pm-products-container .item-btns {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.pm-products-container .item-btns .control-btn {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}


.materials-groups .materials-item {
  display: flex;
  align-items: center;
  column-gap: 15px;
  padding: 10px 15px 10px 0;
  border-bottom: 1px solid #CCCCCC;
}

.materials-groups .materials-item>div {
  flex-shrink: 0;
}

.materials-groups .materials-item .num {
  width: 25px;
  font-size: 16px;
  color: #848484;
}

.materials-groups .materials-item .img-box {
  width: 70px;
  height: 70px;
  border-radius: 2px;
  flex-shrink: 0;
  overflow: hidden;
}

.materials-groups .materials-item .img-box img {
  width: 100%;
  object-fit: cover;
}

.materials-groups .materials-item .info {
  flex-grow: 1;
}

.materials-groups .materials-item .info:has(.customtextarea) {
  display: flex;
}

.materials-groups .materials-item .info .customtextarea {
  width: 100%;
  height: 83px;
  font-family: 'Roboto';
  font-size: 16px;
  padding: 8px 10px;
  margin: 0;
  resize: none;
}

.materials-groups .materials-item .title {
  margin-bottom: 10px;
}

.materials-groups .materials-item .btn-change {
  width: fit-content;
  border: 1px solid #B6B6B6;
  border-radius: 6px;
  font-size: 18px;
  padding: 8px 15px;
}

.materials-groups .materials-btn {
  margin-top: 20px;
  display: flex;
  column-gap: 10px;
}

.materials-groups .materials-btn .btn-material {
  min-width: 184px;
  border: 1px solid #B6B6B6;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 600;
  color: #848484;
  padding: 18px 20px;
}

/* --- !Управление товарами | редактирование --- */

/* --- Состав товара --- */
/* ----- Список товаров ----- */
.tabs-cont .tabs-items.composition-view {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: max-content;
  gap: 0;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  max-height: 750px;
  overflow-y: auto;
}

.tabs-cont .composition-view .tabs-item {
  border: unset;
  border-radius: 0;
  border-bottom: 1px solid #D9D9D9;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 7px 15px;
  cursor: pointer;
}

.tabs-cont .composition-view .tabs-item:nth-child(odd) {
  border-right: 1px solid #D9D9D9;
}

.tabs-cont .composition-view .tabs-item input[type="checkbox"] {
  accent-color: #719D18;
  width: 25px;
  height: 25px;
}

.tabs-cont .composition-view .tabs-item .item-img-cont {
  width: 67px;
  height: 67px;
  border-radius: 2px;
  overflow: hidden;
}

.tabs-cont .composition-view .tabs-item .item-info {
  background-color: transparent;
  height: auto;
  padding: 0;
}

.tabs-cont .composition-view .tabs-item .item-info .item-name {
  font-size: 18px;
  font-weight: 400;
  color: #555555;
}

/* ----- !Список товаров ----- */

.comp-filter-panel {
  padding-top: 20px;
  display: grid;
  grid-template-columns: 281px 484px auto;
  gap: 10px;
}

.comp-filter-panel .panel-item {
  width: 100%;
}

.info-sect-h .price {
  color: #222222;
  font-size: 30px;
}

.info-sect-h .price:after {
  font-size: 26px;
}

.composition-body {
  padding: 20px 0;
  overflow: hidden;
}

.composition-body .composition-items {
  height: 100%;
}

.composition-items .composition-item {
  display: grid;
  align-items: center;
  grid-template-columns: auto 90px 66px 100px auto;
  column-gap: 20px;
  padding: 10px 20px;
  border-bottom: 1px solid #ECECEC;
}

.composition-items .composition-item .name {
  height: calc(2 * line-height);
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.composition-items .composition-item .price {
  color: rgba(0, 0, 0, 0.5);
}

.composition-items .composition-item .quantity input {
  width: 100%;
  padding: 13px 8px;
  border: 1px solid #9197B3;
  border-radius: 6px;
  font-size: 18px;
  text-align: center;
}

.composition-items .composition-item .total {
  color: #222222;
}

.composition-items .composition-item .del-btn svg {
  width: 17px;
  height: 17px;
  stroke: #939393;
}

/* --- Состав товара --- */

/* --- Форма --- */
.recalculate-view {
  width: 587px;
  padding: 50px 60px 40px 40px;
  border-radius: 15px;
  background: #FFFFFF;
  position: relative;
}

.modal-container .recalculate-view .modal-header .close-modal.close-modal {
  position: absolute;
  top: 10px;
  right: 10px;
}

.recalculate-view .btn-container {
  flex-direction: column;
  row-gap: 10px;
}

.recalculate-view .btn-container .btn {
  width: 100%;
  min-height: unset;
  padding: 17px 20px;
  font-weight: 400;
  text-transform: none;
}

/* --- !Форма --- */

/* !Управление товарами */

.controls-holder {
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: unset;
  height: unset;
}

.controls-holder-row {
  display: flex;
  /* align-items: center; */
  gap: 20px;
  height: 60px;
}

.control-btns-holder {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
  height: 64px;
}

.controlBtn {
  align-content: center;
  text-align: center;
  min-height: 60px;
  height: 100%;
  font-weight: 500;
  padding-inline: 20px;
  border: 1px solid #939393;
  border-radius: 9px;
  font-size: 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s ease-in-out;
  color: #848484;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.controlBtnDefaultHover:hover {
  border: 1px solid #939393;
  color: #434343;
}

.redButton {
  color: #ffffff;
  background-color: #6F1B2D;
}

.pinkButton {
  color: #6F1B2D;
  background-color: #E6DADC;
  border-color: #DEC9CC;
}

#print_all_Btn {
  display: flex;
  align-items: center;
  gap: 15px;
}

.pre-ready-state
{
  border-color: unset;
  background-color: #D9D9D9;
  cursor: not-allowed;
  pointer-events: none;
}

#change_watter_Btn {
  font-weight: 500;
  font-size: 20px;
  color: #567AFB;
  border: 1px solid #567AFB33;
  background-color: #567AFB1A;
}

#change_price_Btn {
  padding: unset;
  width: 200px;
  height: 60px;
  font-weight: 500;
  font-size: 20px;
  color: #30BD57;
  border: 1px solid #30BD5733;
  background-color: #30BD571A;
}

#print_Code_Btn {
  padding: unset;
  font-size: 12px;
  width: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

#recompile_Bouquet_Btn {
  /* margin-block: 5px; */
}

#decompile_Bouquet_Btn {
  color: #C04F55;
  background-color: #C04F5526;
  border: unset;
}

.icon-btns-class {
  aspect-ratio: 1 / 1;
  background: #F7F7F7;
  border: unset;
  padding: unset;
  height: 100%;
}

#toNavigation_menu_Btn {
  background: #F7F7F7;
}

.sborki-info-holder {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  min-width: max-content;
}

.sborki-info-count {
  color: #252525;
}

.sborki-info-price {
  color: #434343;
  opacity: 80%;
}

.filter-options-holder {
  display: flex;
  gap: 25px;
  align-items: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  color: #434343;
}

#filter-price {
  cursor: pointer;
  opacity: 80%;
}

#filter-newest {
  cursor: pointer;
  opacity: 80%;
}

.filter-arrow {
  color: #000000;
  width: 45px;
}

.textColorOpacityGray {
  color: #393939cc;
}

.header-details-composition {
  display: flex;
  width: 100%;
  height: 41px;
  justify-content: space-between;
  align-items: center;
}

.header-area-name {
  font-weight: 400;
  font-size: 30px;
  text-align: left;
  color: black;
}

.water-status-plank {
  padding-inline: 10px;
  font-weight: 500;
  font-size: 15px;
  color: #567AFB;
  background-color: #567AFB1A;
  height: 100%;
  border-radius: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.table-sborka {
  margin-top: 10px;
  border-spacing: 0px;
  width: 100%;
}

.sborka-captions {
  margin-block: 10px;
  font-weight: 400;
  font-size: 20px;
  text-align: left;
  color: black;
}

.tableItem {
  height: 47px;
  align-content: center;
  padding: 5px;
  font-weight: 400;
  font-size: 18px;
  border-bottom: 1px solid #D9D9D9;
  color: black;
}

.c-header {
  font-size: 15px;
  color: #848484;
  /* width: 100%; */
  text-align: left;
  height: 35px;
}

.c-name {
  width: 61%;
}

.c-price {
  width: 13%;
  color: #848484;
}

.c-count {
  width: 13%;
}

.c-total {
  width: 13%;
}

.summary-holder {
  margin-block: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.summary-price-default {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
}

.sborka-details {
  display: flex;
  justify-content: space-between;
}

.sborka-details-block {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
}

.sborka-details-stats {
  color: #848484;
  font-weight: 400;
  font-size: 18px;
  margin-block: 6px;
}

.sborka-details-span {
  color: #434343;
}

.bouquetPhoto_area {
  border-radius: 6px;
  width: 160px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bouquet-photo-holder {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.bouquet-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.delete-bouquet-Btn {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0%;
  right: 0%;
  background-color: #D9D9D9;
  border-bottom-left-radius: 9px;
  text-align: center;
  align-content: center;
  cursor: pointer;
}

.image-loader {
  position: absolute;
}

.user-select-none {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
}

.image-loader-svg {
  animation: spin 1s linear infinite;
}

.upload-photo-btn {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 20px;
  color: #6F1B2D;
  background: #E2D2D5;
  font-weight: 500;
  font-size: 17px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

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

.courier-image-holder {
  border-radius: 9px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-image: url('/images/emptyPhoto.png');
}

.sborka-controls-holder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* height: 94px; */
  width: 100%;
}

.sborka-controls {
  justify-content: space-between;
  align-items: anchor-center;
  display: flex;
  width: 100%;
  border-top: 1px solid #D9D9D9;
  padding-block: 15px;
  gap: 10px;
}

.firstBtnGroup {
  display: flex;
  gap: 10px;
}

.showcaseCheckbox {
  margin-block: 20px;
  display: flex;
  align-items: anchor-center;
  gap: 10px;
  color: #434343cc;
  font-weight: 400;
  font-size: 20px;
  margin-left: 5px;
}

.showcase-checkbox {
  width: 28px;
  height: 28px;
}

.order-details-holder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: #F2F2F2;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  border-radius: 6px;
  padding: 10px;
  gap: 36px;
  margin-block: 20px;
}

.order-detail-block {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-inline: 10px;
  white-space: nowrap;
}

.navigation-top-holder {
  user-select: none;
  border-bottom: 1px solid #D9D9D9;
  padding-block: 20px;
  margin-bottom: 10px;
  font-size: 20px;
  align-content: center;
}

.navigation-back-btn-withArrow {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  min-width: fit-content;
  width: 50%;
  color: #000000;
}

.navigation-back-btn-withArrow .navigation-arrow {
  color: #888888;
}

.navigation-back-btn-withArrow:hover .navigation-arrow {
  color: #000000;
}

.nav-buttons-holder {
  height: 170px;
  display: flex;
  gap: 20px;
}

.nav-Button {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 24px;
  font-weight: 500;
  color: #7f5353;
  background-color: #E6DADC;
  border-radius: 6px;
  padding: 20px;
  width: 303px;
  cursor: pointer;
}

.nav-Button p {
  height: 100%;
  align-content: center;
}

.header-area-name {
  font-weight: 400;
  font-size: 30px;
  text-align: left;
  color: black;
}

.archive-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 60px);
  gap: 10px;
}

.archive-grid .value-field {
  width: 100%;
  height: 100%;
}

.archive-grid .controlBtn {
  width: 50%;
  margin-left: auto;
}

.grayButton {
  border: unset;
  font-size: 18px;
  font-weight: 500;
  color: #939393;
  background-color: #9393931A;
}

.archive-date {
  font-size: 20px;
  font-weight: 500;
  margin-block: 10px;
  color: #434343;
}

.popupTab {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 99999;
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 2.5rem;
}

.popupWindow__title {
  font-size: 30px;
  margin-bottom: 1.5rem;
  font-weight: 400;
  color: black;
}

.popupWindow__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: #646464;
}

.popup-column-holder {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 30px;
}

.image-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.close-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.putToWorkTab {
  width: 530px;
}

.popupPutToWork_close {
  position: absolute;
  padding: 1rem;
  right: 1rem;
  top: 1em;
  cursor: pointer;
}

#put_to_existing_sale_Btn {
  display: flex;
  justify-content: center;
  place-items: center;
  height: 85px;
}

#put_to_new_order_Btn {
  height: 85px;
}

.putToVitrinSuccessTab {
  width: 510px;
}

.success-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
}

.putToVitrinTab {
  width: 580px;
}

.popup_close {
  position: absolute;
  padding: 1rem;
  right: 1rem;
  top: 1em;
  cursor: pointer;
}

.bouquet-photo-area {
  justify-self: center;
  aspect-ratio: 25 / 25;
  width: 100%;
  margin: 20px;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D9D9D9;
}

.bouquet-photo-holder {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.bouquet-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.delete-bouquet-Btn {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0%;
  right: 0%;
  background-color: #D9D9D9;
  border-bottom-left-radius: 9px;
  text-align: center;
  align-content: center;
  cursor: pointer;
}

.image-loader {
  position: absolute;
}

.image-loader-svg {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes flicker {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.upload-photo-btn {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 20px;
  color: #6F1B2D;
  background: #E2D2D5;
  font-weight: 500;
  font-size: 17px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.popup-holder {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  margin-top: 20px;
}

.controlBtn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #777777;
  background: #D9D9D9;
  border-color: #D9D9D9;
}

.controlBtn.disabled img {
  filter: grayscale(1);
}

.flex-display {
  display: flex;
  gap: 10px;
  align-items: center;
}

.flex-display.column {
  flex-direction: column;
}

.flex-display-between {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.countBtn {
  width: 150px;
  height: 90px;
  font-size: 42px;
  font-weight: 600;
  padding: 18px 20px;
  border-radius: 9px;
  background-color: #E6DADC;
  color: #945C67;
  align-content: center;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  transition: all .3s ease-in-out;
}

.calcBtn {
  width: 150px;
  height: 90px;
  font-size: 42px;
  font-weight: 600;
  padding: 18px 20px;
  border-radius: 9px;
  background-color: #E6DADC;
  color: #945C67;
  align-content: center;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  transition: all .3s ease-in-out;
}

.calcBtn.clearBtn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #FFFFFF;
  background-color: #671626CC;
}

.calcBtn.backspaceBtn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #FFFFFF;
  background-color: #671626CC;
}

.calcBtn.freeControlBtn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background: #fff;
  color: var(--temno-seryy-434343);
  border: 1px solid #b6b6b6;

  gap: 12px;
  font-family: var(--font-family);
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  padding: 15px 20px;
}

.calcBtn.disabled {
  background-color: #D9D9D9;
  color: #777777;
}

/* .calcBtn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #FFFFFF;
  background-color: #671626CC;
} */

.calcBtn.disabled span,
.calcBtn.disabled svg {
  color: #FFFFFF;
  opacity: 0.5;
}

.pin-code-input {
  padding: 20px 20px;
  border: 1px solid #D9D9D9;
  border-radius: 9px;
  color: #252525;
  width: 100px;
  aspect-ratio: 1;
  justify-items: center;
  align-content: center;
}


.pin-code-knob {
  border-radius: 50%;
  background: #D9D9D9;
  width: 31px;
  aspect-ratio: 1;
  transition: 0.2s;
}

.pin-code-input.empty .pin-code-knob {
  background: #D9D9D9;
}

.pin-code-input.filled .pin-code-knob {
  background: #6F1B2D;
  width: 31px;
  animation: resize 0.3s;
}

.pin-code-input.failed .pin-code-knob {
  animation: blinkColor 1s ease;
}

@keyframes blinkColor {
  0% {
    background-color: #6F1B2D;
    width: 31px;
  }

  50% {
    background-color: #FF4D00;
    width: 35px;
  }

  100% {
    width: 31px;
    background: #D9D9D9;
  }
}

@keyframes resize {

  0%,
  100% {
    width: 31px;
  }

  50% {
    width: 35px;
  }
}

.pin-code-anotation {
  border-radius: 9px;
  padding: 15px;
  background: #424242;
  /*	width: 100%;*/
}

.pin-code-anotation.red {
  background: #CD656726;
}


.pin-code-info {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.pin-code-info.red {
  color: #CD6567;
}


.pin-code-status {
  opacity: 0;
  height: 60px;
  overflow: hidden;
  transition: opacity 0.15s ease, max-height 0.3s ease;
}

.pin-code-status.enabled {
  opacity: 100%;
  transition: opacity 0.3s ease, max-height 0.6s ease;
}

.arrow {
  font-size: 14px;
  transition: transform 0.3s ease;
  color: #848484;
  text-align: center;
  align-content: center;
  height: 42px;
  width: 42px;
}

.tab-active .arrow {
  transform: rotate(180deg);
}

.tab-inner {
  padding: 10px;
}

.delete-img-Btn {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0%;
  right: 0%;
  background-color: #D9D9D9;
  border-bottom-left-radius: 9px;
  text-align: center;
  align-content: center;
  cursor: pointer;
}

/* КУРЬЕРЫ */
.courier_service_Main__block {
  gap: 10px;
  align-items: center;
  justify-content: center;
  background-color: #e0d0d3;
}

.courier_service_Main__block p {
  color: #400000;
}

.courierSelect_Container {
  position: relative;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
}

.courierSelect_Container input[type="text"] {
  width: 100%;
  height: 100%;
  padding: 18px 20px;
  border-radius: 6px;
  font-size: 19px;
  cursor: pointer;
}

.courierSelect_Container img {
  position: absolute;
  top: 42%;
  right: 26px;
}

.courierSelect_Container svg {
  stroke: #848484;
  position: absolute;
  top: 42%;
  right: 26px;
  transition: transform 0.3s ease;
}

.courierSelect_Container svg.rotated {
  transform: rotate(180deg);
  stroke: #6F1B2D;
}

.courierFilter_drop {
  position: absolute;
  width: -webkit-fill-available;
  display: none;
  border: 1px solid rgb(217, 217, 217);
  background-color: white;
  z-index: 999;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
}

.courierFilter_drop li {
  color: rgb(97, 97, 97);
  font-size: 18px;
  font-weight: 400;
  line-height: 21px;
  padding: 15px;
  cursor: pointer;
  border-bottom: 1px solid #e9e9e9;
  transition: all 0.15s ease;
}

.courierFilter_drop li:hover {
  background: #EBF9EF;
}

.header-details-courier {
  display: flex;
  width: 100%;
  height: auto;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 20px;
}

.courier-header-area-name {
  display: flex;
  flex-direction: column;
  font-weight: 400;
}

.courier-area-name {
  font-size: 30px;
  color: #424242;
}

.courier-line-status {
  font-size: 18px;
}

.courier-line-status.online {
  color: #628222;
}

.courier-line-status.offline {
  color: #939393;
}

.block-title {
  font-size: 24px;
  color: #434343;
  margin-bottom: 10px;
  place-self: start;
}

.delivery-stats,
.order-stats,
.courier-stats {
  color: #848484;
  font-weight: 400;
  font-size: 18px;
  margin-block: 6px;
  display: flex;
  gap: 5px;
}

.delivery-stats {
  white-space: nowrap;
}

.delivery-stats-regular {
  color: #848484;
  font-weight: 400;
  font-size: 17px;
}

.delivery-settings-field {
  color: #848484;
  font-weight: 400;
  font-size: 17px;
  display: flex;
  gap: 5px;
  text-align: left;
}

.delivery-stats-details-span,
.order-stats-details-span,
.courier-details-span {
  color: #434343;
}

.courier-details-orders-amount {
  color: #939393;
}

.courier-auto-column {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.courier-stats-block {
  border-top: 1px solid #D9D9D9;
  padding-block: 20px;
}

.courier-job-stats-block {
  display: flex;
  gap: 10px;
}

.courier-job-stats-title {
  margin-bottom: 15px;
}

.job-status-plank {
  display: flex;
  flex-direction: column;
  font-size: 20px;
  font-weight: 400;
  color: #424242;
  background-color: #F9EDEF;
  border-radius: 6px;
  padding: 13px;
  width: 100%;
  margin-block: 6px;
}

.courier-order-stats-header {
  display: flex;
  justify-content: space-between;
}

.courier-order-stats-block {
  display: flex;
  flex-direction: column;
}

.order-status-plank {
  display: flex;
  gap: 20px;
  margin-block: 10px;
}


.order-stats-id {
  font-size: 24px;
  color: #424242;
  align-content: center;
}

.order-stats-delivery-details {
  font-size: 18px;
  color: #777777;

}

.documents-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Класс для открытия содержимого */
.tab-active .courier-documents-tab {
  max-height: 180px;
  overflow-y: auto;
}

.documents-tab-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  display: flex;
  gap: 10px;
}

/* Класс для открытия содержимого */
.tab-active .documents-tab-content {
  max-height: 180px;
  overflow-y: auto;
  overflow-x: auto;
}

.document-file-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

  align-content: center;
  text-align: center;

  min-height: 50px;
  font-weight: 400;
  padding: 10px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  font-size: 18px;
  white-space: nowrap;
  cursor: pointer;
  transition: all .3s ease-in-out;
  color: #848484;

  display: flex;
  justify-content: center;
  align-items: center;

  margin-bottom: 10px;
}

.document-file-wrapper:hover {
  border: 1px solid #43434399;
}

.regular-header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 20px;
  align-items: center;
}

.regular-section {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  align-items: center;
  position: relative;
  border-radius: 15px 15px 0 0;
}

.regular-section.left {
  padding: 20px 0px;
  width: 990px;
}

.regular-section.right {
  width: 795px;
}

.regular-block {
  width: 100%;
  padding: 0px 20px 20px 20px;
}

.dynamic-section {
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background-color: #ffffff;
  align-items: center;
}

.dynamic-section.left {
  padding: 20px 0px;
  left: 0;
  width: 350px;
}

.dynamic-section.right {
  right: 0;
  width: 795px;
}


.comment-area {
  size: 18px;
  color: #848484;
}

.comment-area textarea {
  width: 100%;
  resize: unset;
  border-radius: 6px;
  background-color: #F5F7FA;
  font-size: 20px;
  height: 100px;
  margin-top: 10px;
  border: unset;
  outline: none;
  padding: 10px;
}

.service_comment[readonly] {
  pointer-events: none;
}

.courier-details-block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 50px;
}

.courier-details-column {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  margin-bottom: 20px;
}

.courierPhoto_area {
  position: relative;
  border-radius: 17px;
  width: 150px;
  overflow: hidden;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
}


.courier-controls-holder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* height: 94px; */
  width: 100%;
  padding-block: 20px;
  border-top: 1px solid #D9D9D9;
}

.courier-controls {
  justify-content: space-between;
  align-items: anchor-center;
  display: flex;
  width: 100%;
  gap: 10px;
  height: 64px;
}

.dividing-line {
  width: 100%;
  height: 1px;
  background-color: #EDEDED;
}

.order-input-item {
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 14px 10px 14px 15px;
  position: relative;
}

.courier-edit-input-label {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  color: #848484;
  margin-bottom: 8px;
}

.documents-holder {
  display: flex;
  gap: 20px;
  margin-block: 20px;
  align-items: center;
  padding-bottom: 10px;
  overflow-x: auto;
}

.fixedInputHeight {
  height: 55px;
  ;
}

.bottom-line {
  border-bottom: 1px solid #D9D9D9;
}

/* Класс для открытия содержимого */
.min_payment_params_tab {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.tab-active .min_payment_params_tab {
  max-height: 220px;
  overflow-y: auto;
}

.delivery-details-title {
  font-size: 24px;
  color: #252525;
  padding-bottom: 10px;
}

#courier_delivery_filters_tab {
  justify-content: space-between;
  max-width: 0;
  transition: 0.3s;
}

#courier_delivery_filters_tab.active {
  max-width: 100%;
  transition: 0.5s;
}

.dsistrict-filter-checkbox-label {
  padding: 15px;
  cursor: pointer;
  display: flex;
  gap: 10px;
}

.courierSelect_Container input[type="checkbox"] {
  min-width: 20px;
  min-height: 20px;
}

.courier-delivery-filters-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: 0.2s;
}

.courier-delivery-filters-container.active {
  opacity: 100%;
  transition: 0.4s;
}

.map-courier-controls {
  position: absolute;
  margin: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.courierControlButton {
  background: #ffffff;
  gap: 20px;
  box-shadow: 0px 0px 4px #bfbfbf;
  border: none;
  width: fit-content;
  transition: 0.3s;
}

.courierControlButton:hover {
  box-shadow: 0px 0px 10px #9c9c9c;
}

.courier-filters-block {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.courier-filter-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}

#demonstrate {
  cursor: pointer;
}

.orders-information-container {
  width: auto;
  height: -webkit-fill-available;
  border-radius: 15px 0 0 0;
  background-color: #ffffff;
  overflow: scroll;
}

.orders-controls-container {
  display: flex;
  gap: 10px;
  height: 60px;
  width: 100%;
  justify-content: space-between;
}

#printCode_btn {
  padding: unset;
  font-size: 12px;
  width: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3px;
}

.orderDesription_holder {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  gap: 10px;
  height: 36px;
}

.status-circle {
  width: 14px;
  height: 14px;
  background-color: #FFD000;
  border-radius: 50%;
}

.order-plank {
  padding-inline: 10px;
  font-weight: 500;
  font-size: 15px;
  color: #567AFB;
  background-color: #0D99FF40;
  height: 100%;
  border-radius: 9px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.order-cell-info {
  display: flex;
  gap: 12px;
  background-color: #F5F7FA;
  border-radius: 10px;
  padding: 10px;
  align-items: center;
}

.order-cell-info p {
  font-size: 17px;
  font-weight: 400;
  color: #434343;
}

.order-cell-info span {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
}

.courier-order-details {
  width: 100%;
  padding: 20px 22px;
  background-color: #f5f7fa;
}

.delivery-details-header {
  display: flex;
  justify-content: space-between;
  height: 40px;
  margin-bottom: 10px;
}

.delivery-details-block {
  padding-block: 10px;
}

.courier-order-composition-details {
  display: flex;
  width: 100%;
  padding: 20px;
  flex-direction: column;
  justify-content: space-between;
}

.client-section {
  width: 100%;
}

.payment-status {
  font-size: 22px;
  font-weight: 500;
  margin-block: 10px;
  white-space: nowrap;
  line-height: 1;
}

.payment-status.green {
  color: #30BD57;
}

.payment-status.red {
  color: #bd3030;
}

.decorated-with-dots .delivery-stats {
  width: 100%
}

.decorated-with-dots .delivery-stats-details-span {
  white-space: nowrap;
}

.decorated-with-dots .delivery-stats:after {
  content: "";
  flex: 1;
  border-bottom: 1px dotted #cbcbcb;
  margin: 0 10px;
}

.additional-details-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  max-width: 300px;
  min-width: 250px;
}

.comment-message {
  display: flex;
  gap: 10px;
  align-items: start;
  padding: 15px;
  border-top-right-radius: 9px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  background-color: #F7F7F7;
}

.comment-message.companion {
  background-color: #30BD5726;
}

.comment-message.self {
  background-color: #F7F7F7;
}

.message-content {
  padding-right: 10px;
  font-size: 18px;
}

.limited-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 200px;
  max-width: 300px;
}

.delivery-stats-price-medium {
  font-size: 20px;
  font-weight: 500;
  color: #252525;
  line-height: 1;
}

.order-write {
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  padding: 10px;
  width: 100%;
}

.tab-content {
  width: 100%;
  overflow-y: auto;
}

/* Таблицы */
/* ТАБЛИЦА КУРЬЕРЫ */
.table-courier {
  margin-top: 10px;
  border-spacing: 0px;
  width: 100%;
  font-size: 18px;
  display: block;
  height: calc(100vh - 250px);
  overflow: auto;
}

.table-courier td {
  padding-block: 10px;
  color: #424242;
}

.table-courier th {
  border-bottom: unset;
}

.courier-name {
  width: 40%;
}

.courier-phone {
  width: 20%;
  color: #848484 !important;
}

.courier-active-orders {
  width: 10%;
  color: #848484 !important;
}

.courier-orders {
  width: 5%;
  color: #848484 !important;
}

.courier-rating {
  width: 5%;
  text-align: center;
}

.courier-header {
  font-size: 17px;
  color: #848484;
  text-align: left;
  height: 35px;
}

.courier-name-content {
  display: flex;
  align-items: center;
  gap: 15px;
}

.courier-status-circle {
  width: 10px;
  height: 10px;
  background-color: #628222;
  border-radius: 50%;
}

.courier-avatar-holder {
  width: 40px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 50%;
}

.courier-avatar-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ТАБЛИЦА ВСЕ ЗАКАЗЫ КУРЬЕРА */
.table-courier-orders {
  margin-top: 10px;
  border-spacing: 0px;
  width: 100%;
  font-size: 18px;
  display: block;
  height: calc(100vh - 400px);
  overflow-y: auto;
}

.table-courier-orders td {
  padding-block: 10px;
  color: #424242;
}

.table-courier-orders th {
  border-bottom: unset;
}

.table-courier-orders tr.delivered td {
  color: grey;
}

.courier-order-id {
  width: 10%;
}

.courier-order-adress {
  width: 30%;
}

.courier-order-data {
  width: 5%;
}

.courier-order-status {
  width: 15%;
}

.courier-order-income {
  width: 5%;
  text-align: center;
}

.courier-orders-header {
  font-size: 17px;
  color: #848484 !important;
  text-align: left;
  height: 35px;
}

/* ТАБЛИЦА ОПЕРАЦИИ КУРЬЕРА */
.table-courier-operations {
  margin-top: 10px;
  border-spacing: 0px;
  width: 100%;
  font-size: 18px;
  display: block;
  height: calc(100vh - 400px);
  overflow-y: auto;
}

.table-courier-operations td {
  padding-block: 10px;
  color: #424242;
}

.table-courier-operations th {
  border-bottom: unset;
}

.courier-operation-id {
  width: 5%;
  color: #D9D9D9 !important;
}

.courier-operation-type {
  width: 10%;
  color: #777777 !important;
}

.courier-operation-responsible {
  width: 40%;
}

.courier-operation-sum {
  width: 10%;
}

.courier-operation-data {
  width: 5%;
  color: #929292 !important;
  text-align: center;
}

.courier-operations-header {
  font-size: 17px;
  color: #848484 !important;
  text-align: left;
  height: 35px;
}


/* ТАБЛИЦА СБОРКА ЗАКАЗА В МОДУЛЕ КУРЬЕРОВ/ДОСТАВКИ */
.table-sborka-delivery {
  border-spacing: 0px;
  width: 100%;
}

.table-sborka-delivery .photo {
  display: flex;
  height: 100%;
}

.table-sborka-delivery-photo-holder {
  width: 65px;
  height: 65px;
  border-radius: 10px;
  overflow: hidden;
}

.tableItem .name>div {
  position: relative;
  padding-top: 80px;
  /* подберите по необходимости */
}

.tableItem .name ul {
  margin-top: 10px;
  /* чтобы список комфортно начинался ниже блока */
}

.table-sborka-delivery-bouquete-delay {
  align-content: center;
  position: absolute;
  padding: 5px;
  height: 65px;
  min-height: fit-content;
  border-bottom: 1px solid #D9D9D9;
  width: 100%;
  top: 2%;
  left: 0;
}

.table-sborka-delivery-bouquete-composition-list {
  padding-top: 70px;
  color: #434343CC;
  font-size: 16px;
  font-weight: 400;
  margin-block: 3px;
}

.table-sborka-delivery-bouquete-composition-list li {
  margin-block: 5px;
}

.table-sborka-delivery .name {
  width: 61%;
  position: relative;
}

.table-sborka-delivery .price {
  width: 13%;
  color: #848484;
  white-space: nowrap;
  position: relative;
}

.table-sborka-delivery .count {
  width: 13%;
  position: relative;
}

.table-sborka-delivery .total {
  width: 13%;
  white-space: nowrap;
  position: relative;
}

.table-sborka-delivery .header {
  font-size: 15px;
  color: #848484;
  /* width: 100%; */
  text-align: left;
  height: 35px;
}


/* ТАБЛИЦА ПАРМЕТРЫ В МОДУЛЕ (НАСТРОЙКИ ПРИЛОЖЕНИЯ) КУРЬЕРОВ/ДОСТАВКИ */
.table-app-settings-delivery-parameters {
  border-spacing: 0px;
  width: 100%;
}

.table-app-settings-delivery-parameters .padding {
  padding-block: 20px;
}

.table-app-settings-delivery-parameters .parameter-type {
  width: 45%;
}

.table-app-settings-delivery-parameters .writes-count {
  text-align: center;
  width: 15%;
  color: #373737CC;
  white-space: nowrap;
}

.table-app-settings-delivery-parameters .last-update {
  width: 15%;
  color: #3737379a;
}

.table-app-settings-delivery-parameters .empty {
  width: 15%;
  white-space: nowrap;
}

.table-app-settings-delivery-parameters .header {
  font-size: 16px;
  color: #777777;
  text-align: left;
  height: 35px;
  border-bottom: unset;
}


/* ТАБЛИЦА ПРИЧИНЫ ОШИБКИ В МОДУЛЕ (НАСТРОЙКИ ПРИЛОЖЕНИЯ) КУРЬЕРОВ/ДОСТАВКИ */
.table-error-cause {
  margin-top: 10px;
  border-spacing: 0px;
  width: 100%;
}

.table-error-cause .number {
  width: 1%;
  color: #AAAAAA;
}

.table-error-cause .cause {
  width: 70%;
}

.table-error-cause .salary {
  width: 20%;
  text-align: center;
}

.table-error-cause .empty {
  width: 10%;
}

.table-error-cause .header {
  font-size: 16px;
  color: #777777;
  text-align: left;
  height: 35px;
  border-bottom: unset;
}

.table-error-cause .header.salary {
  text-align: center;
}

.give-salary-checkbox {
  accent-color: #719d18;
  width: 28px;
  height: 28px;
}

.delete-parameter-btn {
  filter: grayscale(1);
  opacity: 50%;
  transition: 0.2s;
  cursor: pointer;
}

.delete-parameter-btn:hover {
  filter: grayscale(0);
  opacity: 100%;
}

/* КНОПКИ */
/* КУРЬЕР */
.text_button {
  font-size: 25px;
  font-weight: 500;
  cursor: pointer;
}

.view_all_courier_orders_Btn {
  font-size: 24px;
  font-weight: 400;
}

.edit_courier_photo_Btn {
  color: #848484;
  font-size: 20px;
}

.edit_courier_Btn {
  color: #2D7CB6;
}

.edit_courier_Btn:hover {
  color: #2871a5
}

.messageBtn {
  height: -webkit-fill-available;
  aspect-ratio: 1 / 1;
  min-height: unset;
  padding-inline: unset;
}

.greenButton {
  color: #FFFFFF;
  background-color: #628222;
}

.courier-write {}

.courier-write.selected {
  background-color: #ececec;
}

.comment-secton {
  max-height: 300px;
  overflow-y: auto;
}

.document-file-name {
  color: inherit;
  text-decoration: none;
  display: inline;
}

/* Общие стили */
.popupWindow {
  display: none;
  position: absolute;
  z-index: 99999;
}

.popupWindow:before {
  content: '';
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(2.5px);
  z-index: 9999;
}

.popupTab {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 99999;
  background-color: #fff;
  border-radius: 0.6rem;
  padding: 2.5rem;
}

.popupWindow__title {
  font-size: 30px;
  margin-bottom: 1.5rem;
  font-weight: 400;
  color: black;
}

.popupWindow__subtitle {
  font-size: 22px;
  margin-bottom: .6rem;
  font-weight: 400;
  color: black;
}

.popupWindow__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
  color: #646464;
}

.popupWindow__combinedTitle {
  display: flex;
  gap: 10px;
  align-items: center;
}

.popupWindow__combinedTitle p {
  font-size: 18px;
  font-weight: 400;
  line-height: 135%;
}

.popup_close {
  position: absolute;
  padding: 1rem;
  right: 1rem;
  top: 1em;
  cursor: pointer;
}

.popup-column-holder {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 30px;
}

.popup-holder {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  margin-top: 20px;
}

/* Модалка ИЗМЕНИТЬ ЦЕНУ */
.popupChangePrice_close {
  position: absolute;
  padding: 1rem;
  right: 1rem;
  top: 1em;
  cursor: pointer;
}

.changePriceTab {
  width: 580px;
}

.pinCodeBlock {
  padding: 40px;
}

.summary_holder {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 20px;
}

.changePriceTab_summary {
  font-weight: 500;
  font-size: 22px;
}

#changePriceTab_startPrice {
  font-weight: 400;
  font-size: 22px;
}

#changePriceTab_summaryPrice {
  font-weight: 500;
  font-size: 22px;
}

.changePriceTab__input {
  border: 1px solid #D9D9D9;
  margin-bottom: 2rem;
  width: 36rem;
  border-radius: 0.6rem;
}

.changePriceTab__input textarea {
  resize: none;
  padding-bottom: 0.3rem;
  font-size: 1.7rem;
  border: none;
  width: 100%;
  padding: 1rem;
  min-height: 80px;
  /*max-height: 300px;*/
}

.image-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.close-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#changePriceInputBtn {
  background-color: white;
  width: 100%;
  color: #848484;
}

/* Неактивное состояние (серый) */
#changePriceInputBtn.disabled-state {
  cursor: not-allowed;
  pointer-events: none;
  color: #777777;
}

/* Pre-ready-state */
#changePriceInputBtn.pre-ready-state {
  background-color: #D9D9D9;
  cursor: not-allowed;
  pointer-events: none;
}

/* Полностью активное */
#changePriceInputBtn.active-state {
  cursor: pointer;
  background-color: #6F1B2D;
  color: #FFFFFF;
}

.changePriceValueHolder {
  grid-template-columns: 1fr 1fr;
  margin-block: 25px;
  display: grid;
  gap: 15px;
  align-items: start;
}

.changePriceValueHolder label {
  font-size: 17px;
  font-weight: 400;
  color: #848484;
  margin-bottom: 10px;
}

.form-group {
  display: flex;
  flex-direction: column;

}

.value-field {
  display: flex;
  align-items: center;
}

.priceValueInput {
  min-width: auto;
  width: 100%;
  height: 100%;
  padding: 16px 28px;
}

.style-select {
  padding: 16px 20px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  font-size: 18px;
  color: #43434380;
  height: 100%;
  line-height: 120%;
  width: 100%;
}

.style-select::placeholder {
  color: rgba(67, 67, 67, .3);
}

.style-select option {
  color: #434343;
}

.number-panel {
  margin-block: 20px;
}

.number-row,
.bottom-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

#clearBtn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #FFFFFF;
  background-color: #671626CC;
}

#clearBtn[disabled] {
  background-color: #D9D9D9;
  color: #777777;
}

#backspaceBtn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #FFFFFF;
  background-color: #671626CC;
}

#backspaceBtn[disabled] {
  background-color: #D9D9D9;
  color: #777777;
}

#signDisplay {
  font-size: 22px;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #434343;
  /* font-weight: bold; */
  pointer-events: none;
}

#input-suffix {
  font-size: 22px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #42424280;
  /* font-weight: bold; */
  pointer-events: none;
}

.input-prefix {
  font-size: 22px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #42424280;
  pointer-events: none;
}

/* Убираем стрелки в Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Убираем стрелки в Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.input-container {
  position: relative;
  height: 100%;
}

.styled-input {
  width: 100%;
  padding: 12px 50px 12px 25px;
  border: none;
  outline: none;
  background: transparent;
  font-size: 16px;
}

.close-icon {
  width: 22px;
  height: auto;
}

/* Модалка ВЗЯТЬ В РАБОТУ */
.popupPutToWork_close {
  position: absolute;
  padding: 1rem;
  right: 1rem;
  top: 1em;
  cursor: pointer;
}

.putToWorkTab {
  width: 530px;
}

/* ВЫХОД БЕЗ СОХРАНЕНИЯ */
#popup_exit_without_saving {}

.exitWithoutSavingTab {
  width: 350px;
}

/*СПРАВКА В ВИТРИНА ПЕРЕБРАТЬ */
.annotationWindow {
  display: none;
  position: absolute;
  z-index: 99999;
}

.annotationTab {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 99999;
  background-color: #E8E8E8;
  border-radius: 0.6rem;
  padding: 1rem;
  width: 600px;
}

.annotation__title {
  font-size: 22px;
  font-weight: 500;
  color: #567AFB;
}

.annotation__list {
  list-style-type: disc;
}

.annotation__list li {
  list-style: disc;
  margin-left: 20px;
  margin-block: 10px;
}

/* МОДАЛКА СОХРАНИТЬ ИЗМЕНЕНИЯ В ПЕРЕСБОРКЕ */
.saveChangesTab {
  width: 530px;
}

.saveChangesTab_holder {
  display: flex;
  height: 60px;
  justify-content: space-between;
  gap: 25px;
  margin-top: 20px;
}

/*МОДАЛКА ИЗМЕНИТЬ КОЛИЧЕСТВО*/
.countValueInput {
  min-width: auto;
  width: 100%;
  padding: 16px 28px;
  text-align: center;
}

.countBtn {
  width: 150px;
  height: 90px;
  font-size: 42px;
  font-weight: 600;
  padding: 18px 20px;
  border-radius: 9px;
  background-color: #E6DADC;
  color: #945C67;
  align-content: center;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  transition: all .3s ease-in-out;
}

#backspaceCount_Btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 15px;
  color: #FFFFFF;
  background-color: #671626CC;
}

.clear-image {
  width: 45px;
}

#changeCountInput_Btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #FFFFFF;
  background-color: #719D18;
  border: unset;
}

/* Неактивное состояние (серый) */
#changeCountInput_Btn.disabled-state {
  cursor: not-allowed;
  pointer-events: none;
  color: #777777;
  background-color: #ACACAC99;
}

/* Полностью активное */
#changeCountInput_Btn.active-state {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #FFFFFF;
  background-color: #719D18;
}

.tick-image {
  width: 25px;
}

/* Модалка ПОСТАВИТЬ НА ВИТРИНУ */
.putToVitrinTab {
  width: 580px;
}

.bouquet-photo-area {
  justify-self: center;
  aspect-ratio: 25 / 24;
  width: 100%;
  margin: 20px;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D9D9D9;
}

.bouquet-photo-holder {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.delete-bouquet-Btn {
  position: absolute;
  width: 80px;
  height: 80px;
  top: 0%;
  right: 0%;
  background-color: #D9D9D9;
  border-bottom-left-radius: 9px;
  text-align: center;
  align-content: center;
  cursor: pointer;
}

.upload-photo-btn {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 20px;
  color: #6F1B2D;
  background: #E2D2D5;
  font-weight: 500;
  font-size: 17px;
  cursor: pointer;

  user-select: none;
  /* для современных браузеров */
  -webkit-user-select: none;
  /* для Safari/Chrome */
  -moz-user-select: none;
  /* для Firefox */
  -ms-user-select: none;
  /* для IE/Edge */
}


.popup-holder-2 {
  height: 60px
}

.bouquet-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.image-loader {
  position: absolute;
}

.image-loader-svg {
  animation: spin 1s linear infinite;
  /* Название анимации, длительность, линейное вращение, бесконечно */
}

/* Определение ключевых кадров */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* Модалка ГРАФИК ПОЛИВКИ */
.water-schedule-toggle {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
  margin-bottom: 180px;
  color: #434343cc;
  font-size: 24px;
  font-weight: 400;
}

.water-schedule-toggle label {
  display: flex;
  align-items: center;
  gap: 12px
}


.water-schedule-toggle input {
  width: 20px;
  height: 20px;
}

/* Попап УСПЕШНО ВЫЛОЖЕНО НА ВИТРИНУ */
.putToVitrinSuccessTab {
  width: 510px;
}

.success-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
}

/* МОДАЛКА ДАТЬ ЗП КУРЬЕРУ */
.giveSalaryTab {
  width: 647px;
}

.salary-field {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  height: 64px;
}

.courier-salary-name {
  font-size: 18px;
  color: #434343;
  margin-bottom: 1.5rem;
}

.courier-balance-holder {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-weight: 400;
}

.courier-balance-title {
  font-size: 18px;
  color: #848484;
}

.courier-balance-span {
  font-size: 24px;
  color: #434343;
}

.giveSalaryTab_holder {
  display: flex;
  height: 68px;
  margin-top: 20px;
}

/* МОДАЛКА ВЫКЛЮЧИТЬ КУРЬЕРА */
.disableCourierTab {
  width: 550px;
}

.disableCourierTab_holder {
  display: flex;
  height: 64px;
  justify-content: space-between;
  gap: 25px;
  margin-top: 20px;
}

.burger-btn-item-menu {
  display: block;
  position: absolute;
  right: 11px;
  bottom: 83px;
  z-index: 10;
  border: 1px solid var(--neaktiv);
  border-radius: 6px;
  background-color: #fff;
  width: 280px;
  transition: all 0.3s ease-in;
}

.burger-btn-item.active {
  background-color: #6f1b2d;
  border: 1px solid #6f1b2d;
  position: relative;

  svg path {
    stroke: white !important;
  }
}

.burger-btn-item-menu-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.burger-btn-item-menu-list-item {
  padding: 20px 29px 20px 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 23px;
  color: var(--temno-seryy-434343);
  cursor: pointer;
  width: 100%;

  display: flex;
  align-items: center;
  gap: 15px;

  transition: background-color 0.3s ease-in;

  &:hover {
    background-color: #f6f7f8;
  }
}

.create_order {
  padding-top: 0;
  overflow-y: hidden;

  .back_btn {
    border-bottom: 1px solid #c2c2c2;
    padding: 24px 20px 20px;

    cursor: pointer;
  }
}

.create_order-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  &>div {
    padding: 20px;
  }

  &>div:first-child {
    height: calc(100vh - 300px);
    overflow-y: auto;
  }

  .create_order-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 30px;
    line-height: 120%;
    color: #000;

    margin-bottom: 30px;
  }

  .create_order-form {
    display: flex;
    flex-direction: column;
    gap: 30px;

    .ckeck_container {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
    }

    .ckeck_container-item {
      border: 1px solid var(--neaktiv);
      border-radius: 36px;
      padding: 8px 20px;
      cursor: pointer;
      font-family: var(--font-family);
      font-weight: 400;
      font-size: 18px;
      line-height: 120%;
      color: var(--temno-seryy-434343);
      transition: background 0.2s ease-in;

      &.checked {
        background: rgba(48, 189, 87, 0.2);
      }

      input {
        position: absolute;
        opacity: 0;
      }

      &:hover {
        background: rgba(48, 189, 87, 0.1);
      }
    }

    .ckeck_container-item_radio {
      border: 1px solid #939393;
      border-radius: 6px;
      padding: 18px 20px;

      font-family: var(--font-family);
      font-weight: 400;
      font-size: 18px;
      line-height: 120%;
      color: var(--temno-seryy-434343);

      cursor: pointer;
      transition: background 0.2s ease-in;

      input {
        position: absolute;
        opacity: 0;
      }

      &.checked {
        background: rgba(48, 189, 87, 0.2);
      }

      &:hover {
        background: rgba(48, 189, 87, 0.1);
      }
    }
  }

  .create_order-form_block {
    display: flex;
    flex-direction: column;
    gap: 15px;

    .price_input {
      border: 1px solid #939393;
      border-radius: 6px;
      padding: 18px 20px;

      display: flex;
      align-items: center;

      flex: 1;

      input {
        width: 100%;
      }
    }

    .btn_price {
      border: 1px solid #939393;
      border-radius: 6px;
      padding: 18px 20px;
      height: 84px;

      display: flex;
      justify-content: center;
      align-items: center;

      flex: 1;

      cursor: pointer;
      transition: background 0.2s ease-in;

      &.active {
        background: rgba(48, 189, 87, 0.1);
      }
    }

    .dropdown {
      width: 100%;
    }

    .dropdown-input {
      display: flex;
      align-items: center;
      justify-content: space-between;

      cursor: pointer;

      border: 1px solid #939393;
      border-radius: 6px;
      padding: 2px 0px 2px 15px;

      width: 100%;

      .dropdown-input-text {
        border: none;
        cursor: pointer;
        padding: 0;
        height: auto;
        width: 100%;
        min-height: auto;
      }
    }

    .date_container {
      display: flex;
      justify-content: space-between;
      gap: 15px;

      .btn_price {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2px;

        font-family: var(--font-family);
        font-weight: 400;
        font-size: 18px;
        text-align: center;
        color: var(--okolo-chernyy);

        span {
          opacity: 0.5;
          font-family: var(--font-family);
          font-weight: 400;
          font-size: 14px;
          text-align: center;
          color: var(--temno-seryy-434343);
        }
      }
    }
  }

  .create_order-form_block-title {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 22px;
    line-height: 135%;
    color: var(--okolo-chernyy);

    label {
      cursor: pointer;
    }
  }

  .create_order-form-input {
    &.time {
      width: 150px;
      max-width: 150px;
      flex-shrink: 0;
      flex-grow: 1;
      flex-basis: 150px;

      input {
        width: 100%;
        background: #fff;
      }
    }

    input {
      border: 1px solid var(--neaktiv);
      border-radius: 6px;
      padding: 16px 10px 16px 15px;
      min-height: 50px;
      background: #fff;
    }

    textarea {
      border: 1px solid var(--neaktiv);
      border-radius: 6px;
      padding: 16px 10px 16px 15px;
      width: 100%;

      font-family: var(--font-family);
      font-weight: 400;
      font-size: 18px;
      line-height: 120%;
      background: #fff;
    }

    .dropdown-content {
      width: 100%;
      position: absolute;
      top: 110%;
      z-index: 100;
      display: none;

      border: 1px solid #939393;
      border-radius: 6px;
      background: #fff;
      overflow: hidden;

      .dropdown-list {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-height: 350px;
        overflow-y: auto;

        .dropdown-list-item {
          width: 100%;
          padding: 10px;
          background: #fff;
          cursor: pointer;
          transition: all 0.2s ease-in;

          border-bottom: 1px solid var(--neaktiv);

          &:last-child {
            border-bottom: none;
          }

          &:hover {
            filter: brightness(0.9);
          }
        }
      }
    }
  }

  .label-up {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 17px;
    color: var(--temno-seryy-434343);
    opacity: 0.5;
    margin-bottom: 8px;
  }

  .delivery_block {
    border-radius: 26px;
    padding: 20px;
    background: rgba(48, 189, 87, 0.2);

    .delivery_block-title {
      font-family: var(--font-family);
      font-weight: 400;
      font-size: 22px;
      line-height: 135%;
      color: var(--okolo-chernyy);
    }

    .delivery_block-item {
      display: flex;
      flex-direction: column;
      gap: 20px;

      padding-bottom: 20px;

      border-bottom: 1px solid #b6b6b6;

      &:last-child {
        padding-bottom: 0;
        border-bottom: none;
        padding-top: 20px;
      }

      .adderss-block {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 15px;

        input {
          border: 1px solid var(--neaktiv);
          border-radius: 6px;
          padding: 16px 10px 16px 15px;
          min-height: 50px;
          background: #fff;
          width: 100%;

          &:first-child {
            max-width: 50%;
            width: 100%;
            flex-grow: 1;
            flex-shrink: 0;
          }
        }
      }

      textarea {
        font-family: var(--font-family);
        font-weight: 400;
        font-size: 18px;
        line-height: 120%;

        border: 1px solid var(--neaktiv);
        border-radius: 6px;
        padding: 14px 10px 14px 15px;
        background: #fff;
      }
    }
  }

  .create_order-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .create_order-controls-item {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;

    border-radius: 6px;
    padding: 16px 20px;

    cursor: pointer;
    transition: all 0.2s ease-in;

    &:hover {
      filter: brightness(1.1);
    }

    &.addOrder {
      color: #fff;
      background: #6f1b2d;
    }

    &.addStaff {
      color: var(--temno-seryy-434343);
      border: 1px solid #b6b6b6;
      background: #fff;
    }
  }

  label {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    line-height: 135%;
    color: var(--okolo-chernyy);
    cursor: pointer;

    input[type="checkbox"] {
      accent-color: #21833d;
    }
  }
}

.create_order_sum {
  .headband__two-form__three {
    position: relative;
    margin-top: 0;
    padding: 40px;
    max-width: 558px;
  }

  .modal__cross {
    cursor: pointer;
    position: absolute;

    top: 10px;
    right: 10px;
  }

  .control {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    color: #fff;
    line-height: 100%;
    padding: 15px 20px;
  }

  #ready {
    background-color: #30bd57;
  }

  #reset {
    background: rgba(103, 22, 38, 0.8);
  }
}

.create_order_prepayment-wrapper {
  display: flex; 
  justify-content: space-between; 
  align-items: stretch; 
  gap: 50px;

  .headband__two-form__three {
    position: relative;
    margin-top: 0;
    padding: 40px;
    max-width: 1080px;
  }

  .modal__cross {
    cursor: pointer;
    position: absolute;

    top: 10px;
    right: 10px;
  }

  #ready {
    background-color: #30bd57;
  }

  #reset {
    background: rgba(103, 22, 38, 0.8);
  }

  .headband__two-form-title {
    margin-bottom: 20px;
  }
}

#form__three-input {
  margin-top: 0;
}

.form__three-number {
  width: 100%;

  .form__three-number-btn {
    width: calc((100% / 3) - (20px / 3));
  }
}

.addClient,
.addWebProduct {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: var(--okolo-chernyy);

  border: 1px solid #939393;
  border-radius: 6px;
  padding: 16px 20px;
  cursor: pointer;
  transition: all 0.2s ease-in;

  &:hover {
    filter: brightness(0.9);
  }
}

.back_order {
  margin-left: auto;
  width: fit-content;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 105%;
  text-align: center;
  color: var(--temno-seryy-434343);
  border-left: 1px solid #c2c2c2;
  padding: 12px 20px;
}

.preOrder {
  border: 1px solid #c2c2c2;
  padding: 12px 10px 12px 15px;
  background: rgba(48, 189, 87, 0.15);

  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.preOrder-item {
  width: 50%;

  display: flex;
  align-items: center;
  gap: 8px;

  input[type="checkbox"] {
    accent-color: #21833d;
  }

  &:first-child {
    font-weight: 500;
    font-size: 18px;
    color: var(--okolo-chernyy);
  }

  &:last-child {
    font-weight: 400;
    font-size: 17px;
    color: var(--temno-seryy-434343);

    label {
      cursor: pointer;
    }
  }
}

/* ----- модалки ----- */

.input_field {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgb(217, 217, 217);
  border-radius: 6px;
  background: rgb(255, 255, 255);
  padding: 21px 20px 21px 20px;
  font-size: 19px;
  font-weight: 400;
  line-height: 100%;
  color: #434343;
}

.cell-modal__button {
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
}

.appoint-curier-modal__wrapper {
  position: relative;
  width: 561px;
  height: 641px;
  overflow: auto;
  padding: 40px 40px 40px 40px;
  border-radius: 15px;
  background: #FFFFFF;
}

.select-curier-contain {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.modal-order-num {
  color: #646464;
  font-weight: 400;
  font-size: 20px;
}
.modal-order-num span {
  font-weight: 600;
}

/* ----- !модалки ----- */

.order_button {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  line-height: 120%;
  border-radius: 8px;
  background: #6F1B2D;
  width: 100%;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  max-height: 55px;
  position: relative;
}

.order_button.blue {
  background: #567AFB;
}

.order_button.grey {
  background: #D9D9D9;
  color: #FFFFFF;
  text-transform: uppercase;
}

.order_button.black {
  background: #ffffff;
  border: 1px solid #B6B6B6;
  color: #434343;
}

.order-detain-image-resposible {
  flex: 0 0 271px;
}

.order-detain-image-resposible__label {
  font-family: Roboto;
  color: #939393;
  font-size: 18px;
  margin-bottom: 6px;
}

.order-detain-image-resposible__text {
  font-family: Roboto;
  font-size: 18px;
  color: #252525;
  line-height: 120%;
}

.order-detain-image-resposible__curier {
  margin-top: 20px;
}

.order-detain-image-resposible__curier .curier-appoint {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.curier-appoint__top {
  display: flex;
  justify-content: space-between;
}

.order-detain-image-resposible__phone {
  font-family: Roboto;
  font-size: 22px;
  color: #252525;
  line-height: 120%;
}

.blue_text_link {
  font-size: 18px;
  color: #567AFB;
  cursor: pointer;
}

.create_order_prepayment-control {
  margin-top: auto;
}
.register__form {
  margin-bottom: 20px;
}

.headband__two-form__three {
  max-width: 1500px;
}

.create_order_prepayment-wrapper {
  height: 100%;
  .create_order_prepayment-wrapper-item {
    width: 62%;
    height: 100%;
    display: flex;
    flex-direction: column;
  }
}

.create_order_prepayment-control {
  justify-content: start;
  gap: 15px;

  .create_order_prepayment-control-item {
    padding: 23px 50px;

    &.disable {
      background: var(--neaktiv);
      P {
        opacity: 0.4;
      }
    }
  }
}

.register__form {
  margin-top: 10px;
}
.register__form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px;

  border-bottom: 1px solid var(--neaktiv);
  padding-bottom: 10px;

  margin-bottom: 20px;
}
.register__form-header-text {
  display: flex;
  gap: 10px;
  color: #646464;
  span {
    color: #000;
  }
}

.create_order_prepayment-control {
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-top: 20px;
  justify-content: start;
  gap: 15px;
  margin-top: auto;
}

.register__form_inputs {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.register__form_inputs-item {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
}

.input-name {
  width: 424px;
}
.input-drop {
  width: 268px;
  flex-grow: 1;
  cursor: pointer;
  svg {
    flex-shrink: 0;
  }
}

.create_client_btn {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: #252525;

  border: 1px solid #b6b6b6;
  border-radius: 6px;
  padding: 14px 20px;

  text-wrap: nowrap;

  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  min-width: 146px;
}

.headband__two-form-subtitle
{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: #646464;
  margin-bottom: 30px;
}

.inputs_number {
  display: flex;
  align-items: center;
  font-family: Arial, sans-serif;
}

.country-code {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 30px;
  text-transform: capitalize;
  margin-right: 10px;
  color: #000;
}

.phone-inputs {
  display: flex;
  gap: 6px;
}

.phone-inputs input {
  width: 78px;
  height: 67px;
  min-height: 50px;
  text-align: center;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 30px;
  text-transform: capitalize;
  border: 1px solid #d9d9d9;
  border-radius: 9px;
  outline: none;

  padding: 14px 10px;
}

.phone-inputs input:focus {
  border-color: #30bd57;
}

.number-row
{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.bottom-row
{
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.input-container {
  position: relative;
  height: 100%;
}

.priceValueInput {
    min-width: auto;
    width: 100%;
    height: 100%;
    padding: 16px 28px;
}

.input-suffix {
    font-size: 22px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #42424280;
    pointer-events: none;
}

.label_up {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  color: var(--temno-seryy-434343);
  opacity: 0.5;

  margin-bottom: 8px;
}

.register__form_inputs-item-input {
  border: 1px solid var(--neaktiv);
  border-radius: 6px;
  padding: 14px 10px 14px 15px;

  background: #fff;

  display: flex;
  justify-content: space-between;
  align-items: center;

  flex-shrink: 0;

  input {
    width: 100%;
  }
}

/* Количество записей */
.item-count-wrapper {
  display: flex;
  border-radius: 9px;
  overflow: hidden;
  width: 200px;
  border: 1px solid var(--neaktiv);
}
  
.item-count-quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 120px;
  height: 70px;
}

.item-count-quantity input
{
  width: 50px;
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  line-height: 130%;
  background: none;
  border: none;
}

.item_count_Btn
{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9f9f9;
  flex: 0 0 70px;
  height: 70px;
  cursor: pointer;
}

.item_count_Btn svg
{
  pointer-events: none;
}

.delete_write_Btn
{
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease-in;
}

.delete_write_Btn:hover
{
  filter: brightness(0.9);
}

.select-container svg.rotated {
    transform: rotate(180deg);
    stroke: #6F1B2D;
}
.select-container {
    position: relative;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 6px;
}

.select-container input[type="text"] {
    width: 100%;
    height: 100%;
    padding: 18px 20px;
    border-radius: 6px;
    font-size: 19px;
    cursor: pointer;
}

.select-container svg {
    stroke: #848484;
    position: absolute;
    top: 42%;
    right: 26px;
    transition: transform 0.3s ease;
}

.select-container-dropdown {
    position: absolute;
    width: -webkit-fill-available;
    display: none;
    border: 1px solid rgb(217, 217, 217);
    background-color: white;
    z-index: 999;
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.select-container-dropdown li {
    color: rgb(97, 97, 97);
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    padding: 15px;
    cursor: pointer;
    border-bottom: 1px solid #e9e9e9;
    transition: all 0.15s ease;
}

.dropActive {
    display: flex !important;
    flex-direction: column;
}

.addFlowerBlock-addPosition-Btn
{
  width: 232px;
}

.create_order_prepayment-control-item {
  border-radius: 6px;
  padding: 16px 20px;

  font-family: var(--font-family);
  font-weight: 500;
  font-size: 20px;
  text-transform: uppercase;

  cursor: pointer;
  transition: all 0.2s ease-in;
}

.create_order_prepayment-control-item:hover
{
  filter: brightness(0.9);
}

.addFlowers_Input
{
  transition: 0.15s ease-in-out;
}
.addFlowers_Input[data-focus="true"]
{
  border: 1px solid #30bd57;
}

/* Переработать стили */
.top-order-instance__id {
    color: #252525;
    font-weight: 600;
    font-size: 30px;
}

.top-order-instance__date {
    color: #434343;
    font-weight: 400;
    font-size: 18px;
}

.check-control-panel.for_order {
    flex-direction: column;
    width: 100%;
}

.check-control-panel.for_order .check-control-btns
{
  display: flex;
  flex-direction: unset;
  width: 100%;
}

.check-control-panel.for_order .check-control-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.check-control-panel.for_order .check-control-btns .control-btn {
    border-right: 1px solid #696969;
    border-bottom: none;
}

.check-control-panel.for_order .check-control-info .info-items {
    display: flex;
}

.check-control-panel.for_order .check-control-info .info-items .info-item {
    align-items: center;
    gap: 15px;
}

.check-control-panel.for_order .check-control-info .info-items .info-item .value {
    opacity: 50%;
}

.check-control-panel.for_order .check-control-info .info-btns {
    margin: 0;
}

.check-control-panel.for_order .btn {
    border-radius: 9px;
    padding: 16px 20px;
    width: max-content;
}

.check-control-panel.for_order .btn.btn-save
{
    background: #939393;
    color: #FFFFFF;
}

.check-control-panel.for_order .btn.btn-save.active
{
    background: #30bd57;
}

.check-control-panel.for_order .btn.btn-cancel {
    background: none;
    border: 1px solid #939393;
}

/* Модалка изменения заказа */
.cell-modal__wrapper {
    position: relative;
    width: 561px;
    height: 615px;
    overflow: auto;
    padding: 40px 40px 40px 40px;
    border-radius: 15px;
    background: #ffffff;
}

.modal-container.saveAssemblyModal .cell-modal__wrapper {
    width: 650px;
    height: max-content;
}

.saveAssemblyModal .order-changes-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 32px;
    max-height: 500px;
    overflow-y: auto;
}

.saveAssemblyModal .price-change__item {
    display: flex;
    border-bottom: 1px solid #f7f7f7;
    padding: 5px;
    gap: 10px;
}

.saveAssemblyModal .price-change__item_count {
    flex: 0 0 80px;
    font-size: 18px;
}

.saveAssemblyModal .price-change__item_count.green {
    color: #30bd57;
}

.saveAssemblyModal .price-change__item_name {
    font-size: 18px;
    flex: 0 1 100%;
    color: #252525;
}

.saveAssemblyModal .price-change__item_price {
    display: flex;
    gap: 10px;
    font-size: 18px;
    color: #434343;
    white-space: nowrap;
}

.saveAssemblyModal .price-change__item_count.red {
    color: #cd6567;
}

.saveAssemblyModal .price-change__item_total {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  margin-bottom: 32px;
  align-items: center;
}

.saveAssemblyModal .result-price {
  color: #252525;
  font-size: 22px;
  white-space: nowrap;
}

.saveAssemblyModal .save-modal__button {
  display: flex;
  justify-content: space-between;
}

.saveAssemblyModal .save-modal__button .order_button {
  width: max-content;
}