.aside__content {
  z-index: 999;
}

.img-amazon {
  max-width: 325px;
  height: auto;
}

.block-show {
  display: block;
}

.block-hide {
  display: none;
}

.btn-arhive {
  border: 1px solid #E0E0E0;
  color: #E0E0E0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 15px;
  height: 44px;
}
.btn-arhive.icon-archive-top {
  background-color: #40C6FF;
  border: 1px solid #40C6FF;
  color: #ffffff;
}
.btn-arhive.icon-archive-top:before {
  content: none;
}
.btn-arhive.icon-archive-down:before {
  content: none;
}
@media (min-width: 1200px) {
  .btn-arhive {
    border: none;
    padding: 0;
  }
  .btn-arhive .text-mob {
    display: none;
  }
  .btn-arhive.icon-archive-top {
    background-color: transparent;
    border: none;
  }
  .btn-arhive.icon-archive-top:before {
    content: "";
  }
  .btn-arhive.icon-archive-down:before {
    content: "";
  }
}

.check-box-select {
  margin-top: -0.1rem;
  margin-bottom: 1rem;
}

.content-item.bg-grey textarea {
  width: 100%;
  background: #F4F4F4;
  border: none;
}
.content-item.bg-grey textarea:focus-visible {
  outline: none;
}

.message-not-found {
  margin: 20px 0 0;
  font-family: Segoe UI, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
  color: #A8A8A8;
}
.message-not-found .link-setting {
  color: #40C6FF;
}

.wrapper_message-not-found {
  background-color: #FFFFFF;
  padding: 76px 20px 50px;
}

.block_message-not-found {
  max-width: 300px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-align: center;
  color: #023241;
}
.block_message-not-found .block-img {
  width: 206px;
  height: 177.62px;
  margin: 0 auto;
}
.block_message-not-found .title {
  display: block;
  margin: 40px 0 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  text-align: center;
  color: #023241;
}
.block_message-not-found p {
  margin: 0;
}

.select_photo {
  display: block;
  font-family: Segoe UI, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
  cursor: pointer;
}

.page-login {
  position: relative;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
}
.page-login .wrap_form_login {
  max-width: 275px;
  margin: 0 auto;
}
.page-login.main-content {
  background-color: #FFFFFF;
}
.page-login:before {
  content: "";
  display: block;
  background-image: url(../images/bg-login.png);
  background-size: 100%, cover;
  background-position: top;
  background-repeat: no-repeat;
  height: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 0;
}
.page-login .icon-admin-logo {
  display: block;
  margin: 0 auto 17px;
  width: fit-content;
}
.page-login .icon-admin-logo:before {
  width: 177px;
  height: 59.6px;
}
.page-login .icon-admin-logo .text-form {
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-align: center;
  color: #023241;
}
.page-login .wrapper-fom {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.page-login .wrapper-fom .btn-project {
  margin: 15px auto 20px;
  width: 100%;
  max-width: 275px;
  padding: 13px 10px;
}
.page-login .title {
  color: #023241;
  font-size: 25px;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: 0em;
  text-align: center;
}
.page-login .form-group-custom {
  margin: 0 auto;
  width: fit-content;
}
.page-login .form-group-custom input + label {
  display: flex;
  align-items: center;
  gap: 5px;
}
.page-login .form-group-custom input + label::before {
  content: "";
  border-radius: unset;
  border: unset;
  width: 5px;
  height: 5px;
  min-width: 5px;
  min-height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2717%27 height=%2717%27 rx=%274.5%27 stroke=%27%23BBBCBF%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: unset;
}
.page-login .form-group-custom input + label::after {
  content: none;
}
.page-login .form-group-custom input:checked + label {
  display: flex;
  align-items: center;
  gap: 5px;
}
.page-login .form-group-custom input:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Crect x=%270.5%27 y=%270.5%27 width=%2717%27 height=%2717%27 rx=%274.5%27 stroke=%27%23BBBCBF%27/%3E%3Ccircle cx=%279%27 cy=%279%27 r=%275%27 fill=%27%2340C6FF%27/%3E%3C/svg%3E%0A");
}
.page-login .form-group-custom input:checked + label::after {
  content: none;
}

.input-calendar {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0784313725);
  padding: 12px 16px;
  border-radius: 0px 10px 10px 0px;
  border: 1px solid #FFF;
  font-family: Segoe UI, sans-serif;
  color: #A8A8A8;
  text-rendering: geometricPrecision;
  font-size: 16px;
}
.input-calendar::placeholder {
  text-align: center;
}

.message .title_modal {
  margin: 10px auto 15px;
}

.message .list_info li.d-grid-100 {
  display: grid;
  grid-column: 1/span 2;
}

#modal_type .message__wrapper {
  max-width: 421px;
}

#modal_applicant .btn-group {
  justify-content: center;
}
#modal_applicant .btn-group .btn-project {
  width: 100%;
}
#modal_applicant p {
  font-size: 20px;
  line-height: 130%;
}
#modal_applicant .message__wrapper {
  width: 421px;
}
#modal_applicant .wrapper-img {
  width: 177px;
  height: 211px;
  margin: 0 auto;
  object-fit: cover;
}

.block_btn-admin {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  justify-content: flex-end;
}
.block_btn-admin .btn-project {
  padding: 11px 7px;
  width: 100%;
  border: 1px solid #40C6FF;
}

.top-navigation .btn-import {
  white-space: nowrap;
}

.btn-project.btn-transparent {
  background-color: transparent;
  border: 1px solid #40C6FF;
  color: #40C6FF;
}

.btn-filter {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  justify-content: center;
  font-weight: 400;
  font-family: Segoe UI, sans-serif;
}

.block_calendar {
  font-family: Segoe UI, sans-serif;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  align-items: center;
}
.block_calendar .wrapper-select {
  min-width: 100%;
}
.block_calendar label {
  font-size: 16px;
  background-color: #40C6FF;
  border: 1px solid #40C6FF;
  border-radius: 10px 0px 0px 10px;
  color: #FFFFFF;
  padding: 8.5px 16px;
  margin-right: -4px;
  text-rendering: geometricPrecision;
}
.block_calendar .select2-container--default .select2-selection--single {
  border-radius: 0 10px 10px 0 !important;
}
.block_calendar .select2-container--default .select2-selection--single {
  min-width: 100%;
}

.wrapper_calendars {
  display: grid;
  grid-gap: 20px;
  margin-top: 20px;
}

.block_select-img .label-form {
  padding-left: 6px !important;
}

.dropdown-multi-select.select-time-form {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
}

.dropdown-multi-select input:checked + label.form-check-label .btn-project {
  background-color: #40C6FF;
}
.dropdown-multi-select input:checked + label.form-check-label .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: white !important;
}
.dropdown-multi-select .title-sort {
  display: block;
  color: #A8A8A8;
  font-family: Segoe UI, sans-serif;
  font-size: 16px;
  line-height: 135%;
  padding-left: 10px;
  text-rendering: geometricPrecision;
  margin-bottom: 5px;
}

.dropdown-multi-select .btn-project.ml-30 {
  margin-left: 30px;
}
.dropdown-multi-select .btn-project.mt-15 {
  margin-top: 15px;
}

.select_sort-object {
  width: 100%;
}
.select_sort-object .input-group.select-time {
  display: grid;
  grid-template-columns: auto 100px;
  grid-gap: 5px;
  align-items: center;
  background: #FFFFFF;
  padding-bottom: 0;
  margin-bottom: 15px;
  border-radius: 10px;
}
.select_sort-object .input-group.select-time .label-form {
  margin-bottom: 0;
  color: #000;
}
.select_sort-object .input-group.select-time .wrapper-select {
  background-color: #40C6FF;
  border-radius: 0px 10px 10px 0px;
}
.select_sort-object .input-group.select-time .select2-container--default .select2-selection--single {
  background-color: unset;
}
.select_sort-object .input-group.select-time .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
}
.select_sort-object .input-group.select-time .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
  content: "";
  background-image: url(../images/icon-arow-down-white.svg);
}
.select_sort-object .input-group .wrapper-select.bg-grey {
  display: block;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.031372549);
  background-color: #F4F4F4;
  color: #000000;
  border-radius: 10px;
  margin: 0;
  width: 100%;
}
.select_sort-object .input-group .wrapper-select.bg-grey .select2-selection--single .select2-selection__arrow b:before {
  background-image: url(../images/icon-arrow-down.svg);
}
.select_sort-object .input-group .wrapper-select.bg-grey .select2-container--default .select2-selection--single {
  background-color: #f4f4f4;
}
.select_sort-object.type-w-100 .input-group.select-time {
  display: grid;
  grid-template-columns: auto 100px;
  margin-bottom: 0;
}

.form_new-object .wrapper-select {
  min-width: 100%;
}
.form_new-object .btn-group.flex-center {
  display: flex;
  align-items: center;
  grid-gap: 20px;
}
.form_new-object .btn-group.flex-center .btn-project {
  width: 100%;
}
.form_new-object .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000 !important;
  font-size: 15px;
}
.form_new-object .wrapper_check.check-sort {
  display: grid;
  grid-template-columns: 120px auto;
  align-items: center;
}
.form_new-object .wrapper_check.check-sort .select-sort:last-child {
  grid-column: 2/span 1;
}
.form_new-object .dropdown-multi-select .form-group-custom {
  width: 100%;
}

