* {
  font-family: 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}

.error-date {
  color: red;
  font-size: 12px;
}

.link {
  color: #00ADEA;
  text-decoration-line: underline;
  cursor: pointer;
}

.link_dashed {
  color: #00ADEA;
  border-bottom: 1px dashed #00ADEA;
  cursor: pointer;
}

.nowrap {
  white-space: nowrap !important;
}

.text-align-left {
  text-align: left !important;
}

.bg-grey {
  background-color: #D2D4DA;
}

.bg-white {
  background-color: #FFFFFF;
}

.bg-orange, .bg-orange select, .bg-orange input {
  background: #FF9E80 !important;
}

.bg-orange svg {
  fill: #11253D !important;
}

.bg-orange input {
  border-color: #11253D !important;
}

.wrapper-flex {
  display: flex;
}

.space-beetween {
  display: flex;
  justify-content: space-between;
}

.margin-l-auto {
  margin-left: auto;
}

.margin-t-20 {
  margin-top: 20px;
}

.container {
  position: relative;
  width: 100%;
  height: 100vh;
  display: grid;
  grid-template-columns: 223px 1fr;
  grid-template-rows: 65px 1fr;
}

.row {
  display: flex;
  margin: 0 -15px 0 -15px;
}

.col {
  display: flex;
  flex-direction: column;
  padding: 15px;
}

.col__title {
  font-size: 18px;
  padding: 10px;
}

.textarea-5str {
  min-height: 5vmax;
}

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

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

aside {
  box-shadow: 2px 5px 10px -4px rgba(15, 61, 116, 0.11);
}

.main {
  position: relative;
  background: #F5F5F5;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.main-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}

table th,
table td {
  word-break: normal !important;
}

.table {
  margin: 0 auto;
  border-spacing: 1px;
  width: 100%;
  font-size: 15px;
}

.empty-table-text {
  padding-left: 5px;
  font-weight: bold;
  font-size: 18px;
}

.margin-x-auto {
  margin: 0 auto;
}

.table-margin-r-auto {
  margin-right: auto;
  border-spacing: 1px;
  width: 100%;
  font-size: 15px;
}

.td-padding-0 {
  padding: 0 10px;
}

.td-subtitle {
  font-weight: 600;
}

th,
td {
  padding: 3px 10px;
  max-height: 44px;
  height: 100%;
  width: min-content;
}

th {
  padding: 7px 10px;
}

td a {
  text-decoration: none;
  color: #CACACA;
}

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

.table_header {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #11253D;
  background: #fff;
  padding: 12px 20px;
  /*background: white;*/
}

.table_row {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #11253D;
  text-align: center;
  background: #b5b5b5;
}

.table_row-2 {
  background: #f1f1f1;
  text-align: center;
  font-size: 15px;
}

.table_row_item {
  position: relative;
  text-align: left;
}

.td-text {
  font-weight: 400;
  font-size: 14px;
  color: #7a8795;
}

.td-text_sm_ab {
  font-size: 12px;
  color: #7a8795;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
}

.table_wrapper {
  width: 100%;
  background: #fff;
}

.grid_table-display {
  display: grid;
  font-size: 14px;
}

.grid_table {
  width: 100%;
  padding: 1px;
  grid-template-columns: max-content 1fr;
  grid-template-rows: auto;
  row-gap: 1px;
  background: #ebe9e9;
}

.grid_table-1 {
  width: 100%;
  padding: 1px;
  grid-template-columns: max-content 1fr min-content;
  grid-template-rows: auto;
  row-gap: 1px;
  column-gap: 1px;
}

.grid_item {
  background-color: white;
  padding: 5px 15px;
}

.grid_item-1 {
  background-color: white;
  padding: 5px 15px;
  border-bottom: 1px solid #cfd3d8;
}

.bi-pencil {
  color: #CACACA;
}

/* ************************ */
/* *********form*********** */
/* ************************ */

.form-title {
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff !important;
}

select.form__select {
  appearance: none;
  padding-right: 1.2em;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.9em);
  background-size: 0.6em auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M70.3 13.8L40 66.3 9.7 13.8z' fill='%23000'%3E%3C/path%3E%3C/svg%3E");
}

