@charset "UTF-8";

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

@font-face {
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Gilroy-UltraLight.woff") format("woff"), url("../fonts/Gilroy-UltraLight.woff2") format("woff2");
  font-family: "Gilroy";
  font-display: swap;
}

@font-face {
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Gilroy-Thin.woff") format("woff"), url("../fonts/Gilroy-Thin.woff2") format("woff2");
  font-family: "Gilroy";
  font-display: swap;
}

@font-face {
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Gilroy-Light.woff") format("woff"), url("../fonts/Gilroy-Light.woff2") format("woff2");
  font-family: "Gilroy";
  font-display: swap;
}

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

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

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

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

@font-face {
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Gilroy-Heavy.woff") format("woff"), url("../fonts/Gilroy-Heavy.woff2") format("woff2");
  font-family: "Gilroy";
  font-display: swap;
}

@font-face {
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Gilroy-Black.woff") format("woff"), url("../fonts/Gilroy-Black.woff2") format("woff2");
  font-family: "Gilroy";
  font-display: swap;
}

@font-face {
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Gilroy-ExtraBold.woff") format("woff"), url("../fonts/Gilroy-ExtraBold.woff2") format("woff2");
  font-family: "Gilroy";
  font-display: swap;
}

[class^=ico_],
[class*=" ico_"] {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  line-height: 1em;
}

html,
body {
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  font-family: "Gilroy";
  letter-spacing: 0.02em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  font-family: "Gilroy";
}

@font-face {
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot?#iefix") format("eot"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
  font-family: "icons";
}

.production__location .dropdown-toggle:before,
.production-menu__list li a:before,
.constructor-box__content .change-texture:before,
.constructor-box__content .full-size:before,
.upload-unit.is-disabled .upload-unit__status:before,
.upload-unit__status.cancel:before,
.upload-unit__status.success:before,
.upload-unit__status:before,
.upload-unit__label:hover .upload-unit__status.cancel:before,
.upload-unit__label:hover .upload-unit__status.success:before,
.upload-unit__label:hover .upload-unit__status:before,
.password-quality__list li:before,
.modal-title:before,
table.footable.breakpoint .footable-last-visible .fooicon-minus:before,
table.footable.breakpoint .footable-last-visible .fooicon-plus:before,
.ico_youtube:before,
.ico_user:before,
.ico_upload:before,
.ico_type-processing-5:before,
.ico_type-processing-4:before,
.ico_type-processing-3:before,
.ico_type-processing-2:before,
.ico_type-processing-1:before,
.ico_trash:before,
.ico_tool-9:before,
.ico_tool-8:before,
.ico_tool-7:before,
.ico_tool-6:before,
.ico_tool-5:before,
.ico_tool-4:before,
.ico_tool-3:before,
.ico_tool-2:before,
.ico_tool-10:before,
.ico_tool-1:before,
.ico_sverl_6:before,
.ico_sverl_5:before,
.ico_sverl_4:before,
.ico_sverl_3:before,
.ico_sverl_2:before,
.ico_sverl_1:before,
.ico_success:before,
.ico_submenu:before,
.ico_star:before,
.ico_size:before,
.ico_setting:before,
.ico_search:before,
.ico_return:before,
.ico_reload:before,
.ico_refresh:before,
.ico_raz_6:before,
.ico_raz_5:before,
.ico_raz_4:before,
.ico_raz_3:before,
.ico_raz_2:before,
.ico_raz_1:before,
.ico_print:before,
.ico_post_5:before,
.ico_post_4:before,
.ico_post_3:before,
.ico_post_2:before,
.ico_post_1:before,
.ico_plus:before,
.ico_move:before,
.ico_modal:before,
.ico_menu:before,
.ico_menu-tool-4:before,
.ico_menu-tool-3:before,
.ico_menu-tool-2:before,
.ico_menu-tool-1:before,
.ico_menu-7:before,
.ico_menu-6:before,
.ico_menu-5:before,
.ico_menu-4:before,
.ico_menu-3:before,
.ico_menu-2:before,
.ico_menu-1:before,
.ico_marker:before,
.ico_location:before,
.ico_kriv_9:before,
.ico_kriv_8:before,
.ico_kriv_7:before,
.ico_kriv_6:before,
.ico_kriv_5:before,
.ico_kriv_4:before,
.ico_kriv_3:before,
.ico_kriv_2:before,
.ico_kriv_13:before,
.ico_kriv_12:before,
.ico_kriv_11:before,
.ico_kriv_10:before,
.ico_kriv_1:before,
.ico_instagram:before,
.ico_info:before,
.ico_import:before,
.ico_grid:before,
.ico_google:before,
.ico_full:before,
.ico_form_9:before,
.ico_form_8:before,
.ico_form_7:before,
.ico_form_6:before,
.ico_form_5:before,
.ico_form_4:before,
.ico_form_3:before,
.ico_form_2:before,
.ico_form_10:before,
.ico_form_1:before,
.ico_folder:before,
.ico_fire:before,
.ico_filter:before,
.ico_file:before,
.ico_file-success:before,
.ico_file-import:before,
.ico_file-cancel:before,
.ico_facebook:before,
.ico_edit:before,
.ico_drag:before,
.ico_diia:before,
.ico_copy:before,
.ico_color:before,
.ico_close:before,
.ico_chevron-up:before,
.ico_chevron-right:before,
.ico_chevron-left:before,
.ico_chevron-down:before,
.ico_checkmark:before,
.ico_check:before,
.ico_chat:before,
.ico_cart:before,
.ico_cancel:before,
.ico_calendar:before,
.ico_bank:before,
.ico_back:before,
.ico_arrow-up:before,
.ico_arrow-right:before,
.ico_arrow-down:before,
.ico_apple:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  width: 1em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1em;
  font-family: "icons";
  text-decoration: none;
  text-decoration: inherit;
  text-transform: none;
}

.ico_apple:before {
  content: "";
}

.ico_arrow-down:before {
  content: "";
}

.ico_arrow-right:before {
  content: "";
}

.ico_arrow-up:before {
  content: "";
}

.ico_back:before {
  content: "";
}

.ico_bank:before {
  content: "";
}

.ico_calendar:before {
  content: "";
}

.ico_cancel:before {
  content: "";
}

.ico_cart:before {
  content: "";
}

.ico_chat:before {
  content: "";
}

.ico_check:before {
  content: "";
}

.ico_checkmark:before {
  content: "";
}

.ico_chevron-down:before {
  content: "";
}

.ico_chevron-left:before {
  content: "";
}

.ico_chevron-right:before {
  content: "";
}

.ico_chevron-up:before {
  content: "";
}

.ico_close:before {
  content: "";
}

.ico_color:before {
  content: "";
}

.ico_copy:before {
  content: "";
}

.ico_diia:before {
  content: "";
}

.ico_drag:before {
  content: "";
}

.ico_edit:before {
  content: "";
}

.ico_facebook:before {
  content: "";
}

.ico_file-cancel:before {
  content: "";
}

.ico_file-import:before {
  content: "";
}

.ico_file-success:before {
  content: "";
}

.ico_file:before {
  content: "";
}

.ico_filter:before {
  content: "";
}

.ico_fire:before {
  content: "";
}

.ico_folder:before {
  content: "";
}

.ico_form_1:before {
  content: "";
}

.ico_form_10:before {
  content: "";
}

.ico_form_2:before {
  content: "";
}

.ico_form_3:before {
  content: "";
}

.ico_form_4:before {
  content: "";
}

.ico_form_5:before {
  content: "";
}

.ico_form_6:before {
  content: "";
}

.ico_form_7:before {
  content: "";
}

.ico_form_8:before {
  content: "";
}

.ico_form_9:before {
  content: "";
}

.ico_full:before {
  content: "";
}

.ico_google:before {
  content: "";
}

.ico_grid:before {
  content: "";
}

.ico_import:before {
  content: "";
}

.ico_info:before {
  content: "";
}

.ico_instagram:before {
  content: "";
}

.ico_kriv_1:before {
  content: "";
}

.ico_kriv_10:before {
  content: "";
}

.ico_kriv_11:before {
  content: "";
}

.ico_kriv_12:before {
  content: "";
}

.ico_kriv_13:before {
  content: "";
}

.ico_kriv_2:before {
  content: "";
}

.ico_kriv_3:before {
  content: "";
}

.ico_kriv_4:before {
  content: "";
}

.ico_kriv_5:before {
  content: "";
}

.ico_kriv_6:before {
  content: "";
}

.ico_kriv_7:before {
  content: "";
}

.ico_kriv_8:before {
  content: "";
}

.ico_kriv_9:before {
  content: "";
}

.ico_location:before {
  content: "";
}

.ico_marker:before {
  content: "";
}

.ico_menu-1:before {
  content: "";
}

.ico_menu-2:before {
  content: "";
}

.ico_menu-3:before {
  content: "";
}

.ico_menu-4:before {
  content: "";
}

.ico_menu-5:before {
  content: "";
}

.ico_menu-6:before {
  content: "";
}

.ico_menu-7:before {
  content: "";
}

.ico_menu-tool-1:before {
  content: "";
}

.ico_menu-tool-2:before {
  content: "";
}

.ico_menu-tool-3:before {
  content: "";
}

.ico_menu-tool-4:before {
  content: "";
}

.ico_menu:before {
  content: "";
}

.ico_modal:before {
  content: "";
}

.ico_move:before {
  content: "";
}

.ico_plus:before {
  content: "";
}

.ico_post_1:before {
  content: "";
}

.ico_post_2:before {
  content: "";
}

.ico_post_3:before {
  content: "";
}

.ico_post_4:before {
  content: "";
}

.ico_post_5:before {
  content: "";
}

.ico_print:before {
  content: "";
}

.ico_raz_1:before {
  content: "";
}

.ico_raz_2:before {
  content: "";
}

.ico_raz_3:before {
  content: "";
}

.ico_raz_4:before {
  content: "";
}

.ico_raz_5:before {
  content: "";
}

.ico_raz_6:before {
  content: "";
}

.ico_refresh:before {
  content: "";
}

.ico_reload:before {
  content: "";
}

.ico_return:before {
  content: "";
}

.ico_search:before {
  content: "";
}

.ico_setting:before {
  content: "";
}

.ico_size:before {
  content: "";
}

.ico_star:before {
  content: "";
}

.ico_submenu:before {
  content: "";
}

.ico_success:before {
  content: "";
}

.ico_sverl_1:before {
  content: "";
}

.ico_sverl_2:before {
  content: "";
}

.ico_sverl_3:before {
  content: "";
}

.ico_sverl_4:before {
  content: "";
}

.ico_sverl_5:before {
  content: "";
}

.ico_sverl_6:before {
  content: "";
}

.ico_tool-1:before {
  content: "";
}

.ico_tool-10:before {
  content: "";
}

.ico_tool-2:before {
  content: "";
}

.ico_tool-3:before {
  content: "";
}

.ico_tool-4:before {
  content: "";
}

.ico_tool-5:before {
  content: "";
}

.ico_tool-6:before {
  content: "";
}

.ico_tool-7:before {
  content: "";
}

.ico_tool-8:before {
  content: "";
}

.ico_tool-9:before {
  content: "";
}

.ico_trash:before {
  content: "";
}

.ico_type-processing-1:before {
  content: "";
}

.ico_type-processing-2:before {
  content: "";
}

.ico_type-processing-3:before {
  content: "";
}

.ico_type-processing-4:before {
  content: "";
}

.ico_type-processing-5:before {
  content: "";
}

.ico_upload:before {
  content: "";
}

.ico_user:before {
  content: "";
}

.ico_youtube:before {
  content: "";
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*:focus,
*:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

body {
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
  font-size: inherit;
}

input::-ms-clear {
  display: none;
}

button {
  background-color: inherit;
  cursor: pointer;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

a,
a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.full-width {
  position: relative;
  right: 50%;
  left: 50%;
  width: 100vw;
  margin-right: -50vw;
  margin-left: -50vw;
}

._video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

._video video,
._video iframe,
._video object,
._video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videobg video,
.videobg iframe,
.videobg object,
.videobg embed {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  z-index: -100;
  position: fixed;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

@font-face {
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/footable.eot");
  src: url("../fonts/footable.eot") format("embedded-opentype"), url("../fonts/footable.woff2") format("woff2"), url("../fonts/footable.woff") format("woff"), url("../fonts/footable.ttf") format("truetype"), url("../fonts/footable.svg") format("svg");
  font-family: "footable";
}

.fooicon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  display: inline-block;
  transform: translate(0);
  font-style: normal;
  font-weight: 400;
  font-size: inherit;
  line-height: 1;
  font-family: footable !important;
  text-rendering: auto;
}

.fooicon:after,
.fooicon:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fooicon-loader:before {
  content: "";
}

.fooicon-plus:before {
  content: "";
}

.fooicon-minus:before {
  content: "";
}

.fooicon-search:before {
  content: "";
}

.fooicon-remove:before {
  content: "";
}

.fooicon-pencil:before {
  content: "";
}

.fooicon-flash:before {
  content: "";
}

.fooicon-eye-close:before {
  content: "";
}

.fooicon-cog:before {
  content: "";
}

.fooicon-stats:before {
  content: "";
}

.fooicon-sort:before {
  content: "";
}

.fooicon-sort-asc:before {
  content: "";
}

.fooicon-sort-desc:before {
  content: "";
}

.fooicon-trash:before {
  content: "";
}

.js-table {
  opacity: 0;
}

.js-table.footable {
  opacity: 1;
}

#table-nav {
  width: 140px;
  height: 35px;
  opacity: 0;
}

#table-nav.footable-paging-external {
  -webkit-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  opacity: 1;
  transition-delay: 500ms;
}

* > .table-caption {
  margin-top: 30px;
}

.table-caption {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #fff;
}