.form-project .link {
  color: #40C6FF;
}
.form-project .text-grey {
  color: #565555;
}
.form-project .other-help {
  font-family: Segoe UI, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #BBBCBF;
  text-rendering: geometricPrecision;
}
.form-project .input-group {
  padding-bottom: 15px;
}
.form-project .input-group::placeholder {
  font-family: Segoe UI, sans-serif;
}
.form-project .input-group:focus-visible {
  outline: none;
}
.form-project .label-form {
  display: block;
  color: #A8A8A8;
  margin-bottom: 7px;
  text-align: left;
  padding-left: 20px;
  font-size: 16px;
  line-height: 130%;
  font-family: Segoe UI, sans-serif;
  text-rendering: geometricPrecision;
}
.form-project .input-project {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.031372549);
  background-color: #F4F4F4;
  font-family: Segoe UI, sans-serif;
  width: 100%;
  border-radius: 10px;
  border: none;
  height: 44px;
  padding: 5px 20px;
  max-width: 100%;
  box-sizing: border-box;
}
.form-project .input-project.color-white {
  background-color: #fff;
}
.form-project .input-project.color-white::placeholder {
  color: #A8A8A8;
}
.form-project .input-project::placeholder {
  color: #565555;
  font-size: 15px;
  line-height: 20px;
}
.form-project textarea.input-project {
  background-color: #F4F4F4;
  font-family: Segoe UI, sans-serif;
  width: 100%;
  border-radius: 10px;
  border: none;
  padding: 15px 20px;
  box-sizing: border-box;
}
.form-project textarea.input-project::placeholder {
  color: #565555;
  font-size: 15px;
  line-height: 20px;
  font-family: Segoe UI, sans-serif;
}

.btn-group.d-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.btn-group.d-grid .btn-project {
  width: 100%;
}
.btn-group.d-grid.grid-3 {
  display: flex;
  grid-gap: 16px;
}
.btn-group.d-grid.grid-3 .btn-project {
  padding: 12px 25px;
}

table.table-project .btn-delete-client .icon_table-delete {
  display: none;
}
table.table-project tr .btn_admin {
  width: fit-content;
}
table.table-project td:last-child {
  display: grid;
  grid-template-columns: 80px auto;
  grid-gap: 10px;
}
table.table-project td.action.block:last-child {
  display: table-cell;
}
table.table-project td.action.block:last-child .block_action.flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 12px;
  margin-top: 10px;
}

.use-info {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 20px;
}
.use-info .btn-project.btn-transparent {
  padding: 7px 19px;
  font-size: 15px;
}

.title_table-2 {
  grid-area: title_table;
  font-size: 20px;
  line-height: 130%;
  font-weight: 500;
  color: #023241;
  text-align: center;
  margin: 25px auto;
}

.table-project.table_applicant {
  background-color: transparent;
  box-shadow: none;
  margin-top: 20px;
}
.table-project.table_applicant .number {
  display: none;
}
.table-project.table_applicant .action.mob-none {
  display: none;
}
.table-project.table_applicant tbody {
  padding: 0;
}
.table-project.table_applicant tbody tr:nth-child(odd) {
  background-color: #fff;
}
.table-project.table_applicant tbody tr {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.031372549);
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.table-project.table_applicant tbody tr:first-child {
  border-radius: 10px;
}
.table-project.table_applicant tbody td::before {
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
  font-family: Segoe UI, sans-serif;
}
.table-project.table_applicant .list_applicant {
  display: flex;
  flex-direction: column;
}
.table-project.table_applicant .list_applicant .item {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  padding: 20px 15px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.031372549);
  background-color: #fff;
  border-radius: 10px;
}
.table-project.table_applicant .list_applicant .content {
  display: grid;
  grid-template-columns: 70px auto;
  grid-gap: 20px;
  margin-bottom: 2px;
}
.table-project.table_applicant .list_applicant .title_content {
  font-family: Segoe UI, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  color: #BBBCBF;
}
.table-project.table_applicant .list_applicant .text_content {
  font-size: 13px;
  font-weight: 400;
  line-height: 130%;
  font-family: Segoe UI, sans-serif;
}
.table-project.table_applicant .list_applicant .text_content .name {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  color: #40C6FF;
}
.table-project.table_applicant .list_applicant .text_content .phone {
  font-size: 13px;
  font-weight: 600;
  line-height: 130%;
  color: #023241;
}
.table-project.table_applicant .list_applicant .text_content.data {
  color: #BBBCBF;
}

.page-leads .form-project .wrapper-select {
  margin-left: 0;
}
.page-leads .form-project .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000 !important;
}
.page-leads .block_select {
  display: flex;
  flex-direction: column-reverse;
  grid-gap: 20px;
}
.page-leads .wrapper-select .select2-container .select2-selection--single .select2-selection__rendered {
  text-align: left;
}
.page-leads .icon_edit::before {
  width: 17px;
  min-width: 17px;
  height: 17px;
  min-height: 17px;
}
.page-leads .list_contact-leads {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  max-height: 485px;
  overflow-y: auto;
  width: 100%;
}
.page-leads .list_contact-leads::-webkit-scrollbar {
  width: 12px;
}
.page-leads .list_contact-leads::-webkit-scrollbar-track {
  background-color: #EDEDED;
  border-radius: 0 0 0 0;
}
.page-leads .list_contact-leads::-webkit-scrollbar-thumb {
  background-color: #CFCFCF;
}
.page-leads .list_contact-leads .timer {
  display: flex;
  align-items: center;
  grid-gap: 4px;
  font-size: 12px;
  font-weight: 600;
  line-height: 120%;
  font-family: Segoe UI, sans-serif;
  color: #E84343;
  text-rendering: geometricprecision;
}
.page-leads .item_contact-leads {
  display: grid;
  grid-template-columns: 33px auto;
  grid-gap: 10px;
  background-color: #fff;
  font-family: Segoe UI, sans-serif;
  padding: 15px;
  text-rendering: geometricPrecision;
  cursor: pointer;
}
.page-leads .item_contact-leads:nth-of-type(even) {
  background-color: #F6FCFF;
}
.page-leads .item_contact-leads .block-message-lead {
  display: grid;
  grid-template-columns: 11px auto;
  grid-gap: 7px;
  align-items: center;
  font-family: Segoe UI, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  text-align: left;
  color: #BBBCBF;
}
.page-leads .item_contact-leads .title {
  font-size: 15px;
  font-weight: 600;
  line-height: 130%;
  text-align: left;
}
.page-leads .item_contact-leads .phone {
  color: #023241;
  font-size: 14px;
  font-weight: 600;
}
.page-leads .item_contact-leads .data {
  color: #BBBCBF;
  font-size: 12px;
  line-height: 135%;
}
.page-leads .item_contact-leads .content_leads {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 5px;
}
.page-leads .item_contact-leads .photo-block {
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  overflow: hidden;
  color: #fff;
  font-family: Segoe UI, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 120%;
}
.page-leads .item_leads_list .title-leads_list {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  grid-gap: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 115%;
  letter-spacing: 0em;
  text-align: left;
  color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 10px 10px 0 0;
  padding: 14px 20px;
  text-rendering: geometricPrecision;
  min-width: 230px;
}
.page-leads .item_leads_list .block_number {
  padding: 17px;
  box-sizing: border-box;
  justify-content: center;
}
.page-leads .bg-40C6FF .photo-block {
  background-color: #40C6FF;
}
.page-leads .bg-40C6FF .title-leads_list {
  background-color: #40C6FF;
}
.page-leads .bg-40C6FF .item_contact-leads .title {
  color: #40C6FF;
}
.page-leads .bg-34AADB .photo-block {
  background-color: #34AADB;
}
.page-leads .bg-34AADB .item_contact-leads .title {
  color: #34AADB;
}
.page-leads .bg-2688B0 .photo-block {
  background-color: #2688B0;
}
.page-leads .bg-2688B0 .title-leads_list {
  background-color: #2688B0;
}
.page-leads .bg-2688B0 .item_contact-leads .title {
  color: #2688B0;
}
.page-leads .bg-023241 .photo-block {
  background-color: #023241;
}
.page-leads .bg-023241 .title-leads_list {
  background-color: #023241;
}
.page-leads .bg-023241 .item_contact-leads .title {
  color: #023241;
}
.page-leads .bg-166380 .photo-block {
  background-color: #166380;
}
.page-leads .bg-166380 .title-leads_list {
  background-color: #166380;
}
.page-leads .bg-166380 .item_contact-leads .title {
  color: #166380;
}

.block_select-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 20px;
  overflow: hidden;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0784313725);
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 15px;
  width: 100%;
  box-sizing: border-box;
  max-width: 375px;
}
.block_select-file .label-form {
  display: flex;
  justify-content: space-between;
  grid-gap: 20px;
  align-items: center;
  width: 100%;
}

.wrap_select-file {
  display: grid;
  grid-gap: 20px;
}

.info-select-file {
  color: #B8B8B8;
  padding-left: 10px;
}

.wrapper_download-file {
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}

.d-flex-name {
  display: flex;
  align-items: flex-start;
  grid-gap: 45px;
  color: #BBBCBF;
  font-size: 15px;
  line-height: 130%;
  font-family: Segoe UI, sans-serif;
}
.d-flex-name p {
  margin: 0;
  margin-bottom: 7px;
}

.block_select-img {
  display: grid;
  align-items: center;
  grid-template-columns: 65px auto;
  grid-gap: 20px;
  text-align: left;
  width: fit-content;
  font-size: 15px;
  line-height: 130%;
  margin-left: 20px;
}
.block_select-img .info-file {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  text-align: left;
}
.block_select-img .info-file .btn_delete-img {
  text-align: left;
  padding: 0;
  color: #BBBCBF;
}

.top-panel-title {
  flex-direction: column-reverse;
  display: flex;
  grid-gap: 30px;
  margin: 30px auto;
  text-align: center;
}
.top-panel-title .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 130%;
  text-align: center;
  color: #023241;
}
.top-panel-title.text-left {
  margin: 30px 0;
}