input,
.form__select {
  background: #FFFFFF;
  border: 1px solid #D2D4DA;
  border-radius: 4px;
  padding: 13px 10px 10px 16px;
  font-size: 15px;
}

.error-input {
  border: 1px solid red;
}

input.error,
.form__select.error,
textarea.error {
  outline: 1px solid #ff5d5d;
}

.radio_group__wrapper.error {
  outline: 1px solid #ff5d5d;
}

.form__select-2 {
  background: #FFFFFF;
  border: transparent;
  border-radius: 4px;
  padding: 2px 0;
  font-size: 14px;
  width: -webkit-fill-available;
}

.select-blue,
.select-grey {
  background: #F5F5F5;
  border: 1px solid #D2D4DA;
}

.form__select,
.form__select-2 {
  cursor: pointer;
}

.form__select-2:focus-visible {
  border: 0;
}

.input::placeholder {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #A0A8B1;
}

input:focus {
  outline: 1px solid #00ADEA;
}

input.error:focus,
.form__select.error:focus {
  outline: 1px solid #00ADEA;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=date] {
  /*padding: 0;*/
  padding: 6px 5px 6px 10px;
}

input[type=date]::-webkit-calendar-picker-indicator {
  /* -webkit-appearance: none; */
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 4H5C3.89543 4 3 4.89543 3 6V20C3 21.1046 3.89543 22 5 22H19C20.1046 22 21 21.1046 21 20V6C21 4.89543 20.1046 4 19 4Z' stroke='%2300ADEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2V6' stroke='%2300ADEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 2V6' stroke='%2300ADEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 10H21' stroke='%2300ADEA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.input__width-500 {
  max-width: 523px;
  width: 100%;
}

.input__width-300 {
  max-width: 300px;
  width: 100%;
}

.tagify.input__width-300 {
  max-width: 300px;
  width: 100%;
}

.tagify__tag {
  margin-right: 5px !important;
}

.input__width-100 {
  width: 100%;
}

.input__width-90 {
  width: 90%;
}

.form__select[disabled] {
  font-weight: 400;
  font-size: 15px;
  line-height: 20px;
  color: #A0A8B1;
}

.form__select:focus-visible {
  outline: 1px solid #00ADEA;
}

.form__select:target {
  border: 1px solid #00ADEA;
}

.form__select:-internal-list-box option {
  background-color: #00ADEA !important;
  color: #FFF !important;
}

.textarea-read {
  width: 100%;
  outline: transparent;
  border: transparent;
  resize: none;
  overflow-y: scroll;
  max-height: 6vmax;
}

.textarea-1 {
  display: block;
  position: relative;
  background: #FFFFFF;
  outline: 1px solid #D2D4DA;
  border: transparent;
  border-radius: 4px;
  padding: 10px 10px 10px 16px;
  min-height: auto;
  height: 100%;
  max-height: 11vmax;
  overflow-y: scroll;
  resize: vertical;
}

.textarea-1:focus {
  outline: 1px solid #00ADEA;
}

.radio__hidden.active .hidden {
  display: block;
}

.radio__hidden.active .gap-70-30 {
  margin-bottom: 10px;
}

.gap-70-30.gap-70-30-row {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 6px;
}

.form__btn-group {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.list__file-add {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
}

.btn__list-clean {
  display: none;
  background-color: #CACACA;
  border: unset;
  border-radius: 8px;
  padding: 5px;
  cursor: pointer;
}

.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 50px;
  border-radius: 8px;
  border: 0;
  text-decoration: none;
  cursor: pointer;
  max-width: max-content;
  font-size: inherit;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.btn_size {
  max-width: unset;
  width: 30%;
}

.btn_blue {
  background: #00ADEA;
  color: #FFFFFF;
}

.btn_grey {
  background: #CACACA;
  outline: 1px solid #c2c2c2;
  color: #000000;
}

.btn_green {
  background: #15C87D;
  color: #FFFFFF;
}

.btn_white {
  background-color: #FFFFFF;
  color: #000;
}

.btn_red {
  background: #FF0000;
  color: #000000;
}

.btn_left-auto {
  margin-left: auto;
}

.form {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 20px 18px 16px 20px;
  background: #FFFFFF;
  border-radius: 18px;
}

.form-2 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.form-width-800 {
  max-width: 800px;
  width: 100%;
}

.form-width-500 {
  max-width: 500px;
  width: 100%;
}

.form-width-450 {
  max-width: 450px;
  width: 100%;
}

.form-width-400 {
  max-width: 400px;
  width: 100%;
}

.form-width-300 {
  max-width: 300px;
  width: 100%;
  box-sizing: content-box;
}

.hidden {
  display: none;
}

.input_disabled {
  background: #f6faff;
}

.input_wrapper {
  position: relative;
}

.input_width-100 {
  width: 100%;
}

.input__width-120px {
  width: 120px;
}

.absolute {
  position: absolute;
}

.checkbox_wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  background: #FFFFFF;
  border: 1px solid #D2D4DA;
  border-radius: 30px;
  padding: 12px 10px 10px 16px;
}

.checkbox-wrapper {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  background: #FFFFFF;
  border: 1px solid #D2D4DA;
  color: #6F8196;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 14px;
}

.checkbox-wrapper input {
  margin-right: 5px;
  outline: none !important;
}

.checkbox_wrapper-2 {
  position: relative;
}

.checkbox-check {
  display: none;
  position: absolute;
  bottom: 5%;
  stroke-width: 2px;
  width: 30px;
  height: 30px;
  left: -10%
}

.checkbox_input {
  appearance: none;
  -webkit-appearance: none;
  background-color: white;
  width: 20px;
  height: 20px;
  border: 1px solid #D2D4DA;
  border-radius: 2px;
  padding: 0;
  color: #00ADEA;
}

.checkbox_input:checked {
  color: #00ADEA;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%2300ADEA' class='bi bi-check-lg' viewBox='0 0 16 16'%3E%3Cpath d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3E%3C/svg%3E");
}

.checkbox {
  color: #00ADEA;
}

.checkbox_wrapper-2.active .checkbox-check {
  display: block;
  transition: 0.3s;
  stroke-width: 2px;
  width: 25px;
  height: 25px;
}

.checkbox_wrapper-2.active .checkbox {
  color: #D2D4DA;
}

.radio_group__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #FFFFFF;
  border: 1px solid #D2D4DA;
  border-radius: 4px;
  padding: 10px;
  padding-top: 11px;
  min-height: 44px;
}