.table-caption h1,
.table-caption h2,
.table-caption h3,
.table-caption h4,
.table-caption h5,
.table-caption h6 {
  margin: 0;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.table-caption .btn-secondary {
  -webkit-box-shadow: 0px 8px 10px rgba(204, 210, 227, 0.5);
  height: 35px;
  padding: 0 20px;
  border-radius: 8px;
  border-color: #A3AED0;
  background: #A3AED0;
  box-shadow: 0px 8px 10px rgba(204, 210, 227, 0.5);
}

.table-caption .btn + .btn {
  margin-left: 20px;
}

.table-filter {
  margin-bottom: 30px;
}

.table-head {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.table-head > div:last-child {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.table-head > div:last-child > * + * {
  margin-left: 20px;
}

.table-head > div:last-child .btn + .btn {
  margin-left: 20px;
}

.table-head > div:last-child .btn-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45px;
  flex: 0 0 45px;
  width: 45px;
  height: 45px;
  color: #CCD2E3;
  font-size: 20px;
}

.table-head > div:last-child .btn-icon:hover,
.table-head > div:last-child .btn-icon:focus {
  -webkit-box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  color: #A3AED0;
}

.table-head > div:last-child .btn-icon:active {
  -webkit-box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  color: #FF6A6A;
}

.footable thead .footable-header {
  background: #F7F8FB;
}

.footable thead .footable-header th {
  padding: 14px 10px 12px 10px;
  color: #E4E7EF;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.footable thead .footable-header th .btn-icon.ico_plus {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background: #707997;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.footable thead .footable-header th .btn-icon.ico_plus:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.footable tbody tr {
  border-bottom: 1px solid #F7F8FB;
}

.footable tbody tr td {
  padding: 12px 10px 12px 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.footable tbody tr td a {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  color: #2283FF;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: all 0.3s linear;
}

.footable tbody tr td a:hover {
  color: #5B6485;
}

.footable tbody tr td .accent {
  display: block;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.footable tbody tr td .dropdown .dropdown-toggle {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.footable tbody tr td .dropdown .dropdown-toggle:after {
  display: none;
}

.footable tbody tr td .dropdown .dropdown-toggle:hover {
  color: #628EFF;
}

.footable tbody tr td .dropdown .dropdown-menu.show {
  display: block;
}

.footable tbody tr td .dropdown .dropdown-menu {
  -webkit-box-shadow: 0px 5px 15px -1px rgba(163, 174, 208, 0.3), 0px 0px 20px -1px rgba(163, 174, 208, 0.3);
  border: none;
  border-radius: 0px 8px 8px 8px;
  background: #FFFFFF;
  box-shadow: 0px 5px 15px -1px rgba(163, 174, 208, 0.3), 0px 0px 20px -1px rgba(163, 174, 208, 0.3);
}

.footable tbody tr td .dropdown .dropdown-item {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
  cursor: pointer;
}

.footable tbody tr td .btn-outline-primary {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  height: 35px;
  padding: 6px;
  border: 2px solid rgba(34, 131, 255, 0.3);
  border-radius: 8px;
  background: #FFFFFF;
  color: #628EFF;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  transition: all 0.3s linear;
}

.footable tbody tr td .btn-outline-primary [class*=ico_] {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  margin-right: 5px;
  color: #628EFF;
  font-size: 15px;
  transition: all 0.3s linear;
}

.footable tbody tr td .btn-outline-primary:hover {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  background-color: #628EFF;
  color: #fff;
  transition: all 0.3s linear;
}

.footable tbody tr td .btn-outline-primary:hover [class*=ico_] {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  color: #fff;
  transition: all 0.3s linear;
}

.footable tbody tr td .form-control {
  -webkit-box-shadow: none;
  border: 1px solid #E4E7EF;
  box-shadow: none;
}

.footable tbody tr td .form-control:focus {
  border: 1px solid #A3AED0;
}

.table-body .footable {
  background: #fff;
}

.table-body .footable thead.hidden {
  display: none;
}

.table-body .footable thead .footable-header {
  background: #5B6485;
}

.table-body .footable thead .footable-header th:first-child {
  padding-left: 30px;
}

.table-body .footable thead .footable-header th:last-child {
  padding-right: 20px;
}

.table-body .footable thead .footable-header th.hidden {
  opacity: 0;
}

.table-body .footable thead .footable-header .w-1 {
  width: 1px;
}

.table-body .footable tbody {
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
}

.table-body .footable tbody tr:hover {
  background-color: #F7F8FB;
}

.table-body .footable tbody tr td {
  vertical-align: middle;
}

.table-body .footable tbody tr td:first-child {
  position: relative;
  padding-left: 30px;
}

.table-body .footable tbody tr td:first-child::before {
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 10px;
  height: 100%;
  background-color: #fff;
  content: "";
}

.table-body .footable tbody tr td:last-child {
  position: relative;
  padding-right: 30px;
}

.table-body .footable tbody tr td:last-child::after {
  display: block;
  position: absolute;
  top: 1px;
  right: 0;
  width: 10px;
  height: 100%;
  background-color: #fff;
  content: "";
}

.table-body .footable tbody tr .btn-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  padding: 0;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  color: #CCD2E3;
  font-size: 20px;
}

.table-body .footable tbody tr .btn-icon [class*=ico_] {
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.table-body .footable tbody tr .btn-icon:hover,
.table-body .footable tbody tr .btn-icon:focus {
  -webkit-box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  color: #A3AED0;
}

.table-body .footable tbody tr .btn-icon:active {
  -webkit-box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  color: #FF6A6A;
}

.table-body .footable tbody tr .btn-icon.ico_plus {
  font-size: 12px;
}

.table-body .footable tbody tr .red {
  color: #FF6A6A;
}

.table-body .footable tbody tr .btns {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
}

.table-body .footable tbody tr .btns div + div {
  margin-left: 20px;
}

.table-body .footable tbody tr .btn + .btn {
  margin-left: 20px;
}

.table-body .footable tbody tr .btn-secondary {
  -webkit-box-shadow: 0px 8px 10px -10px rgba(204, 210, 227, 0.5);
  border-radius: 8px;
  background: #A3AED0;
  box-shadow: 0px 8px 10px -10px rgba(204, 210, 227, 0.5);
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-align: center;
}

.table-body .footable tbody tr .btn-primary {
  -webkit-box-shadow: 0px 8px 10px -10px rgba(204, 210, 227, 0.5);
  padding: 6px 20px;
  border-radius: 8px;
  border-color: #628EFF;
  background: #628EFF;
  box-shadow: 0px 8px 10px -10px rgba(204, 210, 227, 0.5);
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-align: center;
}

.table-body .footable tbody tr .btn-primary:hover,
.table-body .footable tbody tr .btn-primary:focus,
.table-body .footable tbody tr .btn-primary:active {
  background-color: #2f69ff;
}

.table-body .footable tbody tr .w-1 {
  width: 1px;
}

.table-body .footable tfoot tr td {
  padding: 20px 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.table-footer {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}

.table-footer > div:first-child .drop {
  width: 350px;
}

.footable .dropdown-menu {
  padding: 10px;
}

.footable .dropdown-item {
  padding: 5px 10px;
}

.footable .dropdown-item:hover,
.footable .dropdown-item:focus,
.footable .dropdown-item:active {
  background: #E4E7EF;
}

table.footable-details {
  opacity: 1;
}

table.footable-details > tbody {
  border: none !important;
}

table.footable-details > tbody > tr:last-child {
  border-bottom: 0;
}

table.footable-details > tbody > tr > th:first-child {
  width: 50%;
  max-width: 300px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

table.footable-details > tbody > tr > th:first-child::before {
  display: none !important;
}

table.footable-details > tbody > tr > td:nth-child(2) {
  width: 50%;
  height: 45px;
  padding: 5px 0 5px 5px !important;
  text-align: right !important;
}

table.footable-details > tbody > tr > td:nth-child(2):after {
  display: none !important;
}

table.footable .footable-detail-row {
  border: 2px solid #628EFF;
}

table.footable .footable-detail-row > td {
  padding-top: 10px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

table.footable .footable-detail-row > td::before {
  display: none !important;
}

table.footable .footable-detail-row > td:first-child(),
table.footable .footable-detail-row > td:last-child() {
  border: none !important;
}

table.footable.breakpoint td {
  height: 45px;
}

table.footable.breakpoint td::before,
table.footable.breakpoint td::after {
  display: none !important;
}

table.footable.breakpoint .footable-last-visible {
  position: relative;
  padding-right: 50px;
}

table.footable.breakpoint .footable-last-visible .footable-toggle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 4px 20px rgba(112, 144, 176, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50%;
  right: 10px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin: -17px 0 0 0 !important;
  float: none;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(112, 144, 176, 0.2);
  color: #707997;
  cursor: pointer;
  opacity: 1 !important;
}

table.footable.breakpoint .footable-last-visible .footable-toggle:hover {
  color: #628EFF;
}

table.footable.breakpoint .footable-last-visible .fooicon-plus {
  font-size: 17px;
}

table.footable.breakpoint .footable-last-visible .fooicon-plus:before {
  content: "";
}

table.footable.breakpoint .footable-last-visible .fooicon-minus {
  color: #628EFF;
}

table.footable.breakpoint .footable-last-visible .fooicon-minus:before {
  content: "";
}

table.footable .receivable-progress-grid {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

table.footable .receivable-progress {
  text-align: left;
}

table.footable .receivable-progress + .receivable-progress {
  margin-top: 0;
  margin-left: 20px;
}

table.footable .receivable-progress__value {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

table.footable .receivable-progress__line {
  min-width: 130px;
  height: 6px;
  background: #EBF2FF;
}

table.footable .receivable-progress__line-value {
  height: 6px;
}

table.footable .receivable-progress__dates {
  margin-top: 4px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.select-status {
  display: block;
  position: relative;
}

.select-status:hover .select-status__drop {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}

.select-status__btn {
  margin-left: 10px;
}

.select-status__btn button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border: none;
  background: none;
  color: #CCD2E3;
  font-size: 14px;
  cursor: pointer;
}

.select-status__drop {
  -webkit-box-shadow: 0px 5px 15px 0px rgba(163, 174, 208, 0.3), 0px 0px 20px 0px rgba(163, 174, 208, 0.3);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  top: -50px;
  left: -150px;
  width: 205px;
  padding: 10px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 5px 15px 0px rgba(163, 174, 208, 0.3), 0px 0px 20px 0px rgba(163, 174, 208, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s linear;
}

.select-status__drop ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.select-status__item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}

.select-status__item.is-active {
  background: #F7F8FB;
}

.select-status__item span.circle {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14px;
  display: block;
  position: relative;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.select-status__item span.circle::before {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50px;
  background: currentColor;
  content: "";
  opacity: 0.3;
}

.select-status__item span.circle::after {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: currentColor;
  content: "";
}

.select-status__item span:last-child {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.select-status__item:hover {
  background: #F7F8FB;
}

table.footable-details.table-inner tbody tr th {
  display: none !important;
  width: 0 !important;
  max-width: 0 !important;
}

table.footable-details.table-inner tbody tr td:nth-child(2) {
  width: 100%;
  text-align: left !important;
}

table.footable-details.table-inner tbody tr td span[data-label] {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

table.footable-details.table-inner tbody tr td span[data-label]::before {
  width: 50%;
  margin-right: 10px;
  content: attr(data-label);
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 11px;
  line-height: 110%;
  letter-spacing: 0.02em;
}

.table-inner-box {
  padding-top: 10px;
  padding-left: 130px;
}

.table-inner {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.table-inner__row {
  -ms-grid-columns: 2fr 1fr 1fr 3fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-grid-row: 1;
  grid-column-gap: 15px;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 3fr;
  grid-row: 1;
  align-items: center;
  text-align: left;
}

.table-inner__row + .table-inner__row {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #F7F8FB;
}

.table-inner__cell:nth-child(4) .table-inner__grid {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.table-inner__grid {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
}

.table-inner__grid .btn-status + span {
  font-size: 11px;
}

.table-inner__grid .product-img-small {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  z-index: 1;
  position: static;
  flex: 0 0 50px;
  width: 50px;
  height: 50px;
}

.table-inner__grid .product-img-small .popap-img {
  -webkit-box-shadow: 0px 0px 20px 0 rgba(163, 174, 208, 0.3), 0px 5px 15px 0 rgba(163, 174, 208, 0.3);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 60px;
  width: 300px;
  height: 300px;
  margin-top: -150px;
  padding: 10px;
  transform: scale(0);
  border-radius: 8PX;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0 rgba(163, 174, 208, 0.3), 0px 5px 15px 0 rgba(163, 174, 208, 0.3);
  transition: all 0.3s linear;
}

.table-inner__grid .product-img-small .popap-img img {
  width: 280px;
  height: 280px;
}

.table-inner__grid .product-img-small:hover .popap-img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.table-inner__grid .btn-status {
  margin-right: 15px;
}

.table-inner__grid .btn-status + * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.table-message {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 30px;
}

.btn-message {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 5px 15px 0 rgba(255, 106, 106, 0.3);
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 45px;
  padding: 0 10px;
  border: 2px solid rgba(255, 106, 106, 0.3);
  border-radius: 0px 8px 8px 8px;
  background: #FFFFFF;
  box-shadow: 0px 5px 15px 0 rgba(255, 106, 106, 0.3);
  color: #FF6A6A;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: left;
}

.btn-message [class*=ico_] {
  margin-right: 5px;
  font-size: 20px;
}

.btn-message br {
  display: none;
}

.nice-select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: auto;
  height: 45px;
  padding-right: 27px;
  padding-left: 15px;
  clear: both;
  border: solid 1px #e8e8e8;
  border-radius: 8px;
  outline: none;
  background-color: #fff;
  color: #A3AED0;
  font-weight: normal;
  font-size: 14px;
  line-height: 3.07;
  font-family: inherit;
  text-align: left !important;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  user-select: none;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active,
.nice-select:focus {
  border-color: #dbdbdb;
}

.nice-select:after {
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  transform: rotate(45deg);
  transform-origin: 66% 66%;
  border-right: 1px solid #57CA70;
  border-bottom: 1px solid #57CA70;
  content: "";
  pointer-events: none;
  transition: all 0.15s ease-in-out;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  -webkit-transform: scale(1) translateY(0);
  -ms-transform: scale(1) translateY(0);
  width: calc(100% + 2px);
  margin: 0 0 0 -1px;
  transform: scale(1) translateY(0);
  opacity: 1;
  pointer-events: auto;
}

.nice-select.disabled {
  border-color: #ededed;
  color: #000;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #a5e2b2;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  right: 0 !important;
  left: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  right: 0;
  left: auto;
}

.nice-select.small {
  height: 30px;
  font-size: 12px;
  line-height: 2.33;
}

.nice-select.small:after {
  width: 4px;
  height: 4px;
}

.nice-select.small .option {
  min-height: 28px;
  line-height: 28px;
}

.nice-select .current {
  line-height: 1;
}

.nice-select .list {
  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  -webkit-box-sizing: border-box;
  -webkit-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-22.5px);
  -ms-transform: scale(0.75) translateY(-22.5px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  box-sizing: border-box;
  z-index: 9;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
  overflow: hidden;
  transform: scale(0.75) translateY(-22.5px);
  transform-origin: 50% 0;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  min-height: 43px;
  padding-right: 26px;
  padding-left: 15px;
  outline: none;
  color: #5B6485;
  font-weight: 400;
  line-height: 43px;
  list-style: none;
  text-align: left;
  cursor: pointer;
  transition: all 0.2s;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #000;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 30px;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 30px;
}

.btn-close {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CCD2E3'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.btn-close:hover {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%235B6485'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch .form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.accordion-button::after {
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-control.is-valid,
.was-validated .form-control:valid {
  background: none;
}

.container-xxl {
  max-width: 1700px;
}

.container-lg {
  max-width: 1170px;
}

.container-sm {
  max-width: 850px;
}

.form-group {
  position: relative;
  margin-bottom: 20px;
}

.btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14.5px 20px;
  border-radius: 8px;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  font-family: "GothamPro";
  letter-spacing: 0.02em;
  text-align: center;
}

.btn:hover,
.btn:focus,
.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn:active:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-primary {
  -webkit-box-shadow: 0px 8px 10px 0 rgba(189, 207, 244, 0.5);
  border-color: #5A7AFA;
  background-color: #5A7AFA;
  box-shadow: 0px 8px 10px 0 rgba(189, 207, 244, 0.5);
  color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus {
  border-color: #2952f9;
  background-color: #2952f9;
}

.btn-primary:active {
  -webkit-box-shadow: none;
  border-color: #2952f9;
  background-color: #2952f9;
  box-shadow: none;
}

.btn-secondary {
  -webkit-box-shadow: 0px 8px 10px 0 rgba(189, 207, 244, 0.5);
  border-color: #A3AED0;
  background-color: #A3AED0;
  box-shadow: 0px 8px 10px 0 rgba(189, 207, 244, 0.5);
  color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus {
  border-color: #707997;
  background-color: #707997;
}

.btn-secondary:active {
  -webkit-box-shadow: none;
  border-color: #707997;
  background-color: #707997;
  box-shadow: none;
}

.btn-light {
  -webkit-box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
}

.btn-light:hover,
.btn-light:focus {
  -webkit-box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  background-color: #fff;
  box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
}

.btn-light.active {
  background: #A3AED0;
  color: #fff;
}

.btn-light[aria-expanded=true] {
  background: #A3AED0;
  color: #fff;
}

.btn-info {
  border-radius: 8px;
  border-color: #E4E7EF;
  background: #E4E7EF;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}

.btn-info:hover {
  background-color: #628EFF;
  color: #fff;
}

.btn-check:active + .btn-light,
.btn-check:checked + .btn-light,
.show > .btn-light.dropdown-toggle {
  border-color: #A3AED0;
  background-color: #A3AED0;
  color: #fff;
}

.btn-check:focus + .btn-light {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-decoration: none;
}

.form-control,
.search-control {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 45px;
  border: 1.5px solid #E4E7EF;
  border-radius: 8px;
  background: #FFFFFF;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.form-control::-webkit-input-placeholder,
.search-control::-webkit-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.form-control::-moz-placeholder,
.search-control::-moz-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.form-control:-ms-input-placeholder,
.search-control:-ms-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.form-control::-ms-input-placeholder,
.search-control::-ms-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.form-control::placeholder,
.search-control::placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.form-control:hover,
.search-control:hover {
  border: 1.5px solid #CCD2E3;
}

.form-control:focus,
.search-control:focus {
  -webkit-box-shadow: none !important;
  border: 1.5px solid #A3AED0;
  box-shadow: none !important;
}

.form-control:focus::-webkit-input-placeholder,
.search-control:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form-control:focus::-moz-placeholder,
.search-control:focus::-moz-placeholder {
  opacity: 0;
}

.form-control:focus:-ms-input-placeholder,
.search-control:focus:-ms-input-placeholder {
  opacity: 0;
}

.form-control:focus::-ms-input-placeholder,
.search-control:focus::-ms-input-placeholder {
  opacity: 0;
}

.form-control:focus::placeholder,
.search-control:focus::placeholder {
  opacity: 0;
}

.custom-control {
  position: relative;
  padding-left: 0;
}

.custom-control-input {
  display: none;
  opacity: 0;
  pointer-events: none;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label:before {
  border-color: #E4E7EF;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  border-color: #E4E7EF;
  background-color: transparent !important;
}

.custom-control-label {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  display: inline-block;
  align-items: baseline;
  padding-left: 35px;
  color: #5A5D65;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  cursor: pointer;
}

.custom-control-label a {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  color: #5A5D65;
  font-style: normals;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-decoration: none !important;
  transition: all 0.3s linear;
}

.custom-control-label a:hover {
  color: #628EFF;
}

.custom-control-label::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: -3px;
  left: 0;
  width: 25px;
  height: 25px;
  border: 1px solid #E4E7EF;
  border-radius: 8px;
  background-color: #fff;
  content: "";
  pointer-events: none;
}

.custom-control-label::after {
  display: block;
  position: absolute;
  top: 5px;
  left: 8.5px;
  width: 8px;
  height: 8px;
  border-radius: 0px;
  background-color: #5B6485;
  content: "";
  opacity: 0;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  opacity: 1;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  border-color: #DFDFDF;
  background-color: #DFDFDF;
  color: #fff;
}

.form-check-label {
  cursor: pointer;
}

.row-small {
  margin-right: -5px;
  margin-left: -5px;
}

.row-small > * {
  padding-right: 5px;
  padding-left: 5px;
}

.custom-checkbox {
  min-height: 25px;
}

.form-label {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.form-label span {
  color: #A3AED0;
}

.accordion-button:hover,
.accordion-button:focus,
.accordion-button:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.new {
  color: #628EFF;
}

.confirmed {
  color: #57CA70;
}

.canceled {
  color: #FF6A6A;
}

.cornet {
  color: #796BC2;
}

.consideration {
  color: #FBA705;
}

.removed {
  color: #A3AED0;
}

.btn-status {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  height: 35px;
  padding: 10px 11px;
  white-space: nowrap;
}

.btn-status::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid currentColor;
  border-radius: 8px;
  content: "";
  opacity: 0.3;
}

.btn-status span.circle {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 14px;
  display: block;
  position: relative;
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.btn-status span.circle::before {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50px;
  background: currentColor;
  content: "";
  opacity: 0.3;
}

.btn-status span.circle::after {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: currentColor;
  content: "";
}

body.no-scroll {
  overflow: hidden;
}

.page-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 320px;
  max-width: 1920px;
  min-height: 100vh;
  margin: 0 auto;
  overflow: hidden;
  background-color: #F7F8FB;
}

.page-wrapper .page-main {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.page-head {
  display: block;
  position: relative;
  padding-top: 35px;
  padding-bottom: 35px;
  background: url(../img/bg_page-head.jpg);
  background-position: center;
  background-size: cover;
}

.page-head__inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-head__title {
  color: #fff;
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 110%;
  letter-spacing: 0.04em;
  text-align: center;
}

.page-head__link {
  margin-right: 15px;
}

.page-head__link a {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.04em;
}

.page-head__empty {
  min-width: 100px;
  margin-left: 15px;
}

.page-content {
  padding-top: 50px;
  padding-bottom: 50px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
}

.page-content h4 {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.page-content h5 {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
}

.page-content .row + .row {
  margin-top: 30px;
}

.nowrap {
  white-space: nowrap;
}

.list-square {
  padding-left: 0;
  list-style-type: none;
}

.list-square li {
  display: block;
  position: relative;
  padding-left: 17px;
}

.list-square li::before {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 7px;
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  flex: 0 0 7px;
  width: 7px;
  height: 7px;
  background: #BDCFF4;
  content: "";
}

.scroll-box {
  -moz-appearance: none !important;
  scrollbar-color: #628EFF #E2EBEC;
  scrollbar-width: thin !important;
}

.scroll-box::-webkit-scrollbar {
  width: 4px;
}

.scroll-box::-webkit-scrollbar-track {
  background-color: #E2EBEC;
}

.scroll-box::-webkit-scrollbar-thumb {
  background-color: #628EFF;
}

.datepickers-container {
  z-index: 1100;
}

.datepicker {
  width: 265px;
  border: 1px solid #A3AED0;
  font-family: "Gilroy";
}

.datepicker--pointer {
  border-top: 1px solid #A3AED0;
  border-right: 1px solid #A3AED0;
}

.datepicker--nav {
  border-bottom: 1px solid #A3AED0;
}

.datepicker--days-names {
  background: #F7F8FB;
}

.datepicker--day-name {
  height: 24px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.17;
  letter-spacing: 0.02em;
  text-align: center;
  text-transform: none;
}

.datepicker--cell.-selected- {
  position: relative;
  background: none;
  color: #fff;
  font-size: 12px;
}

.datepicker--cell.-selected-::before {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: block;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #628EFF;
  content: "";
}

.datepicker .datepicker--cell.-current- {
  background: none;
  color: #628EFF;
}

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

.search-group {
  display: block;
  position: relative;
}

.search-control {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  height: 45px;
  padding: 0 45px 0 15px;
  border: 1.5px solid #E4E7EF;
  border-radius: 8px;
  background: #FFFFFF;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.search-control::-webkit-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.search-control::-moz-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.search-control:-ms-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.search-control::-ms-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.search-control::placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.search-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border: none;
  background: none;
  color: #E1E5EE;
}

.btn-icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  -webkit-box-shadow: 0px 4px 20px rgba(112, 144, 176, 0.2);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(112, 144, 176, 0.2);
  color: #CCD2E3;
  font-size: 12px;
  transition: all 0.3s linear;
}

.btn-icon.ico_trash {
  font-size: 20px;
}

.btn-icon.btn-primary {
  background: #628EFF;
  color: #fff;
}

.btn-icon:hover,
.btn-icon:focus {
  -webkit-box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  color: #A3AED0;
}

.btn-icon:active {
  -webkit-box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  color: #FF6A6A;
}

.switcher {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  background: #E4E7EF;
}

.switcher label {
  display: block;
  position: relative;
  cursor: pointer;
}

.switcher label input[type=radio] {
  display: none;
  position: absolute;
  opacity: 0;
}

.switcher label span {
  display: inline-block;
  position: relative;
  padding: 15px 20px;
  border-radius: 8px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}

.switcher label input[type=radio]:checked + span {
  background-color: #628EFF;
  color: #fff;
}

.input-date {
  padding-right: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' fill='none' viewBox='0 0 15 16'%3E%3Cpath fill='%23A3AED0' fill-rule='evenodd' d='M0 .09h3v3H0v-3zm0 6h3v3H0v-3zm3 6H0v3h3v-3zm3-12h3v3H6v-3zm3 6H6v3h3v-3zm-3 6h3v3H6v-3zm9-12h-3v3h3v-3zm-3 6h3v3h-3v-3zm3 6h-3v3h3v-3z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-position: right 15px center;
  background-repeat: no-repeat;
}

.checkbox-label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checkbox {
  display: block;
  position: relative;
  padding-left: 25px;
}

.checkbox::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  top: -1px;
  left: -1px;
  width: 25px;
  height: 25px;
  border: 1.5px solid #E4E7EF;
  border-radius: 4px;
  background: #fff;
  content: "";
  cursor: pointer;
}

.checkbox:after {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  width: 8px;
  height: 8px;
  background-color: #5B6485;
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s linear;
}

.checkbox input[type=checkbox] {
  display: none;
}

.checkbox input[type=checkbox]:checked ~ .checkbox input[type=checkbox]:checked:after {
  opacity: 1;
}

.js-show-input + .form-group {
  display: none;
  margin-top: 10px;
}

.filter {
  margin-bottom: 30px;
}

.btn-filter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 45px;
}

.btn-filter [class*=ico_] {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  margin-right: 5px;
  transform: rotate(0deg);
}

.btn-filter .txt-1 {
  display: block;
}

.btn-filter .txt-2 {
  display: none;
}

.btn-filter:not(.collapsed) [class*=ico_] {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.btn-filter:not(.collapsed) .txt-1 {
  display: none;
}

.btn-filter:not(.collapsed) .txt-2 {
  display: block;
}

.tabs-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  border-bottom: 1px solid #E4E7EF;
}

.tabs-nav > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 50%;
  text-align: center;
}

.tabs-nav > * > * {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  width: 100%;
  border: none;
  border-bottom: 4px solid transparent;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
  transition: all 0.3s linear;
}

.tabs-nav > * > *.active {
  border-bottom: 4px solid #628EFF;
  color: #5B6485;
}

.tabs-nav > * > *:hover {
  color: #5B6485;
}

.nice-select {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  border: 1px solid #E4E7EF;
  border-radius: 8px;
  background: #FFFFFF;
}

.nice-select.open {
  border: 1px solid #A3AED0;
  border-radius: 8px 8px 0 0;
}

.nice-select:after {
  right: 13px;
  border-color: #A3AED0;
}

.nice-select .list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2px 0 0 0;
  padding: 0;
  border: 1px solid #A3AED0;
  border-top: none;
  border-radius: 0 0 8px 8px;
}

.nice-select .list .option {
  height: 30px;
  min-height: 30px;
  padding-left: 15px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 0.02em;
}

.nice-select .list .option.selected {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
}

.nice-select .list .option + .option {
  border-top: 1px solid #F7F8FB;
}

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

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]:hover,
input[type=number]:focus {
  -moz-appearance: number-input;
}

.form-control-empty {
  height: 25px;
}

.double-inputs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.double-inputs > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 50%;
}

.double-inputs > *:hover,
.double-inputs > *:focus,
.double-inputs > *:active {
  border-color: #E4E7EF;
}

.double-inputs > *:first-child {
  border-right: none;
  border-radius: 8px 0 0 8px;
}

.double-inputs > *:last-child {
  border-radius: 0 8px 8px 0;
}

.widjet.--bonus span.ico_info {
  cursor: pointer;
}

.widjet.--bonus span.ico_info:hover {
  z-index: 10000;
  color: #628EFF;
}

.popover {
  border: none;
}

.bs-popover-end > .popover-arrow:before {
  border: none;
}

.popover.popover-bonus {
  top: -45px !important;
  left: 115px !important;
  max-width: 280px;
  max-height: 200px;
  border: none;
}

.popover.popover-bonus .popover-arrow {
  display: none !important;
}

.popover.popover-bonus .popover-body {
  -webkit-box-shadow: 0px 5px 15px rgba(163, 174, 208, 0.3);
  padding-left: 50px;
  border: none !important;
  border-radius: 0px 8px 8px 8px;
  background: #FFFFFF;
  box-shadow: 0px 5px 15px rgba(163, 174, 208, 0.3);
}

a[rel=popover] {
  display: block;
  position: relative;
}

.popover.popover-img {
  max-width: none;
}

.popover.popover-img .popover-body {
  -webkit-box-shadow: 0px 0px 20px 0 rgba(163, 174, 208, 0.3), 0px 5px 15px -1px rgba(163, 174, 208, 0.3);
  padding: 20px;
  border-radius: 8px 8px 8px 0px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px 0 rgba(163, 174, 208, 0.3), 0px 5px 15px -1px rgba(163, 174, 208, 0.3);
}

.popover.popover-img .popover-body img {
  width: 100%;
}

.input-file input[type=file] {
  display: none;
}

.drop.--html {
  max-width: 240px;
}

.drop.--html .drop-button {
  height: 45px;
  padding-top: 2px;
  padding-bottom: 0;
}

.print-content {
  display: none;
}

.details-list__table.--documents {
  margin-top: 30px;
  padding: 0;
}

.details-list__table.--documents .table-body {
  margin-top: 0;
}

.details-list__table.--documents .table-body input.form-control.w-100 {
  max-width: 100%;
}

.tagger {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  min-height: 45px;
  padding: 3px 10px 2px 10px;
  border: 1.5px solid #E4E7EF;
  border-radius: 8px;
  background: #FFFFFF;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.tagger > ul {
  -ms-flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
}

.tagger > ul > li {
  margin: 0;
  padding-right: 5px;
  padding-left: 0;
}

.tagger > ul > li:not(.tagger-new) > a,
.tagger > ul > li:not(.tagger-new) > span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  margin: 2.5px 0;
  padding: 0 5px 0 10px;
  border-color: #628EFF;
  background-color: #628EFF;
  color: #fff;
}

.tagger .tagger-new {
  margin: 0;
  padding: 0 0 0 5px;
}

.tagger .tagger-new input {
  -o-text-overflow: ellipsis;
  height: 35px;
  overflow: hidden;
  line-height: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tagger .tagger-new input::-webkit-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.tagger .tagger-new input::-moz-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.tagger .tagger-new input:-ms-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.tagger .tagger-new input::-ms-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.tagger .tagger-new input::placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.drop-select-side .drop-button {
  padding-top: 0;
  padding-bottom: 0;
}

.drop-select-side .drop-overflow {
  max-height: none;
  padding: 10px;
}

.drop-select-side .drop-overflow ul.action-group-list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  overflow: visible;
  box-shadow: none;
  list-style-type: none;
}

.drop-select-side .drop-overflow ul.action-group-list li {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

.drop-select-side .drop-overflow ul.action-group-list li + li {
  margin-top: 10px;
}

.side-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.side-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: none;
  align-items: center;
  margin-right: 5px;
}

.side-item.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.side-item__box {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25px;
  -webkit-box-shadow: 0px 2px 8px 2px rgba(204, 210, 227, 0.6);
  display: block;
  position: relative;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  overflow: hidden;
  border-radius: 6px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 2px rgba(204, 210, 227, 0.6);
}

.side-item__title {
  display: none;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.side-item.is-active .side-item__box::before {
  display: block;
  position: absolute;
  background-color: #628EFF;
  content: "";
}

.side-item.is-active.--top .side-item__box::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
}

.side-item.is-active.--left .side-item__box::before {
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
}

.side-item.is-active.--bottom .side-item__box::before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
}

.side-item.is-active.--right .side-item__box::before {
  top: 0;
  right: 0;
  width: 5px;
  height: 100%;
}

.side-item.is-active.--all .side-item__box::before {
  width: 100%;
  height: 100%;
  border: 5px solid #628EFF;
  background: none;
}

.side-item.is-active.--all .side-item__title {
  display: block !important;
}

.table-head.--documents div:last-child {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.table-head.--documents div:last-child .drop {
  width: 100%;
  max-width: 350px;
}

.accordion-furniture {
  padding: 10px;
  background: #fff;
}

.accordion-furniture .accordion-item {
  border: none;
  border-bottom: 1px solid #F7F8FB;
}

.accordion-furniture .accordion-item:last-child {
  border-bottom: none;
}

.accordion-furniture .accordion-header.is-show {
  background: #E4E7EF;
}

.accordion-furniture .accordion-header.is-show .table-cell {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.accordion-furniture .accordion-body {
  padding: 0;
  background: #F7F8FB;
}

.accordion-furniture .accordion-body .footable {
  background: none;
}

.accordion-furniture .accordion-body .footable thead tr.footable-header {
  border-bottom: 1px solid #E4E7EF;
  background: none !important;
}

.accordion-furniture .accordion-body .footable thead tr.footable-header th {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.accordion-furniture .accordion-body .footable thead tr th:first-child {
  padding-left: 10px;
}

.accordion-furniture .accordion-body .footable thead tr th:last-child {
  padding-right: 10px;
}

.accordion-furniture .accordion-body .footable tbody {
  border: none;
}

.accordion-furniture .accordion-body .footable tbody tr td:first-child::before,
.accordion-furniture .accordion-body .footable tbody tr td:last-child::after {
  display: none;
}

.accordion-furniture .accordion-body .footable tbody tr td:first-child {
  padding-left: 10px;
}

.accordion-furniture .accordion-body .footable tbody tr td:last-child {
  padding-right: 10px;
}

.accordion-furniture .accordion-body .footable tbody tr td .form-control {
  display: inline-block;
  width: 100px;
}

.table-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}

.table-cell {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.table-cell:first-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 340px;
  flex: 0 0 340px;
}

.table-cell:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.table-cell:last-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.table-cell:last-child .btn-icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
}

.table-cell:last-child .ico_arrow-down {
  margin-left: 10px;
  font-size: 15px;
}

.table-cell:last-child .ico_arrow-down[aria-expanded=true] {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #628EFF;
}

.table-cell:last-child .ico_arrow-down[aria-expanded=true] + .btn-icon {
  display: block;
}

.table-cell:last-child .ico_arrow-down + .ico_plus {
  display: none;
  background: #628EFF;
  color: #fff;
}

.accordion-furniture-head {
  background: #5B6485;
}

.accordion-furniture-head .table-cell {
  min-height: 40px;
  color: #fff;
  color: #E4E7EF;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.accordion-furniture-head .table-cell:first-child {
  padding-left: 20px;
}

.accordion-furniture-head .table-cell:last-child {
  padding-right: 20px;
}

.page-header {
  -webkit-box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
  display: block;
  position: relative;
  padding: 19px 0;
  background: #FFFFFF;
  box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
}

.page-header__inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-header__logo {
  margin-right: 80px;
  margin-right: 4.1666666667vw;
}

.page-header__group {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-right: auto;
}

.page-header__phones {
  margin-right: 14px;
}

.page-header__phones .dropdown-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  padding: 0 13px;
  border: none;
  background: none;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.04em;
}

.page-header__phones .dropdown-toggle::before {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  position: absolute;
  bottom: -39px;
  left: 50%;
  width: 0;
  height: 4px;
  transform: translateX(-50%);
  background-color: #628EFF;
  content: "";
  opacity: 0;
  transition: all 0.3s linear;
}

.page-header__phones .dropdown-toggle.show::before {
  width: 100%;
  opacity: 1;
}

.page-header__phones .dropdown-menu {
  -webkit-box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
  top: 38px !important;
  padding: 20px;
  border: none;
  border-radius: 0px 0px 10px 10px;
  background: #FFFFFF;
  box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
}

.page-header__phones .dropdown-menu .dropdown-item {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  padding: 7px 0;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.04em;
  transition: all 0.3s linear;
}

.page-header__phones .dropdown-menu .dropdown-item:hover,
.page-header__phones .dropdown-menu .dropdown-item:focus,
.page-header__phones .dropdown-menu .dropdown-item:active {
  background: none;
  color: #628EFF;
}

.page-header__lang .dropdown-toggle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  align-items: center;
  padding: 0 13px;
  border: none;
  background: none;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.page-header__lang .dropdown-toggle::before {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  position: absolute;
  bottom: -39px;
  left: 50%;
  width: 0;
  height: 4px;
  transform: translateX(-50%);
  background-color: #628EFF;
  content: "";
  opacity: 0;
  transition: all 0.3s linear;
}

.page-header__lang .dropdown-toggle.show::before {
  width: 100%;
  opacity: 1;
}

.page-header__lang .dropdown-menu {
  -webkit-box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
  top: 38px !important;
  min-width: auto;
  padding: 20px 21px;
  border: none;
  border-radius: 0px 0px 10px 10px;
  background: #FFFFFF;
  box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
}

.page-header__lang .dropdown-menu .dropdown-item {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  padding: 5px 0;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: all 0.3s linear;
}

.page-header__lang .dropdown-menu .dropdown-item:hover,
.page-header__lang .dropdown-menu .dropdown-item:focus,
.page-header__lang .dropdown-menu .dropdown-item:active {
  background: none;
  color: #628EFF;
}

.page-header__menu {
  margin-left: auto;
}

.page-header__menu .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.page-header__menu .navbar-nav .nav-item {
  padding: 0 15px;
}

.page-header__menu .navbar-nav .nav-item:first-child {
  padding-left: 0;
}

.page-header__menu .navbar-nav .nav-link {
  display: block;
  position: relative;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.page-header__menu .navbar-nav .nav-link sup {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  margin-left: 6px;
  border: 1px solid #F7F8FB;
  border-radius: 50%;
  background: #F7F8FB;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

.page-header__menu .navbar-nav .nav-link span {
  position: relative;
}

.page-header__menu .navbar-nav .nav-link span::before {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  position: absolute;
  bottom: -38px;
  left: 50%;
  width: 0;
  height: 4px;
  transform: translateX(-50%);
  background-color: #628EFF;
  content: "";
  opacity: 0;
  transition: all 0.3s linear;
}

.page-header__menu .navbar-nav .nav-link span:hover::before {
  width: 100%;
  opacity: 1;
}

.page-header__menu .navbar-nav .nav-link.active span::before {
  width: 100%;
  opacity: 1;
}

.page-header__user {
  margin-left: 90px;
  margin-left: 4.6875vw;
}

.page-header__action {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.page-header__action .action-link {
  margin-left: 20px;
}

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

.user__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border: none;
  background: none;
}

.user__button:after {
  display: none;
}

.user__button::before {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  position: absolute;
  bottom: -19px;
  left: 50%;
  width: 0;
  height: 4px;
  transform: translateX(-50%);
  background-color: #628EFF;
  content: "";
  opacity: 0;
  transition: all 0.3s linear;
}

.user__button.show::before {
  width: 100%;
  opacity: 1;
}

.user__avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
}

.user__avatar img {
  width: 100%;
  height: 100%;
}

.user__info {
  display: block;
  margin-left: 10px;
}

.user__name {
  color: #5B6485;
  font-weight: 500;
}

.user__label {
  color: #A3AED0;
  font-weight: 500;
  font-size: 12px;
}

.user__dropdown {
  -webkit-box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
  top: 18px !important;
  width: 400px;
  padding: 30px;
  padding: 20px;
  border: none;
  border-radius: 0px 0px 10px 10px;
  background: #FFFFFF;
  box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
}

.user-info {
  display: block;
  position: relative;
}

.user-info + .user-info {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #F7F8FB;
}

.user-info__title {
  margin-bottom: 10px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.user-info__body {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.user-info__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.user-info__list li {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 5px 0;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.user-info__avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 80px;
  display: block;
  position: relative;
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  margin: 0 0 10px 20px;
}

.user-info__avatar img {
  width: 100%;
  height: 100%;
}

.user-info__bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: end;
  -ms-flex-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.user-info__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.user-info__link a {
  color: #628EFF;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.user-info__link a + a {
  margin-left: 10px;
}

.user-info__exit a {
  -webkit-box-shadow: 0px 8px 10px -10px rgba(204, 210, 227, 0.5);
  display: inline-block;
  padding: 10px 20px;
  border-radius: 8px;
  background: #628EFF;
  box-shadow: 0px 8px 10px -10px rgba(204, 210, 227, 0.5);
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.action-link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border-radius: 8px;
  background: #F7F8FB;
  color: #5B6485;
  font-size: 16px;
  transition: all 0.3s linear;
}

.action-link:hover {
  color: #628EFF;
}

.action-link sup {
  margin-left: 5px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

.action-link.--youtube {
  padding: 10px;
  font-size: 20px;
}

.page-footer {
  -webkit-box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
  display: block;
  position: relative;
  padding: 38px 0;
  background: #5B6485;
  box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
}

.page-footer__inner {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.page-footer__logo {
  display: block;
  position: relative;
  margin-bottom: 15px;
}

.page-footer__dev {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.page-footer__dev span {
  display: inline-block;
  margin-right: 10px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.page-footer__center {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 70px;
  margin: 0 3.6458333333vw;
}

.page-footer__center-top {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.page-footer__center-top > * + * {
  margin-left: 20px;
}

.page-footer__group {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}

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

.page-footer__menu ul li + li {
  margin-top: 10px;
}

.page-footer__menu ul li a {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  color: #F7F8FB;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  transition: all 0.3s linear;
}

.page-footer__menu ul li a:hover {
  color: #A3AED0;
}

.page-footer__download {
  margin-left: 75px;
  margin-left: 3.90625vw;
}

.page-footer__download a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 9px;
  border: 1.5px solid #A3AED0;
  border-radius: 8px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: all 0.3s linear;
}

.page-footer__download a [class*=ico_] {
  margin-right: 5px;
  color: #A3AED0;
  font-size: 15px;
}

.page-footer__download a:hover {
  background-color: #A3AED0;
  color: #5B6485;
}

.page-footer__download a:hover [class*=ico_] {
  color: #5B6485;
}

.page-footer__center-bottom {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid rgba(163, 174, 208, 0.5);
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.page-footer__right {
  display: block;
  position: relative;
}

.page-footer__contacts {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.page-footer__contacts p {
  margin-bottom: 10px;
}

.page-footer__contacts .accent {
  color: #A3AED0;
  font-size: 12px;
}

.page-footer__contacts a {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: inline-block;
  position: relative;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  transition: all 0.3s linear;
}

.page-footer__contacts a:hover {
  color: #A3AED0;
}

.page-footer__contacts a + a {
  margin-left: 20px;
}

.btns-change-user {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9;
  position: fixed;
  bottom: 70px;
  left: 10px;
  flex-direction: column;
}

.btns-change-user .btn {
  width: 50px;
  height: 50px;
  padding: 5px;
}

.btns-change-user .btn + .btn {
  margin-top: 10px;
}

.page-footer.--production {
  padding: 15px 0;
}

.page-footer.--production .page-footer__inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-footer.--production .copy {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.button-modal-all {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9;
  position: fixed;
  bottom: 10px;
  left: 10px;
  align-items: center;
  justify-content: center;
  width: 50px;
  min-width: 50px;
  height: 50px;
  padding: 0;
  border: 1px solid #628EFF;
  border-radius: 8px;
  background-color: #628EFF;
  color: #fff;
}

.button-modal-all [class*=ico_] {
  margin: 0 !important;
}

.modal-backdrop {
  background: rgba(7, 7, 7, 0.9);
}

.modal-backdrop.fade {
  opacity: 1;
}

.modal-content {
  padding: 50px;
  border-radius: 30px;
  background: #FFFFFF;
}

.modal-content .btn-close {
  -webkit-box-shadow: 0px 2px 20px 0px rgba(204, 210, 227, 0.6);
  -webkit-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  position: absolute;
  top: -25px;
  right: -25px;
  width: 35px;
  height: 35px;
  padding: 0;
  float: none;
  border-radius: 8px;
  background-size: 12px;
  background-color: #fff;
  box-shadow: 0px 2px 20px 0px rgba(204, 210, 227, 0.6);
  text-shadow: none;
  opacity: 1;
  transition: all 0.7s linear;
}

.modal-content .btn-close:hover {
  color: #5B6485;
  opacity: 1;
}

.modal-header {
  display: block;
  position: relative;
  padding: 0 0 0 5px;
  border: none;
  text-align: left;
}

.modal-header::before {
  -webkit-box-shadow: 1px 0px 4px 1px rgba(34, 131, 255, 0.3);
  display: block;
  position: absolute;
  top: 0;
  left: -51px;
  width: 10px;
  height: 100%;
  background: #628EFF;
  box-shadow: 1px 0px 4px 1px rgba(34, 131, 255, 0.3);
  content: "";
}

.modal-title {
  display: block;
  position: relative;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: left;
}

.modal-title:before {
  content: "";
}

.modal-title:before {
  position: absolute;
  top: -20px;
  left: 0;
  color: #628EFF;
  font-size: 10px;
}

.modal-title small {
  display: block;
  margin-top: 5px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.08em;
}

.modal-title--small {
  color: #46535A;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0.02em;
}

.modal-body {
  -moz-appearance: none !important;
  margin-top: 30px;
  margin-right: -20px;
  padding: 0 20px 0 0;
  scrollbar-color: #A3AED0 rgba(163, 174, 208, 0.2);
  scrollbar-width: thin !important;
}

.modal-body::-webkit-scrollbar {
  width: 4px;
}

.modal-body::-webkit-scrollbar-track {
  background-color: rgba(163, 174, 208, 0.2);
}

.modal-body::-webkit-scrollbar-thumb {
  background-color: #A3AED0;
}

.modal-body a:not(.btn) {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  color: #5A5D65;
  font-style: normals;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-decoration: underline;
  transition: all 0.3s linear;
}

.modal-body a:not(.btn):hover {
  color: #628EFF;
  text-decoration: none;
}

.modal-body .container-fluid {
  width: calc(100% + 20px);
  margin-right: -10px;
  margin-left: -10px;
}

.modal-body textarea {
  height: 90px;
  resize: none;
}

.modal-body .lead {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0.02em;
}

.modal-body .links-group {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0 20px;
}

.modal-body .links-group span {
  display: inline-block;
  margin: 0 20px;
  color: #323537;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.modal-body .links-group a {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: inline-block;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: all 0.3s linear;
}

.modal-body .links-group a:hover {
  color: #628EFF;
  text-decoration: none;
}

.modal-body .btn-primary {
  -webkit-box-shadow: 0px 8px 10px 0 rgba(189, 207, 244, 0.5);
  border-radius: 8px;
  box-shadow: 0px 8px 10px 0 rgba(189, 207, 244, 0.5);
}

.modal-body .footable thead .footable-header {
  background: #F7F8FB;
}

.modal-body .footable thead th {
  padding: 10px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.17;
  letter-spacing: 0.02em;
}

.modal-body .footable thead .footable-header th:first-child {
  padding-left: 15px !important;
}

.modal-body .footable thead .footable-header th:last-child {
  padding-right: 15px !important;
}

.modal-body .footable tbody {
  border: 0;
}

.modal-body .footable tbody tr td {
  padding: 10px;
}

.modal-body .footable tbody tr td:first-child::before,
.modal-body .footable tbody tr td:last-child::after {
  display: none;
}

.modal-body .footable tbody tr td:first-child {
  padding-left: 15px !important;
}

.modal-body .footable tbody tr td:last-child {
  padding-right: 15px !important;
}

.password-quality {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 20px 0 26px;
}

.password-quality__title {
  margin-right: 9px;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.21;
}

.password-quality__list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.password-quality__list li {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.password-quality__list li:before {
  content: "";
}

.password-quality__list li:before {
  color: #B3B9C2;
}

.password-quality__list li + li {
  margin-left: 3px;
}

.password-quality__list li._active:before {
  color: #009999;
}

.change-city-select,
.change-select {
  display: none;
}

.city-list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.city-list > li {
  width: calc(20% - 20px);
  margin: 0 10px;
}

.city-list > li > ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.city-list > li > ul > li {
  display: block;
  position: relative;
  cursor: pointer;
}

.city-list > li > ul > li + li {
  margin-top: 10px;
}

.city-list > li > ul > li span {
  -webkit-text-decoration-line: underline;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: inline-block;
  position: relative;
  color: #30393E;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.71;
  text-decoration-line: underline;
  transition: all 0.3s linear;
}

.city-list > li > ul > li span:hover {
  color: #628EFF;
  text-decoration: none;
}

.region-item {
  display: block;
  position: relative;
}

.region-item__title {
  display: block;
  position: relative;
  padding: 10px;
  background: #ECEEF0;
  color: #46535A;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.region-item__body {
  padding: 0 30px;
}

.branch-item {
  display: block;
  position: relative;
  padding: 10px;
}

.branch-item + .branch-item {
  border-top: 1px solid #ECEEF0;
}

.branch-item__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #46535A;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.19;
  letter-spacing: 0.02em;
}

.branch-item__title b {
  display: inline-block;
  margin-left: 5px;
}

.branch-item__title [class*=ico_] {
  margin-left: -18px;
  color: #628EFF;
}

.branch-item__desc {
  color: #46535A;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.36;
  letter-spacing: 0.02em;
}

.branch-item__btn {
  margin-top: 10px;
}

.upload-file {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  color: #46535A;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.upload-file input[type=file] {
  display: none;
  opacity: 0;
  pointer-events: none;
}

.upload-file [class*=ico_] {
  margin-right: 10px;
  color: #628EFF;
  font-size: 25px;
}

.button-login {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 0;
  border-radius: 0;
  background: #F7F8FB;
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  text-decoration: none;
}

.button-login:hover {
  color: #5B6485;
}

.button-login img {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.button-login [class*=ico_] {
  font-size: 14px;
}

.button-login [class*=ico_] + * {
  margin-left: 5px;
}

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

.download__link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  text-decoration: none !important;
}

.download__link:hover .download__icon-down {
  background-color: #628EFF;
  color: #fff;
}

.download__icon {
  display: block;
  position: relative;
  margin-right: 24px;
}

.download__icon-file {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border-radius: 8px;
  background: rgba(204, 210, 227, 0.5);
  color: #fff;
  font-size: 30px;
  text-decoration: none;
}

.download__icon-down {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: absolute;
  right: -9px;
  bottom: -9px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  color: #628EFF;
  font-size: 24px;
  text-decoration: none;
  transition: all 0.3s linear;
}

.download__info {
  display: block;
}

.download__title {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.download__size {
  margin-top: 6px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.upload {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  padding: 10px;
  background: #F7F8FB;
}

.upload .upload-input {
  z-index: -1;
  position: absolute;
  opacity: 0;
}

.upload .upload-label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  border-radius: 8px;
  background: #fff;
  color: #628EFF;
  cursor: pointer;
}

.upload .upload-box {
  display: block;
  width: 100%;
  max-width: calc(100% - 45px);
}

.upload .upload-placeholder,
.upload .upload-file-name {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.upload .upload-file-name {
  display: none;
  position: relative;
  padding-right: 10px;
}

.upload .upload-file-name span {
  -o-text-overflow: ellipsis;
  display: block;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload .upload-file-name [class*=ico_] {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 10px;
  transform: translateY(-50%);
  color: #FF856A;
  font-size: 10px;
  cursor: pointer;
}

.show-password {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1018 0.753906C12.3748 0.753906 14.5482 1.94609 16.5737 3.90486C17.2647 4.57311 17.8899 5.28654 18.4402 6.00026C18.7723 6.43094 19.0081 6.76973 19.1372 6.97157L19.4244 7.42057L19.1372 7.86957C19.0081 8.07141 18.7723 8.4102 18.4402 8.84089C17.8899 9.55461 17.2647 10.268 16.5737 10.9363C14.5482 12.8951 12.3748 14.0872 10.1018 14.0872C7.82887 14.0872 5.65543 12.8951 3.62992 10.9363C2.9389 10.268 2.31375 9.55461 1.76342 8.84089C1.43133 8.4102 1.19555 8.07141 1.06646 7.86957L0.779297 7.42057L1.06646 6.97157C1.19555 6.76973 1.43133 6.43094 1.76342 6.00026C2.31375 5.28654 2.9389 4.57311 3.62992 3.90486C5.65543 1.94609 7.82887 0.753906 10.1018 0.753906ZM17.1204 7.01797C16.6165 6.3645 16.0436 5.71074 15.4151 5.10295C13.6706 3.41589 11.8561 2.42057 10.1018 2.42057C8.3476 2.42057 6.53307 3.41589 4.78853 5.10295C4.16002 5.71074 3.58715 6.3645 3.08328 7.01797C2.97446 7.1591 2.8739 7.29376 2.78196 7.42057C2.8739 7.54739 2.97446 7.68204 3.08328 7.82318C3.58715 8.47664 4.16002 9.1304 4.78853 9.7382C6.53307 11.4253 8.3476 12.4206 10.1018 12.4206C11.8561 12.4206 13.6706 11.4253 15.4151 9.7382C16.0436 9.1304 16.6165 8.47664 17.1204 7.82318C17.2292 7.68204 17.3298 7.54739 17.4217 7.42057C17.3298 7.29376 17.2292 7.1591 17.1204 7.01797ZM6.7685 7.42057C6.7685 9.26152 8.26088 10.7539 10.1018 10.7539C11.9428 10.7539 13.4352 9.26152 13.4352 7.42057C13.4352 5.57962 11.9428 4.08724 10.1018 4.08724C8.26088 4.08724 6.7685 5.57962 6.7685 7.42057ZM11.7685 7.42057C11.7685 8.34105 11.0223 9.08724 10.1018 9.08724C9.18135 9.08724 8.43516 8.34105 8.43516 7.42057C8.43516 6.5001 9.18135 5.75391 10.1018 5.75391C11.0223 5.75391 11.7685 6.5001 11.7685 7.42057Z' fill='%23ccc'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: 15px 15px;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: all 0.3s linear;
}

.show-password:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1018 0.753906C12.3748 0.753906 14.5482 1.94609 16.5737 3.90486C17.2647 4.57311 17.8899 5.28654 18.4402 6.00026C18.7723 6.43094 19.0081 6.76973 19.1372 6.97157L19.4244 7.42057L19.1372 7.86957C19.0081 8.07141 18.7723 8.4102 18.4402 8.84089C17.8899 9.55461 17.2647 10.268 16.5737 10.9363C14.5482 12.8951 12.3748 14.0872 10.1018 14.0872C7.82887 14.0872 5.65543 12.8951 3.62992 10.9363C2.9389 10.268 2.31375 9.55461 1.76342 8.84089C1.43133 8.4102 1.19555 8.07141 1.06646 7.86957L0.779297 7.42057L1.06646 6.97157C1.19555 6.76973 1.43133 6.43094 1.76342 6.00026C2.31375 5.28654 2.9389 4.57311 3.62992 3.90486C5.65543 1.94609 7.82887 0.753906 10.1018 0.753906ZM17.1204 7.01797C16.6165 6.3645 16.0436 5.71074 15.4151 5.10295C13.6706 3.41589 11.8561 2.42057 10.1018 2.42057C8.3476 2.42057 6.53307 3.41589 4.78853 5.10295C4.16002 5.71074 3.58715 6.3645 3.08328 7.01797C2.97446 7.1591 2.8739 7.29376 2.78196 7.42057C2.8739 7.54739 2.97446 7.68204 3.08328 7.82318C3.58715 8.47664 4.16002 9.1304 4.78853 9.7382C6.53307 11.4253 8.3476 12.4206 10.1018 12.4206C11.8561 12.4206 13.6706 11.4253 15.4151 9.7382C16.0436 9.1304 16.6165 8.47664 17.1204 7.82318C17.2292 7.68204 17.3298 7.54739 17.4217 7.42057C17.3298 7.29376 17.2292 7.1591 17.1204 7.01797ZM6.7685 7.42057C6.7685 9.26152 8.26088 10.7539 10.1018 10.7539C11.9428 10.7539 13.4352 9.26152 13.4352 7.42057C13.4352 5.57962 11.9428 4.08724 10.1018 4.08724C8.26088 4.08724 6.7685 5.57962 6.7685 7.42057ZM11.7685 7.42057C11.7685 8.34105 11.0223 9.08724 10.1018 9.08724C9.18135 9.08724 8.43516 8.34105 8.43516 7.42057C8.43516 6.5001 9.18135 5.75391 10.1018 5.75391C11.0223 5.75391 11.7685 6.5001 11.7685 7.42057Z' fill='%235B6485'/%3E%3C/svg%3E%0A");
}

.show-password._active {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='19' viewBox='0 0 20 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.35775 0.498047L1.17924 1.67656L4.56658 5.0639C4.25103 5.32541 3.93876 5.60625 3.62992 5.90491C2.9389 6.57316 2.31375 7.28659 1.76342 8.00031C1.43133 8.43099 1.19555 8.76978 1.06646 8.97163L0.779297 9.42062L1.06646 9.86962C1.19555 10.0715 1.43133 10.4103 1.76342 10.8409C2.31375 11.5547 2.9389 12.2681 3.62992 12.9363C5.65543 14.8951 7.82887 16.0873 10.1018 16.0873C11.5359 16.0873 12.9304 15.6127 14.2731 14.7704L17.8459 18.3432L19.0244 17.1647L2.35775 0.498047ZM13.0557 13.553L11.7951 12.2924C11.2989 12.5857 10.72 12.754 10.1018 12.754C8.26088 12.754 6.7685 11.2616 6.7685 9.42063C6.7685 8.80246 6.93677 8.22359 7.23001 7.72733L5.75159 6.24891C5.42876 6.50924 5.10747 6.79456 4.78853 7.103C4.16002 7.71079 3.58715 8.36455 3.08328 9.01802C2.97446 9.15915 2.8739 9.29381 2.78196 9.42062C2.8739 9.54744 2.97446 9.68209 3.08328 9.82323C3.58715 10.4767 4.16002 11.1305 4.78853 11.7382C6.53307 13.4253 8.34759 14.4206 10.1018 14.4206C11.0753 14.4206 12.0673 14.1141 13.0557 13.553ZM8.49161 8.98893C8.45479 9.12662 8.43516 9.27133 8.43516 9.42063C8.43516 10.3411 9.18135 11.0873 10.1018 11.0873C10.2511 11.0873 10.3958 11.0677 10.5335 11.0308L8.49161 8.98893ZM16.8502 12.6631L15.6717 11.4846C16.2002 10.9503 16.6859 10.3867 17.1204 9.82323C17.2292 9.6821 17.3298 9.54744 17.4217 9.42063C17.3298 9.29381 17.2292 9.15916 17.1204 9.01803C16.6165 8.36456 16.0436 7.7108 15.4151 7.103C13.6706 5.41594 11.8561 4.42063 10.1018 4.42063C9.66658 4.42063 9.22762 4.4819 8.78693 4.59981L7.46862 3.2815C8.32899 2.93844 9.20771 2.75396 10.1018 2.75396C12.3748 2.75396 14.5482 3.94615 16.5737 5.90492C17.2648 6.57317 17.8899 7.28659 18.4402 8.00031C18.7723 8.431 19.0081 8.76979 19.1372 8.97163L19.4244 9.42063L19.1372 9.86963C19.0081 10.0715 18.7723 10.4103 18.4402 10.8409C17.9643 11.4582 17.4323 12.0753 16.8502 12.6631Z' fill='%23ccc'/%3E%3C/svg%3E%0A");
}

.password-quality__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.password-quality__list li {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.password-quality__list li:before {
  content: "";
}

.password-quality__list li:before {
  color: #E4E7EF;
}

.password-quality__list li + li {
  margin-left: 3px;
}

.password-quality__list li._active:before {
  color: #628EFF;
}

#m-popular-products .modal-dialog-scrollable .modal-body {
  -moz-appearance: none !important;
  max-height: 370px;
  margin-right: -50px;
  padding-right: 50px;
  scrollbar-color: #A3AED0 rgba(163, 174, 208, 0.2);
  scrollbar-width: thin !important;
}

#m-popular-products .modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  width: 4px;
}

#m-popular-products .modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
  background-color: rgba(163, 174, 208, 0.2);
}

#m-popular-products .modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
  background-color: #A3AED0;
}

#m-popular-products .footable thead .footable-header th {
  color: #A3AED0;
}

#m-popular-products .footable tbody tr td a {
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  max-width: 260px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-decoration: none;
  white-space: normal;
}

.complaint-list {
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none;
}

.complaint-list li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.complaint-list li + li {
  margin-top: 5px;
}

.complaint-list li a {
  display: inline-block;
  color: #2283FF !important;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-decoration: none !important;
}

.complaint-list li span {
  display: inline-block;
  margin-left: 5px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.offcanvas-backdrop {
  background: #5B6485;
  mix-blend-mode: darken;
  opacity: 0.6;
}

.offcanvas {
  background-image: url(../img/bg_offcanvas.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.offcanvas-end {
  width: 450px;
  border: none;
}

.offcanvas-header {
  padding: 30px;
}

.offcanvas-header .btn-close {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 4px 20px rgba(112, 144, 176, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border-radius: 8px;
  background-size: 10px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(112, 144, 176, 0.2);
}

.offcanvas-title {
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.offcanvas-body {
  -moz-appearance: none !important;
  padding: 0 0 30px 0;
  scrollbar-color: #628EFF #E2EBEC;
  scrollbar-width: thin !important;
}

.offcanvas-body::-webkit-scrollbar {
  width: 6px;
}

.offcanvas-body::-webkit-scrollbar-track {
  background-color: #E2EBEC;
}

.offcanvas-body::-webkit-scrollbar-thumb {
  background-color: #628EFF;
}

.offcanvas-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.offcanvas-menu li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 30px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
  transition: all 0.3s linear;
}

.offcanvas-menu li a [class*=ico_] {
  margin-right: 15px;
  color: #628EFF;
  font-size: 28px;
}

.offcanvas-menu li a::before {
  -webkit-box-shadow: 1px 0px 4px 1px rgba(34, 131, 255, 0.3);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #628EFF;
  box-shadow: 1px 0px 4px 1px rgba(34, 131, 255, 0.3);
  content: "";
  opacity: 0;
  transition: all 0.3s linear;
}

.offcanvas-menu li a:hover {
  background: #F7F8FB;
}

.offcanvas-menu li a:hover::before {
  opacity: 1;
}

.offcanvas-menu li a.active {
  background: #F7F8FB;
}

.offcanvas-menu li a.active::before {
  opacity: 1;
}

.offcanvas-menu .nav-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-start;
  padding: 16px 30px;
  background: #F7F8FB;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.02em;
  transition: all 0.3s linear;
}

.offcanvas-menu .nav-header::before {
  -webkit-box-shadow: 1px 0px 4px 1px rgba(255, 153, 153, 0.3);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: red;
  box-shadow: 1px 0px 4px 1px rgba(255, 153, 153, 0.3);
  content: "";
  opacity: 1;
  transition: all 0.3s linear;
}

.chat {
  z-index: 100;
  position: fixed;
  right: 20px;
  bottom: 20px;
}

.chat-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 54px;
  border-radius: 50%;
  background: -webkit-gradient(linear, left bottom, left top, from(#628EFF), to(#628EFF)), #628EFF;
  background: -o-linear-gradient(bottom, #628EFF, #628EFF), #628EFF;
  background: linear-gradient(0deg, #628EFF, #628EFF), #628EFF;
  color: #fff;
  font-size: 25px;
  cursor: pointer;
}

.chat-btn__numb {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 15px;
  background: #FF6A6A;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.17;
  letter-spacing: 0.02em;
  text-align: center;
}

.chat-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-shadow: 0px 4px 20px 3px rgba(91, 100, 133, 0.2);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: hidden;
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  width: 320px;
  height: 430px;
  transform: translateY(50px);
  border-radius: 8px 8px 0px 0px;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px 3px rgba(91, 100, 133, 0.2);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s linear;
}

.chat-box.is-show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  visibility: visible;
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}

.chat-box__head {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-radius: 8px 8px 0px 0px;
  background: #5B6485;
}

.chat-box__close {
  color: rgba(204, 210, 227, 0.5);
  font-size: 16px;
  cursor: pointer;
}

.chat-box__body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: block;
  position: relative;
  flex-grow: 1;
  padding: 15px 0 0 15px;
}

.chat-box__body:after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 5px);
  height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(#C4C4C4), color-stop(0.01%, rgba(255, 255, 255, 0)), to(#FFFFFF));
  background: -o-linear-gradient(top, #C4C4C4 0%, rgba(255, 255, 255, 0) 0.01%, #FFFFFF 100%);
  background: linear-gradient(180deg, #C4C4C4 0%, rgba(255, 255, 255, 0) 0.01%, #FFFFFF 100%);
  content: "";
}

.chat-box__overflow {
  -moz-appearance: none !important;
  height: 275px;
  padding-right: 15px;
  padding-bottom: 30px;
  overflow: auto;
  scrollbar-color: #CCD2E3 #F7F8FB;
  scrollbar-width: thin !important;
}

.chat-box__overflow::-webkit-scrollbar {
  width: 4px;
}

.chat-box__overflow::-webkit-scrollbar-track {
  background-color: #F7F8FB;
}

.chat-box__overflow::-webkit-scrollbar-thumb {
  background-color: #CCD2E3;
}

.chat-box__foot {
  min-height: 70px;
  padding: 15px;
  border-top: 1px solid #F7F8FB;
}

.manager {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.manager__avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 50%;
}

.manager__avatar img {
  -o-object-fit: cover;
  -o-object-position: center;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

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

.manager__name {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.19;
  letter-spacing: 0.02em;
}

.manager__position {
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.17;
  letter-spacing: 0.02em;
}

.chat-form {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: flex-start;
  justify-content: space-between;
}

.chat-form-upload .file-upload {
  z-index: -1;
  position: absolute;
  opacity: 0;
}

.chat-form-upload label {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  color: #CCD2E3;
}

.chat-form-input {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 10px;
}

.chat-form-input textarea {
  width: 100%;
  min-height: 20px;
  overflow: auto;
  border: none;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
  resize: none;
}

.chat-form-input textarea::-webkit-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.5;
  letter-spacing: 0.02em;
}

.chat-form-input textarea::-moz-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.5;
  letter-spacing: 0.02em;
}

.chat-form-input textarea:-ms-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.5;
  letter-spacing: 0.02em;
}

.chat-form-input textarea::-ms-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.5;
  letter-spacing: 0.02em;
}

.chat-form-input textarea::placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.5;
  letter-spacing: 0.02em;
}

.chat-form-input textarea:focus::-webkit-input-placeholder {
  opacity: 0;
}

.chat-form-input textarea:focus::-moz-placeholder {
  opacity: 0;
}

.chat-form-input textarea:focus:-ms-input-placeholder {
  opacity: 0;
}

.chat-form-input textarea:focus::-ms-input-placeholder {
  opacity: 0;
}

.chat-form-input textarea:focus::placeholder {
  opacity: 0;
}

.chat-form-input textarea.auto-expand {
  -moz-appearance: none !important;
  max-height: 35px;
  scrollbar-color: #CCD2E3 #F7F8FB;
  scrollbar-width: thin !important;
}

.chat-form-input textarea.auto-expand::-webkit-scrollbar {
  width: 4px;
}

.chat-form-input textarea.auto-expand::-webkit-scrollbar-track {
  background-color: #F7F8FB;
}

.chat-form-input textarea.auto-expand::-webkit-scrollbar-thumb {
  background-color: #CCD2E3;
}

.file-upload-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 45px;
  align-items: center;
  justify-content: space-between;
  width: 200px;
  height: 35px;
  padding: 0 5px;
  background-color: #fff;
}

.file-upload-box.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.file-upload-box .file-upload-name {
  -o-text-overflow: ellipsis;
  overflow: hidden;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.file-upload-box .ico_close {
  color: #FF6A6A;
  font-size: 16px;
  cursor: pointer;
}

.chat-form-btn button {
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 8px;
  background-color: #628EFF;
  color: #fff;
  font-size: 12px;
}

.chat-item {
  display: block;
  position: relative;
}

.chat-item + .chat-item {
  margin-top: 10px;
}

.chat-item__box {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.chat-item__avatar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  margin-right: 5px;
  overflow: hidden;
  border-radius: 50%;
}

.chat-item__avatar img {
  -o-object-fit: cover;
  -o-object-position: center;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.chat-item__info {
  display: block;
  position: relative;
}

.chat-item__name {
  margin-bottom: 5px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.chat-item__text {
  display: block;
  position: relative;
  padding: 8px 40px 8px 10px;
  border-radius: 8px;
  background: #F7F8FB;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.chat-item__text p {
  margin: 0;
}

.chat-item__text + .chat-item__text {
  margin-top: 5px;
}

.chat-item__text .time {
  display: block;
  position: absolute;
  right: 10px;
  bottom: 8px;
  margin-top: 5px;
  color: rgba(91, 100, 133, 0.5);
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: right;
}

.chat-item__file {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  margin-top: 5px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #F7F8FB;
}

.chat-item__file-icon {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  -webkit-box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin-right: 8px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  color: #628EFF;
  text-align: center;
}

.chat-item__file-info {
  display: block;
  position: relative;
}

.chat-item__file-title {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 115%;
  letter-spacing: 0.02em;
}

.chat-item__file-bottom {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
}

.chat-item__file-size {
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 115%;
}

.chat-item__file-time {
  color: rgba(91, 100, 133, 0.5);
  font-style: normal;
  font-weight: 600;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: right;
}

.chat-item.--manager .chat-item__text,
.chat-item.--manager .chat-item__file {
  background: rgba(163, 174, 208, 0.25);
}

.action-group {
  display: inline-block !important;
  position: relative;
  width: 35px;
  height: 35px;
  text-align: center;
}

.action-group.is-show .action-group-drop {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}

.action-group-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  -webkit-box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  padding: 0;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  color: #CCD2E3;
  font-size: 10px;
  font-size: 15px;
  cursor: pointer;
  transition: all 0.3s linear;
}

.action-group-btn:hover,
.action-group-btn:focus {
  background-color: #fff;
  color: #A3AED0;
}

.action-group-btn:active {
  background-color: #fff;
  color: #FF6A6A;
}

.action-group-drop {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 20px -1px rgba(163, 174, 208, 0.3), 0px 5px 15px -1px rgba(163, 174, 208, 0.3);
  box-sizing: border-box;
  display: block;
  visibility: hidden;
  z-index: 3;
  position: absolute;
  top: -12px;
  right: -9px;
  overflow: hidden;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 0px 20px -1px rgba(163, 174, 208, 0.3), 0px 5px 15px -1px rgba(163, 174, 208, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: 0.5s;
}

.action-group-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 10px 5px;
  overflow: hidden;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
  list-style-type: none;
}

.action-group-list li {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin: 0 5px;
  transition: all 0.3s linear;
}

.action-group-list li.is-active button {
  background-color: #929DA5;
  color: #fff;
}

.action-group-list li button,
.action-group-list li a {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  color: #CCD2E3;
  font-size: 20px;
  cursor: pointer;
  pointer-events: all;
  transition: all 0.3s linear;
}

.action-group-list li button:hover,
.action-group-list li button:focus,
.action-group-list li a:hover,
.action-group-list li a:focus {
  -webkit-box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6) !important;
  box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6) !important;
  color: #A3AED0 !important;
}

.action-group-list li button:active,
.action-group-list li a:active {
  -webkit-box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6) !important;
  box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6) !important;
  color: #FF6A6A !important;
}

.action-group-list li button .ico_edit,
.action-group-list li a .ico_edit {
  font-size: 15px;
}

.action-group-list li button .ico_close,
.action-group-list li a .ico_close {
  font-size: 16px;
}

.action-group-list li:last-child button,
.action-group-list li:last-child a {
  -webkit-box-shadow: none;
  background-color: #fff;
  box-shadow: none;
}

.action-group-list li:last-child button:hover,
.action-group-list li:last-child button:focus,
.action-group-list li:last-child a:hover,
.action-group-list li:last-child a:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: #FF6A6A !important;
}

.counter {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 125px;
  -webkit-box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex: 0 0 125px;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 125px;
  padding: 0 40px 0 0;
  overflow: hidden;
  border: 2px solid #E1E3EA;
  border-radius: 20px;
  background-color: #fff;
  user-select: none;
}

.counter__field {
  -webkit-box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width: 40px;
  border: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
  user-select: none;
}

.counter__field input {
  -moz-appearance: textfield;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  max-width: 40px;
  height: 40px;
  border: 0;
  color: #050505;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 130%;
  text-align: center;
  user-select: none;
}

.counter__field input:hover,
.counter__field input:focus,
.counter__field input:active {
  outline: 0;
}

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

.counter__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  -webkit-box-shadow: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 5px;
  overflow: hidden;
  border: none;
  border-radius: 50%;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

.counter__btn:hover {
  background: #F0F1F4;
}

.counter__btn:after {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: none;
  background-position: center;
  background-size: 10px;
  background-repeat: no-repeat;
  content: "";
  text-shadow: none;
  transition: all 0.3s linear;
}

.counter__btn.minus:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.583557 1.5351C0.583557 0.98281 1.03127 0.535095 1.58356 0.535095H7.58356C8.13584 0.535095 8.58356 0.98281 8.58356 1.5351C8.58356 2.08738 8.13584 2.5351 7.58356 2.5351H1.58356C1.03127 2.5351 0.583557 2.08738 0.583557 1.5351Z' fill='black'/%3E%3C/svg%3E%0A");
}

.counter__btn.plus:after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.583557 4.53511C0.583557 4.09328 0.941729 3.73511 1.38356 3.73511H7.78356C8.22539 3.73511 8.58356 4.09328 8.58356 4.53511C8.58356 4.97694 8.22539 5.33511 7.78356 5.33511H1.38356C0.941729 5.33511 0.583557 4.97694 0.583557 4.53511Z' fill='black'/%3E%3Cpath d='M4.58356 0.53511C5.02538 0.53511 5.38356 0.893283 5.38356 1.33511L5.38356 7.73511C5.38356 8.17694 5.02538 8.53511 4.58356 8.53511C4.14173 8.53511 3.78356 8.17694 3.78356 7.73511L3.78356 1.33511C3.78356 0.893282 4.14173 0.53511 4.58356 0.53511Z' fill='black'/%3E%3C/svg%3E%0A");
}

.drop {
  display: block;
  z-index: 3;
  position: relative;
  min-width: 100px;
}

.drop._active {
  z-index: 11;
}

.drop._active .drop-button {
  background-image: none;
}

.drop._active .form-control {
  border: 1.5px solid #A3AED0;
  border-radius: 8px 8px 0 0;
}

.drop._active-close .drop-button {
  background-image: none;
}

.drop-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  z-index: 3;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 0 0 5px 0;
  border: 1.5px solid #A3AED0;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background-color: #fff;
}

.drop-input {
  -o-text-overflow: ellipsis;
  height: 45px;
  padding: 0 45px 0 15px;
  overflow: hidden;
  line-height: 45px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drop-input:hover,
.drop-input:focus,
.drop-input:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.drop-input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.drop-input:focus::-moz-placeholder {
  opacity: 0;
}

.drop-input:focus:-ms-input-placeholder {
  opacity: 0;
}

.drop-input:focus::-ms-input-placeholder {
  opacity: 0;
}

.drop-input:focus::placeholder {
  opacity: 0;
}

.drop-input-hide {
  display: none;
}

.drop-button {
  -o-text-overflow: ellipsis;
  padding: 11.5px 15px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23A3AED0' stroke-width='1.03' points='16 7 10 13 4 7'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: right 18px center;
  background-size: 10px;
  background-repeat: no-repeat;
  color: #7A7A7A;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drop-clear {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: none;
  z-index: 5;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23A3AED0' stroke-width='1.06' d='M16,16 L4,4'%3E%3C/path%3E%3Cpath fill='none' stroke='%23A3AED0' stroke-width='1.06' d='M16,4 L4,16'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
  color: #628EFF;
  cursor: pointer;
}

.drop-clear._active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.drop-clear._active + .form-control {
  background-image: none !important;
}

.drop-overflow {
  -moz-appearance: none !important;
  max-height: 90px;
  overflow: auto;
  scrollbar-color: #E2EBEC #FFFFFF;
  scrollbar-width: thin !important;
}

.drop-overflow::-webkit-scrollbar {
  width: 4px;
}

.drop-overflow::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}

.drop-overflow::-webkit-scrollbar-thumb {
  background-color: #E2EBEC;
}

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

.drop .drop-list-item {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  display: block;
  position: relative;
  position: relative;
  padding: 5px 15px;
  border-bottom: 1px solid #F7F8FB;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s linear;
}

.drop .drop-list-item:hover {
  background: #F7F8FB;
}

.drop .drop-list-item a {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  display: block;
  position: relative;
  color: #000;
  font-size: 14px;
  transition: all 0.3s linear;
}

.drop .drop-list-item a:hover {
  color: #628EFF;
  text-decoration: none;
}

.drop.--select .drop-overflow {
  max-height: 125px;
}

.--arrow .drop-input,
.--arrow .drop-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 34px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23A3AED0' stroke-width='1.03' points='16 7 10 13 4 7'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: right 10px center;
  background-size: 15px;
  background-repeat: no-repeat;
}

.--arrow._active .drop-input,
.--arrow._active .drop-button,
.--arrow._active-close .drop-input,
.--arrow._active-close .drop-button {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23A3AED0' stroke-width='1.03' points='4 13 10 7 16 13'%3E%3C/polyline%3E%3C/svg%3E");
}

.--search .drop-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve' fill='%23ccc'%3E%3Cpath d='M225.474,0C101.151,0,0,101.151,0,225.474c0,124.33,101.151,225.474,225.474,225.474 c124.33,0,225.474-101.144,225.474-225.474C450.948,101.151,349.804,0,225.474,0z M225.474,409.323 c-101.373,0-183.848-82.475-183.848-183.848S124.101,41.626,225.474,41.626s183.848,82.475,183.848,183.848 S326.847,409.323,225.474,409.323z'/%3E%3Cpath d='M505.902,476.472L386.574,357.144c-8.131-8.131-21.299-8.131-29.43,0c-8.131,8.124-8.131,21.306,0,29.43l119.328,119.328 c4.065,4.065,9.387,6.098,14.715,6.098c5.321,0,10.649-2.033,14.715-6.098C514.033,497.778,514.033,484.596,505.902,476.472z'/%3E%3C/svg%3E%0A");
  background-position: right 14px center;
  background-size: 15px;
  background-repeat: no-repeat;
}

.--search._active .drop-input,
.--search._active._active-close {
  background-image: none;
}

.drop-menu {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.drop-menu.open {
  -webkit-box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 5px 10px 20px 0px rgba(0, 0, 0, 0.2);
}

.drop-menu.open li:first-child() a {
  border-radius: 8px 8px 0 0;
}

.drop-menu.open li {
  display: block;
}

.drop-menu.open li:first-child a::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dropdown-sort {
  display: block;
  position: relative;
  margin-right: 5px;
}

.dropdown-sort.show .dropdown-toggle {
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
}

.dropdown-sort .dropdown-toggle {
  -webkit-box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: auto;
  min-width: 220px;
  height: 30px;
  padding-right: 25px;
  padding-left: 48px;
  border: 1px solid #EFEFEF;
  border-radius: 2px;
  background: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' fill='none'%3E%3Cpath d='M0 7h12V5H0v2zm0-7v2h18V0H0zm0 12h6v-2H0v2z' fill='%2357CA70'/%3E%3C/svg%3E");
  background-position: left 15px center;
  background-repeat: no-repeat;
}

.dropdown-sort .dropdown-toggle:before {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 10px;
  height: 6px;
  transform: translateY(-50%);
  transform-origin: center;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 4.31654L1.67513 0.991678C1.48622 0.802774 1.18058 0.802774 0.991678 0.991678C0.802774 1.18058 0.802774 1.48622 0.991678 1.67513L4.65827 5.34172C4.75246 5.43591 4.87641 5.48332 5 5.48332C5.1236 5.48332 5.24755 5.43591 5.34174 5.34172L9.00833 1.67513L9.00834 1.67512C9.19722 1.48622 9.19722 1.18058 9.00831 0.991677C8.81941 0.802773 8.51377 0.802773 8.32486 0.991677L4.99999 4.31654Z' fill='%2357CA70' stroke='%2357CA70' stroke-width='0.3'/%3E%3C/svg%3E%0A");
  content: "";
  color: #57CA70;
  font-size: 8px;
  transition: all 0.3s linear;
}

.dropdown-sort .dropdown-toggle:after {
  display: none;
}

.dropdown-sort .dropdown-toggle[aria-expanded=true]:before {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}

.dropdown-sort .dropdown-toggle span {
  display: inline-block;
  color: #30393E;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
}

.dropdown-sort .dropdown-menu {
  width: 100%;
  margin-top: 0;
  border: 1px solid #EFEFEF;
  border-top: 0;
  border-radius: 0 0 5px 5px;
}

.dropdown-sort .dropdown-item {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  padding: 6px 15px;
  color: #30393E;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 130%;
  cursor: pointer;
  transition: all 0.3s linear;
}

.dropdown-sort .dropdown-item._active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath d='M14 7A7 7 0 110 7a7 7 0 0114 0z' fill='%2357CA70'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 13A6 6 0 107 1a6 6 0 000 12zm0 1A7 7 0 107 0a7 7 0 000 14z' fill='%23fff'/%3E%3Cpath d='M6.68 10.115a.356.356 0 01-.505 0L4.157 8.097a.536.536 0 010-.758l.253-.253c.21-.21.548-.21.758 0l1.26 1.26L9.832 4.94a.537.537 0 01.758 0l.253.253c.21.21.21.55 0 .758L6.68 10.115z' fill='%23fff'/%3E%3C/svg%3E");
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-color: transparent;
  color: #628EFF;
}

.dropdown-sort .dropdown-item:active {
  background-color: transparent;
}

.dropdown-sort .dropdown-item:hover {
  background-color: transparent;
  color: #628EFF;
}

.action-btns {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-end;
}

.action-btns .action-item {
  display: block;
  z-index: 1;
  position: relative;
  text-align: left;
}

.action-btns .action-item + .action-item {
  margin-left: 20px;
}

.action-btns .action-item__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45px;
  -webkit-box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  flex: 0 0 45px;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 8px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  color: #CCD2E3;
  font-size: 28px;
  cursor: pointer;
  transition: all 0.3s linear;
}

.action-btns .action-item__btn:hover {
  color: #628EFF;
}

.action-btns .action-item__content {
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 21px 38px -20px rgba(146, 157, 165, 0.3);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  box-sizing: border-box;
  display: block;
  z-index: -1;
  position: absolute;
  top: -10px;
  right: -10px;
  width: 275px;
  padding: 15px 60px 15px 15px;
  border: 1.5px solid #E1E3EA;
  border-radius: 8px 0px 8px 8px;
  background: #FFFFFF;
  box-shadow: 0px 21px 38px -20px rgba(146, 157, 165, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s linear;
}

.action-btns .action-item__header {
  display: block;
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.action-btns .action-item__title {
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.action-btns .action-item__body {
  display: block;
  position: relative;
}

.action-btns .action-item__body ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.action-btns .action-item__body ul li {
  display: block;
  position: relative;
  color: #5A5D65;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
}

.action-btns .action-item__body ul li + li {
  margin-top: 5px;
}

.action-btns .action-item__body ul li a {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: inline-block;
  color: #5A5D65;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: all 0.3s linear;
}

.action-btns .action-item__body ul li a:hover {
  color: #628EFF;
}

.action-btns .action-item__footer {
  margin-top: 10px;
}

.action-btns .action-item:hover {
  z-index: 2;
}

.action-btns .action-item:hover .action-item__content {
  opacity: 1;
  pointer-events: all;
}

/* Check */

.check {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  line-height: 25px;
  cursor: pointer;
}

.check__input {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.check__input:hover,
.check__input:focus,
.check__input:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.check__box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  flex: 0 0 25px;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  margin-left: -25px;
  overflow: hidden;
  border: 1px solid #E4E7EF;
  border-radius: 8px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: white;
}

.check__box::before {
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  display: block;
  width: 8px;
  height: 8px;
  background: #5B6485;
  content: "";
  opacity: 0;
  transition: all 0.2s linear;
}

/* Checked */

.check__input:checked + .check__box:before {
  opacity: 1;
}

/* Focused */

.check__input:focus + .check__box {
  border: 1.5px solid #CCD2E3;
}

/* Disabled */

.check__input:disabled + .check__box {
  opacity: 0.5;
}

.check__input:checked:disabled + .check__box {
  opacity: 0.5;
}

.upload-unit {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
}

.upload-unit__label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
}

.upload-unit__label:hover .upload-unit__icon-down {
  background-color: #628EFF;
  color: #fff;
}

.upload-unit__label:hover .upload-unit__status {
  background-color: #628EFF;
  color: #fff;
}

.upload-unit__label:hover .upload-unit__status:before {
  content: "";
}

.upload-unit__label:hover .upload-unit__status.success {
  background: #73CD9B;
  color: #fff;
  font-size: 20px;
}

.upload-unit__label:hover .upload-unit__status.success:before {
  content: "";
}

.upload-unit__label:hover .upload-unit__status.cancel {
  background: #fff;
  color: #FA8A96;
}

.upload-unit__label:hover .upload-unit__status.cancel:before {
  content: "";
}

.upload-unit__input {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.upload-unit__icon {
  display: inline-block;
  position: relative;
}

.upload-unit__icon-file {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 55px;
  border-radius: 8px;
  background: rgba(204, 210, 227, 0.5);
  color: #fff;
  font-size: 30px;
}

.upload-unit__icon-file [class*=ico_] {
  text-align: center;
}

.upload-unit__status {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: absolute;
  right: -9px;
  bottom: -9px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  color: #628EFF;
  transition: all 0.3s linear;
}

.upload-unit__status:before {
  content: "";
}

.upload-unit__status::before {
  font-size: 20px;
}

.upload-unit__status.success {
  background: #73CD9B;
  color: #fff;
  font-size: 20px;
}

.upload-unit__status.success:before {
  content: "";
}

.upload-unit__status.cancel {
  background: #fff;
  color: #FA8A96;
}

.upload-unit__status.cancel:before {
  content: "";
}

.upload-unit__trash {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 2;
  position: absolute;
  right: -9px;
  bottom: -9px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0 rgba(204, 210, 227, 0.6);
  color: #FF6A6A;
  cursor: pointer;
  transition: all 0.3s linear;
}

.upload-unit__trash:hover {
  background-color: #FF6A6A;
  color: #fff;
}

.upload-unit__info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: block;
  position: relative;
  flex-grow: 1;
  padding-left: 20px;
}

.upload-unit__title {
  -o-text-overflow: ellipsis;
  overflow: hidden;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-unit__size {
  margin-top: 6px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.upload-unit__size.cancel {
  color: red;
}

.upload-unit.is-disabled .upload-unit__label {
  cursor: no-drop;
}

.upload-unit.is-disabled .upload-unit__status {
  background: #fff;
  color: #FA8A96;
}

.upload-unit.is-disabled .upload-unit__status:before {
  content: "";
}

.upload-unit.is-disabled .upload-unit__input {
  pointer-events: none;
}

.upload-file-block {
  display: block;
  position: relative;
}

.upload-file-block__box {
  display: block;
  position: relative;
}

.upload-file-block__box .upload-unit {
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.upload-file-block__btn {
  display: block;
  position: relative;
}

.upload-file-block__label {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.upload-file-block__input {
  display: none;
}

.upload-file-block__label-content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.upload-file-block__label-content [class*=ico_] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  border-radius: 8px;
  background: #628EFF;
  color: #fff;
  font-size: 20px;
}

.checkbox-custome {
  --background: #fff;
  --border: #000000;
  --border-hover: #bbc1e1;
  --border-active: #1e2235;
  --tick: #fff;
  position: relative;
  margin: 0;
}

.checkbox-custome label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.checkbox-custome input[type=checkbox]:focus,
.checkbox-custome input[type=file]:focus,
.checkbox-custome input[type=radio]:focus {
  outline: none;
}

.checkbox-custome input,
.checkbox-custome svg {
  display: block;
  width: 21px;
  height: 21px;
  outline: none;
}

.checkbox-custome input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-transition: box-shadow 0.3s;
  -webkit-transition: -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  -webkit-box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
  position: relative;
  margin: 0 10px 0 0;
  padding: 0;
  border: none;
  border-radius: 4px;
  outline: none;
  background: var(--background);
  box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
  cursor: pointer;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.checkbox-custome input:hover {
  --s: 1px;
  --b: var(--border-hover);
}

.checkbox-custome input:checked {
  --b: var(--border-active);
}

.checkbox-custome svg {
  fill: none;
  stroke-width: 1px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #628EFF;
  -webkit-transform: scale(var(--scale, 1)) translateZ(0);
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
  transform: scale(var(--scale, 1)) translateZ(0);
  pointer-events: none;
}

.checkbox-custome span {
  display: inline-block;
  color: black;
  font-weight: 400;
  font-size: 18px;
  line-height: normal;
  font-family: Lato;
  vertical-align: middle;
}

.checkbox-custome.path input:checked {
  --s: 2px;
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.checkbox-custome.path input:checked + svg {
  --a: 16.1 86.12;
  --o: 102.22;
}

.checkbox-custome.path svg {
  stroke-dasharray: var(--a, 86.12);
  stroke-dashoffset: var(--o, 86.12);
  -webkit-transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
  -o-transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
  transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}

/* Rating */

.rating {
  margin: 0 0 1em 0;
  padding: 0;
  border: none;
}

.rating__caption {
  margin-bottom: 0.5em;
  padding: 0;
}

.rating__group {
  position: relative;
  width: 8.3em;
  height: 1.7em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%23E4E7EF' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E%0A");
  background-size: 1.7em;
  background-repeat: repeat-x;
}

.rating__input {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.rating__input:focus ~ .rating__focus {
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  outline: 0.2em solid #4a90e2;
  outline-offset: 0.2em;
}

.rating__star {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.7em;
  margin: 0;
  background-size: 1.7em;
  background-repeat: repeat-x;
}

.rating__star:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%23FBBC05' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E%0A");
}

.rating__input:checked + .rating__star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%23FBBC05' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E%0A");
}

.rating__star:hover ~ .rating__star {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 19'%3E%3Cpath fill='%23E4E7EF' d='M10 0l2.36 7.28L20 7.25l-6.19 4.47L16.19 19 10 14.48 3.83 19l2.36-7.28L0 7.25l7.66.03z'/%3E%3C/svg%3E%0A");
}

.rating__star:nth-of-type(1) {
  z-index: 5;
  width: 1.7em;
}

.rating__star:nth-of-type(2) {
  z-index: 4;
  width: 3.4em;
}

.rating__star:nth-of-type(3) {
  z-index: 3;
  width: 5.1em;
}

.rating__star:nth-of-type(4) {
  z-index: 2;
  width: 6.8em;
}

.rating__star:nth-of-type(5) {
  z-index: 1;
  width: 8.3em;
}

.social {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

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

.social__item + .social__item {
  margin-left: 5px;
}

.social__link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  color: #A3AED0;
  font-size: 18px;
  text-align: center;
  transition: all 0.3s linear;
}

.social__link:hover {
  color: #fff;
}

.social__link:active {
  color: #fff;
}

.table-nav {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-end;
}

.table-nav .drop {
  min-width: 140px;
  margin-right: 20px;
}

.table-nav .drop .drop-button {
  height: 35px;
  padding: 6.5px 15px;
}

.table-nav .footable-pagination-wrapper {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 35px;
  border: 1.5px solid #E1E3EA;
  border-radius: 8px;
  background: #FFFFFF;
  transition: all 0.3s linear;
}

.table-nav .footable-pagination-wrapper:hover,
.table-nav .footable-pagination-wrapper:focus,
.table-nav .footable-pagination-wrapper:active {
  border: 1.5px solid #A3AED0;
}

.table-nav .footable-pagination-wrapper .divider,
.table-nav .footable-pagination-wrapper .footable-page-nav,
.table-nav .footable-pagination-wrapper .footable-page {
  display: none !important;
}

.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev],
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  position: absolute;
  top: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] .footable-page-link,
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] .footable-page-link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #C3C8D5;
  font-size: 24px;
  text-decoration: none;
}

.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] .footable-page-link:hover,
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] .footable-page-link:focus,
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] .footable-page-link:active,
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] .footable-page-link:hover,
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] .footable-page-link:focus,
.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] .footable-page-link:active {
  color: #5B6485;
}

.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=prev] {
  left: 0;
}

.table-nav .footable-pagination-wrapper .footable-page-nav[data-page=next] {
  right: 0;
}

.table-nav .footable-pagination-wrapper .label {
  margin: 0;
  padding: 0;
  color: #878C98;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.page-nav-box {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin: 30px 0 0 0;
}

.page-nav-box .drop {
  width: 120px;
  margin: 0 20px 0 0;
}

.page-nav-box .drop .form-control {
  height: 35px;
}

.page-nav {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 140px;
  height: 35px;
  border: 1.5px solid #E4E7EF;
  border-radius: 8px;
  background: #FFFFFF;
}

.page-nav__arrow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  color: #CCD2E3;
  font-size: 10px;
  cursor: pointer;
}

.page-nav__numbers {
  color: #CCD2E3;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.page-nav__current {
  color: #A3AED0;
}

.angles {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.angles > * {
  margin: 0 10px 10px 0;
}

.angles > *:last-child {
  margin-right: 0;
}

.angle__label {
  -webkit-box-shadow: 0px 2px 8px 0px rgba(204, 210, 227, 0.6);
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(204, 210, 227, 0.6);
  cursor: pointer;
}

.angle__checkbox {
  position: absolute;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.angle__value {
  display: block;
  position: absolute;
  width: 18px;
  height: 18px;
  border-top: 8px solid #CCD2E3;
  border-left: 8px solid #CCD2E3;
  border-radius: 8px 0 0 0;
}

.angle__label input[type=checkbox]:checked + span,
.angle__label input[type=radio]:checked + span {
  border-color: #628EFF;
}

.angle.angle--top-left .angle__value {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  top: 0;
  left: 0;
  transform: rotate(0);
}

.angle.angle--top-right .angle__value {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  top: 0;
  right: 0;
  transform: rotate(90deg);
}

.angle.angle--bottom-left .angle__value {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  bottom: 0;
  left: 0;
  transform: rotate(-90deg);
}

.angle.angle--bottom-right .angle__value {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}

.sides {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.sides > * {
  margin: 0 10px 10px 0;
}

.sides > *:last-child {
  margin-right: 0;
}

.side__box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.side__label {
  -webkit-box-shadow: 0px 2px 8px 0px rgba(204, 210, 227, 0.6);
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  overflow: hidden;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px 0px rgba(204, 210, 227, 0.6);
  cursor: pointer;
}

.side__checkbox {
  position: absolute;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.side__value {
  display: block;
  position: absolute;
  background-color: #CCD2E3;
}

.side__label input[type=checkbox]:checked + span,
.side__label input[type=radio]:checked + span {
  background-color: #628EFF;
}

.side__title {
  margin-left: 10px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.side.side--top .side__value {
  top: 0;
  left: 0;
  width: 35px;
  height: 8px;
}

.side.side--right .side__value {
  top: 0;
  right: 0;
  width: 8px;
  height: 35px;
}

.side.side--bottom .side__value {
  bottom: 0;
  left: 0;
  width: 35px;
  height: 8px;
}

.side.side--left .side__value {
  top: 0;
  left: 0;
  width: 8px;
  height: 35px;
}

.side.side--all .side__value {
  top: 0;
  left: 0;
  width: 35px;
  height: 35px;
}

.side.side--all .side__value:after {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 19px;
  height: 19px;
  transform: translate(-50%, -50%);
  background-color: #fff;
  content: "";
}

.action-group.--side .action-group-drop {
  right: auto;
  left: -9px;
}

.action-group.--side .action-group-list {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.action-group.--side .action-group-list li:last-child {
  margin-right: 13px;
}

.page-404-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 150px 0 250px;
  padding: 7.8125vw 0 250px;
  overflow: hidden;
}

.page-404-box {
  display: block;
  z-index: 1;
  position: relative;
  margin: 0 15px;
}

.page-404-box::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/bg_404-box.svg);
  background-position: left top;
  background-repeat: no-repeat;
  content: "";
}

.page-404-box:after {
  display: block;
  z-index: 1;
  position: absolute;
  top: calc(100% - 85px);
  right: calc(100% - 150px);
  right: calc(100% - 225px);
  width: 385px;
  height: 305px;
  background: url(../img/decor_404-bottom.svg);
  background-repeat: no-repeat;
  content: "";
}

.page-404-box__decor::before {
  display: block;
  z-index: -1;
  position: absolute;
  right: calc(100% - 35px);
  bottom: -25px;
  width: 250px;
  height: 181px;
  background-image: url(../img/decor_404-right.svg);
  content: "";
}

.page-404-box__decor::after {
  display: block;
  z-index: -1;
  position: absolute;
  top: 45px;
  right: -35px;
  width: 210px;
  height: 137px;
  background-image: url(../img/decor_404-left.svg);
  content: "";
}

.page-404-box__wrap {
  padding: 95px 70px 115px 70px;
  border-radius: 8px;
  background: -o-linear-gradient(315.14deg, #628EFF 0.97%, #6F9BF3 98.44%);
  background: linear-gradient(134.86deg, #628EFF 0.97%, #6F9BF3 98.44%);
  text-align: center;
  mix-blend-mode: multiply;
}

.page-404-box__title {
  margin-bottom: 5px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 900;
  font-size: 64px;
  line-height: 100%;
  letter-spacing: 0.06em;
}

.page-404-box__subtitle {
  margin-bottom: 10px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
}

.page-404-box__text {
  margin-bottom: 30px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  font-size: 10px;
  line-height: 100%;
}

.widjet {
  display: block;
  position: relative;
  height: 100%;
  border-radius: 8px;
  background: #FFFFFF;
}

.widjet .btn-icon,
.widjet .action-group,
.widjet .action-group-btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  padding: 0;
}

.widjet__box {
  padding: 30px;
}

.widjet__head {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}

.widjet__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  color: #A3AED0;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 100%;
  font-family: "GothamPro";
  letter-spacing: 0.02em;
}

.widjet__title [class*=ico_] {
  margin-left: 5px;
}

.widjet__title span.num {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  padding: 6px 10px;
  border-radius: 8px;
  background: rgba(111, 155, 243, 0.15);
  color: #6F9BF3;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
}

.widjet__title .btn-light {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  height: 30px;
  margin-left: 15px;
  padding: 0 10px;
  color: #6F9BF3;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 0.02em;
}

.widjet__title .btn-light [class*=ico_] {
  margin-left: 5px;
}

.widjet__action .data {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.widjet__action .btn-icon {
  padding: 0;
}

.widjet__action .btn-light {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 10px;
  color: #6F9BF3;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.14;
  letter-spacing: 0.02em;
}

.widjet__action .btn-light [class*=ico_] {
  margin-left: 5px;
}

.widjet__body .footable {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.widjet__body .footable th,
.widjet__body .footable td {
  border: none;
}

.widjet__body .footable thead {
  background: #F7F8FB;
}

.widjet__body .footable thead th {
  padding: 12px 10px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.widjet__body .footable tbody {
  border: none;
}

.widjet__body .footable tbody td {
  padding: 17px 0 17px 10px;
}

.widjet__foot {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 15px;
  padding-top: 15px;
}

.widjet__foot > * + * {
  margin-left: 20px;
}

.total-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 14px 23px;
  border: 2px solid #628EFF;
  border-radius: 8px;
}

.total {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: right;
}

.total strong {
  display: inline-block;
  margin-left: 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: bold;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: right;
}

.widjet.--orders {
  background-image: url(../img/bg_widjet-orders.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.widjet.--orders .search {
  margin-top: 100px;
  margin-bottom: 20px;
}

.widjet.--orders .js-page-size {
  display: none;
}

.widjet.--orders .widjet__others {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0 20px;
}

.widjet.--orders .widjet__others ._dynamic_adapt_ {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.widjet.--receivables {
  position: relative;
}

.widjet.--receivables::before {
  display: block;
  z-index: 1;
  position: absolute;
  right: 30px;
  bottom: 10px;
  width: 133px;
  height: 172px;
  background-image: url(../img/decor_widjet-receivables.svg);
  content: "";
}

.receivable-card {
  position: relative;
}

.receivable-card::before {
  -webkit-filter: blur(20px);
  display: block;
  z-index: 1;
  position: absolute;
  top: 10px;
  right: 0;
  width: 90%;
  height: 100%;
  border-radius: 20px;
  background: -o-linear-gradient(348.73deg, rgba(71, 143, 250, 0.5) 5.33%, rgba(121, 213, 141, 0.5) 101.23%);
  background: linear-gradient(101.27deg, rgba(71, 143, 250, 0.5) 5.33%, rgba(121, 213, 141, 0.5) 101.23%);
  content: "";
  filter: blur(20px);
}

.receivable-card__box {
  z-index: 2;
  position: relative;
  border-radius: 20px;
  background: url(../img/bg_widjet-receivables.svg), -o-linear-gradient(348.73deg, #478FFA 5.33%, #79D58D 101.23%), -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), -o-linear-gradient(355.66deg, #6F9BF3 0%, #628EFF 96.55%);
  background: url(../img/bg_widjet-receivables.svg), linear-gradient(101.27deg, #478FFA 5.33%, #79D58D 101.23%), linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(94.34deg, #6F9BF3 0%, #628EFF 96.55%);
  background-position: right bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

.receivable-card__head {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 30px;
}

.receivable-card__head > div:first-child {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.receivable-card__numb {
  margin-right: 10px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
}

.receivable-card__date {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.receivable-card__days {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.receivable-card__days strong {
  display: inline-block;
  margin-left: 9px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  text-align: right;
}

.receivable-card__body {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding: 30px;
  border-top: 2px solid rgba(255, 255, 255, 0.4);
}

.receivable-card__item {
  display: block;
  position: relative;
  margin: 0 10px;
}

.receivable-card__sum {
  margin-bottom: 5px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: bold;
  font-size: 32px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.receivable-card__sum sup {
  top: -21px;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.receivable-card__label {
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.receivable-progress {
  display: block;
  position: relative;
  max-width: 190px;
}

.receivable-progress + .receivable-progress {
  margin-top: 20px;
}

.receivable-progress + .receivable-progress .receivable-progress__line-value {
  background: -o-linear-gradient(175.65deg, #FF6A6A -4.93%, #7A64BB 141.33%), -o-linear-gradient(175.53deg, #7097EF -4.92%, #7A64BB 102.55%);
  background: linear-gradient(274.35deg, #FF6A6A -4.93%, #7A64BB 141.33%), linear-gradient(274.47deg, #7097EF -4.92%, #7A64BB 102.55%);
}

.receivable-progress__head {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.receivable-progress__title {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.receivable-progress__days {
  color: #FF6A6A;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  text-align: right;
}

.receivable-progress__value {
  margin: 5px 0;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.receivable-progress__line {
  position: relative;
  width: 100%;
  height: 10px;
  background: #EBF2FF;
}

.receivable-progress__line-value {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  background: -o-linear-gradient(175.53deg, #72CB9D -4.92%, #4890FA 102.55%);
  background: linear-gradient(274.47deg, #72CB9D -4.92%, #4890FA 102.55%);
}

.widjet.--bonus::before {
  display: block;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 165px;
  height: 150px;
  background-image: url(../img/decor_widjet-bonus.svg);
  content: "";
}

.bonus-card {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  max-width: 250px;
  padding: 13px 17px;
  border: 4px solid #F7F8FB;
  border-radius: 8px;
  background: #FFFFFF;
}

.bonus-card + .bonus-card {
  margin-top: 10px;
}

.bonus-card__title {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.bonus-card__value {
  margin-top: 3px;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.bonus-card.--decor {
  -webkit-box-shadow: 0px 18px 40px rgba(112, 144, 176, 0.12);
  border: none;
  border-radius: 8px;
  background: url(../img/bg_widjet-bonus.svg), -o-linear-gradient(357.75deg, #7A61B8 0%, #6F9BF3 101.72%);
  background: url(../img/bg_widjet-bonus.svg), linear-gradient(92.25deg, #7A61B8 0%, #6F9BF3 101.72%);
  background-position: left top 5px;
  box-shadow: 0px 18px 40px rgba(112, 144, 176, 0.12);
}

.bonus-card.--decor .bonus-card__title,
.bonus-card.--decor .bonus-card__value {
  color: #fff;
}

.bonus-tooltip {
  display: block;
  position: relative;
}

.bonus-tooltip-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 5;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #DADADA;
  font-size: 18px;
}

.bonus-tooltip-drop {
  -webkit-box-shadow: 0px 5px 15px -1px rgba(163, 174, 208, 0.3);
  display: block;
  visibility: hidden;
  z-index: 4;
  position: absolute;
  top: -20px;
  left: -5px;
  width: 370px;
  padding: 20px 20px 20px 50px;
  border-radius: 0px 8px 8px 8px;
  background: #FFFFFF;
  box-shadow: 0px 5px 15px -1px rgba(163, 174, 208, 0.3);
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  opacity: 0;
  pointer-events: none;
}

.bonus-tooltip-drop p {
  margin: 0;
}

.bonus-tooltip:hover .bonus-tooltip-btn {
  color: #628EFF;
}

.bonus-tooltip:hover .bonus-tooltip-drop {
  visibility: visible;
  opacity: 1;
  pointer-events: all;
}

.widjet-mesages-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.widjet-mesages-list__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: end;
  -ms-flex-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: flex-end;
  justify-content: space-between;
  padding: 4px 0 4px 25px;
}

.widjet-mesages-list__item:before {
  -webkit-box-shadow: 1px 0px 4px 1px rgba(34, 131, 255, 0.3);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background-color: currentColor;
  box-shadow: 1px 0px 4px 1px rgba(34, 131, 255, 0.3);
  content: "";
}

.widjet-mesages-list__item:nth-child(1) {
  color: #73CD9B;
}

.widjet-mesages-list__item:nth-child(2) {
  color: #796BC2;
}

.widjet-mesages-list__item:nth-child(3) {
  color: #628EFF;
}

.widjet-mesages-list__item + .widjet-mesages-list__item {
  margin-top: 12px;
}

.widjet-mesages-list__info {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.widjet-mesages-list__title {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.widjet-mesages-list__price {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.widjet-mesages-list__date {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.04em;
  text-align: right;
}

.widjet.--services .widjet__body .location {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  color: #628EFF;
}

.widjet.--services .widjet__body .location [class*=ico_] {
  margin-right: 5px;
}

.widjets-service-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.widjets-service-list__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.widjets-service-list__item + .widjets-service-list__item {
  margin-top: 12px;
}

.widjets-service-list__item:last-child .widjets-service-list__dot::after {
  display: none;
}

.widjets-service-list__item:nth-child(1) .widjets-service-list__dot:before {
  background: #57CA70;
}

.widjets-service-list__item:nth-child(1) .widjets-service-list__dot:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#57CA70), to(#4991F8));
  background: -o-linear-gradient(top, #57CA70 0%, #4991F8 100%);
  background: linear-gradient(180deg, #57CA70 0%, #4991F8 100%);
}

.widjets-service-list__item:nth-child(2) .widjets-service-list__dot:before {
  background: #4991F8;
}

.widjets-service-list__item:nth-child(2) .widjets-service-list__dot:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#4991F8), to(#BDCFF4));
  background: -o-linear-gradient(top, #4991F8 0%, #BDCFF4 100%);
  background: linear-gradient(180deg, #4991F8 0%, #BDCFF4 100%);
}

.widjets-service-list__item:nth-child(3) .widjets-service-list__dot:before {
  background: #BDCFF4;
}

.widjets-service-list__dot {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  border-radius: 50%;
  background: #F7F8FB;
}

.widjets-service-list__dot span {
  z-index: 3;
  position: relative;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}

.widjets-service-list__dot::before {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  content: "";
}

.widjets-service-list__dot:after {
  display: block;
  z-index: 1;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 1px);
  width: 2px;
  height: calc(100% + 20px);
  background: #57CA70;
  content: "";
}

.widjets-service-list__title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.widjets-service-list__date {
  display: block;
  margin-left: auto;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.04em;
  text-align: right;
}

.widjet.--logistics {
  background-image: url(../img/bg_widjet-logistics.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.submenu-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9;
  position: relative;
  align-items: center;
}

.submenu-title {
  display: block;
  margin-right: 10px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.submenu-wrap {
  display: block;
  position: relative;
}

.submenu {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.submenu li + li {
  margin-left: 10px;
}

.submenu li a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  padding: 0 15px;
  border-radius: 8px;
  background: #E4E7EF;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  transition: all 0.3s linear;
}

.submenu li a:hover {
  -webkit-box-shadow: 0px 8px 10px -10px rgba(89, 182, 137, 0.3);
  background: #CCD2E3;
  box-shadow: 0px 8px 10px -10px rgba(89, 182, 137, 0.3);
  color: #fff;
}

.submenu li a sup {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  border-radius: 15px;
  background: rgba(163, 174, 208, 0.7);
  color: #fff;
  color: #FFFFFF;
  font-style: normal;
  font-weight: 600;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-align: center;
}

.submenu li a.active {
  -webkit-box-shadow: 0px 8px 10px -10px rgba(89, 182, 137, 0.3);
  background: #59B689;
  box-shadow: 0px 8px 10px -10px rgba(89, 182, 137, 0.3);
  color: #fff;
}

.submenu li a.active sup {
  background: rgba(91, 100, 133, 0.5);
}

.footable tbody tr.message-canceled td img,
.footable tbody tr.message-confirmed td img {
  max-width: 18px;
}

.footable tbody tr.message-canceled td {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.footable tbody tr.message-confirmed td {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0.02em;
}

.footable tbody tr.message-confirmed td a {
  display: block;
  margin-bottom: 5px;
  color: #2283FF;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.massages-box {
  max-width: 1106px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
  padding: 30px 0 30px 30px;
  border-radius: 10px;
  background: #FFFFFF;
}

.massages-overflow {
  -moz-appearance: none !important;
  max-height: 575px;
  padding-right: 30px;
  overflow: auto;
  scrollbar-color: rgba(163, 174, 208, 0.2) #FFFFFF;
  scrollbar-width: thin !important;
}

.massages-overflow::-webkit-scrollbar {
  width: 4px;
}

.massages-overflow::-webkit-scrollbar-track {
  background-color: #FFFFFF;
}

.massages-overflow::-webkit-scrollbar-thumb {
  background-color: rgba(163, 174, 208, 0.2);
}

.massage-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.massage-item + .massage-item {
  margin-top: 20px;
}

.massage-item__user {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70px;
  flex: 0 0 70px;
  width: 70px;
  height: 70px;
  overflow: hidden;
  border-radius: 50%;
}

.massage-item__user img {
  -o-object-fit: cover;
  -o-object-position: center;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.massage-item__info {
  max-width: 600px;
  margin: 0 20px;
}

.massage-item__text {
  display: inline-block;
  padding: 20px 30px;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.02em;
}

.massage-item__text + .massage-item__text {
  margin-top: 20px;
}

.massage-item__date {
  display: block;
  position: relative;
  margin-top: 10px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.massage-item.--question {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.massage-item.--question .massage-item__text {
  -webkit-box-shadow: 4px 4px 15px -10px rgba(111, 155, 243, 0.3), 8px 8px 30px -10px rgba(111, 155, 243, 0.3), 10px 10px 50px rgba(111, 155, 243, 0.1);
  border-radius: 0px 8px 8px 8px;
  background: -o-linear-gradient(355.66deg, #6F9BF3 0%, #628EFF 96.55%);
  background: linear-gradient(94.34deg, #6F9BF3 0%, #628EFF 96.55%);
  box-shadow: 4px 4px 15px -10px rgba(111, 155, 243, 0.3), 8px 8px 30px -10px rgba(111, 155, 243, 0.3), 10px 10px 50px rgba(111, 155, 243, 0.1);
  color: #fff;
}

.massage-item.--answer {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  justify-content: flex-start;
}

.massage-item.--answer .massage-item__text {
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 10px 10px 25px rgba(112, 124, 151, 0.05), 15px 15px 35px rgba(112, 124, 151, 0.05), 10px 10px 50px rgba(112, 124, 151, 0.03);
  box-sizing: border-box;
  border: 1px solid #E4E7EF;
  border-radius: 8px 0px 8px 8px;
  background: #FFFFFF;
  box-shadow: 10px 10px 25px rgba(112, 124, 151, 0.05), 15px 15px 35px rgba(112, 124, 151, 0.05), 10px 10px 50px rgba(112, 124, 151, 0.03);
  color: #707C97;
}

.massage-item.--answer .massage-item__date {
  text-align: right;
}

.massages-form {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  max-width: 1106px;
  margin-right: auto;
  margin-left: auto;
  padding: 30px;
  border-radius: 10px;
  background: #FFFFFF;
}

.massages-form .btn {
  margin-left: 30px;
}

.partner-item {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  position: relative;
  padding: 20px 30px 20px;
  transform: scale(1);
  border-radius: 8px;
  background: #FFFFFF;
  transition: all 0.3s linear;
}

.partner-item:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -webkit-box-shadow: 0px 2px 20px rgba(204, 210, 227, 0.6);
  transform: scale(1.05);
  box-shadow: 0px 2px 20px rgba(204, 210, 227, 0.6);
}

.partner-item:hover .partner-item__logo {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.partner-item__box {
  display: block;
  position: relative;
  text-align: center;
}

.partner-item__logo {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-filter: grayscale(1);
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F7F8FB;
  filter: grayscale(1);
  transition: all 0.3s linear;
}

.partner-item__logo img {
  max-height: 90px;
}

.partner-item__title {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.19;
  letter-spacing: 0.02em;
}

.partner-item__rating .rating {
  margin: 5px 0 0 0;
  font-size: 10px;
}

.partner-item__rating .rating__group {
  margin: 0 auto;
}

.partner-item__btn {
  margin: 20px 0 15px;
}

.partner-item__btn .btn {
  -webkit-box-shadow: 0px 8px 10px rgba(189, 207, 244, 0.5);
  padding: 10px 19.5px;
  border-radius: 8px;
  background: #628EFF;
  box-shadow: 0px 8px 10px rgba(189, 207, 244, 0.5);
}

.partner-item__show-numb {
  min-height: 30px;
}

.partner-item__show-numb a {
  color: #628EFF;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.partner-item__show-numb .show-numb-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: none;
  flex-direction: column;
  text-align: center;
}

.partner-item__show-numb .show-numb-box.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.partner-item__show-numb .show-numb-box a.phone {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.partner-item__show-numb .show-numb-box a.link {
  margin-top: 2px;
  color: #628EFF;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.choosing-headers-list {
  margin: 0 0 30px 0;
  padding: 0;
  list-style-type: none;
}

.choosing-headers-list li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.choosing-headers-list li span {
  margin-bottom: 4px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.choosing-headers-list li strong {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.choosing-headers-list li + li {
  margin-top: 10px;
}

.widjet.--orders-2 {
  background-position: left -5% bottom;
}

.widjet.--orders-2 .widjet__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.widjet.--orders-2 .search {
  width: calc(50% - 20px);
  margin: 0;
}

.widjet.--orders-2 .widjet__others {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
  align-items: center;
  max-width: 600px;
  margin: 0 20px 0 40px;
  margin-right: auto;
}

.widjet.--orders-2 .widjet__others > * {
  width: calc(50% - 20px);
  margin: 0 10px;
}

.widjet.--orders-2 .btn-status.confirmed span:last-child {
  color: #5B6485;
}

.widjet.--services .widjet__body .location-select {
  margin-bottom: 20px;
}

.widjet.--services .widjet__body .location-select .drop {
  position: relative;
  padding-left: 50px;
}

.widjet.--services .widjet__body .location-select .drop::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 45px;
  background-image: url(../img/location.svg);
  background-position: center;
  background-size: 14px;
  background-repeat: no-repeat;
  content: "";
}

.widjet.--services .widjet__body .location-select .drop .drop-box {
  left: 50px;
  width: calc(100% - 50px);
}

.widjets-service-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.widjets-service-list__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.widjets-service-list__item + .widjets-service-list__item {
  margin-top: 12px;
}

.widjets-service-list__item:last-child .widjets-service-list__dot::after {
  display: none;
}

.widjets-service-list__item:nth-child(1) .widjets-service-list__dot:before {
  background: #57CA70;
}

.widjets-service-list__item:nth-child(1) .widjets-service-list__dot:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#57CA70), to(#4991F8));
  background: -o-linear-gradient(top, #57CA70 0%, #4991F8 100%);
  background: linear-gradient(180deg, #57CA70 0%, #4991F8 100%);
}

.widjets-service-list__item:nth-child(2) .widjets-service-list__dot:before {
  background: #4991F8;
}

.widjets-service-list__item:nth-child(2) .widjets-service-list__dot:after {
  background: -webkit-gradient(linear, left top, left bottom, from(#4991F8), to(#BDCFF4));
  background: -o-linear-gradient(top, #4991F8 0%, #BDCFF4 100%);
  background: linear-gradient(180deg, #4991F8 0%, #BDCFF4 100%);
}

.widjets-service-list__item:nth-child(3) .widjets-service-list__dot:before {
  background: #BDCFF4;
}

.widjets-service-list__dot {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  border-radius: 50%;
  background: #F7F8FB;
}

.widjets-service-list__dot span {
  z-index: 3;
  position: relative;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #fff;
}

.widjets-service-list__dot::before {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  content: "";
}

.widjets-service-list__dot:after {
  display: block;
  z-index: 1;
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 1px);
  width: 2px;
  height: calc(100% + 20px);
  background: #57CA70;
  content: "";
}

.widjets-service-list__title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.widjets-service-list__date {
  display: block;
  margin-left: auto;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.04em;
  text-align: right;
}

.widjet.--services-2 {
  background-image: url(../img/bg_widget-services-2.svg);
  background-position: right bottom 20px;
  background-repeat: no-repeat;
}

.widjet.--services-2 .widjets-service-list__item + .widjets-service-list__item {
  margin-top: 20px;
}

.widjet.--services-2 .widjets-service-list__item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.widjet.--services-2 .widjets-service-list__item .widjets-service-list__date {
  margin-top: 5px;
  text-align: left;
}

.widjet.--logistics {
  background-image: url(../img/bg_widjet-logistics.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.widjet.--new-user {
  background-image: url(../img/bg_widjet-new-user.svg);
  background-position: right bottom;
  background-repeat: no-repeat;
}

.widjet-new-user-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.widjet-new-user-list__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.widjet-new-user-list__item + .widjet-new-user-list__item {
  margin-top: 20px;
}

.widjet-new-user-list__item:nth-child(3n+1) .widjet-new-user-list__info:before {
  background: #73CD9B;
}

.widjet-new-user-list__item:nth-child(3n+2) .widjet-new-user-list__info:before {
  background: #796BC2;
}

.widjet-new-user-list__item:nth-child(3n+3) .widjet-new-user-list__info:before {
  background: #628EFF;
}

.widjet-new-user-list__info {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-grow: 1;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
  padding-left: 24px;
}

.widjet-new-user-list__info::before {
  -webkit-box-shadow: 1px 0px 4px 1px rgba(115, 205, 155, 0.3);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  box-shadow: 1px 0px 4px 1px rgba(115, 205, 155, 0.3);
  content: "";
}

.widjet-new-user-list__company {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.widjet-new-user-list__user {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.widjet-new-user-list__phone {
  display: block;
  position: relative;
  margin: 0 5px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.widjet-overdue-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.widjet-overdue-list__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.widjet-overdue-list__item + .widjet-overdue-list__item {
  margin-top: 20px;
}

.widjet-overdue-list__item:nth-child(3n+1) .widjet-overdue-list__info:before {
  background: #73CD9B;
}

.widjet-overdue-list__item:nth-child(3n+2) .widjet-overdue-list__info:before {
  background: #796BC2;
}

.widjet-overdue-list__item:nth-child(3n+3) .widjet-overdue-list__info:before {
  background: #628EFF;
}

.widjet-overdue-list__info {
  display: block;
  position: relative;
  padding-left: 24px;
}

.widjet-overdue-list__info::before {
  -webkit-box-shadow: 1px 0px 4px 1px rgba(115, 205, 155, 0.3);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  box-shadow: 1px 0px 4px 1px rgba(115, 205, 155, 0.3);
  content: "";
}

.widjet-overdue-list__company {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.widjet-overdue-list__phone {
  display: block;
  position: relative;
  margin: 0 5px;
  margin-top: 4px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.widjet-overdue-list__price-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 20px;
  margin-left: auto;
}

.widjet-overdue-list__price {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
  text-align: right;
  white-space: nowrap;
}

.widjet-overdue-list__days {
  margin-top: 4px;
  color: #FF6A6A;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
  text-align: right;
}

.widjet.--new-products {
  background-image: url(../img/bg_widjet-new-products.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.page-leader__select-date {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 30px;
}

.page-leader__select-date > div:nth-child(1),
.page-leader__select-date > div:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 350px;
  margin-right: 30px;
}

.widjet.--value .widjet__head {
  min-height: 54px;
}

.widjet.--value .widjet__body {
  z-index: 2;
  position: relative;
  padding-top: 23px;
  padding-bottom: 42px;
}

.widjet.--value .widjet__body .value {
  color: #5B6485;
  font-style: normal;
  font-weight: bold;
  font-size: 60px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}

.widjet.--value .widjet__body .value sup {
  top: -35px;
  color: #5B6485;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}

.widjet.--value .widjet__body .value sub {
  bottom: 0;
  color: #5B6485;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.widjet.--leader-new-users::before {
  display: block;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 108px;
  height: 187px;
  background-image: url(../img/bg_widget-leader-new-users.svg);
  content: "";
}

.widjet.--leader-returns::before {
  display: block;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 119px;
  height: 150px;
  background-image: url(../img/bg_widget-leader-returns.svg);
  content: "";
}

.widjet.--leader-visiting::before {
  display: block;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 254px;
  height: 82px;
  background-image: url(../img/bg_widget-leader-visiting.svg);
  content: "";
}

.widjet.--leader-time::before {
  display: block;
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 254px;
  height: 130px;
  background-image: url(../img/bg_widget-leader-time.svg);
  content: "";
}

.widjet.--leader-popular-products::before {
  display: block;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 262px;
  height: 204px;
  background-image: url(../img/bg_widget-leader-popular-products.svg);
  content: "";
}

.leader-orders-info {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.leader-orders-info__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.leader-orders-info__title {
  margin-bottom: 5px;
  color: #5B6485;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.leader-orders-info__value {
  margin-bottom: 7px;
  color: #5B6485;
  font-style: normal;
  font-weight: bold;
  font-size: 60px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}

.leader-orders-info__value sup {
  top: -35px;
  color: #5B6485;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}

.leader-orders-info__value sub {
  bottom: 0;
  color: #5B6485;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.leader-orders-info__img {
  display: block;
  position: relative;
}

.widjet-complaints-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.widjet-complaints-list__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.widjet-complaints-list__item + .widjet-complaints-list__item {
  margin-top: 20px;
}

.widjet-complaints-list__item:nth-child(3n+1) .widjet-complaints-list__info:before {
  background: #73CD9B;
}

.widjet-complaints-list__item:nth-child(3n+2) .widjet-complaints-list__info:before {
  background: #796BC2;
}

.widjet-complaints-list__item:nth-child(3n+3) .widjet-complaints-list__info:before {
  background: #628EFF;
}

.widjet-complaints-list__info {
  display: block;
  position: relative;
  padding-left: 24px;
}

.widjet-complaints-list__info::before {
  -webkit-box-shadow: 1px 0px 4px 1px rgba(115, 205, 155, 0.3);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  box-shadow: 1px 0px 4px 1px rgba(115, 205, 155, 0.3);
  content: "";
}

.widjet-complaints-list__title {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.widjet-complaints-list__date {
  display: block;
  position: relative;
  margin: 0 5px;
  margin-top: 4px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.receivable-box {
  padding: 30px;
  border-radius: 8px;
  background: #FFFFFF;
}

.receivable-box__select {
  margin-bottom: 30px;
}

.receivable-box__select .drop {
  max-width: 300px;
}

.receivable-box__list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.receivable-box__list ul li {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 15px 10px;
  border-bottom: 1px solid #F7F8FB;
}

.receivable-box__list ul li > *:first-child {
  width: 40%;
  padding-right: 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.receivable-box__list ul li > *:last-child {
  width: 60%;
  padding-left: 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.04em;
}

.receivable-box__list ul li > *:last-child.accent {
  color: #FF6A6A;
}

.receivable-box__list ul li > a:last-child {
  color: #628EFF;
}

.receivable-box__btn {
  margin-top: 30px;
}

.table-head.--page-new-order > div:last-child {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

.table-head.--page-new-order > div:last-child .btn {
  margin-left: 10px;
}

.table-head.--page-new-order > div:last-child .btn-icon {
  max-width: 45px;
}

.table-head.--page-new-order .submenu-box {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.table-head.--page-new-order .submenu-wrap {
  width: 100%;
}

.product-img-small {
  display: block;
  position: relative;
  width: 80px;
  height: 40px;
  margin-right: 10px;
  overflow: hidden;
}

.product-img-small img {
  width: 100%;
  height: 100%;
}

.product-img-small + a {
  color: #5B6485 !important;
}

.product-img-small + a:hover {
  color: #628EFF !important;
}

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

.filter-btn {
  display: none;
}

.filter-btn button {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 8px 10px 0 rgba(89, 182, 137, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 290px;
  height: 45px;
  padding: 0 15px;
  border: none;
  border-radius: 8px;
  background: #59B689;
  box-shadow: 0px 8px 10px 0 rgba(89, 182, 137, 0.3);
  color: #FFFFFF;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.filter-btn button .ico_filter {
  font-size: 24px;
}

.filter-btn button .ico_chevron-down {
  color: #30393E;
}

.filter-btn.is-active button .ico_chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filter-box {
  display: block;
  position: relative;
  padding: 30px;
  border-radius: 8px;
  background: #FFFFFF;
}

.filter-box > * + * {
  margin-top: 35px;
}

.filter-box.is-show {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  visibility: visible;
  transform: translateY(0px);
  opacity: 1;
  pointer-events: all;
}

.filter-box .accordion-item {
  border: none;
}

.filter-box .accordion-item:last-child .accordion-button {
  border-bottom: none;
}

.filter-box .accordion-button {
  padding: 12.5px 0;
  border-bottom: 1px solid #F7F8FB;
  background: none;
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.filter-box .accordion-button:not(.collapsed) {
  background: none;
}

.filter-box .accordion-button:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' viewBox='0 0 13 13'%3E%3Cpath fill='%23A3AED0' fill-rule='evenodd' d='M7.992 0h-2v5.002h-5v2h5v5.002h2V7.002h5v-2h-5V0z' clip-rule='evenodd'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: 12px;
}

.filter-box .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='3' fill='none' viewBox='0 0 12 3'%3E%3Cpath fill='%235B6485' d='M0 2.502v-2h12v2H0z'/%3E%3C/svg%3E%0A");
}

.filter-box .accordion-body {
  padding: 10px 0;
}

.filter-box .filter-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.filter-box .filter-list li + li {
  margin-top: 5px;
}

.filter-box .filter-list label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.filter-box .filter-list label .checkbox {
  margin-right: 10px;
}

.filter-box .filter-list label span {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.details-list {
  display: block;
  position: relative;
  margin-top: 40px;
  background-color: #fff;
}

.details-list__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.details-list__left {
  max-width: 330px;
}

.details-list__right {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.details-list__right .table-body .footable tr > *:nth-child(2) {
  padding-left: 15px;
}

.details-list__material {
  padding: 30px;
}

.details-list__material h4 {
  display: block;
  position: relative;
  margin-bottom: 30px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.details-list__table {
  min-height: 100%;
  padding: 30px 0 30px 30px;
  border-left: 1px solid #F7F8FB;
}

.details-list__table > .btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.details-list__table > .btn [class*=ico_] {
  margin-right: 5px;
}

.details-list__table .table-body {
  margin-top: 30px;
  overflow: visible;
}

.details-list__table .table-body .inputs,
.details-list__table .table-body .checkboxs,
.details-list__table .table-body .btns {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.details-list__table .table-body .inputs > div + div,
.details-list__table .table-body .checkboxs > div + div,
.details-list__table .table-body .btns > div + div {
  margin-left: 10px;
}

.details-list__table .table-body input.form-control {
  display: inline-block;
  width: 120px;
  max-width: 120px;
  height: 35px;
}

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

.details-list__table .table-body .nice-select {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  width: 120px;
  height: 35px;
}

.material-card {
  display: block;
  position: relative;
}

.material-card__img img {
  max-width: 100%;
  margin-bottom: 15px;
}

.material-card__info h3 {
  margin-bottom: 15px;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.19;
  letter-spacing: 0.02em;
}

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

.material-card__info ul li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.material-card__info ul li + li {
  margin-top: 10px;
}

.material-card__info ul li span {
  width: 40%;
}

.material-card__info ul li strong {
  width: 60%;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.material-card__action .check {
  margin: 20px 0;
}

.material-card__action .btn {
  white-space: nowrap;
}

.material-card__action .drop .drop-overflow {
  max-height: 300px;
}

.circle-cards {
  display: block;
  position: relative;
  min-height: calc(100% - 20px);
  padding: 30px;
  border-radius: 8px;
  background: #FFFFFF;
}

.circle-cards__head {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 45px;
}

.circle-cards__title {
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.circle-cards__action .nice-select {
  width: 300px;
  margin-right: 20px;
}

.circle-cards__body {
  display: block;
  position: relative;
}

.circle-cards__info {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.circle-cards__info li {
  margin: 0 15px 15px 0;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.circle-cards__info li:last-child {
  margin-right: 0;
}

.circle-cards__table {
  max-width: 221px;
  margin-right: auto;
  margin-left: auto;
}

.circle-cards__table table {
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #5B6485;
  background: #F7F8FB;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.17;
  letter-spacing: 0.02em;
}

.circle-cards__table table th,
.circle-cards__table table td {
  padding: 7px;
  border: 1px solid #5B6485;
}

.circle-cards__table table thead {
  background: #5B6485;
}

.circle-cards__table table thead th {
  color: #fff;
}

.circle-cards__table ul {
  margin: 0;
  padding: 0;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.17;
  letter-spacing: 0.02em;
  list-style-type: none;
}

.widjet.--services-price,
.widjet.--quantity-goods {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  min-height: calc(50% - 15px);
  margin-bottom: 20px;
}

.widjet .scroll-box {
  margin-right: -30px;
  padding-right: 30px;
  scrollbar-color: rgba(163, 174, 208, 0.2) #fff;
}

.widjet .scroll-box::-webkit-scrollbar-track {
  background-color: #fff;
}

.widjet .scroll-box::-webkit-scrollbar-thumb {
  background-color: rgba(163, 174, 208, 0.2);
}

.widjet.--services-price {
  background-image: url(../img/bg_widjet-services-price.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.widjet.--services-price .widjet__body {
  padding-left: 100px;
}

.widjet.--services-price .widjet__action .btn-icon {
  color: #CCD2E3;
  font-size: 20px;
}

.widjet.--services-price .scroll-box {
  max-height: 155px;
  overflow: auto;
}

.widjet.--services-price .table tr td:nth-child(1) {
  color: #5B6485;
  font-weight: 700;
}

.widjet.--services-price .table tr td:nth-child(3) {
  color: #A3AED0;
  font-weight: 500;
}

.widjet.--quantity-goods .scroll-box {
  max-height: 180px;
  overflow: auto;
}

.dropdown-edge__tooltip {
  -webkit-box-shadow: 0px 5px 15px 0 rgba(163, 174, 208, 0.3), 0px 0px 20px 0 rgba(163, 174, 208, 0.3);
  display: none;
  z-index: 10;
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  padding: 15px 20px;
  border: 3px solid currentColor;
  border-radius: 0 8px 8px 8px;
  background-color: #fff;
  box-shadow: 0px 5px 15px 0 rgba(163, 174, 208, 0.3), 0px 0px 20px 0 rgba(163, 174, 208, 0.3);
  color: #5B6485;
}

.dropdown-edge__tooltip span {
  color: #000;
  white-space: nowrap;
}

.dropdown-edge:hover .dropdown-edge__tooltip.is-active {
  display: block;
}

.check-edge {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  -webkit-box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  display: inline-block;
  position: relative;
  flex: 0 0 35px;
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 2px 8px rgba(204, 210, 227, 0.6);
  cursor: pointer;
}

.check-edge::after {
  display: none;
}

.check-edge::before {
  display: block;
  position: absolute;
  background: #CCD2E3;
  content: "";
  pointer-events: none;
}

.check-edge.is-checked::before {
  background: currentColor;
}

.check-edge.--top:before {
  top: 0;
  left: 0;
  width: 35px;
  height: 8px;
  border-radius: 8px 8px 0 0;
}

.check-edge.--left:before {
  top: 0;
  right: 0;
  width: 8px;
  height: 35px;
  border-radius: 0 8px 8px 0;
}

.check-edge.--bottom:before {
  bottom: 0;
  left: 0;
  width: 35px;
  height: 8px;
  border-radius: 0 0 8px 8px;
}

.check-edge.--right:before {
  top: 0;
  left: 0;
  width: 8px;
  height: 35px;
  border-radius: 8px 0 0 8px;
}

.slider-circle-cards {
  display: block;
  position: relative;
}

.slider-circle-cards .slider-nav {
  z-index: 10;
  position: absolute;
  bottom: 0;
  left: calc(100% + 24px);
}

.slider-nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  width: 140px;
  height: 35px;
  border: 1.5px solid #E4E7EF;
  border-radius: 8px;
  background: #FFFFFF;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.slider-nav-prev {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
}

.slider-nav-pagination {
  width: 70px;
  color: #CCD2E3;
  text-align: center;
}

.slider-nav-pagination .swiper-pagination-current {
  color: #A3AED0;
  font-weight: 500;
}

.slider-nav-next {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
}

.table-body-overflow {
  -moz-appearance: none !important;
  max-height: 200px;
  overflow-x: none;
  overflow-y: scroll;
  scrollbar-color: #628EFF #E2EBEC;
  scrollbar-width: thin !important;
}

.table-body-overflow::-webkit-scrollbar {
  width: 4px;
}

.table-body-overflow::-webkit-scrollbar-track {
  background-color: #E2EBEC;
}

.table-body-overflow::-webkit-scrollbar-thumb {
  background-color: #628EFF;
}

.canvas {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: relative;
  height: calc(100% - 60px);
  margin-top: 60px;
  margin-left: 80px;
}

.canvas-top-panel {
  display: inline-block;
  position: absolute;
  top: -60px;
  left: -80px;
  padding: 20px 80px;
  border-radius: 30px 30px 0 0;
  background: #E4E7EF;
}

.canvas-top-panel ul {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.canvas-top-panel ul li {
  margin: 0 30px 15px 0;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.canvas-top-panel ul li:last-child {
  margin-right: 0;
}

.canvas-left-panel {
  position: absolute;
  top: -1px;
  left: -80px;
  padding: 20px 0 80px;
  border-radius: 0 0 0 30px;
  background: #E4E7EF;
}

.canvas-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  flex-direction: column;
}

.canvas-menu button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border: none;
  background: none;
  color: rgba(163, 174, 208, 0.7);
  font-size: 32px;
}

.canvas-menu button.is-active {
  color: #628EFF;
}

.canvas-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 700px;
  padding: 20px;
  border-radius: 8px;
  background: #FFFFFF;
}

.canvas-box img {
  max-width: 95%;
  max-height: 95%;
}

.canvas-tool {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 20px 20px 40px;
  border: 2px solid #F7F8FB;
  background: #FFFFFF;
}

.canvas-tool ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.canvas-tool ul li + li {
  margin-top: 12px;
  text-align: center;
}

.canvas-tool ul li:nth-child(6) a {
  font-size: 14px;
}

.canvas-tool ul li a {
  border: none;
  background: none;
  color: #CCD2E3;
  font-size: 22px;
}

.canvas-tool ul li a::before {
  width: auto;
  max-width: 33px;
}

.canvas-tool ul li a.is-active {
  color: #628EFF;
}

.canvas-tool .btn-icon {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.widjet.--add-detail .add-detail-box {
  display: block;
  position: relative;
}

.widjet.--add-detail .add-detail-box::after {
  display: block;
  z-index: 4;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background: white;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(35%, white), color-stop(70%, rgba(255, 255, 255, 0.8743872549)), to(rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(bottom, white 35%, rgba(255, 255, 255, 0.8743872549) 70%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(0deg, white 35%, rgba(255, 255, 255, 0.8743872549) 70%, rgba(255, 255, 255, 0) 100%);
  content: "";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.widjet.--add-detail .add-detail-overflow {
  -moz-appearance: none !important;
  position: relative;
  width: calc(100% + 30px);
  height: 485px;
  padding-right: 30px;
  padding-bottom: 30px;
  overflow: auto;
  scrollbar-color: #CCD2E3 #E4E7EF;
  scrollbar-width: thin !important;
}

.widjet.--add-detail .add-detail-overflow::-webkit-scrollbar {
  width: 4px;
}

.widjet.--add-detail .add-detail-overflow::-webkit-scrollbar-track {
  background-color: #E4E7EF;
}

.widjet.--add-detail .add-detail-overflow::-webkit-scrollbar-thumb {
  background-color: #CCD2E3;
}

.widjet.--list-operations {
  background-image: url(../img/bg_widjet-orders.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
}

.checkboxs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.checkboxs > div + div {
  margin-left: 10px;
}

.scheme-box {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 120px;
  margin: 0 auto 20px;
  padding: 30px;
  border: 1px solid #F7F8FB;
}

.scheme-box__img {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}

.scheme-box__img img {
  width: 100%;
  height: 100%;
}

.scheme-box__checkbox {
  position: absolute;
  width: 28px;
  height: 28px;
}

.scheme-box__checkbox.--top {
  top: 0;
  left: 50%;
  margin-left: -14px;
}

.scheme-box__checkbox.--left {
  top: 50%;
  right: 5px;
  margin-top: -14px;
}

.scheme-box__checkbox.--bottom {
  bottom: 0;
  left: 50%;
  margin-left: -14px;
}

.scheme-box__checkbox.--right {
  top: 50%;
  left: 5px;
  margin-top: -14px;
}

.scheme-box__checkbox.--center {
  display: none;
}

.scheme-box.tpl-5 .scheme-box__checkbox.--center {
  display: block;
  bottom: 30px;
  left: 51px;
}

.scheme-box.tpl-6 .scheme-box__checkbox.--center {
  display: block;
  bottom: 26px;
  left: 84px;
}

.scheme-box.tpl-7 .scheme-box__checkbox.--center {
  display: block;
  bottom: 47px;
  left: 66px;
}

.scheme-box.tpl-8 .scheme-box__checkbox.--center {
  display: block;
  bottom: 60px;
  left: 55px;
}

.scheme-box.tpl-10 .scheme-box__checkbox.--center {
  display: block;
}

label.checkbox-small {
  display: inline-block;
  position: relative;
  padding: 10px;
  cursor: pointer;
}

label.checkbox-small input[type=checkbox],
label.checkbox-small input[type=radio] {
  display: none;
}

label.checkbox-small span {
  display: block;
  width: 8px;
  height: 8px;
  background: #CCD2E3;
}

label.checkbox-small input[type=checkbox]:checked + span,
label.checkbox-small input[type=radio]:checked + span {
  background: #628EFF;
}

.widjet.--time-work {
  margin-top: 30px;
}

.page-content.--login {
  padding-top: 90px;
  padding-bottom: 150px;
}

.page-content.--login .container-xl {
  max-width: 1408px;
}

.page-content.--login .row > * {
  position: relative;
}

.video-block {
  display: block;
  z-index: 2;
  position: relative;
}

.video-block a {
  display: block;
  position: relative;
}

.video-block a::before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -webkit-box-flex: 0;
  -ms-flex: 0 0 72px;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  flex: 0 0 72px;
  width: 72px;
  height: 72px;
  transform: translate(-50%, -50%) scale(1);
  background-image: url(../img/play.svg);
  background-position: center;
  background-size: contain;
  content: "";
  transition: all 0.3s linear;
}

.video-block a:hover::before {
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);
}

.video-block a img {
  width: 100%;
}

.desc-block {
  position: relative;
  width: calc(100% + 60px);
  margin-top: 30px;
  margin-left: -60px;
  padding: 60px 60px 50px 90px;
  border-radius: 8px;
  background: #FFFFFF;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.43;
}

.desc-block::after {
  display: block;
  position: absolute;
  bottom: -100px;
  left: -150px;
  width: 294px;
  height: 205px;
  background-image: url(../img/bg_login-page.svg);
  content: "";
  pointer-events: none;
}

.desc-block h4 {
  margin-top: 0;
  margin-bottom: 15px;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.desc-block .button-group {
  margin-top: 30px;
}

.desc-block .button-group > * {
  margin: 0 20px 10px 0;
}

.page-constructor .page-content {
  padding-top: 30px;
  padding-bottom: 50px;
}

.constructor-offcanvas-btn {
  position: fixed;
  bottom: 250px;
  left: 10px;
}

.constructor-offcanvas-btn button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 50px;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 8px;
  background: #628EFF;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.constructor-offcanvas {
  -webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);
  display: block;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 500px;
  height: 100vh;
  padding: 30px;
  background: #fff;
  box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15);
}

.constructor-offcanvas-box {
  display: block;
  position: relative;
  height: calc( 100% - 60px );
  overflow-y: auto;
}

ul.constructor-offcanvas-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul.constructor-offcanvas-menu li + li {
  margin-top: 10px;
}

ul.constructor-offcanvas-menu li a {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

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

.constructor__head {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.constructor__title {
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.constructor__btns {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.constructor__btns-steps {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
}

.constructor__btns-steps::before {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 25px;
  transform: translate(-50%, -50%);
  background: #E4E7EF;
  content: "";
}

.constructor__btns-steps .constructor__btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.constructor__btns-steps .constructor__btn::before {
  margin-left: -3px;
  font-size: 16px;
}

.constructor__btns-steps .constructor__btn + .constructor__btn {
  margin-left: 5px;
}

.constructor__btns-group {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-left: 60px;
}

.constructor__btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 35px;
  height: 35px;
  padding: 0 6px;
  border: none;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  transition: all 0.25s linear;
}

.constructor__btn:hover::before,
.constructor__btn:focus::before,
.constructor__btn:active::before {
  color: #628EFF;
}

.constructor__btn::before {
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  margin-right: 2px;
  color: #CCD2E3;
  font-size: 19px;
  transition: all 0.25s linear;
}

.constructor__btn + .constructor__btn {
  margin-left: 10px;
}

.constructor__btn.ico_size {
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.constructor__btn.ico_size::before {
  margin-right: 3px;
  font-size: 24px;
}

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

.constructor__body::after {
  display: block;
  position: absolute;
  top: 0;
  left: 60px;
  width: calc( 100% - 60px );
  height: 100%;
  border-radius: 30px;
  background: #fff;
  content: "";
}

.constructor__panel {
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 375px;
  height: 420px;
  border-radius: 30px;
  background: #E4E7EF;
}

.constructor__panel:after {
  display: block;
  z-index: 1;
  position: absolute;
  top: 60px;
  left: 60px;
  width: calc( 100% - 60px );
  height: calc( 100% - 60px );
  border-radius: 16px 0 0 0;
  background: #fff;
  content: "";
  pointer-events: none;
}

.constructor__info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 10px 0 23px;
}

.constructor__type-processing {
  position: relative;
  width: 60px;
  padding-top: 30px;
}

.constructor__footer {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}

.constructor .info-list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.constructor .info-list__item {
  display: block;
  position: relative;
  margin-right: 15px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
}

.constructor .info-list__item:last-child {
  margin-right: 0;
}

.constructor .type-processing {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0 0 20px 0;
  list-style-type: none;
}

.constructor .type-processing__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
}

.constructor .type-processing__item:first-child .type-processing__link:before {
  display: none;
}

.constructor .type-processing__link {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 60px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex: 0 0 60px;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background-position: center;
  background-size: 25px 25px;
  background-repeat: no-repeat;
}

.constructor .type-processing__link:after {
  display: block;
  z-index: 5;
  position: absolute;
  top: 0;
  right: -3px;
  width: 3px;
  height: 60px;
  background: #628EFF;
  content: "";
  opacity: 0;
}

.constructor .type-processing__link.active:after {
  opacity: 1;
}

.constructor .type-processing__item.--type-processing-1 .type-processing__link {
  background-image: url(../img/type-processing-1-1.svg);
}

.constructor .type-processing__item.--type-processing-1 .type-processing__link:hover {
  background-image: url(../img/type-processing-1-2.svg);
}

.constructor .type-processing__item.--type-processing-1 .type-processing__link.active {
  background-image: url(../img/type-processing-1-3.svg);
}

.constructor .type-processing__item.--type-processing-2 .type-processing__link {
  background-image: url(../img/type-processing-2-1.svg);
}

.constructor .type-processing__item.--type-processing-2 .type-processing__link:hover {
  background-image: url(../img/type-processing-2-2.svg);
}

.constructor .type-processing__item.--type-processing-2 .type-processing__link.active {
  background-image: url(../img/type-processing-2-3.svg);
}

.constructor .type-processing__item.--type-processing-3 .type-processing__link {
  background-image: url(../img/type-processing-3-1.svg);
}

.constructor .type-processing__item.--type-processing-3 .type-processing__link:hover {
  background-image: url(../img/type-processing-3-2.svg);
}

.constructor .type-processing__item.--type-processing-3 .type-processing__link.active {
  background-image: url(../img/type-processing-3-3.svg);
}

.constructor .type-processing__item.--type-processing-5 .type-processing__link {
  background-image: url(../img/type-processing-4-1.svg);
}

.constructor .type-processing__item.--type-processing-5 .type-processing__link:hover {
  background-image: url(../img/type-processing-4-2.svg);
}

.constructor .type-processing__item.--type-processing-5 .type-processing__link.active {
  background-image: url(../img/type-processing-4-3.svg);
}

.constructor .type-processing__item.--type-processing-4 .type-processing__link {
  background-image: url(../img/type-processing-5-1.svg);
}

.constructor .type-processing__item.--type-processing-4 .type-processing__link:hover {
  background-image: url(../img/type-processing-5-2.svg);
}

.constructor .type-processing__item.--type-processing-4 .type-processing__link.active {
  background-image: url(../img/type-processing-5-3.svg);
}

.constructor-box {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
  align-items: stretch;
  min-height: 810px;
  margin-left: 60px;
  border-radius: 16px;
}

.constructor-box__sidebar {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: stretch;
  width: 315px;
  margin: 90px 0 30px 0;
}

.constructor-box__sidebar-form {
  width: 73px;
  border-right: 1px solid #E4E7EF;
}

.constructor-box__sidebar-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 20px;
  border-right: 1px solid #E4E7EF;
}

.constructor-box__sidebar-content.hidden {
  opacity: 0;
  pointer-events: none;
}

.constructor-box__sidebar-content .sidebar-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  margin-bottom: 10px;
  background: #E4E7EF;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.constructor-box__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 29px 25px 20px 25px;
  background-image: url(../img/coordinats.svg);
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

.constructor-box__content .full-size {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 20px;
  right: 15px;
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  color: #CCD2E3;
  font-size: 24px;
  transition: all 0.25s linear;
}

.constructor-box__content .full-size:before {
  content: "";
}

.constructor-box__content .full-size:hover {
  color: #628EFF;
}

.constructor-box__content .change-texture {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24px;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 50px;
  right: 15px;
  flex: 0 0 24px;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  color: #CCD2E3;
  font-size: 20px;
  transition: all 0.25s linear;
}

.constructor-box__content .change-texture:before {
  content: "";
}

.constructor-box__content .change-texture:hover {
  color: #628EFF;
}

.constructor-form {
  display: none;
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none;
}

.constructor-form.is-active {
  display: block;
}

.constructor-form__item {
  display: block;
  position: relative;
  margin-bottom: 12px;
}

.constructor-form__item .ico_form_6 {
  font-size: 14px;
}

.constructor-form__link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  text-align: center;
}

.constructor-form__link > span {
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  color: #CCD2E3;
  font-size: 22px;
  transition: all 0.25s linear;
}

.constructor-form__link > span:hover {
  color: #628EFF;
}

.constructor-form__link > span:before {
  width: auto;
}

.constructor-form__link.active > span {
  color: #628EFF;
}

.constructor-form__more {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border: none;
  border-radius: 8px;
  background: #628EFF;
  box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  color: #fff;
  font-size: 10px;
}

.constructor-options {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: block;
  flex-grow: 1;
  margin-bottom: 20px;
}

.constructor-options-box {
  -moz-appearance: none !important;
  height: 100%;
  max-height: 400px;
  margin-right: -20px;
  margin-bottom: 10px;
  padding-right: 15px;
  overflow-y: auto;
  scrollbar-color: #CCD2E3 #fff;
  scrollbar-width: thin !important;
}

.constructor-options-box::-webkit-scrollbar {
  width: 4px;
}

.constructor-options-box::-webkit-scrollbar-track {
  background-color: #fff;
}

.constructor-options-box::-webkit-scrollbar-thumb {
  background-color: #CCD2E3;
}

.constructor-options-more {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.constructor-options-more button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border: none;
  border-radius: 8px;
  background: #628EFF;
  box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  color: #fff;
  font-size: 10px;
}

.constructor-options-more:before,
.constructor-options-more:after {
  display: block;
  width: 65px;
  height: 1px;
  background: #E4E7EF;
  content: "";
}

.constructor-operation {
  display: block;
  margin-top: auto;
}

.constructor-operation-box {
  -moz-appearance: none !important;
  height: 168px;
  margin-right: -20px;
  padding-right: 15px;
  overflow-y: auto;
  scrollbar-color: #CCD2E3 #fff;
  scrollbar-width: thin !important;
}

.constructor-operation-box::-webkit-scrollbar {
  width: 4px;
}

.constructor-operation-box::-webkit-scrollbar-track {
  background-color: #fff;
}

.constructor-operation-box::-webkit-scrollbar-thumb {
  background-color: #CCD2E3;
}

.operation-item {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px;
  border: 1px solid #F7F8FB;
  background: #F7F8FB;
  transition: all 0.25s linear;
}

.operation-item:hover {
  border: 1px solid #628EFF;
}

.operation-item + .operation-item {
  margin-top: 2px;
}

.operation-item__numb {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 15px;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  color: #628EFF;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
}

.operation-item__ico {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  margin: 0 5px;
  background: #fff;
  color: #B7BFD9;
  font-size: 15px;
}

.operation-item__desc {
  margin-right: 5px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
}

.operation-item__del {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20px;
  -webkit-box-shadow: 0px 4px 5px 0 rgba(189, 207, 244, 0.5);
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 20px;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CCD2E3'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  background-size: 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 4px 5px 0 rgba(189, 207, 244, 0.5);
  cursor: pointer;
  transition: all 0.25s linear;
}

.operation-item__del:hover {
  -webkit-box-shadow: 0px 1px 3px 0 rgba(189, 207, 244, 0.5);
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F00'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  background-size: 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 3px 0 rgba(189, 207, 244, 0.5);
}

.constructor-options-box ul.nav.nav-pills {
  margin-bottom: 11px;
  border-radius: 8px;
  background: #F7F8FB;
}

.constructor-options-box ul.nav.nav-pills .nav-item {
  width: 50%;
}

.constructor-options-box ul.nav.nav-pills .nav-link {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  padding: 0 5px;
  border: 2px solid transparent;
  border-radius: 8px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
  text-align: center;
  transition: all 0.25s linear;
}

.constructor-options-box ul.nav.nav-pills .nav-link.active {
  -webkit-box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  border: 2px solid #628EFF;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
}

.constructor-form-group {
  margin-bottom: 10px;
}

.constructor-text-field {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.constructor-text-field > span {
  display: block;
  width: calc(100% - 90px);
  margin-right: 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.constructor-text-field input {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  -o-text-overflow: ellipsis;
  display: block;
  flex: 0 0 90px;
  width: 90px;
  height: 32px;
  padding: 0 12px;
  overflow: hidden;
  border: 1.5px solid #E4E7EF;
  border-radius: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.constructor-text-field input::-webkit-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.001em;
}

.constructor-text-field input::-moz-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.001em;
}

.constructor-text-field input:-ms-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.001em;
}

.constructor-text-field input::-ms-input-placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.001em;
}

.constructor-text-field input::placeholder {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.001em;
}

.constructor-checkbox-field {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.constructor-checkbox-field > span {
  display: block;
  width: calc(100% - 100px);
  margin-right: 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.constructor-sides-field,
.constructor-angles-field {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.constructor-sides-field > span,
.constructor-angles-field > span {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.constructor-sides-field .sides > *,
.constructor-sides-field .angles > *,
.constructor-angles-field .sides > *,
.constructor-angles-field .angles > * {
  margin: 0 10px 0 0;
}

.constructor-radio-fields {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.constructor-radio-fields > span {
  display: block;
  width: 100%;
  margin-bottom: 8px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.constructor-radio-group {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  background: #F7F8FB;
}

.constructor-radio-group label {
  width: 33%;
  height: 32px;
  text-align: center;
  cursor: pointer;
}

.constructor-radio-group input[type=radio] {
  display: none;
}

.constructor-radio-group span {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
  border: 2px solid transparent;
  border-radius: 8px;
  background: transparent;
  text-align: center;
}

.constructor-radio-group input[type=radio]:checked + span {
  border: 2px solid #628EFF;
  background: #fff;
}

.constructor-radio-group.--value-2 label {
  width: 50%;
}

.constructor-select-field {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.constructor-select-field > span {
  display: block;
  width: calc(100% - 90px);
  margin-right: 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.01em;
}

.constructor-select-field .drop {
  min-width: 90px;
}

.constructor-select-field .drop-button {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  -o-text-overflow: ellipsis;
  display: block;
  flex: 0 0 90px;
  width: 90px;
  height: 32px;
  padding: 0 12px;
  overflow: hidden;
  border: 1.5px solid #E4E7EF;
  border-radius: 8px;
  background-position: right 5px center;
  background-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.constructor-select-field .drop-clear {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 29px;
  top: 1.5px;
  right: 1.5px;
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  background-position: right 5px center;
  background-size: 12px;
  background-color: #fff;
}

.constructor-select-field .dropdown {
  min-width: 90px;
}

.constructor-select-field .dropdown-toggle {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  -o-text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 90px;
  align-items: center;
  justify-content: space-between;
  width: 90px;
  height: 32px;
  padding: 0 12px;
  overflow: hidden;
  border: 1.5px solid #E4E7EF;
  border-radius: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23A3AED0' stroke-width='1.03' points='16 7 10 13 4 7'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: right 10px center;
  background-size: 10px;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.constructor-select-field .dropdown-toggle.show {
  border-radius: 8px 8px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23A3AED0' stroke-width='1.03' points='4 13 10 7 16 13'%3E%3C/polyline%3E%3C/svg%3E");
  background-position: right 10px center;
  background-size: 10px;
  background-repeat: no-repeat;
}

.constructor-select-field .dropdown-toggle:after {
  display: none;
}

.constructor-select-field .dropdown-menu {
  -moz-appearance: none !important;
  min-width: 90px;
  max-width: 90px;
  max-height: 100px;
  margin-top: -5px !important;
  overflow-y: auto;
  border: 1.5px solid #E4E7EF;
  border-radius: 0 0 8px 8px;
  scrollbar-color: #628EFF #E2EBEC;
  scrollbar-width: thin !important;
}

.constructor-select-field .dropdown-menu::-webkit-scrollbar {
  width: 4px;
}

.constructor-select-field .dropdown-menu::-webkit-scrollbar-track {
  background-color: #E2EBEC;
}

.constructor-select-field .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: #628EFF;
}

.constructor-select-field .dropdown-menu li {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  display: block;
  position: relative;
  position: relative;
  padding: 5px 15px;
  border-bottom: 1px solid #F7F8FB;
  color: #000;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s linear;
}

.constructor-select-field .dropdown-menu li:hover {
  background: #F7F8FB;
}

.constructor-select-field .dropdown-menu li a {
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  display: block;
  display: block;
  position: relative;
  color: #000;
  font-size: 14px;
  transition: all 0.3s linear;
}

.constructor-select-field .dropdown-menu li a:hover {
  color: #628EFF;
  text-decoration: none;
}

.tooltip.bs-tooltip-end {
  left: -6px !important;
}

.tooltip.bs-tooltip-end .tooltip-inner {
  border-left: 3px solid #628EFF;
}

.tooltip.bs-tooltip-top .tooltip-inner {
  border-bottom: 3px solid #628EFF;
}

.tooltip.show {
  opacity: 1;
}

.tooltip .tooltip-arrow {
  display: none;
}

.tooltip .tooltip-inner {
  -webkit-box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  padding: 5px 10px;
  border-radius: 0;
  background: #fff;
  box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.01em;
  text-align: left;
  opacity: 1;
}

.constructor__menu-title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  padding: 6px 5px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
}

.page-head__title {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-head__title [class*=ico_] {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30px;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: none;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  transform: rotate(0);
  border-radius: 8px;
  background: rgba(91, 100, 133, 0.4);
  color: #fff;
  font-size: 10px;
  transition: all 0.25s linear;
}

.page-head__title.is-active [class*=ico_] {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transform: rotate(-180deg);
  transition: all 0.25s linear;
}

.page-production .page-main {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.page-production .page-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.page-content.--production {
  position: relative;
  padding: 60px 0;
}

.page-content.--production.is-show-menu .page-content__inner:after {
  visibility: visible;
  top: 0;
  opacity: 0.6;
  pointer-events: all;
}

.page-content.--production.is-show-menu .page-content__sidebar {
  visibility: visible;
  top: 0;
  opacity: 1;
  pointer-events: all;
}

.page-content.--production .page-content {
  position: relative;
}

.page-content.--production .page-content__inner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.page-content.--production .page-content__inner::after {
  -webkit-transition: all 0.35s linear;
  -o-transition: all 0.35s linear;
  display: block;
  visibility: hidden;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #5B6485;
  content: "";
  mix-blend-mode: darken;
  opacity: 0.6;
  opacity: 0;
  pointer-events: none;
  transition: all 0.35s linear;
}

.page-content.--production .page-content__sidebar {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 240px;
  display: block;
  position: relative;
  flex: 0 0 240px;
  width: 240px;
}

.page-content.--production .page-content__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  display: block;
  position: relative;
  flex-grow: 1;
  margin-left: 30px;
}

.page-content.--production .widjet__body .footable tbody td {
  padding: 10px 0 10px 10px;
}

.page-content.--production .widjet__body .footable tbody tr:last-child {
  border-bottom: 0;
}

.page-content.--production .widjet__body .footable tbody tr:last-child td {
  padding-bottom: 0;
}

.page-content.--production .table-body .footable thead .footable-header th:first-child {
  padding-left: 30px;
}

.page-content.--production .table-body .footable thead .footable-header th:first-child .check__box {
  border: 1px solid rgba(228, 231, 239, 0.5);
  background: transparent;
}

.page-content.--production .table-body .footable thead .footable-header th:first-child .check__box::before {
  background: rgba(228, 231, 239, 0.5);
}

.production-menu {
  display: block;
  position: relative;
  max-width: 285px;
  margin: 0 auto;
  padding: 15px 0;
  border-radius: 8px;
  background: #FFFFFF;
}

.production-menu__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.production-menu__list li {
  display: block;
  position: relative;
  border-bottom: 1px solid #F8F9FA;
}

.production-menu__list li:last-child {
  border-bottom: 0;
}

.production-menu__list li::before {
  -webkit-box-shadow: 1px 0px 4px 1px rgba(34, 131, 255, 0.3);
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  position: absolute;
  top: 5px;
  left: 0;
  width: 4px;
  height: calc( 100% - 10px);
  background: #628EFF;
  box-shadow: 1px 0px 4px 1px rgba(34, 131, 255, 0.3);
  content: "";
  opacity: 0;
  transition: all 0.25s linear;
}

.production-menu__list li.active::before {
  opacity: 1;
}

.production-menu__list li.active a::before {
  color: #5B6485;
}

.production-menu__list li a {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  padding: 0 20px 0 24px;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.production-menu__list li a:before {
  content: "";
}

.production-menu__list li a::before {
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  color: #CCD2E3;
  font-size: 10px;
  transition: all 0.25s linear;
}

.production-menu__list li a:hover::before {
  color: #5B6485;
}

.button-popap {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  border: none;
  background: none;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.button-popap span.title {
  -o-text-overflow: ellipsis;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.button-popap span:last-child {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  margin-left: 10px;
  padding: 0 10px;
  border-radius: 8px;
  background: #E2EBFD;
  color: #6F9BF3;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 0.8;
  letter-spacing: 0.02em;
  white-space: nowrap;
  transition: all 0.25s linear;
}

.button-popap:hover span:last-child {
  background: #CCD2E3;
  color: #fff;
}

.is-missing {
  display: block;
  position: relative;
}

.is-missing:hover .is-missing__drop,
.is-missing:focus .is-missing__drop,
.is-missing:active .is-missing__drop {
  opacity: 1;
}

.is-missing__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.is-missing__title [class*=ico_] {
  margin-right: 6px;
  color: #FF6A6A;
  font-size: 16px;
}

.is-missing__drop {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-shadow: 0px 14px 26px -14px rgba(180, 186, 202, 0.5);
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 5;
  position: absolute;
  top: -10px;
  left: -10px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 245px;
  padding: 10px;
  border-radius: 0px 8px 8px 8px;
  background: #FFFFFF;
  box-shadow: 0px 14px 26px -14px rgba(180, 186, 202, 0.5);
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  opacity: 0;
  transition: all 0.25s linear;
}

.is-missing__drop [class*=ico_] {
  margin-right: 6px;
  color: #FF6A6A;
  font-size: 16px;
}

.is-missing__drop h6 {
  margin: 0 0 4px 0;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.page-content__back {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 30px;
}

.submenu-scroll {
  max-width: 100%;
  overflow-x: auto;
}

.submenu-scroll .submenu li a {
  white-space: nowrap;
}

.table-production tr td:first-child .btn-status {
  display: none;
}

.m-operations .modal-body,
.m-material .modal-body {
  max-height: 320px;
  margin-right: -50px;
  padding-right: 50px;
}

.m-operations .footable tbody tr td a {
  white-space: normal;
}

.m-material .footable tbody tr td a {
  white-space: normal;
}

.m-material .modal-body table tbody tr td a {
  text-decoration: none;
}

.m-material .modal-body table tbody tr:hover td {
  color: #FF6A6A;
}

.m-material .modal-body table tbody tr:hover td a {
  color: #FF6A6A;
}

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

.production__box {
  display: block;
  position: relative;
  max-width: 822px;
}

.production__head {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.production__head .nav-wrap {
  display: block;
  position: relative;
}

.production__head .nav-wrap::after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 35px;
  background: -o-linear-gradient(right, #F7F8FB 0%, rgba(247, 248, 251, 0) 50%);
  background: -webkit-gradient(linear, right top, left top, from(#F7F8FB), color-stop(50%, rgba(247, 248, 251, 0)));
  background: linear-gradient(270deg, #F7F8FB 0%, rgba(247, 248, 251, 0) 50%);
  content: "";
  pointer-events: none;
}

.production__head .nav {
  -ms-flex-wrap: nowrap;
  position: relative;
  flex-wrap: nowrap;
  margin-left: 25px;
  overflow-x: auto;
  overflow-y: hidden;
}

.production__head .nav .nav-link {
  white-space: nowrap;
}

.production__head .nav .nav-link::after {
  bottom: 0;
}

.production__head.--setting {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.production__head.--setting .nav {
  margin-right: 25px;
  margin-left: 0;
}

.production__date {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.production__date [class*=ico_] {
  margin-right: 8px;
  color: #628EFF;
  font-size: 20px;
}

.production__date span {
  display: block;
  margin-right: 8px;
  padding-right: 8px;
  border-right: 1px solid #E1E3EA;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.production__date b {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  cursor: pointer;
}

.production__date b [class*=ico_] {
  margin-left: 15px;
  color: #A3AED0;
  font-size: 10px;
}

.production__location {
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin-left: 60px;
}

.production__location [class*=ico_] {
  margin-right: 8px;
  color: #628EFF;
  font-size: 20px;
}

.production__location span {
  display: block;
  margin-right: 8px;
  padding-right: 8px;
  border-right: 1px solid #E1E3EA;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.production__location b {
  display: block;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.production__location .dropdown-toggle {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  border: none;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.production__location .dropdown-toggle::after {
  display: none;
}

.production__location .dropdown-toggle:before {
  content: "";
}

.production__location .dropdown-toggle::before {
  margin-left: 5px;
  color: #A3AED0;
  font-size: 8px;
}

.production__location .dropdown-item {
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.production__body {
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 25px 20px;
  background: #FFFFFF;
}

.production__body.--small {
  padding: 10px;
}

.production__footer {
  text-align: right;
}

.service-date-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.service-date-list__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #F7F8FB;
}

.service-date-list__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.service-date-list__icon {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-grow: 1;
  align-items: center;
}

.service-date-list__icon > div {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 64px;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background: #E9F0FD;
}

.service-date-list__icon span {
  display: block;
  margin-left: 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.service-date-list__date-1 span {
  display: block;
  min-height: 14px;
  margin-bottom: 5px;
}

.service-date-list__date-1 input.form-control {
  width: 180px;
  border: 1.5px solid #E4E7EF;
  border-radius: 8px;
  background: #FFFFFF;
}

.service-date-list__date-2 {
  margin-left: 78px;
}

.service-date-list__date-2 span {
  display: block;
  min-height: 14px;
  margin-bottom: 5px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.17;
  letter-spacing: 0.02em;
  text-align: center;
}

.service-date-list__date-2 input.form-control {
  width: 180px;
  border: 1.5px solid #E4E7EF;
  border-radius: 8px;
  background-color: #FFFFFF;
}

.form-control-data {
  background-image: url(../img/svgico/grid.svg);
  background-position: right 15px center;
  background-repeat: no-repeat;
}

.nav-tabs {
  border-bottom: 2px solid #E4E7EF;
}

.nav-tabs .nav-link {
  display: block;
  position: relative;
  margin: 0;
  padding: 0 30px 15px 0;
  border: none;
  color: #A3AED0;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
}

.nav-tabs .nav-link:after {
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #628EFF;
  content: "";
  opacity: 0;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.02em;
}

.nav-tabs .nav-item.show .nav-link:after {
  opacity: 1;
}

.nav-tabs .nav-link.active:after {
  opacity: 1;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: none;
  outline: none;
}

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

.setting-list__item {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #F7F8FB;
}

.setting-list__item:last-child {
  border-bottom: 0;
}

.setting-list__title {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.setting-list__value {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 20px;
}

.setting-list__value input.form-control {
  width: 100px;
}

.setting-list__value span {
  display: block;
  width: 50px;
  margin-left: 10px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.week-list {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.week-list li {
  margin-right: 2px;
}

.week-list li label {
  display: block;
  position: relative;
  cursor: pointer;
}

.week-list li label input[type=checkbox] {
  display: none;
}

.week-list li label span {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 35px;
  margin: 0;
  border-radius: 8px;
  background: #E4E7EF;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  text-align: center;
  transition: all 0.25s linear;
}

.week-list li label span:hover {
  background: #CCD2E3;
  color: #fff;
}

.week-list li label input[type=checkbox]:checked + span {
  background: #59B689;
  color: #fff;
}

.button-drag {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35px;
  -webkit-box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 35px;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border: none;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px -1px rgba(204, 210, 227, 0.6);
  color: #CCD2E3;
  font-size: 20px;
  text-align: center;
}

.page-content.--production.--turn .table-footer > div:first-child {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.page-content.--production.--turn .table-footer > div:first-child .drop {
  max-width: 254px;
}

.page-content.--production.--turn .table-footer > div:first-child .drop + .drop {
  margin-left: 30px;
}

.submenu li a.danger {
  background: #FFD2D2;
}

.submenu li a.danger sup {
  background: rgba(255, 106, 106, 0.7);
}

.page-content.--production.--invoice .table-footer > div:first-child {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.page-content.--production.--invoice .table-footer > div:first-child .drop {
  max-width: 254px;
}

.page-content.--production.--invoice .table-footer > div:first-child .drop + .drop {
  margin-left: 30px;
}

.page-content.--production.--invoice .table-footer-invoice {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.total-materials {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  margin-right: 60px;
}

.total-materials span {
  display: block;
  position: relative;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.total-materials strong {
  display: block;
  margin-top: 9px;
  color: #5B6485;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.list-info {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.list-info li {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.list-info li + li {
  margin-left: 30px;
  padding-left: 30px;
  border-left: 1px solid #E4E7EF;
}

.list-info li span {
  display: block;
  position: relative;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.list-info li b {
  display: block;
  position: relative;
  margin-top: 5px;
  color: #5B6485;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.page-content.--production.--invoice .footable tfoot tr {
  position: relative;
}

.page-content.--production.--invoice .footable tfoot tr td {
  padding: 15px 10px;
}

.page-content.--production.--invoice .footable tfoot tr td:first-child::before {
  display: block;
  position: absolute;
  top: 0;
  left: 10px;
  width: calc(100% - 20px);
  height: 1px;
  background: #E4E7EF;
  content: "";
}

.page-content.--production.--invoice .footable tfoot .accent {
  margin-right: 50px;
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.14;
  letter-spacing: 0.02em;
}

.page-content.--production.--invoice .footable tfoot b {
  color: #5B6485;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.21;
  letter-spacing: 0.02em;
}

.page-content.--production.--invoice .table-footer > div:first-child {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.page-content.--production.--invoice .table-footer > div:first-child .drop {
  max-width: 254px;
}

.page-content.--production.--invoice .table-footer > div:first-child .drop + .drop {
  margin-left: 30px;
}

.tr-visible-modile {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: none;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}

.tr-visible-modile > div {
  padding: 15px 10px;
}

.tr-visible-modile .accent {
  color: #A3AED0;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.17;
}

.tr-visible-modile b {
  color: #5B6485;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.02em;
}

.table-production tr td:first-child .btn-status {
  display: none;
}

.submenu-scroll {
  max-width: 100%;
  overflow-x: auto;
}

.submenu-scroll .submenu li a {
  white-space: nowrap;
}

.page-content.--production.--turn .table-head .form-control + .form-control {
  margin-left: 15px;
}

.page-content.--production .table-head.--invoice-4 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  align-self: stretch;
  justify-content: space-between;
  width: 100%;
}

.page-content.--production .table-head.--invoice-4 .btn-icon {
  min-width: 45px;
  margin-top: 0;
}

.service-date-list__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.change-city {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.change-city__item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #F7F8FB;
}

.change-city__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.change-city__icon {
  margin-right: 15px;
  color: #628EFF;
  font-size: 20px;
}

.change-city__desc {
  display: block;
  position: relative;
}

.change-city__title {
  margin-bottom: 15px;
  color: #5B6485;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.change-city__btn {
  display: block;
  position: relative;
}

.button-back {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 15px;
  border-radius: 8px;
  background: #E2EBFD;
  color: #628EFF;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.button-back [class*=ico_] {
  margin-right: 6px;
}

.page-content__title {
  margin-left: 30px;
  color: #5B6485;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0.02em;
}

.production__head.--setting {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 480px;
  }
}

@media (min-width: 992px) {
  .modal-md {
    max-width: 800px;
  }

  .modal-lg {
    max-width: 580px;
  }
}

@media (min-width: 1199px) {
  .modal-xl {
    max-width: 1199px;
  }
}

@media only screen and (max-width: 1679px) {
  .details-list__box {
    display: block;
  }

  .details-list__left {
    max-width: 100%;
  }

  .details-list__material {
    padding: 20px 20px 0;
  }

  .details-list__table {
    padding: 0 0 30px 0;
  }

  .details-list__table > .btn {
    display: none;
  }

  .material-card {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .material-card__img img {
    margin-bottom: 0;
  }

  .material-card__info {
    margin: 0 20px;
  }
}

@media only screen and (max-width: 1560px) {
  .page-header__logo {
    margin-right: 20px;
  }

  .page-header__user {
    margin-left: 40px;
  }

  .page-footer__right {
    max-width: 220px;
  }

  .page-footer__contacts a + a {
    margin-top: 10px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 1520px) {
  .table-production-small .check__box {
    margin-right: 0;
  }

  .table-production-small thead .footable-header th:first-child,
  .table-production-small tbody tr td:first-child {
    padding-left: 15px !important;
  }

  .table-production-small thead .footable-header th:last-child,
  .table-production-small tbody tr td:last-child {
    padding-right: 15px !important;
  }

  .table-production-small thead .footable-header th,
  .table-production-small tbody tr td {
    padding: 12px 5px 12px 5px;
    font-size: 12px;
  }

  .table-production-small thead .footable-header th .accent,
  .table-production-small tbody tr td .accent,
  .table-production-small thead .footable-header th .button-popap,
  .table-production-small tbody tr td .button-popap,
  .table-production-small thead .footable-header th .is-missing__title,
  .table-production-small tbody tr td .is-missing__title {
    font-size: 12px;
  }
}

@media only screen and (max-width: 1399px) {
  .table-inner-box {
    padding-left: 0;
  }

  .widjet.--orders {
    background-image: none;
  }

  .widjet.--orders .search {
    width: calc(50% - 20px);
    margin: 0;
  }

  .widjet.--orders .widjet__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .widjet.--orders .widjet__others ._dynamic_adapt_ > * {
    width: calc(100% - 20px);
    margin: 0 10px;
  }

  .widjet.--logistics {
    background-image: none;
  }

  .filter-btn {
    display: block;
  }

  .filter-box {
    -webkit-box-shadow: 0px 8px 10px 0 rgba(89, 182, 137, 0.3);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    visibility: hidden;
    z-index: 5;
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    width: 290px;
    margin-left: -145px;
    transform: translateY(50px);
    box-shadow: 0px 8px 10px 0 rgba(89, 182, 137, 0.3);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s linear;
  }

  .widjet.--services-price,
  .widjet.--quantity-goods {
    height: auto;
    min-height: auto;
  }

  .widjet.--services-price {
    margin-top: 20px;
    background-image: none;
  }

  .widjet.--services-price .widjet__body {
    padding-left: 0;
  }

  .widjet.--services-price .scroll-box {
    max-height: none;
    overflow: visible;
  }

  .widjet.--quantity-goods .scroll-box {
    max-height: none;
    overflow: visible;
  }

  .widjet.--list-operations {
    background-image: none;
  }

  .widjet.--list-operations .widjet__title {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1359px) {
  .table-body .footable tbody tr .btns div + div {
    margin-left: 10px;
  }

  .page-header {
    padding: 10px 0;
  }

  .page-header__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .page-header__logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 50px;
  }

  .page-header__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    flex-direction: column-reverse;
    align-items: flex-end;
    order: 2;
  }

  .page-header__phones {
    margin-top: 10px;
    margin-right: 0;
  }

  .page-header__phones .dropdown-toggle::before {
    bottom: -10px;
  }

  .page-header__phones .dropdown-menu {
    top: 10px !important;
  }

  .page-header__lang .dropdown-toggle {
    font-size: 16px;
    text-transform: none;
  }

  .page-header__lang .dropdown-toggle::before {
    bottom: -35px;
  }

  .page-header__lang .dropdown-menu {
    top: 35px !important;
  }

  .page-header__lang .dropdown-menu .dropdown-item {
    font-size: 16px;
    text-transform: none;
  }

  .page-header__menu {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    width: 100%;
    margin: 10px 0 0 0;
    padding-top: 10px;
    border-top: 1px solid #F7F8FB;
  }

  .page-header__menu .navbar-nav .nav-link {
    font-size: 14px;
  }

  .page-header__user {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-left: auto;
  }

  .page-header__action {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .user__button::before {
    bottom: -10px;
  }

  .user__dropdown {
    top: 10px !important;
  }

  .page-footer {
    padding: 30px 0 15px;
  }

  .page-footer__center {
    margin: 0 20px;
  }

  .page-footer__right {
    display: none;
  }

  .drop-menu {
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 175px;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .drop-menu li {
    display: none;
    position: relative;
    width: 100%;
    margin: 0;
    cursor: pointer;
  }

  .drop-menu li:first-child {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    width: 100%;
    padding: 0;
    border-top: 0px;
    background: none;
  }

  .drop-menu li:first-child a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 45px;
    border-radius: 8px;
    background-color: #E4E7EF;
    pointer-events: none;
  }

  .drop-menu li:first-child a::after {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    display: block;
    position: relative;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector 25' d='M1 1L6 6L11 1' stroke='%2330393E' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    transition: all 0.3s linear;
  }

  .drop-menu li:first-child a sup {
    top: 5px;
    right: 35px;
  }

  .drop-menu li:first-child a.active {
    background-color: #59B689;
    color: #fff;
  }

  .drop-menu li:not(:first-child) {
    background-color: #fff;
  }

  .drop-menu li:last-child a {
    border-bottom: none;
  }

  .drop-menu li a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    height: 45px;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    background: #fff;
    line-height: 45px;
    text-align: left;
  }

  .drop-menu li a span {
    -o-text-overflow: ellipsis;
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .submenu-title {
    -o-text-overflow: ellipsis;
    max-width: calc(100% - 170px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .submenu-wrap {
    min-width: 175px;
    height: 45px;
  }

  .details-list__table .table-body input.form-control {
    width: 100px;
  }

  .details-list__table .table-body .nice-select {
    width: 100px;
  }

  .page-content.--production .page-content__inner {
    display: block;
  }

  .page-content.--production .page-content__sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    -webkit-transition: all 0.35s linear;
    -o-transition: all 0.35s linear;
    visibility: hidden;
    z-index: 10;
    position: absolute;
    top: 50px;
    left: 0;
    flex: 0 0 100%;
    width: 100%;
    padding: 10px;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    transition: all 0.35s linear;
  }

  .page-head__title [class*=ico_] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .page-content.--production {
    padding: 30px 0;
  }

  .page-content.--production .page-content__content {
    margin: 0;
  }
}

@media only screen and (max-width: 1359px) and (max-width: 1359px) {
  .drop-menu li + li {
    margin: 0;
  }

  .drop-menu li a sup {
    position: absolute;
    top: 3px;
    right: 15px;
  }
}

@media only screen and (max-width: 1199px) {
  .footable thead .footable-header th {
    padding: 10px 5px;
    font-size: 11px;
  }

  .footable tbody tr td {
    padding: 10px 5px;
    font-size: 12px;
  }

  .footable tbody tr td a {
    font-size: 12px;
  }

  .footable tbody tr td .accent {
    font-size: 12px;
  }

  .footable tbody tr td .dropdown .dropdown-toggle {
    font-size: 12px;
  }

  .footable tbody tr td .dropdown .dropdown-menu {
    min-width: auto;
    padding: 10px;
  }

  .footable tbody tr td .dropdown .dropdown-item {
    padding: 5px 10px;
    font-size: 12px;
  }

  .footable tbody tr td .btn-outline-primary {
    font-size: 12px;
  }

  .table-body .footable thead .footable-header th:first-child {
    padding-left: 10px;
  }

  .table-body .footable thead .footable-header th:last-child {
    padding-right: 10px;
  }

  .table-body .footable tbody tr td:first-child {
    padding-left: 10px;
  }

  .table-body .footable tbody tr td:first-child::before {
    display: none;
  }

  .table-body .footable tbody tr td:last-child {
    padding-right: 10px;
  }

  .table-footer > div:first-child .drop {
    width: 260px;
  }

  .table-inner-box {
    padding: 10px;
    background: rgba(163, 174, 208, 0.2);
  }

  .table-inner__row {
    -ms-grid-columns: 150px 90px 80px 1fr;
    grid-column-gap: 10px;
    grid-template-columns: 150px 90px 80px 1fr;
  }

  .table-inner__cell:nth-child(2),
  .table-inner__cell:nth-child(3) {
    text-align: center;
  }

  .table-inner__grid .product-img-small {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }

  .table-inner__grid .product-img-small .popap-img {
    width: 200px;
    height: 200px;
    margin-top: -100px;
  }

  .table-inner__grid .product-img-small .popap-img img {
    width: 180px;
    height: 180px;
  }

  .table-inner__grid .btn + .btn {
    margin-top: 10px;
    margin-left: 0 !important;
  }

  .page-content .row + .row {
    margin-top: 15px;
  }

  .page-header__logo .logo img {
    max-width: 145px;
  }

  .page-footer__left {
    margin-right: 20px;
  }

  .page-footer__logo .logo img {
    max-width: 145px;
  }

  .page-footer__center-bottom {
    text-align: center;
  }

  .city-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .city-list > li {
    width: calc(33% - 20px);
    margin-bottom: 20px;
  }

  .dropdown-sort .dropdown-toggle {
    height: 50px;
    border-radius: 5px;
  }

  .widjet__box {
    padding: 20px;
  }

  .widjet.--logistics {
    background-image: none;
  }

  .footable tbody tr.message-canceled td {
    font-size: 12px;
  }

  .footable tbody tr.message-confirmed td {
    font-size: 12px;
  }

  .footable tbody tr.message-confirmed td a {
    font-size: 12px;
  }

  .massages-box {
    padding: 20px 0 20px 20px;
  }

  .massages-overflow {
    padding-right: 20px;
  }

  .widjet.--new-user {
    background-image: none;
  }

  .widjet.--new-products {
    background-image: none;
  }

  .widjet.--leader-popular-products::before {
    background-image: none;
  }

  .page-receivables .table-filter .col-md-12 {
    text-align: right;
  }

  .product-img-small + a {
    max-width: 150px;
  }

  .circle-cards {
    padding: 30px 20px 20px;
  }

  .circle-cards__action .nice-select {
    width: 200px;
  }

  .circle-cards__table {
    max-width: 100%;
    margin-top: 20px;
  }

  .dropdown-edge:hover .dropdown-edge__tooltip.is-active {
    display: none;
  }

  .slider-circle-cards .slider-nav-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
  }

  .slider-circle-cards .slider-nav {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 20px auto 0;
  }

  .canvas {
    height: auto;
    margin: 0;
  }

  .canvas-top-panel {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    padding: 30px 30px 20px 30px;
    border-bottom: 1px solid #CCD2E3;
  }

  .canvas-left-panel {
    position: relative;
    top: auto;
    left: auto;
    padding: 0 30px;
    border-radius: 0;
  }

  .canvas-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .canvas-menu button {
    width: 75px;
    height: 75px;
  }

  .canvas-box {
    min-height: 750px;
  }

  .canvas-tool {
    top: 25px;
    left: 25px;
    padding: 10px 50px 10px 16px;
    border: 1px solid #F7F8FB;
  }

  .canvas-tool ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .canvas-tool ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }

  .canvas-tool ul li + li {
    margin-top: 0;
    margin-left: 10px;
  }

  .canvas-tool .btn-icon {
    top: 50%;
    bottom: auto;
    left: 100%;
    margin-top: -17.5px;
  }

  .widjet.--add-detail .add-detail-box::after {
    display: none;
  }

  .widjet.--add-detail .add-detail-overflow {
    height: auto;
    overflow: visible;
  }

  .page-content.--login {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .desc-block {
    width: 100%;
    margin-left: 0;
    padding: 40px;
  }

  .desc-block::after {
    display: none;
  }

  .page-content.--production .table-head {
    display: block;
  }

  .page-content.--production .table-head {
    display: block;
  }

  .submenu-scroll {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .submenu-scroll {
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .submenu-scroll .submenu li a {
    padding: 0 10px;
  }

  .submenu-scroll .submenu li + li {
    margin-left: 5px;
  }

  .production__head {
    display: block;
  }

  .production__head .nav {
    margin-top: 30px;
    margin-left: 0;
  }

  .production__head.--setting .nav {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  .page-footer__group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    flex-direction: column;
    align-items: flex-start;
  }

  .page-footer__group + .page-footer__group {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .page-footer__menu + .page-footer__menu {
    margin-top: 5px;
  }

  .page-footer__menu ul li + li {
    margin-top: 5px;
  }

  .page-footer__download {
    margin-left: 0;
  }

  .page-footer__social {
    margin-top: 10px;
    margin-right: 30px;
  }
}

@media only screen and (max-width: 1023px) and (max-width: 767px) {
  .page-footer__group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 991px) {
  .modal-content .btn-close {
    top: -25px;
    right: 0px;
    width: 30px;
    height: 30px;
  }

  .city-list > li {
    width: calc(50% - 20px);
  }
}

@media (max-width: 767px) {
  html,
  body {
    font-size: calc(13px + 5.1 * ((100vw - 320px) / 1920));
  }

  .table-caption h1,
  .table-caption h2,
  .table-caption h3,
  .table-caption h4,
  .table-caption h5,
  .table-caption h6 {
    font-size: calc(13px + 8.5 * ((100vw - 320px) / 1920));
  }

  .page-head__title {
    font-size: calc(20px + 13.6 * ((100vw - 320px) / 1920));
  }

  .tabs-nav > * > * {
    font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
  }

  .user-info__list li {
    font-size: calc(12px + 3.4 * ((100vw - 320px) / 1920));
  }

  .checkbox-custome span {
    font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920));
  }

  .widjet__body .footable {
    font-size: calc(11px + 5.1 * ((100vw - 320px) / 1920));
  }

  .receivable-box__list ul li > *:first-child {
    font-size: calc(12px + 3.4 * ((100vw - 320px) / 1920));
  }

  .receivable-box__list ul li > *:last-child {
    font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920));
  }

  .details-list__material h4 {
    font-size: calc(16px + 3.4 * ((100vw - 320px) / 1920));
  }

  .canvas-top-panel ul li {
    font-size: calc(11px + 5.1 * ((100vw - 320px) / 1920));
  }

  .desc-block {
    font-size: calc(12px + 3.4 * ((100vw - 320px) / 1920));
  }

  .desc-block h4 {
    font-size: calc(16px + 3.4 * ((100vw - 320px) / 1920));
  }
}

@media only screen and (max-width: 767px) {
  #table-nav {
    width: 140px;
  }

  * > .table-caption {
    margin-top: 15px;
  }

  .table-caption {
    padding: 10px;
    border-radius: 8px 8px 0 0;
  }

  .table-caption .btn + .btn {
    margin-left: 10px;
  }

  .table-filter {
    margin-bottom: 16px;
  }

  .table-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }

  .table-head > * + * {
    margin-top: 10px;
  }

  .footable thead .footable-header th {
    font-size: 10px;
  }

  .footable tbody tr td {
    height: 45px;
    font-size: 11px;
  }

  .footable tbody tr td a {
    font-size: 11px;
  }

  .footable tbody tr td .accent {
    font-size: 11px;
  }

  .footable tbody tr td .btn-outline-primary {
    height: 30px;
    font-size: 11px;
  }

  .table-body .footable tbody {
    border: none;
  }

  .table-body .footable tbody tr td:first-child {
    padding-left: 15px;
  }

  .table-body .footable tbody tr .footable-first-visible {
    padding-left: 15px;
  }

  .table-body .footable tbody tr .btn-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
  }

  .table-body .footable tbody tr .btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .table-body .footable tbody tr .btns .btn {
    width: 100%;
  }

  .table-body .footable tbody tr .btns div + div {
    margin-top: 10px;
    margin-left: 0;
  }

  .table-body .footable tbody tr .btn {
    padding: 4px 12px;
  }

  .table-body .footable tbody tr .btn + .btn {
    margin-left: 10px;
  }

  .table-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-direction: column;
    align-items: stretch;
    margin-top: 16px;
  }

  .table-footer > div:first-child {
    margin-bottom: 10px;
  }

  .table-footer > div:first-child .drop {
    width: auto;
    margin: 0 auto;
  }

  table.footable .footable-detail-row > td {
    padding: 10px 15px !important;
  }

  table.footable .receivable-progress-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    flex-direction: column;
    align-items: flex-end;
  }

  table.footable .receivable-progress {
    text-align: right;
  }

  table.footable .receivable-progress + .receivable-progress {
    margin-top: 10px;
    margin-left: 0;
  }

  table.footable.table-inner .footable-detail-row > td {
    padding-bottom: 0 !important;
  }

  table.footable-details.table-inner > tbody > tr > td:nth-child(2) {
    padding-bottom: 0 !important;
  }

  .table-inner-box {
    margin-right: -16px;
    margin-left: -20px;
  }

  .table-inner__row {
    -ms-flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }

  .table-inner__row + .table-inner__row {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 5px solid #F7F8FB;
  }

  .table-inner__cell + .table-inner__cell {
    margin-top: 10px;
  }

  .table-inner__cell:nth-child(2),
  .table-inner__cell:nth-child(3) {
    text-align: left;
  }

  .table-inner__cell:nth-child(4) .table-inner__grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .table-inner__cell:nth-child(4) .table-inner__grid .btn-status {
    margin-bottom: 10px;
  }

  .table-message {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .btn-message br {
    display: block;
  }

  .form-group {
    margin-bottom: 10px;
  }

  .btn-status {
    height: 30px;
    padding: 8px;
  }

  .page-head {
    background-position: left 35% center;
  }

  .page-head__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .page-head__link {
    margin-top: 15px;
    margin-right: 0;
  }

  .page-head__empty {
    display: none;
  }

  .page-content {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .tabs-nav {
    margin-bottom: 25px;
  }

  .delivery-icon {
    width: 60px;
    margin-right: 10px;
  }

  .form-control-empty {
    height: 0;
  }

  .popover.popover-img {
    max-width: 280px;
    max-height: 180px;
  }

  .popover.popover-img .popover-body {
    padding: 10px;
  }

  .accordion-furniture .accordion-header.is-show .table-cell {
    font-size: 12px;
  }

  .table-cell {
    padding: 10px;
    font-size: 12px;
  }

  .table-cell:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex: 0 0 50%;
    flex-grow: 1;
  }

  .table-cell:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .table-cell:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
  }

  .table-cell:last-child .ico_arrow-down {
    margin-left: 5px;
  }

  .accordion-furniture-head .table-cell {
    font-size: 12px;
  }

  .page-header {
    -webkit-box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
    padding: 0 0 10px;
    box-shadow: 0px 4px 31px rgba(163, 174, 208, 0.2);
  }

  .page-header__logo {
    margin-right: 0;
  }

  .page-header__logo .logo img {
    max-width: 100px;
  }

  .page-header__group {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    order: -1;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #F7F8FB;
  }

  .page-header__phones {
    margin-top: 0;
  }

  .page-header__phones .dropdown-toggle {
    padding-left: 0;
  }

  .page-header__phones .dropdown-menu {
    padding: 15px;
  }

  .page-header__lang .dropdown-toggle::before {
    bottom: -10px;
  }

  .page-header__lang .dropdown-menu {
    top: 10px !important;
  }

  .page-header__menu {
    display: none;
  }

  .page-header__action .action-link {
    margin-left: 5px;
  }

  .user__button {
    padding: 0;
  }

  .user__avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    width: 35px;
    height: 35px;
  }

  .user__info {
    display: none;
  }

  .user__dropdown {
    width: 290px;
    margin-right: -15px !important;
  }

  .user-info + .user-info {
    margin-top: 10px;
    padding-top: 10px;
  }

  .user-info__title {
    font-size: 16px;
  }

  .user-info__avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
  }

  .action-link {
    padding: 10px;
  }

  .action-link.--youtube {
    padding: 8px;
  }

  .page-footer__left {
    margin: 0;
  }

  .page-footer__center-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .page-footer__center-top > * + * {
    margin: 20px 0 0 0;
  }

  .page-footer__menu ul {
    text-align: center;
  }

  .btns-change-user {
    bottom: 60px;
  }

  .btns-change-user .btn {
    width: 40px;
    height: 40px;
  }

  .button-modal-all {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }

  .modal-content {
    padding: 40px 16px;
    border-radius: 16px;
  }

  .modal-header::before {
    left: -17px;
  }

  .modal-title {
    font-size: 18px;
  }

  .modal-title--small {
    font-size: 16px;
  }

  .modal-body {
    margin-top: 20px;
  }

  .modal-body a:not(.btn) {
    font-size: 13px;
  }

  .offcanvas {
    background-size: 70%;
  }

  .chat {
    right: 15px;
    bottom: 15px;
  }

  .dropdown-sort {
    margin-right: 0;
  }

  .action-btns .action-item__content {
    top: -2px;
    right: auto;
    left: -2px;
    width: 305px;
    padding: 15px;
    border-radius: 8px;
  }

  .action-btns .action-item__header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    height: 30px;
    margin-bottom: 20px;
    padding-left: 50px;
  }

  .table-nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .table-nav .drop {
    min-width: 140px;
    margin-right: 10px;
  }

  .table-nav .footable-pagination-wrapper {
    width: 140px;
  }

  .page-404-content {
    padding: 30px 0 200px;
  }

  .page-404-box:after {
    top: calc(100% - 55px);
    width: 280px;
    background-size: contain;
  }

  .page-404-box__wrap {
    padding: 80px 40px;
  }

  .page-404-box__title {
    font-size: 48px;
  }

  .page-404-box__subtitle {
    font-size: 13px;
  }

  .page-404-box__btn .btn {
    font-size: 10px;
  }

  .widjet__box {
    padding: 15px;
  }

  .widjet__title {
    font-size: 16px;
  }

  .widjet__title span.num {
    font-size: 15px;
  }

  .widjet__foot {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    justify-content: center;
    margin-top: 10px;
    padding-top: 10px;
  }

  .widjet__foot > * + * {
    margin-top: 10px;
    margin-left: 0;
  }

  .total {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }

  .widjet.--orders .widjet__head {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .widjet.--orders .widjet__head .widjet__title {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .widjet.--orders .widjet__head .widjet__others {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 100%;
    margin: 16px -10px 0 -10px;
  }

  .widjet.--orders .widjet__head .widjet__action {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .widjet.--receivables::before {
    right: 5px;
  }

  .receivable-card {
    margin-bottom: 40px;
  }

  .receivable-card__head {
    padding: 15px 10px;
  }

  .receivable-card__numb {
    font-size: 13px;
  }

  .receivable-card__date {
    font-size: 11px;
  }

  .receivable-card__days {
    font-size: 11px;
  }

  .receivable-card__days strong {
    font-size: 13px;
  }

  .receivable-progress {
    max-width: 160px;
  }

  .widjet.--bonus::before {
    right: -20px;
  }

  .bonus-tooltip-drop {
    width: 280px;
    font-size: 12px;
  }

  .footable tbody tr.message-canceled td {
    font-size: 11px;
  }

  .footable tbody tr.message-confirmed td {
    font-size: 11px;
  }

  .footable tbody tr.message-confirmed td a {
    font-size: 11px;
  }

  .massages-box {
    padding: 0 0 20px 0;
    border-radius: 0;
    background: none;
  }

  .massages-overflow {
    max-height: none;
    padding-right: 0;
    overflow: visible;
  }

  .massage-item__user {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
  }

  .massage-item__info {
    margin: 0 10px;
  }

  .massage-item__text {
    padding: 10px;
    font-size: 11px;
  }

  .widjet.--orders-2 .widjet__others {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    margin: 16px 0 0 0 !important;
  }

  .widjet-new-user-list__info {
    padding-left: 15px;
  }

  .widjet-new-user-list__company {
    font-size: 12px;
  }

  .widjet-new-user-list__user {
    font-size: 12px;
  }

  .widjet-new-user-list__phone {
    font-size: 12px;
  }

  .widjet-overdue-list__info {
    padding-left: 15px;
  }

  .widjet-overdue-list__company {
    font-size: 12px;
  }

  .widjet-overdue-list__phone {
    font-size: 12px;
  }

  .widjet-overdue-list__price {
    font-size: 12px;
  }

  .widjet-overdue-list__days {
    font-size: 12px;
  }

  .page-leader__select-date {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-direction: column;
    align-items: stretch;
  }

  .page-leader__select-date > div:nth-child(1),
  .page-leader__select-date > div:nth-child(2) {
    max-width: 100%;
    margin: 0 0 10px 0;
  }

  .page-leader__select-date .btn {
    width: 100%;
  }

  .receivable-box {
    padding: 15px;
  }

  .receivable-box__select .drop {
    max-width: 100%;
  }

  .receivable-box__list ul li > *:first-child {
    width: 60%;
  }

  .receivable-box__list ul li > *:last-child {
    width: 40%;
  }

  .receivable-box__btn .btn {
    width: 100%;
  }

  .table-head.--page-new-order {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .filter-btn button {
    width: 100%;
  }

  .filter-box {
    width: 100%;
    margin-left: -50%;
  }

  .details-list {
    margin-top: 15px;
    background: none;
  }

  .details-list__material {
    padding: 15px 10px 10px;
    border-radius: 8px;
    background-color: #fff;
  }

  .details-list__material h4 {
    margin-bottom: 15px;
  }

  .details-list__table {
    margin-top: 15px;
    padding: 10px 0;
    border-radius: 8px 8px 0 0;
    background-color: #fff;
  }

  .details-list__table > .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 20px);
    margin: 0 10px;
  }

  .details-list__table .table-body {
    margin-top: 10px;
  }

  .details-list__table .table-body .inputs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .details-list__table .table-body .inputs > div + div {
    margin-top: 10px;
    margin-left: 0;
  }

  .details-list__table .table-body .inputs .form-control {
    width: 100%;
    max-width: 100%;
  }

  .details-list__table .table-body input.form-control {
    width: 100%;
    max-width: 100%;
  }

  .details-list__table .table-body .nice-select {
    width: 100%;
    max-width: 100%;
  }

  .material-card {
    display: block;
  }

  .material-card__info {
    margin: 15px 0;
  }

  .material-card__action .btn {
    width: 100%;
  }

  .circle-cards {
    padding: 20px 15px 15px;
  }

  .circle-cards__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 20px;
  }

  .circle-cards__title {
    margin-bottom: 16px;
  }

  .circle-cards__action .nice-select {
    width: 100%;
    margin-bottom: 10px;
  }

  .circle-cards__action .input-file {
    width: 100%;
  }

  .circle-cards__action .btn {
    width: 100%;
  }

  .circle-cards__info li {
    margin: 0 10px 5px 0;
  }

  .canvas-top-panel {
    padding: 15px 15px 0 15px;
    border-radius: 15px 15px 0 0;
  }

  .canvas-left-panel {
    padding: 0 15px;
  }

  .canvas-menu button {
    width: 65px;
    height: 65px;
  }

  .canvas-box {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 400px;
  }

  .canvas-tool {
    top: 10px;
    right: 10px;
    left: 10px;
    padding: 10px;
  }

  .canvas-tool ul li {
    margin: 0 13px 15px 0;
  }

  .canvas-tool ul li + li {
    margin-left: 0;
  }

  .canvas-tool .btn-icon {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: auto;
    bottom: -20px;
    left: 50%;
    margin-top: 0;
    transform: translateX(-50%);
  }

  .page-content.--login {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .desc-block {
    margin-top: 15px;
    padding: 20px;
  }

  .desc-block .button-group {
    margin-top: 15px;
  }

  .desc-block .button-group > * {
    margin: 0 10px 10px 0;
  }

  .desc-block .button-group > *:nth-child(1),
  .desc-block .button-group > *:nth-child(2) {
    width: calc(50% - 10px);
  }

  .desc-block .button-group > *:nth-child(3) {
    width: calc(100% - 10px);
  }

  .page-content.--production .table-head > * + * {
    margin: 0;
  }

  .page-content.--production .table-head {
    margin-bottom: 20px;
  }

  .page-content.--production {
    padding: 20px 0 60px;
  }

  .submenu-scroll .submenu li a {
    height: 40px;
    font-size: 12px;
  }

  .submenu-scroll {
    margin-bottom: 0;
  }

  .table-production tr td:first-child .btn-status {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 25px;
    margin-top: 3px;
    padding: 5px 8px;
  }

  .table-production tr th:nth-child(2),
  .table-production tr td:nth-child(2) {
    display: none !important;
  }

  .production__location {
    margin-top: 20px;
    margin-left: 0;
  }

  .production__body {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 25px 10px;
  }

  .service-date-list__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .service-date-list__icon {
    width: 100%;
    margin-bottom: 5px;
  }

  .service-date-list__icon > div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
  }

  .service-date-list__icon span {
    font-size: 12px;
  }

  .service-date-list__date-1 {
    width: calc( 50% - 5px);
  }

  .service-date-list__date-1 span {
    font-size: 10px;
  }

  .service-date-list__date-1 input.form-control {
    width: 100%;
    height: 40px;
  }

  .service-date-list__date-2 {
    width: calc( 50% - 5px);
    margin-left: 0;
  }

  .service-date-list__date-2 span {
    font-size: 10px;
  }

  .service-date-list__date-2 input.form-control {
    width: 100%;
    height: 40px;
  }

  .service-date-list__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .setting-list__item {
    padding: 15px 0;
  }

  .setting-list__title {
    font-size: 12px;
  }

  .setting-list__value input.form-control {
    width: 70px;
    height: 35px;
  }

  .production__head .nav .nav-link {
    font-size: 14px;
  }

  .setting-list__value span {
    width: 30px;
    margin-left: 5px;
  }

  .week-list li label span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .table-caption {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-direction: column;
    align-items: stretch;
  }

  .table-caption > div:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
  }

  .table-caption .btn + .btn {
    margin-top: 10px;
    margin-left: 0;
  }

  .table-head {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .table-head > div:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    flex-direction: column;
    align-self: stretch;
    justify-content: stretch;
  }

  .table-head > div:last-child > * {
    width: 100%;
  }

  .table-head > div:last-child > * {
    margin-top: 10px;
    margin-left: 0;
  }

  .table-head > div:last-child .btn {
    width: 100%;
  }

  .table-head > div:last-child .btn.btn-icon {
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 45px;
  }

  .table-head > div:last-child .btn + .btn {
    margin-left: 0;
  }

  .modal-title br {
    display: none;
  }

  .widjet.--orders .search {
    margin-bottom: 10px !important;
  }

  .widjet.--orders .widjet__head .widjet__others {
    margin: 16px 0 0 0;
  }

  .widjet.--orders .widjet__others ._dynamic_adapt_ {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .widjet.--orders .widjet__others ._dynamic_adapt_ > * {
    width: 100%;
    margin: 0;
  }

  .widjet.--receivables .widjet__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .widjet.--receivables .widjet__head .widjet__action {
    margin-top: 10px;
    margin-left: auto;
  }

  .submenu-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .massages-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0;
    border-radius: 0;
    background: none;
  }

  .massages-form .btn {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
  }

  .widjet.--orders-2 .search {
    margin-bottom: 10px !important;
  }

  .widjet.--orders-2 .widjet__others {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .widjet.--orders-2 .widjet__others > * {
    width: 100%;
    margin: 0;
  }

  .page-receivables .table-filter .col-md-12 .btn {
    width: 100%;
  }

  .table-head.--page-new-order > div:last-child > * {
    margin-top: 0;
  }

  .page-content.--production .table-head > div:last-child .btn {
    width: auto;
    margin-left: auto;
  }
}

@media only screen and (max-width: 479px) {
  .leader-orders-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    flex-direction: column;
    align-items: center;
  }

  .leader-orders-info__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 413px) {
  .receivable-card__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 30px;
  }

  .receivable-card__item {
    margin: 10px 0;
  }

  .bonus-tooltip-drop {
    left: -100px;
    width: 300px;
    padding: 50px 20px 20px 20px;
  }
}

@media only screen and (max-width: 374px) {
  .submenu-wrap {
    width: 100%;
    max-width: 100%;
  }

  .submenu-wrap li a,
  .submenu-wrap li:first-child a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .submenu-wrap li a::after,
  .submenu-wrap li:first-child a::after {
    margin-left: auto;
  }

  .submenu-wrap li a sup,
  .submenu-wrap li:first-child a sup {
    position: static;
  }
}

@media only screen and (max-width: 1920px) and (min-width: 767px) {
  html,
  body {
    font-size: calc(13px + 3 * (100vw / 1920));
  }

  .table-caption h1,
  .table-caption h2,
  .table-caption h3,
  .table-caption h4,
  .table-caption h5,
  .table-caption h6 {
    font-size: calc(13px + 5 * (100vw / 1920));
  }

  .page-head__title {
    font-size: calc(20px + 8 * (100vw / 1920));
  }

  .tabs-nav > * > * {
    font-size: calc(14px + 4 * (100vw / 1920));
  }

  .user-info__list li {
    font-size: calc(12px + 2 * (100vw / 1920));
  }

  .checkbox-custome span {
    font-size: calc(14px + 4 * (100vw / 1920));
  }

  .widjet__body .footable {
    font-size: calc(11px + 3 * (100vw / 1920));
  }

  .receivable-box__list ul li > *:first-child {
    font-size: calc(12px + 2 * (100vw / 1920));
  }

  .receivable-box__list ul li > *:last-child {
    font-size: calc(14px + 2 * (100vw / 1920));
  }

  .details-list__material h4 {
    font-size: calc(16px + 2 * (100vw / 1920));
  }

  .canvas-top-panel ul li {
    font-size: calc(11px + 3 * (100vw / 1920));
  }

  .desc-block {
    font-size: calc(12px + 2 * (100vw / 1920));
  }

  .desc-block h4 {
    font-size: calc(16px + 2 * (100vw / 1920));
  }

  .page-head__title {
    font-size: calc(20px + 8 * (100vw / 1920));
  }
}

@media print {
  .page-wrapper {
    display: none;
  }

  .print-content {
    display: block;
    position: relative;
    height: 100vh;
    padding: 0 50px 50px 50px;
  }

  .print-content__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex-direction: column;
    height: 100vh;
  }

  .print-content__decor {
    margin-bottom: 20px;
  }

  .print-content__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }

  .print-content__head span {
    display: block;
    position: relative;
    color: #000000;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0.02em;
  }

  .print-content__head h1 {
    margin: 10px 0;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 1;
    letter-spacing: 0.04em;
  }

  .print-content__body {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 25px;
  }

  .print-content__body ul {
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
  }

  .print-content__body ul li {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  .print-content__body ul li + li {
    margin-top: 10px;
  }

  .print-content__body ul li span:first-child {
    display: block;
    position: relative;
    width: 200px;
    margin-right: 30px;
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
  }

  .print-content__body ul li span:last-child {
    color: #000000;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
  }

  .print-content__list-service span {
    color: #000000;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
  }

  .print-content__list-service b {
    color: #000000;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
  }

  .print-content__list-service strong {
    color: #000000;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
  }

  .print-content__list-service span:nth-child(1) {
    width: 100px !important;
  }

  .print-content__list-service b:nth-child(2) {
    width: 100px !important;
  }

  .print-content__list-service span:nth-child(3) {
    width: 100px !important;
  }

  .print-content__total {
    display: block;
    position: relative;
    padding-top: 25px;
    padding-left: 330px;
    border-top: 1px solid rgba(0, 0, 0, 0.5);
  }

  .print-content__to-pay span {
    display: block;
    position: relative;
    margin-bottom: 5px;
    color: #000000;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
  }

  .print-content__to-pay h2 {
    display: block;
    position: relative;
    color: #000000;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0.04em;
  }

  .print-content__paid {
    margin-top: 10px;
  }

  .print-content__paid span {
    display: block;
    position: relative;
    margin-bottom: 5px;
    color: #000000;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
  }

  .print-content__paid h2 {
    display: block;
    position: relative;
    color: #000000;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0.04em;
  }

  .print-content__footer {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 50px;
    padding-top: 15px;
    border-top: 1px solid #000;
  }

  .print-content__footer > * {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 30px;
  }

  .print-content__footer > *:first-child {
    padding-left: 0;
  }

  .print-content__footer > * + * {
    border-left: 1px solid rgba(0, 0, 0, 0.4);
  }

  .print-content__footer__phones span,
  .print-content__footer__links span {
    color: #000000;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.04em;
  }

  .print-content__footer__phones span + span,
  .print-content__footer__links span + span {
    margin-top: 10px;
  }
}
/*# sourceMappingURL=maps/main.css.map */