.icon-shits {
  width: 15px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-shits:before {
  content: "";
  background-image: url(../images/icon-shits.svg);
  width: 15px;
  height: 17px;
  background-size: cover;
  display: block;
}

.icon-leads-push {
  width: 13px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-leads-push:before {
  content: "";
  background-image: url(../images/icon-leads-push.svg);
  width: 13px;
  height: 10px;
  background-size: cover;
  display: block;
}

.icon-plus-file {
  background-color: #40C6FF;
  border-radius: 10px;
  overflow: hidden;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-plus-file:before {
  content: "";
  background-image: url(../images/icon-plus-file.svg);
  width: 14px;
  height: 14px;
  background-size: cover;
  display: block;
}

.content-group {
  display: grid;
  grid-template-columns: 110px auto;
  text-align: left;
  align-items: center;
  padding-bottom: 7px;
}
.content-group .label-form {
  padding-left: 0;
}
.content-group p {
  margin: 0;
}
.content-group:last-child {
  display: block;
}

.leads_list {
  grid-gap: 15px;
  margin-top: 0;
}
.leads_list li {
  display: block;
}
.leads_list li:last-child {
  grid-column: span 2;
}
.leads_list .item_leads_list {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.031372549);
  background-color: #fff;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  width: 100%;
}

.wrapper_contact-info .block_contact {
  margin: 0;
}
.wrapper_contact-info .block_contact:first-child {
  margin-top: 20px;
}
.wrapper_contact-info .block_contact:last-child {
  margin-bottom: 10px;
}
.wrapper_contact-info .block_contact .item_contact {
  padding-bottom: 11px;
  grid-gap: 5px;
}

.select2-results__option {
  padding: 2px 20px !important;
  font-size: 15px;
}

.page-settings .block_contact .item_contact {
  padding-bottom: 11px;
}
.page-settings .block_contact .item_contact .info_contact.d-flex {
  display: flex;
  grid-gap: 10px;
  align-items: flex-start;
}
.page-settings .block_contact .name_contact {
  white-space: nowrap;
}

.link_profile-show {
  display: flex;
  align-items: center;
  grid-gap: 10px;
  color: #40C6FF;
  cursor: pointer;
}

.contact-info.max-width {
  padding: 20px 17px;
}
.contact-info.max-width .block_contact .item_contact {
  grid-template-columns: 115px auto;
}

.block_info-message {
  box-shadow: 0px 0px 10px 0px rgba(255, 38, 38, 0.3019607843);
  border-radius: 10px;
  color: #E84343;
  padding: 14px;
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
  background-color: #fff;
  margin: 10px 0 25px;
}

.block_user .position {
  font-size: 15px;
  font-weight: 400;
  text-rendering: geometricprecision;
}

.table-project {
  font-size: 15px;
  line-height: 130%;
}

.block_settings {
  display: flex;
  flex-direction: column;
  grid-gap: 30px;
}
.block_settings .wrapper_grid-2 {
  display: flex;
  flex-direction: column;
  grid-gap: 30px;
}

.page-applicant .block_contact .grid-1 .item_contact {
  display: flex;
  flex-direction: column;
  grid-gap: 7px;
}
.page-applicant .block_img-pdf.mb-30 {
  margin-bottom: 35px;
}
.page-applicant .block_img-pdf.mb-30 .icon-pdf {
  width: 29px;
  height: 31px;
}
.page-applicant .list-tags {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
}
.page-applicant .list-tags .item_tag {
  border: 1px solid #E0E0E0;
  padding: 7px 17px;
  border-radius: 5px;
}
.page-applicant .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #000 !important;
}
.page-applicant .select2-container--default .select2-selection--single {
  width: 100%;
}
.page-applicant .wrapper-select {
  width: 100%;
  min-width: 220px;
}
.page-applicant .btn-project.btn-delete-applicant {
  padding: 12px 17px !important;
  border: 1px solid #E0E0E0;
  width: fit-content;
}
.page-applicant .btn-project.btn-delete-applicant .text-desktop {
  display: none;
}

.block_contact .grid-1 {
  grid-column: 1/span 2;
}

.block_select-pdf {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0784313725);
  background-color: #fff;
  border-radius: 10px;
  padding: 14px 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 20px;
  max-width: 345px;
  width: 100%;
  margin: 20px 0;
}
.block_select-pdf .label {
  display: grid;
  grid-template-columns: auto 40px;
  grid-gap: 20px;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.block_select-pdf .btn_select-img {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  text-align: left;
  color: #023241;
}

.block_img-pdf {
  display: flex;
  grid-gap: 20px 10px;
  align-items: center;
}
.block_img-pdf .btn_delete {
  color: #BBBCBF;
  padding: 0;
}
.block_img-pdf .img_pdf {
  width: 72px;
  height: 72px;
  overflow: hidden;
  border-radius: 5px;
}

.block_user.client.center {
  justify-content: center;
}

.wrap_tabs-object {
  margin-top: 20px;
}
.wrap_tabs-object .wrap_tabs-btn {
  display: grid;
  align-items: center;
  grid-gap: 20px;
  margin-bottom: 20px;
  grid-template-columns: 1fr 1fr;
}
.wrap_tabs-object .accordion__content {
  background-color: transparent;
  box-shadow: none;
}
.wrap_tabs-object .btn-project.btn-tab {
  text-rendering: geometricPrecision;
  box-sizing: border-box;
  color: #000;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.031372549);
  padding: 13px 15px;
  width: 100%;
}
.wrap_tabs-object .accordion__header.is-open .title-tabs {
  color: unset;
  background-color: transparent;
}
.wrap_tabs-object .accordion__header.is-open .title-tabs .btn-project.btn-tab {
  background: #40C6FF;
  color: #FFFFFF;
}

.select2-container--default .select2-selection--multiple {
  border: none !important;
}

.select2-container--default .select2-selection--multiple {
  width: 100%;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.031372549);
  background-color: #F4F4F4;
  border-radius: 10px !important;
  min-height: 44px;
  padding: 5px 20px;
  max-width: 100%;
  box-sizing: border-box;
}

.block_search .input-search::placeholder {
  color: #A8A8A8;
}

.block_select .btn_table-position {
  display: none;
}

.block_search .input-search {
  font-family: Segoe UI, sans-serif;
}

.block_table-2 {
  display: flex;
  flex-direction: column;
  grid-gap: 40px;
}

@media (max-width: 350px) {
  .list-breadcrumbs {
    grid-gap: 6px;
  }
  .item_breadcrumbs {
    grid-gap: 6px;
  }
  .block_calendar label {
    padding: 8.5px 8px;
  }
  .input-calendar {
    padding: 12px 8px;
  }
  .btn-group.d-grid.grid-3 .btn-project {
    padding: 12px 15px;
  }
  .block_btn-admin {
    grid-template-columns: 1fr 1fr;
  }
  .wrapper_contact-info .block_contact .item_contact {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
  }
  table td .btn_admin {
    padding: 10px 11px;
  }
  .page-leads .wrapper-select {
    width: 100%;
    max-width: 100%;
  }
  .page-leads .select2-container--default .select2-selection--single {
    width: 100%;
    max-width: 100%;
  }
}
.btn-project.btn-add {
  padding: 13px 25px;
}

.simple-dropdown-content .list_message.notification {
  font-family: Segoe UI, sans-serif;
}
.simple-dropdown-content .item_message.active .content-message {
  color: #000;
}

.fancybox__content video {
  max-height: 80vh;
}

.message .slick-slide img {
  height: 50px;
}

.link-settings {
  margin: 0;
  font-family: Segoe UI, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: #A8A8A8;
}
.link-settings a {
  color: #40C6FF;
}

.wrapper-select.w-100 .select2-container--default .select2-selection--single {
  min-width: 100%;
}

.block-radiobutton {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 10px;
  margin-top: 25px;
  justify-content: space-between;
}
.block-radiobutton .dropdown-multi-select {
  display: flex;
  align-items: center;
  grid-gap: 55px;
  margin: 0;
}
.block-radiobutton .block-white {
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 10px;
  background-color: #fff;
  padding: 10px 15px;
  color: #AAAAAA;
}
.block-radiobutton input:checked + label .block-white {
  color: #000;
}

.simple-dropdown-content .list_message.notification {
  padding-right: 40px;
  margin-right: -30px;
}

.simple-dropdown-content .list_message {
  margin: 0;
  overflow: auto;
  padding-right: 15px;
  padding-bottom: 50px;
}
.simple-dropdown-content .list_message::-webkit-scrollbar {
  width: 12px;
}
.simple-dropdown-content .list_message::-webkit-scrollbar-track {
  background-color: #EDEDED;
  border-radius: 0 0 0 0;
}
.simple-dropdown-content .list_message::-webkit-scrollbar-thumb {
  background-color: #CFCFCF;
}

.img-delete {
  width: 273px;
  height: 250px;
  object-fit: contain;
  max-width: 100%;
}

.block_manager {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 20px;
  margin-top: 5px;
}

.list_manager {
  max-height: 327px;
  overflow: auto;
  margin-right: -25px;
}
.list_manager::-webkit-scrollbar {
  width: 12px;
}
.list_manager::-webkit-scrollbar-track {
  background-color: #EDEDED;
  border-radius: 0 0 0 0;
}
.list_manager::-webkit-scrollbar-thumb {
  background-color: #CFCFCF;
  border-radius: 20px;
}
.list_manager .item_manager {
  display: grid;
  grid-template-columns: 15px 20px auto;
  align-items: center;
  grid-gap: 7px 12px;
  font-family: Segoe UI, sans-serif;
  font-size: 15px;
  line-height: 135%;
  padding: 3px 0;
}
.list_manager .item_manager button {
  height: auto;
}
.list_manager .item_manager.active .icon-star:before {
  background-image: url(../images/icon-star-blue.svg);
}
.list_manager .item_manager.active .name_manager {
  font-weight: 500;
}
.list_manager.grid-2 .item_manager {
  grid-template-columns: 25px auto;
}