.radio_group__wrapper.error {
  border: red;
}

.radio__wrapper {
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
}

.radio_group__wrapper .radio__wrapper {
  padding-bottom: 0;
  line-height: 100%;
}

.form__label {
  position: absolute;
  left: 5px;
  top: -15px;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #6f8196;
}

.form__label.mb-2 {
  position: unset;
  margin-bottom: 15px;
}

.label-4 {
  position: absolute;
  border-radius: 3px;
  left: 8px;
  top: -8px;
  font-weight: 300;
  font-size: 12px;
  padding: 0 4px;
  z-index: 100;
  color: #6f8196;
  background: #F5F5F5;
}

.form__label.large {
  top: -8px;
  background-color: #fff;
}

.form__label-2 {
  font-weight: 300;
  font-size: 12px;
  color: #6f8196;
  background: #fff;
}

.form__label-5 {
  position: absolute;
  font-weight: 300;
  font-size: 12px;
  color: #6f8196;
  padding: 0 4px;
  top: -0.65em;
  left: 0.65em;
  background-color: white;
  z-index: 333;
}

.form__label-6 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  margin: 0 5px 0 0;
  padding: 0;
}

.delete_btn {
  width: 1em;
  border: unset;
  border-radius: 100%;
  margin-left: 0.2em;
  line-height: 0.9;
  cursor: pointer;
}