#modal_shifts .message__body {
  padding: 25px 0;
}
#modal_shifts .message__wrapper {
  max-width: 510px;
}
#modal_shifts .title_modal {
  padding: 0 15px;
  margin: 10px auto 26px;
}
#modal_shifts .block_search {
  margin: 0 15px;
  width: calc(100% - 30px);
}
#modal_shifts .btn-project {
  width: 160px;
  margin: 0 auto;
}

.list_select-object {
  max-height: 340px;
  overflow-y: auto;
}
.list_select-object::-webkit-scrollbar {
  width: 12px;
}
.list_select-object::-webkit-scrollbar-track {
  background-color: #EDEDED;
  border-radius: 0 0 0 0;
}
.list_select-object::-webkit-scrollbar-thumb {
  background-color: #CFCFCF;
  border-radius: 20px;
}
.list_select-object .item {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 70px auto 100px;
  align-items: center;
  justify-items: center;
  padding: 10px 15px;
}
.list_select-object .item:nth-of-type(odd) {
  background-color: #F6FCFF;
}
.list_select-object .item .name {
  text-align: left;
  display: block;
  width: 100%;
}
.list_select-object .img-circle {
  width: 67px;
  height: 67px;
  border-radius: 50%;
  object-fit: cover;
}
.list_select-object .btn_admin {
  font-family: Segoe UI, sans-serif;
  margin-right: 0;
  padding: 7px 10px;
}

.form_new-object .dropdown-multi-select .form-group-custom input + label {
  color: #A8A8A8;
}
.form_new-object .dropdown-multi-select .form-group-custom input:checked + label {
  color: #000;
}
.form_new-object .dropdown-multi-select .form-group-custom input + label .label-form {
  color: #A8A8A8;
}
.form_new-object .dropdown-multi-select .form-group-custom input:checked + label .label-form {
  color: #000;
}
.form_new-object .select-time-form .form-group-custom input + label {
  color: #A8A8A8;
}
.form_new-object .select-time-form .form-group-custom input:checked + label {
  color: #000;
}
.form_new-object .select-time-form .form-group-custom input + label .label-form {
  color: #A8A8A8;
}
.form_new-object .select-time-form .form-group-custom input:checked + label .label-form {
  color: #000;
}

#modal_delete-section-leads .title_modal {
  margin: 10px auto 10px;
}
#modal_delete-section-leads .list_info li {
  grid-template-columns: 1fr;
}
#modal_delete-section-leads .list_info li .content {
  background-color: #F4F4F4;
  border-radius: 7px;
  padding: 13px;
  display: flex;
  justify-content: space-between;
}

#modal_delete .message__wrapper, .modal_arhive .message__wrapper, #modal_delete-section-leads .message__wrapper, #modal_leads-color .message__wrapper, #modal_payment-successful .message__wrapper {
  width: 100%;
  max-width: 420px;
}

.content_full {
  min-height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.content_full .wrapper-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  margin-top: 20px;
}
.content_full .wrapper-btn .btn-project {
  margin: 0;
}
.content_full .text {
  color: #023241;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  font-family: Inter, sans-serif;
}
.content_full p {
  margin: 7px 0;
}
.content_full .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  text-align: center;
}
.content_full .wrapper-img {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px 0 35px;
}
.content_full .wrapper-img .img-delete {
  max-width: 260px;
  height: auto;
  width: 100%;
}

@media (max-width: 767px) {
  #modal_shifts .message__wrapper {
    max-width: 330px;
  }
  .list_select-object .item {
    grid-template-columns: auto 90px;
    grid-gap: 10px;
  }
  .list_select-object .img-circle {
    display: none;
  }
  .list_select-object .btn_admin {
    width: fit-content;
  }
  .btn-prev {
    margin: 15px auto 25px;
  }
  .block_calendar {
    grid-template-columns: 1fr 1fr;
  }
  .block_calendar.guard-calendar {
    grid-template-columns: 1fr 1.65fr;
  }
  .form_new-object .select2-container--default .select2-selection--single {
    min-width: unset;
    width: 100%;
  }
  .img-delete {
    width: 176px;
    height: 160px;
  }
  .wrapper_contact-info .block_contact .item_contact.d-flex-colum {
    display: flex;
    flex-direction: column;
    grid-gap: 5px;
  }
  .block_contact {
    display: flex;
    flex-direction: column;
  }
  .page-settings .block_contact .item_contact.block-mob {
    display: flex;
    flex-direction: column;
  }
  .page-leads .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px !important;
  }
}
@media (max-width: 1023px) {
  .icon-message::before {
    width: 22px;
    min-width: 22px;
    height: 22px;
    min-height: 22px;
  }
  .message__wrapper {
    max-width: 385px;
  }
}
@media (max-width: 425px) {
  .block_contact .item_contact {
    grid-template-columns: 90px auto;
    grid-gap: 5px;
  }
  .block_contact .item_contact .name_contact {
    font-size: 15px;
  }
  .page_wallet .block_contact .item_contact.block-mob {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 360px) {
  .page_wallet .block_contact .item_contact.block-mob {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 500px) {
  .page-login:before {
    background-size: 130%, cover;
    width: 150%;
  }
  .top-panel-title .btn-project.btn-add {
    margin: 0 auto;
    padding: 13px 8px;
  }
  .top-panel-title .btn-project.btn-add.element-3 {
    grid-column: span 2;
    width: 70%;
  }
  .page-leads .block_select .block_search {
    padding: 12px;
  }
}
@media (min-width: 768px) {
  .dropdown-multi-select .form-group-custom input + label.mob-grid {
    display: flex;
  }
  .dropdown-multi-select .btn-project.mt-15 {
    margin-top: 0;
  }
  .block-radiobutton {
    flex-direction: row;
    grid-gap: 0;
    align-items: center;
  }
  .block-radiobutton .dropdown-multi-select {
    grid-gap: 25px;
  }
  .wrapper_grid-form.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 20px;
  }
  .wrapper_grid-form.grid-2 .input-group.w-100 {
    grid-column: span 2;
  }
  .leads_list {
    display: flex;
    align-items: flex-start;
    overflow: auto;
  }
  .leads_list::-webkit-scrollbar {
    height: 3px;
  }
  .leads_list::-webkit-scrollbar-track {
    background-color: #EDEDED;
    border-radius: 20px;
  }
  .leads_list::-webkit-scrollbar-thumb {
    background-color: #CFCFCF;
    border-radius: 20px;
  }
  #modal_shifts .title_modal {
    padding: 0 25px;
    font-family: Inter, sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    width: 300px;
  }
  #modal_shifts .block_search {
    margin: 0 25px;
    width: calc(100% - 50px);
  }
  .list_select-object {
    max-height: 440px;
  }
  .list_select-object .item {
    padding: 10px 30px;
  }
  .select_sort-object .input-group.select-time {
    grid-template-columns: auto 107px;
  }
  .select_sort-object.type-w-100 .input-group.select-time {
    grid-template-columns: auto 107px;
  }
  .block_manager {
    width: 320px;
    margin-top: 27px;
  }
  .form_new-object {
    display: grid;
    grid-template-areas: "block_1 block_2" "block_3 block_2";
    grid-template-columns: auto 320px;
    grid-gap: 20px;
  }
  .form_new-object .block_1 {
    grid-area: block_1;
  }
  .form_new-object .block_2 {
    grid-area: block_2;
  }
  .form_new-object .block_3 {
    grid-area: block_3;
  }
  .form_new-object .grid-w-100 {
    grid-column: 1/span 2;
  }
  .form_new-object .wrapper_check.check-sort {
    display: grid;
    grid-template-columns: 130px auto;
    align-items: center;
  }
  .form_new-object .wrapper_check.check-sort .select-sort:last-child {
    grid-column: 2/span 1;
  }
  .form_new-object .select-time-form {
    padding-top: 22px;
    padding-left: 15px;
  }
  .contact-info.max-width .block_contact .item_contact {
    grid-template-columns: 130px auto;
  }
  .wrap_tabs-object .wrap_tabs-btn {
    display: flex;
    align-items: center;
    grid-gap: 20px;
    margin-bottom: 20px;
    grid-template-columns: unset;
  }
  .wrap_tabs-object .wrap_tabs-btn .btn-project.btn-tab {
    min-width: 165px;
  }
  .message-tariff .section-pricing .block-price {
    align-items: flex-end;
    flex-direction: column;
  }
  .message-tariff .section-pricing .title-tabs .type {
    display: block;
  }
  .message-tariff .section-pricing .title-tabs {
    grid-template-columns: 20px auto 125px;
  }
  .message-tariff .section-pricing .title-tabs .title-keys {
    display: block;
    white-space: nowrap;
  }
  .page-settings .block_contact .item_contact {
    display: grid;
    grid-template-columns: 200px auto;
  }
  .wrapper_message-not-found {
    background-color: #FFFFFF;
    padding: 76px 20px 36px;
    height: 567px;
    display: flex;
    align-items: center;
  }
  .table-project.table_applicant .list_applicant {
    display: grid;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
  }
  .page-applicant .wrapper_grid-form {
    display: grid;
    grid-template-columns: repeat(6, calc((100% - 75px) / 6));
    grid-gap: 15px;
  }
  .page-applicant .wrapper_grid-form .input-group {
    grid-column: 1/span 3;
  }
  .page-applicant .wrapper_grid-form .input-group:nth-child(2n) {
    grid-column: 4/span 3;
  }
  .page-applicant .wrapper_grid-form .input-group.grid-1 {
    grid-column: 1/span 6;
  }
  .page-applicant .btn-group.d-grid.grid-3 {
    display: flex;
    grid-template-columns: unset;
  }
  .page-applicant .btn-group.d-grid.grid-3 .btn-project {
    margin: 0;
    width: fit-content;
    padding: 12px 54px;
  }
  .page-applicant .btn-project.btn-delete-applicant {
    padding: 12px 54px !important;
    border: 1px solid #40C6FF;
  }
  .page-applicant .btn-project.btn-delete-applicant .icon-delete-filter {
    display: none;
  }
  .page-applicant .btn-project.btn-delete-applicant .text-desktop {
    display: block;
  }
  .top-panel-title .block_btn-admin .btn-project {
    padding: 11px 20px;
  }
  .page-leads .block_select {
    display: flex;
    grid-gap: 20px;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-start;
  }
  .page-leads .block_select .block_search {
    margin: 0;
    min-width: 292px;
    width: fit-content;
  }
  .page-leads .block_select .wrapper-select {
    margin: 0;
  }
  .list_applicant {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
  }
  .block_btn-admin .btn-project.max-width {
    padding: 11px 15px;
  }
  .wrapper_contact-info .block_contact .item_contact {
    grid-template-columns: 150px auto;
  }
  .contact-info .btn_edit-contact {
    padding: 10px 11px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .contact-info .btn_edit-contact .text-button {
    display: none;
  }
  .block_btn-admin {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .block_btn-admin.grid-2 {
    grid-template-columns: 1fr 1fr;
  }
  .block_btn-admin.grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .page-leads .wrapper_leads-content .wrapper_grid-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 20px;
    max-width: 850px;
  }
  .page-leads .wrapper_leads-content .wrapper_grid-form .input-group:first-child {
    width: calc(50% - 10px);
  }
  .page-leads .wrapper_leads-content .wrapper_grid-form .input-group:first-child .wrapper-select {
    min-width: 100%;
  }
  .page-leads .wrapper_leads-content .wrapper_grid-form .input-group:first-child, .page-leads .wrapper_leads-content .wrapper_grid-form .input-group:nth-child(4) {
    grid-column: span 2;
  }
  .top-panel-title {
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    align-items: center;
  }
  .top-panel-title.type-2 {
    flex-direction: column;
  }
  .block_select-file {
    max-width: 273px;
  }
  .btn-prev {
    margin: 30px 0px 30px;
  }
  .wrap_select-file {
    display: flex;
    align-items: center;
    grid-gap: 20px;
  }
  .wrap_select-file .info-select-file {
    color: #B8B8B8;
    font-size: 18px;
    font-family: Segoe UI, sans-serif;
    text-rendering: geometricPrecision;
  }
  .wrapper_calendars {
    grid-template-columns: 1fr 1fr;
  }
  .block_user-info {
    display: grid;
    grid-template-columns: 1fr 1.7fr;
    grid-gap: 20px;
  }
  .page-login:before {
    height: 237px;
  }
  .page-login .wrap_form_login {
    max-width: 400px;
  }
  .title_table-2 {
    text-align: left;
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .dropdown-multi-select .form-group-custom input + label.mob-grid {
    display: grid;
  }
  .dropdown-multi-select .btn-project.mt-15 {
    margin-top: 15px;
  }
  .content_full .wrapper-img {
    padding: 10px 0 44px;
    min-height: unset;
  }
  .form_new-object .btn-group.flex-center {
    width: 50%;
  }
  .message .slick-slide img {
    height: 85px;
  }
  .message__wrapper.message-tariff {
    width: 805px;
  }
  .message__wrapper.message-tariff .two-col__desktop {
    padding: 0;
  }
  .message__wrapper.message-tariff .section-pricing .block-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
  }
  .message__wrapper.message-tariff .section-pricing .title-tabs .title-keys {
    grid-gap: 5px;
    flex-direction: column;
  }
  .message__wrapper.message-tariff .section-pricing .block-price {
    flex-direction: column;
  }
  .top-navigation {
    display: flex;
    align-items: center;
  }
  .top-navigation .block_search {
    max-width: 340px;
  }
  .top-navigation .btn-import, .top-navigation .btn-add {
    width: fit-content;
  }
  .top-navigation .title_table {
    margin-right: auto;
    text-align: left;
  }
  .page-applicant .wrapper_grid-form .input-group:nth-child(1) {
    grid-column: 1/span 2;
  }
  .page-applicant .wrapper_grid-form .input-group:nth-child(2) {
    grid-column: 3/span 2;
  }
  .page-applicant .wrapper_grid-form .input-group:nth-child(3) {
    grid-column: 1/span 2;
  }
  .page-applicant .wrapper_grid-form .input-group:nth-child(4) {
    grid-column: 3/span 2;
  }
  .page-applicant .wrapper_grid-form .input-group:nth-child(5) {
    grid-column: 5/span 2;
  }
  .page-applicant .wrapper_grid-form .input-group:nth-child(6) {
    grid-column: 1/span 2;
  }
  .page-applicant .wrapper_grid-form .input-group:nth-child(7) {
    grid-column: 3/span 1;
  }
  .page-applicant .wrapper_grid-form .input-group:nth-child(8) {
    grid-column: 4/span 3;
  }
  .page-applicant .wrapper_grid-form .input-group.grid-1 {
    grid-column: 1/span 6;
  }
  .page-applicant .wrapper_grid-form .input-group.grid-1.grid-lg-2 {
    grid-column: 1/span 3;
  }
  .page-applicant .wrapper_grid-form .input-group.grid-1.grid-lg-2 + .input-group.grid-1.grid-lg-2 {
    grid-column: 4/span 3;
  }
  .admin-panel {
    transition: width 0.5s;
  }
  .block_settings .wrapper_grid-2 {
    display: flex;
    flex-direction: row;
    grid-gap: 30px;
  }
  .block_settings .wrapper_grid-2 .contact-info {
    width: 100%;
  }
  .page-settings .block_contact .item_contact {
    display: flex;
    grid-gap: 20px;
  }
}
@media (min-width: 1200px) {
  .content_full {
    min-height: 70vh;
  }
  .content_full .wrapper-img .img-delete {
    max-width: 350px;
  }
  .page-leads .select2-container--default .select2-selection--single {
    height: 50px !important;
  }
  .page-leads .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px !important;
  }
  .list_manager.list_manager-guard {
    max-height: 190px;
  }
  .top-panel-title.type-2 {
    flex-direction: row;
  }
  .block_table-2 {
    display: flex;
    flex-direction: row;
    grid-gap: 0 40px;
    width: 100%;
    min-width: 100%;
  }
  .block_table-2 .table-1 {
    width: 60%;
  }
  .block_table-2 .table-2 {
    width: 40%;
  }
  .page-settings .block_contact .item_contact {
    display: grid;
    grid-template-columns: 200px auto;
  }
  .page-settings .select2-results__option {
    font-size: 15px;
  }
  .block_select-pdf {
    max-width: 275px;
  }
  .table-project.table_applicant td::before {
    content: attr(data-label);
    float: left;
    color: #A8A8A8;
  }
  .table-project.table_applicant thead {
    display: none;
  }
  .table-project.table_applicant .list_applicant {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .table-project.table_applicant .list_applicant .content {
    padding: 2px;
    grid-template-columns: 60px auto;
  }
  .table-project.table_applicant.table-position thead {
    display: table-header-group;
  }
  .table-project.table_applicant.table-position thead th:first-child {
    padding-left: 40px;
  }
  .table-project.table_applicant.table-position tr {
    box-shadow: none;
  }
  .table-project.table_applicant.table-position tr:nth-child(odd) {
    background-color: #F6FCFF;
  }
  .table-project.table_applicant.table-position td {
    padding: 15px 10px;
  }
  .table-project.table_applicant.table-position td:first-child {
    padding-left: 40px;
  }
  .table-project.table_applicant.table-position td::before {
    content: none;
  }
  .table-project.table_applicant.table-position .list_applicant {
    display: table-row-group;
  }
  .table-project.table_applicant.table-position .list_applicant .content {
    padding: 7px;
  }
  .table-project.table_applicant.table-position .list_applicant .text_content {
    font-size: 15px;
  }
  .table-project.table_applicant.table-position .list_applicant .text_content .phone {
    font-size: 15px;
    line-height: 130%;
    color: #023241;
    font-weight: 400;
    white-space: nowrap;
  }
  .table-project.table_applicant.table-position .list_applicant .text_content .name {
    font-size: 15px;
    line-height: 130%;
    color: #023241;
    font-weight: 400;
  }
  .table-project.table_applicant.table-position .list_applicant .text_content.data {
    color: #023241;
  }
  .table-project.table_applicant.table-position .list_applicant .number, .table-project.table_applicant.table-position .list_applicant .action {
    display: table-cell;
  }
  .table-project.table_applicant.table-position .list_applicant .content {
    display: table-cell;
  }
  .table-project.table_applicant.table-position .block_action.flex {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    margin-top: 10px;
  }
  .order-2 {
    order: 2;
  }
  .block_select .btn_table-position {
    overflow: hidden;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.031372549);
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    padding: 18px;
    order: 1;
    align-items: center;
    justify-content: center;
  }
  .list_applicant {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .block_btn-admin .btn-project.max-width {
    padding: 11px 25px;
  }
  .white-nowrap {
    white-space: nowrap;
  }
  .wrapper_contact-info {
    display: flex;
    grid-gap: 100px;
  }
  .wrapper_contact-info .block_contact:last-child {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .block_user-info .btn_edit-contact {
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .block_user-info .btn_edit-contact .text-button {
    display: none;
  }
  .block_calendar {
    grid-template-columns: 1fr 1.7fr;
  }
  .block_calendar .select2-container--default .select2-selection--single {
    border-radius: 0 10px 10px 0 !important;
  }
  .block_calendar .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #A8A8A8 !important;
    text-rendering: geometricprecision;
  }
  .block_calendar .select2-container--default .select2-selection--single {
    min-width: 100%;
  }
  .block_calendar label {
    padding: 11px 16px;
    white-space: nowrap;
  }
  .block_calendar .input-calendar {
    padding: 13px 16px;
    font-size: 18px;
  }
  .block_calendar .input-calendar::placeholder {
    font-size: 18px;
  }
  .block_calendar .wrapper-select {
    min-width: 100%;
  }
  .block_calendar.guard-calendar label {
    padding: 17px 16px;
  }
  .block_calendar.guard-calendar .input-calendar {
    padding: 19px 16px;
  }
  .block_calendar.guard-calendar .calendar .icon-calendar {
    top: 20px;
  }
  .block_calendar.guard-calendar .select2-container--default .select2-selection--single {
    height: 62px !important;
  }
  .block_calendar.guard-calendar .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 64px !important;
  }
  .block_calendar.guard-calendar .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 60px !important;
  }
  table.table-project td.action.block:last-child .block_action.flex {
    margin-top: 0;
    flex-wrap: nowrap;
    padding-right: 15px;
  }
  table.table-project td:last-child {
    display: table-cell;
  }
  .block_user-info {
    display: grid;
    grid-template-columns: 338px auto;
    grid-gap: 30px;
  }
  .wrapper_calendars {
    display: grid;
    grid-template-columns: 1fr 1fr 1.3fr;
    grid-gap: 30px;
  }
  .page-login .title {
    font-size: 40px;
  }
  .page-login .wrapper-fom .btn-project {
    max-width: 220px;
  }
  .page-login .wrapper-fom .btn-project.w-100 {
    max-width: 377px;
  }
  .page-login .form-project .input-project {
    width: 377px;
  }
  .page-login .wrapper_input {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
    margin-bottom: 25px;
  }
  .page-login .wrapper_input .input-group {
    padding-bottom: 0;
  }
  .page-login .wrapper_input .input-project {
    width: 280px;
  }
  .table-project .btn-delete.btn-delete-client .icon_table-delete {
    display: block;
  }
  .table-project .btn-delete.btn-delete-client .text {
    display: none;
  }
  .table-project td {
    vertical-align: middle;
  }
  .grid_modal-message {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px 20px;
  }
  .content-group {
    display: block;
  }
  .content-group .text_message {
    background-color: #F4F4F4;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
  }
  .content-group:last-child {
    grid-column: span 2;
  }
  #modal_message .btn-project {
    margin-top: 30px;
  }
  #modal_message .message__wrapper {
    width: 600px;
  }
}
@media (min-width: 1280px) {
  .form_new-object .block_1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 20px;
  }
  .form_new-object .block_3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 20px;
  }
  .user-chat-properties .block_contact.flex-column .item_contact {
    padding-bottom: 7px;
  }
  .page-login:before {
    height: 237px;
  }
  .form-project .text-grey {
    margin-top: 70px;
  }
  .block_contact.max-width .item_contact {
    grid-template-columns: 160px auto;
  }
  .page-applicant .block_contact li {
    order: unset;
  }
  .page-applicant .block_contact li.order-1 {
    order: 1;
  }
  .page-applicant .block_contact li.order-2 {
    order: 2;
  }
  .page-applicant .block_contact li.order-3 {
    order: 3;
  }
  .page-applicant .block_contact li.order-4 {
    order: 4;
  }
  .page-applicant .block_contact li.order-5 {
    order: 5;
  }
  .page-applicant .block_contact li.order-6 {
    order: 6;
  }
  .page-applicant .block_contact li.order-7 {
    order: 7;
  }
  .page-applicant .block_contact li.order-8 {
    order: 8;
  }
  .page-applicant .block_contact li.order-9 {
    order: 9;
  }
  .page-applicant .block_contact li.order-10 {
    order: 10;
  }
  .page-applicant .block_contact li.order-11 {
    order: 11;
  }
}
@media (min-width: 1360px) {
  .dropdown-multi-select .form-group-custom input + label.mob-grid {
    display: flex;
  }
  .dropdown-multi-select .btn-project.mt-15 {
    margin-top: 0;
  }
  .form-project .input-project {
    height: 50px;
  }
  .select2-container--default .select2-selection--single {
    height: 50px !important;
  }
  .block_search .input-search {
    font-size: 18px;
  }
  .message-not-found {
    text-align: left;
  }
  .block_calendar label {
    font-size: 18px;
  }
  .wrapper_calendars {
    margin-top: 40px;
  }
  .leads_list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .leads_list li:last-child {
    grid-column: unset;
  }
}
@media (min-width: 1440px) {
  .block-radiobutton .dropdown-multi-select {
    grid-gap: 45px;
  }
  .wrapper_grid-form.w-lg-75 {
    max-width: 75%;
  }
  .wrapper_calendars {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .list_manager {
    max-height: 378px;
  }
  .contact-info.max-width {
    padding: 20px 35px;
  }
  .title_table-2 {
    margin: 0;
  }
  .form_new-object .dropdown-multi-select {
    max-width: 90%;
  }
  .form_new-object .select-time-form {
    max-width: 90%;
  }
  .table-project.table_applicant .list_applicant {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .page-login .wrapper-fom {
    padding-top: 100px;
  }
}
@media (min-width: 1900px) {
  .wrapper_grid-form.w-lg-75 {
    max-width: 70%;
  }
  .form_new-object {
    grid-template-columns: 2fr 1fr;
  }
  .form_new-object .select-time-form {
    max-width: 70%;
  }
  .form_new-object .block_manager {
    width: unset;
  }
  .block_calendar {
    grid-template-columns: 1fr 1.3fr;
  }
  .block_calendar label {
    padding: 11px 40px;
  }
  .block_calendar .input-calendar {
    padding: 13px 20px 13px 40px;
  }
}
.wrapper_block-chats {
  background-color: #FFFFFF;
  padding: 15px;
}
.wrapper_block-chats .block_search {
  position: sticky;
  top: 0;
}

.chat_messages-list {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .chat_messages-item {
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
  }
  .chat_messages-item.active {
    visibility: visible;
    max-height: unset;
    overflow: unset;
  }
}

.grid_block-chats {
  display: flex;
}
.grid_block-chats .wrapper_list-chats {
  flex: 1 0 100%;
}
@media (max-width: 767px) {
  .grid_block-chats .messages__content {
    transform: rotateY(90deg);
    flex: 0 0 0;
    width: 0;
    max-height: 0;
  }
}
@media (max-width: 767px) {
  .grid_block-chats.active .wrapper_list-chats {
    transform: rotateY(90deg);
    flex: 0 0 0;
    width: 0;
    max-height: 0;
  }
  .grid_block-chats.active .messages__content {
    transform: unset;
    max-height: unset;
    flex: 1 0 100%;
  }
}
.grid_block-chats > * {
  max-height: 100%;
  transition: all 0.5s linear;
  transition-property: transform, flex;
}
@media (min-width: 768px) {
  .grid_block-chats .wrapper_list-chats {
    flex: 1 0 33.3333333333%;
    transform: unset;
  }
  .grid_block-chats .messages__content {
    flex: 1 0 66.6666666667%;
    transform: unset;
  }
}

.message .select2-container--default .select2-selection--single {
  background-color: #F4F4F4;
}
@media (min-width: 1024px) {
  .message .select2-container--default .select2-selection--single {
    height: 50px;
  }
}

.wrapper_profile .block- {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 18px 0;
  padding-left: 10px;
}
.wrapper_profile .block- .title-block {
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  text-align: left;
  color: #023241;
}
.wrapper_profile .block_contact {
  margin-top: 10px;
  margin-bottom: 0;
}
.wrapper_profile .block_user.client {
  margin-top: 0;
  background: #F4F4F4;
}
.wrapper_profile .block_user.client .wrap_photo {
  width: 64px;
  height: 64px;
}
.wrapper_profile .block_user.client .online-status {
  color: #05DA98;
  font-size: 15px;
  font-weight: 500;
  display: block;
  text-align: center;
}
.wrapper_profile .contact-info {
  background: #F4F4F4;
  padding: 15px 20px;
}
.wrapper_profile .contact-info .title {
  font-size: 16px;
}
.wrapper_profile .block_user {
  padding: 15px 34px;
}
.wrapper_profile .block_contact.flex-column .item_contact {
  padding-bottom: 5px;
}

.list_info-schedule {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 25px;
  margin-top: 0;
}

.photo-user {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-user.blue {
  background-color: #e1f6ff;
  color: #000;
}
.photo-user.grey {
  background-color: #ebebeb;
  color: #000;
}

.wrapper_list-chats .block_search {
  background-color: #F7F7F7;
  margin-top: 0;
}

.block_btn-warehouse {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 18px 0;
}

.btn-warehouse {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 33px;
  border-radius: 10px;
  background: #40C6FF;
}

.block_send-message {
  position: relative;
  width: 100%;
}
.block_send-message .icon-plus-file {
  background: transparent;
}
.block_send-message .icon-plus-file::before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M8.46599 7.09035L8.46599 0.973005C8.46615 0.593104 8.15808 0.285032 7.77817 0.285194C7.39811 0.285194 7.09036 0.592942 7.09036 0.973006L7.09036 7.09035L0.97286 7.09051C0.592796 7.09051 0.285048 7.39826 0.285048 7.77832C0.284886 8.15822 0.592958 8.46629 0.97286 8.46613L7.09036 8.46597L7.0902 14.5835C7.09004 14.9634 7.39811 15.2714 7.77801 15.2713C7.96788 15.2711 8.13992 15.1941 8.26428 15.0697C8.38864 14.9454 8.46566 14.7733 8.46566 14.5833L8.46582 8.46581L14.5832 8.46581C14.7732 8.46581 14.9452 8.38879 15.0696 8.26443C15.194 8.14006 15.271 7.96803 15.271 7.778C15.2711 7.39809 14.9631 7.09002 14.5832 7.09018L8.46599 7.09035Z%27 fill=%27%23a8a8a8%27/%3E%3C/svg%3E%0A");
}

.wrapper_send-message {
  bottom: 30px;
  left: 20px;
  right: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 10px;
}
.wrapper_send-message textarea.textarea_send-message {
  border: none;
  min-height: 30px;
  height: 30px;
  width: 100%;
  line-height: 150%;
}
.wrapper_send-message textarea.textarea_send-message::placeholder {
  color: #A8A8A8;
  line-height: 150%;
}
.wrapper_send-message textarea.textarea_send-message:focus-visible {
  outline: none;
}

.chat-section {
  display: flex;
  align-items: center;
  background-color: var(--white);
  width: calc(100% + 30px);
  padding: 15px 0;
  gap: 25px;
  border-radius: 10px;
  margin: 0 -15px;
}
@media (min-width: 425px) {
  .chat-section {
    width: calc(100% + 50px);
    margin: 0 -25px;
  }
}
@media (min-width: 1024px) {
  .chat-section {
    width: 100%;
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .chat-section {
    padding: 25px 0;
  }
}

.chat-container {
  max-width: unset;
  width: 100%;
}

.chat-section ~ .footer-bottom {
  padding-top: 10px;
}

/* start: Content side */
.chat-content {
  position: relative;
  width: 100%;
  min-height: 600px;
  height: calc(100vh - 266px - 180px);
}
@media (min-width: 768px) {
  .chat-content {
    height: calc(100vh - 410px);
  }
}

.content-sidebar {
  width: calc(33.3333333333% - 12px);
  display: flex;
  flex-direction: column;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--white);
  padding: 12px;
}
@media (min-width: 768px) {
  .content-sidebar {
    padding-left: 12px;
    width: calc(36.333333% - 12px);
  }
}
@media (min-width: 1200px) {
  .content-sidebar {
    width: calc(33.333333% - 12px);
  }
}

.content-sidebar-title {
  font-size: 20px;
  font-weight: 600;
  padding: 16px;
}

.content-sidebar-form {
  background-color: #F4F4F4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-radius: 10px;
  box-shadow: none;
  box-sizing: border-box;
  order: 0;
  width: 100%;
}

.content-sidebar-input {
  border: none;
  background-color: transparent;
  outline: none;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 20px;
  color: #A8A8A8;
  box-sizing: border-box;
}

.content-sidebar-submit {
  top: 50%;
  right: 32px;
  color: #A8A8A8;
  background-color: transparent;
  outline: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.15s ease-in-out;
}

.content-sidebar-submit:hover {
  color: var(--slate-600);
}

.content-messages {
  overflow-y: auto;
  height: 100%;
  margin-top: 16px;
  padding-right: 5px;
}
.content-messages::-webkit-scrollbar {
  width: 4px;
}
.content-messages::-webkit-scrollbar-track {
  background-color: #EDEDED;
  border-radius: 0 0 0 0;
}
.content-messages::-webkit-scrollbar-thumb {
  background-color: #CFCFCF;
  border-radius: 20px;
}

.content-messages-list {
  list-style-type: none;
  padding: 8px 0;
}

.content-messages-list > * > a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--slate-700);
  padding: 12px 16px;
  grid-gap: 15px;
}