.label_wrapper {
  position: absolute;
  display: flex;
  align-items: flex-start;
  gap: 2px;
  justify-content: start;
  padding: 0 4px;
  top: -0.5em;
  left: 0.35em;
  background-color: white;
  z-index: 333;
}

.required_field {
  font-weight: 300;
  font-size: 12px;
  color: red;
  z-index: 333;
}

.required_field-2 {
  position: absolute;
  left: 0.64em;
  top: -1.8em;
  font-weight: 300;
  font-size: 12px;
  color: red;
  background: #fff;
  padding: 0 1px;
  z-index: 333;
}

.form__label-3 {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 3px;
}

.form__label-4 {
  left: 5px;
  top: -15px;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: #6f8196;
}

.form__row {
  display: flex;
  gap: 5px;
  justify-content: start;
  align-items: center;
}

.form__row_gap-30 {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 30px;
}

.gap-70-30 {
  display: grid;
  grid-template-columns: 60% 35%;
  grid-template-rows: auto;
  gap: 20px;
  align-items: center;
}

.form__row_double {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 5px;
}

.form__lamp-container {
  width: 100%;
  display: grid;
  grid-template-columns: 180px 140px 130px;
  gap: 5px;
}

#deductionsPercent {
  background-image: url('/assets/img/percent.svg');
  background-repeat: no-repeat;
  background-position: right 5px top 50%;
}

.required_field.block {
  position: unset;
}

.form__password-show {
  display: block;
  position: absolute;
  top: 11px;
  right: 6px;
  width: 20px;
  height: 20px;
}

.form__password.show .form__password-show {
  display: none;
}

.form__password-hide {
  display: none;
}

.form__password.show .form__password-hide {
  display: block;
  position: absolute;
  top: 11px;
  right: 6px;
  width: 20px;
  height: 20px;
}

.form__btn_group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.form__password-error {
  padding: 0;
  display: none;
  font-size: 12px;
  line-height: 120%;
  color: red;
}

.error-center {
  text-align: center;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.68);
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
  overflow: auto
}

.modal-delete {
  position: fixed;
  display: flex;
  align-items: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
}

.modal__container-create {
  margin: 0 auto;
  padding: 20px 25px;
  background-color: #fff;
  border-radius: 18px;
  position: relative;
  top: 20%;
}

.modal__text {
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}

.modal__container-delete {
  margin: 0 auto;
  padding: 20px 25px;
  background-color: #fff;
  border-radius: 18px;
}

.modal__text-delete {
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}

.modal__button-wrapper-delete {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}

.modal__button-wrapper-delete_center {
  justify-content: center;
}

.modal__button-wrapper-delete_center button {
  margin: 0 10px;
}

.form-modal {
  position: relative;
  top: 20%;
}

.modal_confirmation {
  display: none !important;
  position: fixed;
  align-items: center;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
}

.modal_confirmation.active {
  display: flex !important;
}

.modal_confirmation .modal__container {
  margin: 0 auto;
  padding: 20px 25px;
  background-color: #fff;
  border-radius: 18px;
}

.modal_confirmation .modal__text {
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}

.modal_confirmation .modal__button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.modal_confirmation .modal__btn {
  width: 47%;
  max-width: unset;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
}

.modal_confirmation .modal__btn:not(:last-child) {
  margin-right: 25px;
}

.menu-btn {
  position: absolute;
  display: none;
  bottom: -70px;
  left: 20px;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #D2D4DA;
  z-index: 222;
  border-radius: 4px;
  transition: 0.1s;
}

/* ******************** */
/********* header ******* */
/* ******************** */
.admin_user {
  display: flex;
  gap: 20px;
  justify-content: end;
  margin: 23px 30px 22px 2px;
  align-items: center;
}

.active_user {
  display: flex;
  justify-content: end;
  gap: 5px;
  margin: 23px 30px 22px auto;
  align-items: center;
}

.name {
  margin-left: 12px;
  color: #00ADEA;
  border-bottom: 1px dashed #00ADEA;
}

.menu__wrapper:hover .name {
  border-bottom-color: transparent;
}

.avatar {
  position: relative;
  margin-left: 25px;
  overflow: hidden;
}