.content-messages-list > .active > a {
  background-color: #F4F4F4;
}

.content-message-title {
  margin-left: 16px;
  margin-right: 16px;
  color: var(--slate-400);
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 2px;
  position: relative;
}

.content-message-title > * {
  position: relative;
  z-index: 1;
  padding: 0 4px 0 0;
  background-color: var(--white);
}

.content-message-title::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid var(--slate-300);
  z-index: 0;
}

.content-message-image {
  width: 100%;
  height: auto;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.content-message-info {
  display: grid;
  margin-right: 12px;
  width: 100%;
}

.content-message-name {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 2px;
  text-rendering: geometricPrecision;
}

.content-message-text {
  font-size: 14px;
  color: var(--slate-400);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.content-message-more {
  text-align: right;
}

.content-message-unread {
  font-size: 12px;
  font-weight: 500;
  color: var(--white);
  background-color: #40C6FF;
  padding: 2px 6px;
  border-radius: 4px;
}

.content-message-time {
  font-size: 12px;
  color: var(--slate-400);
  font-weight: 500;
  white-space: nowrap;
}

/* end: Content side */
.message_new {
  border-radius: 10px;
  background: #40C6FF;
}
.message_new .content-message-text {
  color: #fff;
}
.message_new .content-message-time {
  color: #fff;
}

.content-messages-list .message_new {
  color: #fff;
  margin-bottom: 10px;
}
.content-messages-list .message_new a {
  color: #fff;
}

/* start: Conversation */
.conversation {
  height: 100%;
  padding-left: calc(33.3333333333% - 12px);
  padding-right: 15px;
  display: none;
  width: 100%;
}
@media (min-width: 768px) {
  .conversation {
    padding-left: calc(37.333333% - 12px);
  }
}
@media (min-width: 1200px) {
  .conversation {
    padding-left: calc(33.333333% - 12px);
  }
}

.conversation.active {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 1440px) {
  .conversation.active:not(.conversation-default) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "main profile" "input profile";
  }
  .conversation.active:not(.conversation-default) .conversation-main {
    grid-area: main;
  }
  .conversation.active:not(.conversation-default) .conversation-form {
    grid-area: input;
  }
}

.contact-info {
  margin-top: 0;
}

.conversation-top {
  grid-area: profile;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-height: 100%;
  height: fit-content;
}
.conversation-top.active ~ * {
  display: none;
}
.conversation-top .user-chat {
  display: flex;
  align-items: center;
  height: 100px;
  min-height: 100px;
  background-color: #f4f4f4;
  border-radius: 10px;
  overflow: hidden;
}
.conversation-top .contact-info {
  background-color: #f4f4f4;
  border-radius: 10px;
  overflow: auto;
  max-height: 300px;
}
.conversation-top .contact-info::-webkit-scrollbar {
  width: 4px;
}
.conversation-top .contact-info::-webkit-scrollbar-track {
  background-color: #EDEDED;
  border-radius: 0 0 0 0;
}
.conversation-top .contact-info::-webkit-scrollbar-thumb {
  background-color: #CFCFCF;
  border-radius: 20px;
}
.conversation-top .user-chat-properties {
  display: none;
}
.conversation-top .user-chat-properties-toggler {
  margin: -15px -15px 0 auto;
  align-self: flex-start;
}
.conversation-top .user-chat-properties.active {
  z-index: 11;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  bottom: 0;
  right: 0;
  left: 0;
}
@media (max-width: 1439.99px) {
  .conversation-top .user-chat-properties.active .block_btn-warehouse {
    justify-content: space-between;
  }
  .conversation-top .user-chat-properties.active .table-responsive {
    order: 11;
  }
}
@media (max-width: 767px) {
  .conversation-top .user-chat-properties.active .message-toggler {
    display: none;
  }
  .conversation-top .user-chat-properties.active .block_btn-warehouse {
    justify-content: center;
  }
}
.conversation-top .user-chat-properties.active .title-block {
  text-align: center;
  margin: 5px 0 15px;
  font-size: 20px;
  line-height: 130%;
  color: #023241;
  font-weight: 600;
}
@media (min-width: 768px) {
  .conversation-top .user-chat-properties.active {
    left: calc(33.3333333333% - 12px);
    padding-left: 0;
    padding-top: 0;
  }
}
@media (min-width: 1440px) {
  .conversation-top .user-chat-properties {
    display: flex;
    flex-direction: column;
    left: calc(66.6666666667% - 5px);
    z-index: unset;
    background-color: var(--white);
    position: absolute;
    bottom: 0;
    right: 15px;
    top: 120px;
    padding: 0 0 15px;
    overflow: auto;
  }
  .conversation-top .user-chat-properties-toggler {
    visibility: hidden;
  }
}

.conversation-back {
  background-color: transparent;
  border: none;
  outline: none;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  color: var(--slate-400);
  margin-right: 12px;
  display: none;
}

.conversation-back:hover {
  background-color: #F4F4F4;
  border-radius: 50%;
  color: var(--slate-600);
}

.conversation-back:active {
  background-color: var(--slate-200);
}

.conversation-user {
  display: flex;
  align-items: center;
  padding: 15px;
}

.conversation-user-image {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  object-fit: cover;
}

.conversation-user-name {
  font-weight: 500;
  font-size: 17px;
}

.info_user-chat {
  margin-left: 25px;
  margin-top: 0;
  background: #F4F4F4;
  grid-gap: 10px;
  flex-grow: 2;
  height: 100%;
}
.info_user-chat .wrap_photo {
  width: 64px;
  height: 64px;
}
.info_user-chat .online-status {
  color: #05DA98;
  font-size: 15px;
  font-weight: 500;
  display: block;
  text-align: center;
}
.info_user-chat .ofline-status {
  color: red;
  font-size: 15px;
  font-weight: 500;
  display: block;
  text-align: center;
}

.conversation-user-status {
  display: flex;
  align-items: center;
}

.conversation-user-status::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: var(--slate-300);
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
  margin-right: 4px;
}