.avatar img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  object-position: center center;
  overflow: hidden;
  border-radius: 8px;
}

.menu__wrapper {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 5px;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
}

.menu {
  position: absolute;
  display: none;
}

.menu__wrapper:hover .menu {
  position: absolute;
  top: 35px;
  right: 0;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #D2D4DA;
  z-index: 222;
  border-radius: 4px;
  transition: 0.1s;
}

.menu-item {
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
}

.menu-item:hover {
  background: #00ADEA;
  border-radius: 4px;
  transition: 0.1s;
}

.menu-link {
  display: flex;
  justify-content: flex-start;
  text-decoration: none;
  color: #000000;
  border: none;
  border-radius: unset;
  background: none;
  cursor: pointer;
  padding: 10px 20px;
  width: 100%;
  height: 100%;
}

.menu-item:hover .menu-link {
  color: #fff;
}

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

/* ********************************* */
/* *************sidebar************* */
/* ********************************* */
.nav {
  max-width: 250px;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  color: #11253D;
  padding-top: 26px;
  border-top: 1px solid #E8E8E8;
}

.nav__item {
  margin: 0 34px 26px 22px;
  list-style: none;
  display: flex;
  justify-content: start;
  align-items: center;
  cursor: pointer;
}

.nav__link {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #11253D;
}

.nav__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  color: #CFD3D8;
  stroke: #CFD3D8;
}

.nav__icon_angle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  cursor: pointer;
  color: #CFD3D8;
}

li {
  list-style: none;
}

li.active .nav__icon {
  color: #00ADEA;
  stroke: #00ADEA;
  stroke-opacity: 0.8;
}

li.active .nav__link {
  color: #00ADEA;
}

li.active .nav__icon_angle {
  transform: rotate(90deg);
  color: #00ADEA;
  stroke-opacity: 0.8;
}

li.active .sub_nav {
  font-weight: 400;
  display: flex;
  flex-direction: column;
  gap: 26px;
  margin-left: 32px;
  margin-bottom: 26px;
  color: #11253D;
}

li.active .sub_nav .nav__link {
  color: #11253D;
}

.sub_nav {
  display: none;
}

.sub_nav_item {
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
}

.icon_dot {
  content: '';
  background: #00ADEA;
  min-height: 7px;
  min-width: 7px;
  border-radius: 50%;
  margin-right: 12px;
}

path {
  fill: inherit;
  stroke: inherit;
}

.selection__select-arrow {
  position: absolute;
  display: flex;
  align-items: center;
  right: 10px;
  top: calc(50% - 3px);
  width: 12px;
  height: 7px;
  pointer-events: none;
}

.selection__select-arrow svg {
  width: 100%;
  height: 100%;
  fill: black;
}

.form_flex-inline {
  display: inline-flex;
}

.btn-icon {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
  color: #CACACA;
  font-size: 15px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.error-page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.error-page__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.error-page h1 {
  color: #00ADEA;
  font-size: 32px;
  margin-bottom: 20px;
}

.error-page a {
  color: #00ADEA;
  font-size: 20px;
}

.error-page .binding-errors a {
  color: #F93154;
  font-size: 16px;
}

.error-page a:hover {
  text-decoration: none;
}

.error-page__list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 20px;
}

.error-page__list li {
  color: #F93154;
}

#mytextarea {
  padding: 25px;
  border-radius: 10px;
  background-color: white;
  max-width: 100%;

}

#mytextarea a {
  text-decoration: none;
  color: #00ADEA;
}

#mytextarea ul li,
#mytextarea ol li {
  text-align: -webkit-match-parent;
  list-style: unset;
}

#mytextarea li::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0 !important;
  text-align: start !important;
  text-align-last: start !important;
}

#mytextarea ul {
  list-style: unset;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}

#mytextarea ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}

#mytextarea p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

#mytextarea table {
  border-collapse: collapse !important;
  border: 1px solid gray;
  border-spacing: 1px;
  border-color: grey;
}

#mytextarea th,
#mytextarea td {
  padding: 5px !important;
  max-height: unset;
  height: unset;
}