.conversation-user-status.online::before {
  background-color: var(--emerald-500);
}

.conversation-buttons {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.conversation-buttons > * {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-size: 20px;
  background-color: transparent;
  border: none;
  outline: transparent;
  cursor: pointer;
  color: var(--slate-600);
  margin-left: 4px;
}

.conversation-buttons > :hover {
  background-color: #F4F4F4;
  color: var(--slate-700);
}

.conversation-buttons > :active {
  background-color: var(--slate-200);
}

.conversation-main {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding: 16px;
  background-color: #f4f4f4;
  border-radius: 10px 10px 0 0;
}
.conversation-main.centered {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.conversation-wrapper {
  list-style-type: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.conversation-item {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.conversation-item.me {
  flex-direction: row;
}

.conversation-item.me .conversation-item-side {
  margin-right: 8px;
}

.conversation-item-image {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  object-fit: cover;
  display: flex;
  align-content: center;
  justify-content: center;
}

.conversation-item-content {
  width: 100%;
}

.conversation-item-wrapper:not(:last-child) {
  margin-bottom: 8px;
}

.conversation-item-box {
  max-width: 720px;
  position: relative;
  margin-left: auto;
}

.conversation-item.me .conversation-item-box {
  margin-left: unset;
}

.conversation-item-text {
  padding: 12px 16px 8px;
  background-color: var(--white);
  box-shadow: 0 2px 12px -2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  border-radius: 6px;
  line-height: 1.5;
}

.conversation-item.me .conversation-item-text {
  margin-left: unset;
  margin-right: 32px;
}

.conversation-item.me .conversation-item-text {
  background-color: var(--emerald-500);
  box-shadow: 0 2px 12px -2px var(--emerald-500);
  color: rgba(255, 255, 255, 0.8);
}

.conversation-item-time {
  font-size: 10px;
  color: var(--slate-400);
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  margin-top: 4px;
  line-height: 1;
}

.conversation-item.me .conversation-item-time {
  color: rgba(255, 255, 255, 0.7);
}

.conversation-status {
  width: 7px;
  height: 7px;
  background-color: #E1F6FF;
  border-radius: 50%;
}
.conversation-status.new {
  background-color: #40C6FF;
}

.conversation-item-dropdown {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in-out;
}

.conversation-item.me .conversation-item-dropdown {
  left: unset;
  right: 0;
}

.conversation-item-wrapper:hover .conversation-item-dropdown {
  opacity: 1;
  visibility: visible;
}

.conversation-item-dropdown-toggle {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: var(--white);
  outline: transparent;
  border: 1px solid var(--slate-200);
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}

.conversation-item-dropdown-toggle:hover {
  background-color: var(--emerald-500);
  color: var(--white);
  box-shadow: 0 2px 12px -2px var(--emerald-500);
}

.conversation-item-dropdown-toggle:active {
  background-color: var(--emerald-600);
}

.conversation-item-dropdown-list {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: var(--white);
  z-index: 10;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  padding: 4px 0;
  list-style-type: none;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.9);
  transform-origin: left top;
  transition: all 0.15s ease-in-out;
}

.conversation-item.me .conversation-item-dropdown-list {
  left: unset;
  right: 0;
}

.conversation-item-dropdown.active .conversation-item-dropdown-list {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.conversation-item-dropdown-list a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: var(--slate-400);
  font-size: 13px;
  padding: 6px 12px;
}

.conversation-item-dropdown-list a:hover {
  background-color: #F4F4F4;
  color: var(--slate-600);
}

.conversation-item-dropdown-list a:active {
  background-color: var(--slate-200);
}

.conversation-item-dropdown-list a i {
  font-size: 16px;
  margin-right: 8px;
}

.coversation-divider {
  text-align: center;
  font-size: 13px;
  color: var(--slate-400);
  position: relative;
}

.coversation-divider::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 1px solid var(--slate-300);
}

.coversation-divider span {
  display: inline-block;
  padding: 0 8px;
  background-color: #F4F4F4;
  position: relative;
  z-index: 1;
}

.conversation-form {
  margin-top: -20px;
  border-radius: 10px;
  padding: 8px 16px;
  display: flex;
  align-items: flex-end;
  background-color: #f4f4f4;
}

.conversation-main + .conversation-form {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.conversation-form-group {
  width: 100%;
  position: relative;
  margin-left: 16px;
  margin-right: 16px;
}

.conversation-form-input {
  background-color: #F4F4F4;
  border: 1px solid var(--slate-300);
  border-radius: 4px;
  outline: transparent;
  padding: 10px 32px;
  font: inherit;
  font-size: 14px;
  resize: none;
  width: 100%;
  display: block;
  line-height: 1.5;
  max-height: 188px;
}

.conversation-form-input:focus {
  border-color: var(--slate-400);
}

.conversation-form-pre-record {
  position: absolute;
  bottom: 8px;
  left: 16px;
  font-size: 20px;
  color: var(--slate-400);
  background-color: transparent;
  border: none;
  outline: transparent;
  cursor: pointer;
}

.conversation-form-record {
  position: absolute;
  bottom: 8px;
  right: 16px;
  font-size: 20px;
  color: var(--slate-400);
  background-color: transparent;
  border: none;
  outline: transparent;
  cursor: pointer;
}

.conversation-form-record:hover {
  color: var(--slate-600);
}

.conversation-form-button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: none;
  background-color: transparent;
  outline: transparent;
  font-size: 20px;
  color: var(--slate-400);
  cursor: pointer;
  flex-shrink: 0;
}

.conversation-form-button:hover {
  background-color: #F4F4F4;
  color: var(--slate-600);
}

.conversation-form-button:active {
  background-color: var(--slate-200);
  color: var(--slate-600);
}

.conversation-form-submit {
  background-color: var(--emerald-500);
  box-shadow: 0 2px 8px -2px var(--emerald-500);
  color: var(--white);
}

.conversation-form-submit:hover {
  background-color: var(--emerald-600);
  color: var(--white);
}

.conversation-form-submit:active {
  background-color: var(--emerald-700);
  color: var(--white);
}

.conversation-default {
  align-items: center;
  justify-content: center;
  padding-left: calc(33.3333333333% + 16px);
  color: var(--slate-400);
}

.conversation-default i {
  font-size: 32px;
}

.conversation-default p {
  margin-top: 16px;
}

.wrapper_group-user {
  padding: 0 10px;
  border-radius: 0;
  position: relative;
}
.wrapper_group-user .group-user__search {
  position: sticky;
  width: 100%;
  top: 0;
  left: 0;
  background-color: white;
  z-index: 10;
}
.wrapper_group-user .list_users {
  max-height: 100%;
  margin: 0;
}
.wrapper_group-user .info_group {
  position: sticky;
  width: 100%;
  bottom: -25px;
  background-color: #FFFFFF;
  padding: 10px 0;
}
@media (min-width: 1440px) {
  .wrapper_group-user {
    padding: 0;
  }
}

/* start: Breakpoints */
@media screen and (max-width: 767px) {
  .conversation .table-chats {
    display: block;
  }
}
@media (min-width: 768px) {
  .table-chats table tbody {
    padding: 0;
  }
}
/* end: Conversation */
@media (min-width: 768px) {
  .conversation .table-chats {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .main-chat.main-content {
    background-color: #fff;
  }
  .chat-sidebar {
    top: unset;
    bottom: 0;
    width: 100%;
    height: 48px;
  }
  .chat-sidebar-logo {
    display: none;
  }
  .chat-sidebar-menu {
    flex-direction: row;
    padding: 0;
  }
  .chat-sidebar-menu > *,
.chat-sidebar-menu > * > a {
    width: 100%;
    height: 100%;
  }
  .chat-sidebar-menu > * > a {
    padding: 8px;
  }
  .chat-sidebar-menu > .active > a {
    box-shadow: inset 0 4px 0 0 var(--emerald-500);
  }
  .chat-sidebar-profile {
    margin-top: 0;
    display: flex;
    align-items: center;
  }
  .chat-sidebar-profile-toggle {
    width: 32px;
    height: 32px;
  }
  .chat-sidebar-profile-dropdown {
    left: unset;
    right: 16px;
  }
  .conversation,
.chat-content {
    padding-left: unset;
  }
  .content-sidebar {
    left: unset;
    z-index: 10;
    width: 100%;
  }
  .chat-sidebar-menu > * > a::before {
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    top: unset;
  }
  .chat-sidebar-menu > * > a:hover::before {
    bottom: calc(100% + 8px);
    left: 50%;
  }
  .chat-content {
    position: relative;
  }
  .conversation.active {
    position: relative;
    z-index: 20;
    background-color: #FFFFFF;
    padding: 0 15px;
  }
  .user-chat {
    position: relative;
  }
  .conversation-back {
    display: flex;
    position: absolute;
    top: calc(50% - 16px);
    left: 5px;
  }
  .conversation-back .icon-arrow_pagin::before {
    width: 10px;
    min-width: 10px;
    height: 15px;
    min-height: 15px;
  }
  .conversation-default.active {
    display: none;
    padding: 16px;
  }
}
/* end: Breakpoints */
@media (min-width: 1700px) {
  .top-panel_navigation .block_search {
    margin-right: 250px;
  }
  .content_full .wrapper-img .img-delete {
    max-width: 400px;
    width: 400px;
  }
}
@media (min-width: 1024px) {
  .message .select2-container--default .select2-selection--single {
    height: 50px !important;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 0;
  }
}