.form-alert-success {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00ADEA;
  font-size: 16px;
  font-weight: 600;
  max-width: max-content;
  padding: 20px 0;
}

.form-alert-error {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #F93154;
  font-size: 16px;
  font-weight: 600;
  max-width: max-content;
  padding: 20px 0;
}

.form-error {
  display: none;
  justify-content: center;
  align-items: center;
  color: #F93154;
  font-size: 12px;
  font-weight: 600;
}

.form-error.error-active {
  display: flex;
}

.message {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  background: white;
  color: #00ADEA;
}

.margin-15 {
  margin: 15px !important;
}

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

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

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

.mlr-10 {
  margin: 0 10px !important;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-30 {
  width: 30% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

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

.wm-350p {
  max-width: 350px !important;
  width: 100% !important;
}

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

.d-flex {
  display: flex !important;
}

.d-i-flex {
  display: inline-flex !important;
}

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

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

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

.d-none {
  display: none !important;
}

.btn-edit {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  border: 1px solid #D2D4DA;
  background: #FFFFFF;
  color: #CACACA;
  border-radius: 4px;
  margin-left: 10px;
}

.btn-edit svg {
  width: 20px;
  height: 20px;
}

.modal_active {
  display: flex !important;
}

.table-title {
  font-size: 15px;
  font-weight: 600;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: -10px;
}

.go-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #CACACA;
  border-radius: 50%;
  padding: 5px;
  width: 20px;
  height: 20px;
}

.go-btn svg {
  width: 10px;
  height: 10px;
  fill: #CACACA;
  margin-right: -2px;
}

.input_td {
  padding: 4px;
  border-radius: 0;
  max-width: 100px;
}

.clear-button {
  font-size: 20px;
  cursor: pointer;
}

.error-input-2 {
  box-shadow: 0 0 0 1px #ff5d5d;
}

.table-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  margin: auto;
  cursor: pointer;
  max-width: max-content;
}

input[readonly] {
  background: #D2D4DA !important;
  outline: none !important;
  cursor: default;
}

.custom-checkbox {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  color: #6f8196;
}

.custom-checkbox input {
  margin-right: 5px;
}

.accrual-total li {
  margin-bottom: 5px;
}

table.dataTable thead > tr > th.sorting:after {
  top: calc(50% + 3px) !important;
  content: "▴" !important;
  transform: rotate(180deg) !important;
}

.svg-pointer {
  cursor: pointer;
  fill: #CACACA;
}

form.noClick {
  pointer-events: none;
  visibility: hidden;
}

form.hide-submit input[type="submit"] {
  display: none;
}

input[type="search"] {
  border: 1px solid gray;
  padding: .2em .4em;
  border-radius: .1em;
}

input[type="search"].light {
  background: #9fa8b3;
  color: #222;
}

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1em;
  width: 1em;
  border-radius: 50em;
  background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
  background-size: contain;
  opacity: 0;
  pointer-events: none;
}

input[type="search"]:focus::-webkit-search-cancel-button {
  opacity: .3;
  pointer-events: all;
}

divH1 {
  display: flex;
}

doubleH1 {
  font-size: 20px;
  display: inline;
  font-weight: bold;
}

.popup-container {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(169, 169, 169, 0.394);
  display: none; /* flex */
  justify-content: center;
  align-items: center;
}

.popup {
  width: 600px;
  height: 400px;
  background-color: white;
  border-radius: 5px;
}

.sumAndCurrency {
  vertical-align: middle;
  padding: 3px 10px;
}

.sumAndCurrencyImage {
  vertical-align: middle;
  margin-left: 7px;
  margin-right: -8px;
}

.payment-requisites span {
  display: block;
  white-space: pre-line;
  font-size: 0.8rem !important;
}

.payment-requisites.scrollable {
  max-height: calc(1.3em * 5);  /* 1.2em — примерно средняя высота строки, умножаем на 5 */
  overflow-y: scroll;
  overflow-x: hidden;
  width: 97%;
  display: block;
  position: relative;
  min-height: auto;
}