@charset "UTF-8";
*:root {
  --bs-blue: #267EE3;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #DA1F4C;
  --bs-orange: #fd7e14;
  --bs-yellow: #FFB800;
  --bs-green: #5EBD23;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: var(--bs-blue);
  --bs-secondary: #8D9DB5;
  --bs-success: var(--bs-green);
  --bs-info: #00A3FE;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #0C1B28;
  --bs-primary-rgb: 0, 124, 226;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --add-grey: #9CA4B2;
  --background: #142433;
  --background-dark: var(--bs-dark);
  --background-body: #F7F8FC;
  --background-boloks: #ffffff;
  --header: #fff;
  --border-color: #D2D9E8;
  --link-color: var(--bs-primary);
  --accent: var(--bs-primary);
  --text-color:  #142433;
  --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  --border-form-control-focus: var(--bs-info);
  --box-shadow-form-control-focus: 0 0 0 0.25rem rgb(13 110 253 / 25%);
  --input-height: 36px;
  --btn-height: 36px;
  --btn-border-radius: 4px;
  --main-menu-item: #8994AF;
  --main-body-aside: 300px; }

@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans/OpenSans-Light.eot");
  src: url("../../fonts/OpenSans/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/OpenSans/OpenSans-Light.woff2") format("woff2"), url("../../fonts/OpenSans/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans/OpenSans-Regular.eot");
  src: url("../../fonts/OpenSans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url("../../fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans/OpenSans-Medium.eot");
  src: url("../../fonts/OpenSans/OpenSans-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/OpenSans/OpenSans-Medium.woff2") format("woff2"), url("../../fonts/OpenSans/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans/OpenSans-SemiBold.eot");
  src: url("../../fonts/OpenSans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/OpenSans/OpenSans-SemiBold.woff2") format("woff2"), url("../../fonts/OpenSans/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans/OpenSans-Bold.eot");
  src: url("../../fonts/OpenSans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/OpenSans/OpenSans-Bold.woff2") format("woff2"), url("../../fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

input, textarea {
  outline: none; }
  input:focus:required:invalid, textarea:focus:required:invalid {
    border-color: red; }
  input:required:valid, textarea:required:valid {
    border-color: green; }

select[type=checkbox], select[type=radio], input[type=checkbox], input[type=radio] {
  width: 17px;
  height: 17px;
  margin: 0 5px; }
  select[type=checkbox][type=radio], select[type=radio][type=radio], input[type=checkbox][type=radio], input[type=radio][type=radio] {
    min-width: auto; }
select:not([type=checkbox]):not([type=submit]), input:not([type=checkbox]):not([type=submit]) {
  color: var(--add-grey);
  height: var(--input-height);
  border: 1px solid var(--border-color);
  box-sizing: border-box;
  border-radius: var(--btn-border-radius) !important;
  margin-bottom: 10px;
  min-width: 40px;
  padding: 7px 3px 7px 10px;
  font-size: 14px;
  position: relative; }
  select:not([type=checkbox]):not([type=submit])::-webkit-input-placeholder, select:not([type=checkbox]):not([type=submit])::placeholder, select:not([type=checkbox]):not([type=submit]):-ms-input-placeholder, select:not([type=checkbox]):not([type=submit])::-ms-input-placeholder, input:not([type=checkbox]):not([type=submit])::-webkit-input-placeholder, input:not([type=checkbox]):not([type=submit])::placeholder, input:not([type=checkbox]):not([type=submit]):-ms-input-placeholder, input:not([type=checkbox]):not([type=submit])::-ms-input-placeholder {
    color: var(--border-color); }
  select:not([type=checkbox]):not([type=submit])::-webkit-search-decoration, select:not([type=checkbox]):not([type=submit])::-webkit-search-cancel-button, select:not([type=checkbox]):not([type=submit])::-webkit-search-results-button, select:not([type=checkbox]):not([type=submit])::-webkit-search-results-decoration, input:not([type=checkbox]):not([type=submit])::-webkit-search-decoration, input:not([type=checkbox]):not([type=submit])::-webkit-search-cancel-button, input:not([type=checkbox]):not([type=submit])::-webkit-search-results-button, input:not([type=checkbox]):not([type=submit])::-webkit-search-results-decoration {
    display: none; }
select[type=radio], input[type=radio] {
  width: 14px;
  height: 14px; }
select[type=file], input[type=file] {
  padding: 4px; }
select[type=search], input[type=search] {
  width: 247px; }

select {
  padding-inline-start: 3px !important; }

.input_search_block_input {
  display: inline-block;
  position: relative;
  z-index: 5;
  transition: all 0.4s;
  color: var(--border-color);
  margin: 0 4px 0px 0; }
  .input_search_block_input::after {
    content: "";
    font-family: FontAwesome;
    height: var(--input-height);
    width: var(--input-height);
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    text-align: center;
    padding-top: 6px; }

textarea.form-control {
  min-height: 200px; }

.form-group {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 17px; }
  .form-group .control-label {
    flex: 0 0 30%;
    font-size: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
    color: var(--text-color); }
  .form-group select:not([type=checkbox]), .form-group input:not([type=checkbox]), .form-group .select2, .form-group .kv-drp-container {
    flex: 0 0 70%;
    margin-bottom: 0; }
  .form-group .multiple-input {
    width: 100%; }
    .form-group .multiple-input-list .form-control {
      flex: 0 0 100%; }

.help-block {
  text-align: end;
  color: var(--bs-red);
  font-size: 12px;
  flex: 0 0 100%; }

.field-config_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 10px; }
  .field-config_row:not(:last-child) {
    border-bottom: 1px solid var(--border-color); }

.form-control:focus {
  color: var(--text-color);
  background-color: #fff;
  outline: 0;
  border-color: var(--border-form-control-focus);
  box-shadow: var(--box-shadow-form-control-focus); }

.fancy-checkbox {
  display: flex;
  align-items: center; }

form .dropify-wrapper .dropify-message span.file-icon p {
  font-size: 19px; }

.custom-form .form-group {
  margin-bottom: 8px; }
.custom-form-wrap {
  border-radius: 4px;
  background: #fff;
  padding: 30px;
  max-width: 460px;
  margin: 0 auto; }
.custom-form .image-circle {
  background: rgba(75, 122, 226, 0.1);
  width: 52px;
  height: 52px;
  min-height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 100%;
  color: #4B7AE2;
  margin: 0 auto; }
.custom-form h2 {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  color: #4B5568;
  text-align: center;
  margin: 30px 0; }
  .custom-form .custom-form-wrap .custom-select {
    flex: inherit;
    padding: 14px 16px;
    height: auto;
    padding-left: 16px !important;
    width: inherit;
    color: #9DA4B7;
    width: 100%;
    position: relative;
    background: url("../../img/arrow.svg") no-repeat calc(100% + -24px);
    -webkit-appearance: none; }
  .custom-form .custom-form-wrap .form-control {
    color: #9CA4B2;
    flex: inherit;
    padding: 14px 16px;
    height: auto;
    width: 100%; }
    .custom-form .custom-form-wrap .form-control::placeholder {
      color: #9CA4B2; }
  .custom-form .custom-form-wrap .select2 {
    margin-bottom: 8px; }
    .custom-form .custom-form-wrap .select2-container--default {
      height: inherit; }
    .custom-form .custom-form-wrap .select2-selection--single {
      line-height: inherit;
      min-height: 52px; }
    .custom-form .custom-form-wrap .select2-selection__rendered {
      font-weight: 400;
      font-size: 15px;
      padding: 7px 16px; }
    .custom-form .custom-form-wrap .select2-selection__arrow {
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
    .custom-form .custom-form-wrap .select2-selection__clear {
      position: absolute;
      right: 42px;
      top: 50%;
      transform: translateY(-50%); }

.file-input .input-group .btn, .file-input .btn-file .form-control {
  padding: 19px 10px;
  height: auto; }

.file-input .btn-file .form-control {
  position: absolute; }

@media (max-width: 600px) {
  .form-group input:not([type=checkbox]), .form-group .control-label, .form-group .select2 {
    flex: 0 0 100%; } }

button {
  border-radius: var(--btn-border-radius);
  border: none; }

.btn {
  align-content: center;
  background: var(--accent);
  border-radius: var(--btn-border-radius);
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  flex: 1 1 auto;
  flex-flow: row wrap;
  transition: all 0.4s;
  height: var(--btn-height);
  margin: 0 2px 0;
  padding: 0 10px;
  text-align: center;
  justify-content: center;
  min-width: 40px;
  align-items: center; }
  .btn__active, .btn:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    opacity: 0.8; }
  .btn:focus {
    box-shadow: none; }
  .btn_start-timer {
    background: var(--bs-green);
    flex: 0 0 140px; }
    .btn_start-timer:before {
      content: "";
      font-family: icomoon;
      display: inline-block;
      margin-right: 5px;
      line-height: 21px; }
    .btn_start-timer:hover {
      background: var(--bs-green); }
  .btn_w-140 {
    background: var(--accent);
    width: 140px;
    flex: 0 0 140px; }
    .btn_w-140:hover {
      background: var(--bs-info); }
  .btn_select-files {
    background: none;
    border: 1px solid var(--border-color);
    color: var(--add-grey);
    width: 140px;
    margin-bottom: 0; }
    .btn_select-files:before {
      content: "";
      font-family: "icomoon";
      font-size: 16px;
      padding-right: 4px;
      line-height: normal;
      transform: translateY(1px); }
    .btn_select-files:hover {
      background: var(--border-color); }
  .btn_plus {
    background: var(--bs-green);
    width: 40px; }
    .btn_plus:hover {
      background: var(--bs-green); }
  .btn_filter {
    width: 80px;
    border: 1px solid;
    color: var(--bs-red) !important;
    background: #fff; }
    .btn_filter:before {
      content: "";
      font-family: "icomoon";
      font-size: 12px;
      padding-right: 4px;
      line-height: 23px; }
    .btn_filter:hover {
      color: #fff !important;
      background: var(--bs-red) !important;
      border: 1px solid var(--bs-red); }
  .btn_clear {
    width: 80px;
    border: 1px solid;
    color: var(--add-grey);
    background: #fff; }
    .btn_clear:hover {
      color: #fff;
      background: var(--add-grey);
      border: 1px solid var(--add-grey); }
  .btn_send {
    width: 110px;
    border: 1px solid;
    color: var(--bs-green);
    background: #fff; }
    .btn_send:before {
      content: "";
      font-family: "icomoon";
      font-size: 12px;
      padding-right: 4px;
      line-height: 23px; }
    .btn_send:hover {
      color: #fff;
      background: var(--bs-green);
      border: 1px solid var(--bs-green); }
    .btn_send_active {
      background: var(--bs-green);
      color: #fff;
      border: 1px solid var(--bs-green); }
      .btn_send_active:hover {
        background: var(--bs-green); }
  .btn_prev {
    width: auto;
    min-width: 90px;
    border: 1px solid var(--add-grey);
    color: var(--add-grey);
    background: #fff;
    display: inline-flex; }
    .btn_prev:before {
      content: "";
      font-family: "FontAwesome";
      font-size: 12px;
      padding-inline-end: 4px; }
    .btn_prev:hover {
      color: #fff;
      background: var(--add-grey);
      border: 1px solid var(--add-grey); }
  .btn_next {
    width: auto;
    min-width: 90px;
    border: 1px solid var(--add-grey);
    color: var(--add-grey);
    background: #fff;
    display: inline-flex; }
    .btn_next:after {
      content: "";
      font-family: "FontAwesome";
      font-size: 12px;
      padding-inline-start: 4px; }
    .btn_next:hover {
      color: #fff;
      background: var(--add-grey);
      border: 1px solid var(--add-grey); }
  .btn_transparent {
    background: none;
    border-radius: 0;
    color: var(--text-color);
    max-width: none;
    width: 100%;
    margin: 0;
    height: 50px;
    justify-content: left;
    padding-left: 30px; }
    .btn_transparent:hover, .btn_transparent__active {
      color: #fff;
      background: var(--add-grey);
      border-color: var(--add-grey); }
      .btn_transparent_settings:before {
        content: "";
        font-family: "icomoon";
        font-size: 10px;
        padding: 2px 8px 0 4px; }
      .btn_transparent_settings:hover, .btn_transparent_settings__active {
        color: #fff;
        background: var(--add-grey);
        border-color: var(--add-grey); }
    .btn_transparent_log-out:before {
      content: "";
      font-family: "icomoon";
      font-size: 14px;
      padding: 2px 8px 0 4px; }
    .btn_transparent_log-out:hover {
      color: #fff;
      background: var(--add-grey); }
    .btn_transparent_border {
      border: 1px solid;
      color: var(--add-grey);
      background: #fff;
      width: auto;
      min-width: 80px;
      max-width: none; }
      .btn_transparent_border:hover, .btn_transparent_border__active {
        color: #fff;
        background: var(--add-grey); }
      .btn_transparent_border__active:hover {
        color: var(--add-grey);
        background: #fff; }

.fa {
  display: inline-flex;
  align-items: center;
  line-height: inherit; }

.btn-primary {
  background-color: var(--accent);
  border-color: var(--accent); }
  .btn-primary:hover, .btn-primary__active {
    border-color: transparent; }
.btn-secondary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary); }
  .btn-secondary:hover, .btn-secondary__active {
    border-color: transparent; }
.btn-success {
  background-color: var(--bs-green);
  border-color: var(--bs-green); }
  .btn-success:hover, .btn-success__active {
    border-color: transparent; }
.btn-danger {
  background-color: var(--bs-red);
  border-color: var(--bs-red); }
  .btn-danger:hover, .btn-danger__active {
    border-color: transparent; }
.btn-warning {
  background-color: var(--bs-yellow);
  border-color: var(--bs-yellow); }
  .btn-warning:hover, .btn-warning__active {
    border-color: transparent; }
.btn-info {
  background-color: var(--bs-info);
  border-color: var(--bs-info); }
  .btn-info:hover, .btn-info__active {
    border-color: transparent; }
.btn-light {
  background-color: var(--bs-gray-400);
  border-color: var(--bs-gray-400);
  color: var(--bs-gray-900); }
  .btn-light:hover, .btn-light__active {
    border-color: transparent; }
.btn-dark {
  background-color: var(--bs-gray-900);
  border-color: var(--bs-gray-900); }
  .btn-dark:hover, .btn-dark__active {
    border-color: transparent; }

.btn_round {
  width: 26px;
  height: 26px;
  min-width: auto;
  background: none;
  border: 1px solid;
  padding: 0;
  font-size: 8px;
  display: inline-flex;
  margin: 3px 3px 3px 0; }
  .btn_round:last-child {
    margin-right: 0; }
  .btn_round_close {
    color: var(--text-color); }
    .btn_round_close:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_close:hover {
      color: #fff;
      background: var(--text-color);
      border: 2px solid var(--text-color); }
  .btn_round_close-red {
    color: var(--bs-red); }
    .btn_round_close-red:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_close-red:hover {
      color: #fff;
      background: var(--bs-red);
      border: 2px solid var(--bs-red); }
  .btn_round_pen {
    color: var(--add-grey);
    font-size: 12px; }
    .btn_round_pen:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_pen:hover {
      color: #fff;
      background: var(--add-grey);
      border: 2px solid var(--add-grey); }
  .btn_round_paper {
    color: var(--accent);
    font-size: 12px; }
    .btn_round_paper:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_paper:hover {
      color: #fff;
      background: var(--accent);
      border: 2px solid var(--accent); }
  .btn_round_off {
    color: var(--bs-green);
    font-size: 12px; }
    .btn_round_off:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_off:hover {
      color: #fff;
      background: var(--bs-green);
      border: 2px solid var(--bs-green); }
    .btn_round_off__red {
      color: var(--bs-red);
      font-size: 12px; }
      .btn_round_off__red:before {
        content: "";
        font-family: "icomoon"; }
      .btn_round_off__red:hover {
        color: #fff;
        background: var(--bs-red);
        border: 2px solid var(--bs-red); }
  .btn_round_trash {
    color: var(--bs-red);
    font-size: 12px; }
    .btn_round_trash:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_trash:hover {
      color: #fff;
      background: var(--bs-red);
      border: 2px solid var(--bs-red); }
  .btn_round_view {
    color: var(--bs-info);
    font-size: 12px; }
    .btn_round_view:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_view:hover {
      color: #fff;
      background: var(--bs-info);
      border: 2px solid var(--bs-info); }
  .btn_round_pdf {
    color: var(--add-grey);
    font-size: 12px; }
    .btn_round_pdf:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_pdf:hover {
      color: #fff;
      background: var(--add-grey);
      border: 2px solid var(--add-grey); }
  .btn_round_record {
    color: var(--bs-yellow);
    font-size: 12px; }
    .btn_round_record:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_record:hover {
      color: #fff;
      background: var(--bs-yellow);
      border: 2px solid var(--bs-yellow); }
  .btn_round_check {
    color: var(--bs-green);
    font-size: 12px; }
    .btn_round_check:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_check:hover {
      color: #fff;
      background: var(--bs-green);
      border: 2px solid var(--bs-green); }
  .btn_round_client {
    color: var(--accent);
    font-size: 12px; }
    .btn_round_client:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_client:hover {
      color: #fff;
      background: var(--accent);
      border: 2px solid var(--accent); }
  .btn_round_link-trash {
    color: var(--bs-yellow);
    font-size: 12px; }
    .btn_round_link-trash:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_link-trash:hover {
      color: #fff;
      background: var(--bs-yellow);
      border: 2px solid var(--bs-yellow); }
  .btn_round_plus {
    color: var(--bs-green);
    font-size: 12px;
    font-weight: 600; }
    .btn_round_plus:before {
      content: "+"; }
    .btn_round_plus:hover {
      color: var(--bs-green); }
    .btn_round_plus:hover {
      color: #fff;
      background: var(--bs-green);
      border: 2px solid var(--bs-green); }
  .btn_round_new-folder {
    color: var(--bs-info);
    font-size: 12px; }
    .btn_round_new-folder:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_new-folder:hover {
      color: #fff;
      background: var(--bs-info);
      border: 2px solid var(--bs-info); }
  .btn_round_rearward {
    color: var(--add-grey);
    font-size: 12px; }
    .btn_round_rearward:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_rearward:hover {
      color: #fff;
      background: var(--add-grey);
      border: 2px solid var(--add-grey); }
  .btn_round_burger {
    color: var(--add-grey);
    font-size: 10px; }
    .btn_round_burger:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_burger:hover {
      color: #fff;
      background: var(--add-grey);
      border: 2px solid var(--add-grey); }
  .btn_round_minus {
    color: var(--background);
    font-size: 12px; }
    .btn_round_minus:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_minus:hover {
      color: #fff;
      background: var(--background);
      border: 2px solid var(--background); }
  .btn_round_zip {
    color: var(--background);
    font-size: 12px; }
    .btn_round_zip:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_zip:hover {
      color: #fff;
      background: var(--background);
      border: 2px solid var(--background); }
  .btn_round_mail {
    color: var(--bs-info);
    font-size: 12px; }
    .btn_round_mail:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_mail:hover {
      color: #fff;
      background: var(--bs-info);
      border: 2px solid var(--bs-info); }
  .btn_round_clip {
    color: var(--add-grey);
    font-size: 12px; }
    .btn_round_clip:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_clip:hover {
      color: #fff;
      background: var(--add-grey);
      border: 2px solid var(--add-grey); }
  .btn_round_fire {
    color: var(--bs-red);
    font-size: 12px; }
    .btn_round_fire:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_fire:hover {
      color: #fff;
      background: var(--bs-red);
      border: 2px solid var(--bs-red); }
  .btn_round_fire_hover {
    color: #fff;
    background: var(--bs-red);
    font-size: 12px; }
    .btn_round_fire_hover:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_fire_hover:hover {
      color: var(--bs-red);
      background: #fff;
      border: 2px solid var(--bs-red); }
  .btn_round_account {
    color: var(--bs-orange);
    font-size: 12px; }
    .btn_round_account:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_account:hover {
      color: #fff;
      background: var(--bs-orange);
      border: 2px solid var(--bs-orange); }
  .btn_round_account_hover {
    color: #fff;
    background: var(--bs-orange);
    font-size: 12px; }
    .btn_round_account_hover:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_account_hover:hover {
      color: var(--bs-orange);
      background: #fff;
      border: 2px solid var(--bs-orange); }
  .btn_round_arhive-add {
    color: var(--add-grey);
    font-size: 16px; }
    .btn_round_arhive-add:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_arhive-add:hover {
      color: #fff;
      background: var(--add-grey);
      border: 2px solid var(--add-grey); }
  .btn_round_arhive-export {
    color: var(--add-grey);
    font-size: 16px; }
    .btn_round_arhive-export:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_arhive-export:hover {
      color: #fff;
      background: var(--add-grey);
      border: 2px solid var(--add-grey); }
  .btn_round_settings {
    color: var(--add-grey);
    font-size: 14px; }
    .btn_round_settings:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_settings:hover {
      color: #fff;
      background: var(--add-grey);
      border: 2px solid var(--add-grey); }
  .btn_round_filter {
    color: var(--add-grey);
    font-size: 12px; }
    .btn_round_filter:before {
      content: "";
      font-family: "icomoon"; }
    .btn_round_filter:hover {
      color: #fff;
      background: var(--add-grey);
      border: 2px solid var(--add-grey); }
  .btn_round_lock {
    color: var(--add-grey);
    font-size: 12px; }
    .btn_round_lock:before {
      content: "󩀒";
      font-family: "icomoon"; }
    .btn_round_lock:hover {
      color: #fff;
      background: var(--add-grey);
      border: 2px solid var(--add-grey); }

.btn_round__accent {
  color: var(--accent); }
  .btn_round__accent:hover, .btn_round__accent__active {
    background: var(--accent) !important;
    border: transparent; }
.btn_round__primary {
  color: var(--bs-primary); }
  .btn_round__primary:hover, .btn_round__primary__active {
    background: var(--bs-primary) !important;
    border: transparent; }
.btn_round__secondary {
  color: var(--bs-secondary); }
  .btn_round__secondary:hover, .btn_round__secondary__active {
    background: var(--bs-secondary) !important;
    border: transparent; }
.btn_round__dark {
  color: var(--bs-dark); }
  .btn_round__dark:hover, .btn_round__dark__active {
    background: var(--bs-dark) !important;
    border: transparent; }
.btn_round__danger {
  color: var(--bs-danger); }
  .btn_round__danger:hover, .btn_round__danger__active {
    background: var(--bs-red) !important;
    border: transparent; }
.btn_round__success {
  color: var(--bs-success); }
  .btn_round__success:hover, .btn_round__success__active {
    background: var(--bs-success) !important;
    border: transparent; }
.btn_round__warning {
  color: var(--bs-warning); }
  .btn_round__warning:hover, .btn_round__warning__active {
    background: var(--bs-warning) !important;
    border: transparent; }
.btn_round__info {
  color: var(--bs-info); }
  .btn_round__info:hover, .btn_round__info__active {
    background: var(--bs-info) !important;
    border: transparent; }
.btn_round__light {
  color: var(--bs-light); }
  .btn_round__light:hover, .btn_round__light__active {
    background: var(--bs-light) !important;
    border: transparent; }
.btn_round__background {
  color: var(--background); }
  .btn_round__background:hover, .btn_round__background__active {
    background: var(--background) !important;
    border: transparent; }
.btn_accent {
  border-color: var(--accent);
  color: var(--accent); }
  .btn_accent:hover, .btn_accent__active {
    color: #fff;
    background: var(--accent); }
  .btn_accent__active:hover {
    color: var(--accent);
    background: #fff; }
.btn_background {
  border-color: var(--background);
  color: var(--background); }
  .btn_background:hover, .btn_background__active {
    color: #fff;
    background: var(--background); }
  .btn_background__active:hover {
    color: var(--background);
    background: #fff; }
.btn_danger {
  border-color: var(--bs-danger);
  color: var(--bs-danger); }
  .btn_danger:hover, .btn_danger__active {
    color: #fff;
    background: var(--bs-danger);
    border-color: var(--bs-danger); }
  .btn_danger__active:hover {
    color: var(--bs-danger);
    background: #fff; }
.btn_primary {
  border-color: var(--bs-primary);
  color: var(--bs-primary); }
  .btn_primary:hover, .btn_primary__active {
    background: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff; }
  .btn_primary__active:hover {
    color: var(--bs-primary);
    background: #fff; }
.btn_secondary {
  border-color: var(--bs-secondary);
  color: var(--bs-secondary); }
  .btn_secondary:hover, .btn_secondary__active {
    background: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: #fff; }
  .btn_secondary__active:hover {
    color: var(--bs-secondary);
    background: #fff; }
.btn_success {
  border-color: var(--bs-success);
  color: var(--bs-success); }
  .btn_success:hover, .btn_success__active {
    background: var(--bs-success);
    border-color: var(--bs-success);
    color: #fff; }
  .btn_success__active:hover {
    color: var(--bs-success);
    background: #fff; }
.btn_warning {
  border-color: var(--bs-yellow);
  color: var(--bs-yellow); }
  .btn_warning:hover, .btn_warning__active {
    background: var(--bs-yellow);
    border-color: var(--bs-yellow);
    color: #fff; }
  .btn_warning__active:hover {
    color: var(--bs-yellow);
    background: #fff; }
.btn_info {
  border-color: var(--bs-info);
  color: var(--bs-info); }
  .btn_info:hover, .btn_info__active {
    background: var(--bs-info);
    border-color: var(--bs-info);
    color: #fff; }
  .btn_info__active:hover {
    color: var(--bs-info);
    background: #fff; }
.btn_light {
  border-color: var(--bs-light);
  color: var(--bs-light); }
  .btn_light:hover, .btn_light__active {
    background: var(--bs-light);
    border-color: var(--bs-light);
    color: var(--background); }
  .btn_light__active:hover {
    color: var(--background);
    background: #fff; }
.btn_dark {
  border-color: var(--bs-dark);
  color: var(--bs-dark); }
  .btn_dark:hover, .btn_dark__active {
    background: var(--bs-dark);
    color: #fff; }
  .btn_dark__active:hover {
    color: var(--bs-dark);
    background: #fff; }
.btn_blue {
  border-color: var(--bs-blue);
  color: var(--bs-blue); }
  .btn_blue:hover, .btn_blue__active {
    background: var(--bs-blue);
    border-color: var(--bs-blue);
    color: #fff; }
  .btn_blue__active:hover {
    color: var(--bs-blue);
    background: #fff; }

/*
  new
  primary
  secondary
  success
  danger
  warning
  info
  light
 */
* {
  -webkit-font-smoothing: antialiased; }

*:focus {
  outline: none; }

::placeholder {
  color: var(--bs-gray-600); }

::selection {
  background-color: var(--accent);
  color: #fff; }

::-webkit-scrollbar {
  width: 5px;
  height: 5px; }

::-webkit-scrollbar-track {
  background-color: #999; }

::-webkit-scrollbar-track-piece {
  background-color: white; }

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: var(--accent);
  border-radius: var(--btn-border-radius); }

::-webkit-scrollbar-corner {
  background-color: var(--accent); }

::-webkit-resizer {
  background-color: var(--accent); }

/* Styling scrollbars for Firefox */
html, body, div, * {
  scrollbar-width: thin;
  /* "auto" or "thin"*/
  scrollbar-color: var(--add-grey); }

.container-fluid {
  padding-right: 0;
  padding-left: 0; }

body {
  font-size: 14px;
  min-width: 320px;
  position: relative;
  line-height: 1.65;
  font-family: "OpenSans", sans-serif;
  overflow-x: hidden;
  color: var(--text-color);
  background: var(--background-body);
  box-sizing: border-box; }

a {
  color: var(--link-color);
  text-decoration: none; }
  a:hover {
    color: var(--link-color);
    text-decoration: none;
    transition: all 0.4s; }

img {
  max-width: 100%; }

pre {
  background: #eeeeee;
  border: 1px solid #dddddd;
  font-size: 12px;
  line-height: 17px;
  border-radius: var(--btn-border-radius);
  padding: 10px; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: 400;
  margin-bottom: 0px; }

h1, .h1 {
  font-size: 18px; }

h2, .h2 {
  font-size: 18px; }

h3, .h3 {
  font-size: 14px; }

h4, .h4 {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-right: 10px; }

.with-photo {
  width: 100%;
  height: auto;
  border-radius: 50%;
  margin-bottom: 10px;
  max-width: 174px;
  max-height: 175px;
  object-fit: cover; }
  .with-photo_little {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover; }
  .with-photo_tables {
    width: 35px;
    height: 35px;
    border-radius: 50%; }

.tasks-manager_outer-block {
  position: relative; }
  .tasks-manager_popap__btns-block {
    position: absolute;
    background: #ffffff;
    color: var(--text-color);
    z-index: 50;
    box-shadow: var(--box-shadow);
    border-radius: var(--btn-border-radius); }
  .tasks-manager_popap__btn {
    height: 40px;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid var(--add-grey);
    cursor: pointer;
    color: var(--add-grey); }
    .tasks-manager_popap__btn:last-child {
      border-bottom: none; }

.status_active, .status_done, .status_new, .status_archive, .status_not-verified, .status_deleted, .status_rejected, .status_progress, .status_existing-сustomer {
  text-transform: uppercase;
  font-size: 12px; }
.status_done, .status_active, .status_existing-сustomer {
  color: var(--bs-green); }
.status_deleted, .status_rejected {
  color: var(--bs-red); }
.status_not-verified {
  color: var(--accent); }
.status_progress {
  color: var(--add-grey); }
.status_labe {
  font-size: 11px;
  border: 1px solid;
  border-radius: var(--btn-border-radius);
  text-align: center;
  line-height: 18px;
  color: #ffffff;
  min-height: 24px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  .status_labe-transporent {
    /*
        new
        primary
        secondary
        success
        danger
        warning
        info
        light
       */ }
    .status_labe-transporent_new {
      color: var(--bs-green); }
    .status_labe-transporent_danger {
      color: var(--bs-red); }
    .status_labe-transporent_info {
      color: var(--accent); }
    .status_labe-transporent_secondary {
      color: var(--bs-gray); }
    .status_labe-transporent_warning {
      color: var(--bs-yellow); }
  .status_labe-pour_warning {
    border-color: var(--bs-yellow);
    background: var(--bs-yellow);
    text-transform: unset; }
  .status_labe-pour_danger {
    border-color: var(--bs-red);
    background: var(--bs-red);
    text-transform: unset; }
  .status_labe-pour_info {
    border-color: var(--accent);
    background: var(--accent);
    text-transform: unset; }
  .status_labe-pour_secondary {
    border-color: var(--bs-gray);
    background: var(--bs-gray);
    text-transform: unset; }
  .status_labe-pour_new {
    border-color: var(--bs-green);
    background: var(--bs-green);
    text-transform: unset; }
.status_info {
  text-transform: uppercase;
  color: var(--text-color);
  font-weight: 400; }
  .status_info__blue {
    color: var(--bs-info); }
  .status_info__red {
    color: var(--bs-red); }
  .status_info__green {
    color: var(--bs-green); }
  .status_info__yellow {
    color: var(--bs-yellow) !important; }
  .status_info__accent {
    color: var(--accent) !important; }
.status_ticket {
  text-transform: uppercase;
  font-size: 12px; }
  .status_ticket_open, .status_ticket_high {
    color: var(--bs-red); }
  .status_ticket_closed {
    color: var(--bs-green); }
  .status_ticket_archive {
    color: var(--bs-info); }
  .status_ticket_normal {
    color: var(--bs-yellow); }
  .status_ticket_low {
    color: var(--add-grey); }

.mw-auto {
  min-width: auto; }

.p-10 {
  padding: 10px; }
.p-20 {
  padding: 20px; }
.p-30 {
  padding: 30px; }
.p-40 {
  padding: 40px; }
.p-50 {
  padding: 50px; }
.p-60 {
  padding: 60px; }
.p-70 {
  padding: 70px; }
.p-80 {
  padding: 80px; }
.p-90 {
  padding: 90px; }

.h-100 {
  height: 100%; }
.h-24 {
  height: 24px; }
.h-32 {
  height: 32px; }

.bb {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 15px; }

.bt {
  border-top: 1px solid var(--border-color);
  margin-top: 15px;
  padding-top: 15px; }

.bg-gray {
  background: var(--bs-gray) !important; }
.bg-add-gray {
  background: var(--add-grey) !important; }

.color-primary {
  color: var(--bs-primary) !important; }
.color-success {
  color: var(--bs-success) !important; }
.color-secondary {
  color: var(--bs-secondary) !important; }
.color-danger {
  color: var(--bs-danger) !important; }
.color-warning {
  color: var(--bs-warning) !important; }
.color-info {
  color: var(--bs-info) !important; }
.color-light {
  color: var(--bs-light) !important; }
.color-dark {
  color: var(--bs-dark) !important; }
.color-accent {
  color: var(--accent) !important; }
.color-background {
  color: var(--background) !important; }
.color-white {
  color: #fff !important; }
.color-add-grey {
  color: var(--add-grey) !important; }
.color-primary {
  color: var(--accent) !important; }
.color-secondary {
  color: var(--bs-gray) !important; }
.color-success {
  color: var(--bs-green) !important; }
.color-danger {
  color: var(--bs-danger) !important; }
.color-yellow {
  color: var(--bs-yellow) !important; }

.font-weight-100 {
  font-weight: 100; }
.font-weight-200 {
  font-weight: 200; }
.font-weight-300 {
  font-weight: 300; }
.font-weight-400 {
  font-weight: 400; }
.font-weight-500 {
  font-weight: 500; }
.font-weight-600 {
  font-weight: 600; }
.font-weight-700 {
  font-weight: 700; }
.font-weight-800 {
  font-weight: 800; }
.font-weight-900 {
  font-weight: 900; }

.box-shadow {
  box-shadow: var(--box-shadow); }

.note-developer {
  content: "";
  color: var(--text-color);
  position: absolute;
  font-size: 14px;
  line-height: normal; }
  .note-developer:before {
    position: absolute;
    content: "" attr(data-note);
    width: auto;
    min-width: 200px;
    height: auto;
    top: 0;
    left: 0;
    border: 1px solid red;
    background: #fff;
    padding: 5px 10px;
    border-radius: var(--btn-border-radius);
    box-shadow: var(--box-shadow);
    font-family: FontAwesome;
    z-index: 10; }

.notification-menu {
  padding: 0 5px;
  font-style: italic;
  font-size: 12px;
  opacity: 0.6; }

.notification-setting {
  font-style: italic;
  color: var(--bs-secondary);
  font-size: 12px;
  padding: 0;
  margin: -20px 0 20px; }
  .notification-setting_base {
    display: none; }
  .notification-setting_toggle-btn {
    width: 40px;
    height: 40px;
    background: #0dcaf012;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--bs-info);
    border-radius: 50%;
    cursor: pointer; }

body #toast-container .toast-error {
  background-color: #C13B31;
  -webkit-box-shadow: 0px 8px 40px 0px rgba(228, 80, 69, 0.4);
  box-shadow: 0px 8px 40px 0px rgba(228, 80, 69, 0.4); }

body #toast-container .toast-warning {
  background-color: #FFB23E;
  -webkit-box-shadow: 0px 8px 40px 0px rgba(255, 178, 62, 0.4);
  box-shadow: 0px 8px 40px 0px rgba(255, 178, 62, 0.4); }

body #toast-container .toast-success {
  background-color: #20996E;
  -webkit-box-shadow: 0px 8px 40px 0px rgba(31, 188, 132, 0.4);
  box-shadow: 0px 8px 40px 0px rgba(31, 188, 132, 0.4); }

.header {
  align-items: center;
  background: var(--header);
  display: flex;
  height: 70px;
  margin-bottom: 20px;
  padding: 0 30px;
  position: relative;
  justify-content: space-between;
  width: 100%;
  color: #fff; }
  .header_body {
    display: flex;
    flex: 0 1 auto;
    align-items: center; }
  .header_last-block {
    position: relative;
    display: flex;
    align-items: center; }
  .header .languages {
    cursor: pointer;
    margin-left: 34px; }
    .header .languages #dropdownMenuLanguage img {
      max-width: 24px; }

.user-autorisation_outer {
  display: flex;
  align-items: center;
  position: relative;
  color: #232935;
  font-weight: 700; }
.user-autorisation_block {
  line-height: 16px;
  cursor: pointer;
  margin-right: 10px;
  position: relative; }
.user-autorisation__welcome {
  font-size: 15px;
  font-style: normal;
  line-height: 100%;
  margin-bottom: 4px; }
.user-autorisation__name {
  font-size: 13px;
  font-style: normal;
  line-height: 120%; }
  .user-autorisation__name:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("../../img/arrow.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain; }

.popap-window, .dropdown-menu {
  background: #fff;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  border: none;
  min-width: 170px; }
  .popap-window:before, .dropdown-menu:before {
    content: "";
    position: absolute;
    top: -14px;
    left: 5px;
    border: 7px solid transparent;
    border-bottom: 7px solid #fff; }
  .popap-window_bell, .dropdown-menu_bell {
    width: 525px; }
    .popap-window_bell:before, .dropdown-menu_bell:before {
      left: auto !important;
      right: 10px; }
    .popap-window_bell_footer, .dropdown-menu_bell_footer {
      display: flex;
      justify-content: flex-end; }
  .popap-window__active, .dropdown-menu__active {
    z-index: 150;
    opacity: 1; }
  .popap-window_user-autorisation, .dropdown-menu_user-autorisation {
    padding: 0; }
    .popap-window_user-autorisation > *, .dropdown-menu_user-autorisation > * {
      border-bottom: 1px solid var(--border-color); }
    .popap-window_user-autorisation > *:last-child, .dropdown-menu_user-autorisation > *:last-child {
      border-bottom: none; }
  .popap-window .btn_transparent:not(:last-child), .dropdown-menu .btn_transparent:not(:last-child) {
    border-bottom: 1px solid var(--border-color); }
  .popap-window_header, .dropdown-menu_header {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
    margin-bottom: 15px; }
    .popap-window_notifies_item, .dropdown-menu_notifies_item {
      font-size: 14px;
      display: flex;
      border-bottom: 1px solid var(--border-color);
      margin-bottom: 15px; }
      .popap-window_notifies_item:last-child, .dropdown-menu_notifies_item:last-child {
        border-bottom: none; }
      .popap-window_notifies_item .bell, .dropdown-menu_notifies_item .bell {
        flex: 21px;
        margin-right: 15px; }
      .popap-window_notifies_item a, .dropdown-menu_notifies_item a {
        font-weight: 600; }
    .popap-window_notifies_body, .dropdown-menu_notifies_body {
      flex: 0 1 auto; }
    .popap-window_notifies_header, .dropdown-menu_notifies_header {
      text-transform: uppercase;
      margin-bottom: 10px;
      font-size: 12px;
      font-weight: 600; }
    .popap-window_notifies_text, .dropdown-menu_notifies_text {
      margin-bottom: 10px; }
    .popap-window_notifies_date, .dropdown-menu_notifies_date {
      font-size: 10px;
      color: var(--add-grey);
      margin-bottom: 10px; }

.menu-crm-settings {
  font-size: 20px;
  margin: 0 10px;
  padding: 5px; }

.has_open-menu .header_aside__inner {
  transform: translateX(0px); }

.header_aside__inner {
  transition: all 0.4s;
  transform: translateX(100px); }

.page_header {
  display: inline-block;
  font-size: 26px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  color: #232935;
  margin-bottom: 10px;
  white-space: nowrap; }

@media (max-width: 768px) {
  .header {
    padding-left: 15px;
    padding-right: 15px; }
  .header_logo__img {
    width: auto; }
  .header_aside__inner {
    display: none; }
  .with-photo_little {
    margin-right: 10px;
    margin-left: 10px; }
  .bell_outer {
    margin-right: 10px;
    padding-right: 10px; } }

@media (max-width: 576px) {
  .header_logo__img {
    width: 28px; } }

.body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh; }

.main-body {
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  background: var(--background-body);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  min-width: 0;
  font-size: 14px; }
  .main-body__inner {
    padding-left: 30px;
    padding-right: 30px; }
    .main-body_article p {
      font-weight: 400; }
  .main-body_aside .task_label .icon-fire {
    color: var(--bs-red); }
  .main-body_aside__control-btn {
    border-radius: 50%;
    background: var(--add-grey);
    color: #fff;
    cursor: pointer;
    font-family: icomoon;
    font-size: 22px;
    height: 40px;
    width: 40px;
    position: absolute;
    left: -60px;
    top: 0;
    opacity: 0;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    text-align: center;
    z-index: -1; }
    .main-body_aside__control-btn:hover {
      left: -80px; }
  .main-body_aside__open {
    right: 0 !important; }
    .main-body_aside__open .main-body_aside__control-btn {
      left: -20px; }
  .main-body__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden; }

.breadcrumbs {
  display: flex;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  padding: 0;
  color: var(--add-grey);
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden; }
  .breadcrumbs_item {
    display: block;
    position: relative;
    padding-right: 20px;
    margin-right: 12px; }
    .breadcrumbs_item .fa-home {
      width: 10px;
      height: 10px; }
      .breadcrumbs_item .fa-home::before {
        content: "";
        position: absolute;
        background-image: url("../../img/home.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        width: 10px;
        height: 10px; }
    .breadcrumbs_item:not(:last-child):after {
      content: "";
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      background-image: url("../../img/arrow-breadcrumbs.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 12px;
      height: 12px; }
    .breadcrumbs_item_link {
      color: #9CA4B2; }

.caption {
  position: relative;
  margin-bottom: 15px; }
  .caption_control-block {
    text-align: right; }
    .caption_control-block .btn {
      min-width: 140px;
      width: 100%;
      font-size: 13px;
      font-weight: 700;
      line-height: 100%;
      padding: 15px;
      height: inherit;
      border: none;
      max-width: fit-content; }
      .caption_control-block .btn-success {
        background: #267EE3; }
        .caption_control-block .btn-success:hover {
          background: #5E90FF; }

.info-block {
  border-radius: 4px;
  padding: 60px;
  background: #fff; }
  .info-block__header {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px;
    padding-bottom: 5px; }
    .info-block__header .status_labe {
      text-transform: initial; }
    .info-block__header .icon {
      color: var(--add-grey); }
  .info-block__description {
    padding-left: 20px;
    padding-right: 20px; }
  .info-block_tr {
    border-bottom: 2px dashed #D2D9E8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    padding-left: 20px;
    padding-right: 20px; }
    .info-block_tr:last-child {
      border-bottom: none;
      padding-bottom: 0; }
    .info-block_tr__header {
      font-size: 12px;
      font-weight: 600;
      text-transform: uppercase;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
      flex: 0 0 100px;
      font-size: 13px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%;
      text-transform: none;
      color: #9CA4B2;
      padding: 15px 0; }
    .info-block_tr__info {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      color: #4B5568;
      font-size: 26px;
      font-style: normal;
      font-weight: 700;
      line-height: 100%; }
      .info-block_tr__info .btn {
        position: absolute;
        right: 0px;
        top: 3px; }

.info-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 40px;
  margin-bottom: 1rem;
  color: var(--link-color); }
  .info-row__link {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px; }
  .info-row_control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: var(--add-grey);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .info-row_control:last-child {
      margin-right: 0; }
  .info-row__status_labe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 25px;
    padding-right: 25px;
    border-right: 1px solid var(--border-color);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .info-row .btn_round {
    width: 33px;
    height: 33px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33px;
    flex: 0 0 33px; }

.document-img_outer {
  background: #fff;
  border-radius: var(--btn-border-radius);
  padding: 8px 8px 6px;
  margin-bottom: 16px; }
  .document-img_outer img {
    height: 200px;
    width: 100%;
    -o-object-fit: none;
    object-fit: none;
    display: block;
    margin-bottom: 8px; }
.document-img_control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .document-img_control .btn_round_check {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 26px;
    flex: 0 0 26px; }

.check-list_outer {
  margin-bottom: 10px; }
.check-list_title {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow);
  font-size: 16px;
  font-weight: 500;
  color: var(--bs-info);
  padding: 0 26px;
  cursor: pointer;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .check-list_title__opened {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10px;
    flex: 0 0 10px; }
.check-list_body {
  padding: 0px 0 0 0px;
  margin-bottom: 0; }
.check-list_article {
  display: none; }
.check-list_tr {
  display: block;
  border-bottom: 1px solid var(--border-color);
  min-height: 60px;
  position: relative;
  padding: 18px 0 18px 80px; }
  .check-list_tr__inner {
    padding: 0 0 0 0; }
  .check-list_tr__remove {
    position: absolute;
    right: 5px;
    top: 10px;
    color: var(--add-grey); }
.check-list_add-paragraph, .check-list_add-checklist {
  color: var(--add-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .check-list_add-paragraph__inner, .check-list_add-checklist__inner {
    cursor: pointer; }
    .check-list_add-paragraph__inner:hover .btn_round, .check-list_add-checklist__inner:hover .btn_round {
      background-color: var(--add-grey);
      color: #fff; }
  .check-list_add-paragraph .btn_round, .check-list_add-checklist .btn_round {
    height: 17px;
    width: 17px;
    color: var(--add-grey);
    border: 1px solid var(--add-grey);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 17px;
    flex: 0 0 17px;
    margin-right: 10px;
    font-size: 10px; }
    .check-list_add-paragraph .btn_round:before, .check-list_add-checklist .btn_round:before {
      position: relative; }
.check-list_add-paragraph {
  height: 40px;
  background: var(--background-body);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 30px;
  margin-bottom: 10px; }
.check-list_add-checklist {
  height: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end; }

.files-item {
  cursor: pointer;
  margin: 4px;
  padding: 4px;
  box-shadow: var(--box-shadow); }

details {
  margin-bottom: 10px; }
  details summary {
    display: list-item;
    cursor: pointer;
    padding: 5px;
    border: 1px solid #eee;
    border-radius: var(--btn-border-radius); }

.info-block h3 {
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase; }

.nav a {
  padding: 5px 10px;
  display: block;
  background: #eee;
  color: inherit; }
  .nav .active a {
    background: #fff; }
.nav li {
  position: relative; }

.tox-tinymce, .tox .tox-menubar + .tox-toolbar, .tox .tox-menubar + .tox-toolbar-overlord .tox-toolbar__primary {
  border-color: var(--border-color) !important; }

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
  background: none !important;
  border-bottom: 1px solid; }

.table-custom .filters input, .table-custom .filters select {
  margin: 0; }

.bell {
  width: 24px;
  height: 24px;
  background: url("../../img/bell.svg") no-repeat center;
  filter: contrast(1);
  transition: all 0.4s; }
  .bell:hover {
    cursor: pointer;
    filter: contrast(0.7); }
  .bell_informer {
    width: 14px;
    height: 14px;
    background: var(--bs-red);
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 7px;
    text-align: center;
    line-height: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .bell_outer {
    display: flex;
    position: relative;
    border-right: 1px solid var(--add-grey);
    height: 80%;
    margin-right: 28px;
    padding-right: 28px;
    align-items: center; }
  .bell_notifies {
    width: 14px; }
    .bell_notifies:hover {
      cursor: auto;
      filter: none; }
    .bell_notifies_yellow {
      background: url("../../img/bell_yellow.svg") no-repeat center; }
    .bell_notifies_green {
      background: url("../../img/bell_green.svg") no-repeat center; }
    .bell_notifies_grey {
      background: url("../../img/bell_grey.svg") no-repeat center; }

.setting-page_table .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0; }
.setting-page_table .control-label {
  text-transform: none;
  font-size: 13px; }
.setting-page_table .notification-setting_base {
  margin: 0; }
.setting-page_th, .setting-page_tr {
  padding: 10px 12px; }
.setting-page_th {
  font-size: 14px;
  text-transform: uppercase;
  background: var(--bs-gray-400);
  font-weight: 600; }
  .setting-page_tr:nth-child(2n) {
    background: var(--bs-gray-100); }

.pagination {
  padding: 0;
  margin-bottom: 30px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  .pagination .active a {
    background: var(--add-grey);
    color: #fff; }
  .pagination li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #fff;
    color: var(--add-grey);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24px;
    border-radius: 50%;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: all 0.4s;
    margin: 0 3px;
    line-height: 24px; }
    .pagination li a {
      transition: all 0.4s;
      color: var(--add-grey);
      width: 100%;
      border-radius: 50%; }
      .pagination li a:hover {
        color: #fff; }
    .pagination li.active {
      background: var(--add-grey);
      color: #fff; }
      .pagination li.active a {
        color: #fff; }
    .pagination li:hover {
      background: var(--add-grey);
      color: #fff; }
      .pagination li:hover a {
        color: #fff; }

.comments-block {
  height: 300px;
  overflow-y: auto; }
  .comments-block_tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px auto;
    grid-template-columns: 50px auto;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 10px;
    padding-bottom: 5px; }
    .comments-block_tr:nth-child(2) {
      margin-top: -7px; }
  .comments-block_body {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto; }
  .comments-block__headers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 7px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .comments-block__name {
    font-weight: 600; }
  .comments-block__data {
    font-size: 12px;
    color: var(--add-grey); }
  .comments-block__text {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    line-height: normal;
    margin-bottom: 7px; }

.tab-navigator_block {
  display: none; }
  .tab-navigator_block__active {
    display: block; }
.tab-navigator__btn {
  flex: 0 1 180px;
  display: block;
  padding: 10px 30px;
  text-align: center;
  align-self: center;
  cursor: pointer;
  transition: all 0.4s;
  font-weight: 500; }
  .tab-navigator__btn:hover {
    color: var(--accent); }
  .tab-navigator__btn__outer {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--accent);
    flex-wrap: wrap; }
  .tab-navigator__btn__active {
    color: var(--accent) !important;
    position: relative; }
    .tab-navigator__btn__active:after {
      content: "";
      width: 75%;
      height: 2px;
      bottom: -1px;
      left: 50%;
      background: var(--accent);
      position: absolute;
      transform: translateX(-50%); }
.tab-navigator_aside .tab-navigator__btn__active {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .tab-navigator_aside .tab-navigator__btn__active:after {
    display: none; }
.tab-navigator__btn_aside {
  list-style: none;
  font-size: 13px;
  font-weight: 400;
  text-align: start; }

.modal-customizer-color {
  position: fixed;
  right: -100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  top: 0;
  z-index: 100;
  transition: all 0.8s ease-in-out; }
  .modal-customizer-color_outer {
    position: absolute;
    width: 90%;
    top: 140px;
    right: 0; }
  .modal-customizer-color__open {
    right: 0%; }
    .modal-customizer-color__open .modal-customizer-color_btn {
      left: -80px; }
      .modal-customizer-color__open .modal-customizer-color_btn:hover {
        left: -80px; }
  .modal-customizer-color_body {
    top: 0;
    position: absolute;
    background: var(--border-color);
    padding: 20px;
    border-radius: 5px;
    box-shadow: var(--box-shadow);
    right: 0; }
  .modal-customizer-color_btn {
    position: absolute;
    left: -14%;
    top: 0;
    height: 60px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    transition: all 0.4s ease-in-out; }
    .modal-customizer-color_btn:hover {
      left: -15%; }
      .modal-customizer-color_btn:hover .fa {
        transform: rotate(270deg); }
    .modal-customizer-color_btn .fa {
      transform: rotate(0deg);
      transition: transform 1s linear; }

.table-custom {
  background-color: #fff; }
  .table-custom__wrapper {
    overflow: hidden; }
  .table-custom .table {
    border-color: #D2D9E8;
    margin-bottom: 0; }
    .table-custom .table thead {
      text-transform: none;
      background-color: transparent; }
      .table-custom .table tbody tr {
        border-bottom: 1px dashed #D2D9E8; }
        .table-custom .table tbody tr.odd {
          background-color: #fff; }
      .table-custom .table tbody td {
        font-size: 13px;
        line-height: 120%;
        font-weight: 400;
        padding: 8px 15px;
        vertical-align: middle; }
      .table-custom .table tbody .fa.fa-arrow-down, .table-custom .table tbody .fa.fa-arrow-up {
        width: 24px;
        height: 24px;
        padding: 8px;
        border-radius: 2px;
        position: relative; }
        .table-custom .table tbody .fa.fa-arrow-down::before, .table-custom .table tbody .fa.fa-arrow-up::before {
          content: "";
          position: absolute;
          width: 12px;
          height: 12px;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
      .table-custom .table tbody .fa.fa-compress {
        width: 24px;
        height: 24px;
        padding: 8px;
        border-radius: 2px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .table-custom .table tbody .text-secondary .fa.fa-compress, .table-custom .table tbody .text-secondary .fa-arrow-down, .table-custom .table tbody .text-secondary .fa-arrow-up {
          background-color: rgba(67, 67, 67, 0.1); }
          .table-custom .table tbody .text-secondary .fa.fa-compress::before, .table-custom .table tbody .text-secondary .fa-arrow-down::before, .table-custom .table tbody .text-secondary .fa-arrow-up::before {
            filter: grayscale(1);
            opacity: 0.5; }
        .table-custom .table tbody .text-secondary .fa-arrow-up::before, .table-custom .table tbody .text-secondary .fa-arrow-down::before {
          background-image: url("../../img/arrow-red.svg"); }
      .table-custom .table tbody .text-secondary .fa-arrow-up::before {
        transform: translate(-50%, -50%) rotate(180deg); }
      .table-custom .table tbody .text-danger {
        color: #DD3B3B !important; }
        .table-custom .table tbody .text-danger .fa-arrow-down {
          background-color: rgba(221, 59, 59, 0.05); }
          .table-custom .table tbody .text-danger .fa-arrow-down::before {
            background-image: url("../../img/arrow-red.svg"); }
        .table-custom .table tbody .text-danger .fa-arrow-up {
          background-color: rgba(221, 59, 59, 0.05); }
          .table-custom .table tbody .text-danger .fa-arrow-up::before {
            background-image: url("../../img/arrow-red.svg");
            transform: translate(-50%, -50%) rotate(180deg); }
        .table-custom .table tbody .text-danger .fa.fa-compress {
          background-color: rgba(221, 59, 59, 0.05); }
      .table-custom .table tbody .text-success {
        color: #6FDD3B !important; }
        .table-custom .table tbody .text-success .fa-arrow-up {
          background-color: rgba(111, 221, 59, 0.05); }
          .table-custom .table tbody .text-success .fa-arrow-up::before {
            background-image: url("../../img/arrow-green.svg"); }
        .table-custom .table tbody .text-success .fa-arrow-down {
          background-color: rgba(111, 221, 59, 0.05); }
          .table-custom .table tbody .text-success .fa-arrow-down::before {
            background-image: url("../../img/arrow-green.svg");
            transform: translate(-50%, -50%) rotate(180deg); }
        .table-custom .table tbody .text-success .fa.fa-compress {
          background-color: rgba(111, 221, 59, 0.05); }
    .table-custom .table thead th {
      font-weight: 700;
      font-size: 15px; }
      .table-custom .table thead th a {
        color: inherit; }
  .table-custom .table > :not(:first-child) {
    border-top: 2px solid #D2D9E8; }
  .table-custom .table > :not(caption) > * > * {
    line-height: 100%;
    color: #4B5568;
    padding: 15px;
    border: none; }
  .table-custom .table-hover > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px #F7F8FC; }
  .table-custom_control__footer {
    margin: 0; }
  .table-custom .show_all {
    padding: 20px 18px; }
    .table-custom .show_all a {
      display: block;
      max-width: fit-content;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      text-decoration-line: underline;
      color: #4B7AE2 !important;
      border-radius: 4px;
      border: 1px solid rgba(75, 122, 226, 0.2);
      background: rgba(75, 122, 226, 0.1);
      padding: 8px 10px; }
      .table-custom .show_all a::hover {
        background-color: #4B7AE2;
        color: #fff !important; }

@media (max-width: 1200px) {
  .table-custom {
    min-width: auto; }
    .table-custom_outer {
      overflow-x: unset;
      width: auto; }
    .table-custom thead {
      text-align: center;
      display: none; }
      .table-custom thead tr[role="row"] {
        display: none; }
    .table-custom tr {
      border-radius: 3px;
      display: block;
      margin-bottom: 10px;
      padding: 5px 10px 10px 10px; }
    .table-custom td {
      height: auto;
      padding: 4px;
      display: block;
      text-align: right;
      font-size: 13px;
      border: 0;
      border-bottom: 1px dotted var(--border-color);
      width: 100%;
      position: relative;
      min-height: 26px;
      max-width: none;
      white-space: break-spaces; }
      .table-custom td:last-child {
        border: none; }
      .table-custom td::before {
        content: attr(data-label);
        text-transform: uppercase;
        font-weight: 400;
        display: inline-block;
        padding: 0 8px;
        background: var(--border-color);
        font-size: 10px;
        text-align: left;
        position: absolute;
        top: 8px;
        left: 4px;
        color: #000;
        max-width: 120px; }
      .table-custom td.title {
        min-width: auto;
        display: block; }
    .table-custom .filters input {
      margin: 7px 0; }
    .table-custom .table > :not(caption) > * > * {
      padding: 8px 8px 8px 130px; } }

.nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .nav .nav-item {
    text-align: center;
    position: relative; }
  .nav .nav-link {
    color: #9CA4B2;
    background-color: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 100%;
    padding: 17px 26px;
    border-radius: 4px 4px 0px 0px; }
    .nav .nav-link.active {
      background: #fff;
      color: #4B7AE2; }

@media (max-width: 768px) {
  .nav {
    flex-wrap: nowrap;
    width: 100%;
    overflow: hidden;
    overflow-x: scroll; } }

@media (max-width: 1200px) {
  .main-body_aside {
    position: absolute;
    right: -;
    z-index: 10;
    background: #fff;
    box-shadow: var(--box-shadow);
    border-radius: var(--btn-border-radius); }
    .main-body_aside__control-btn {
      opacity: 1;
      z-index: 10; } }

@media (max-width: 1024px) {
  .input_search_block_outer, .table_control__header {
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 20px; }
  .info-block {
    padding: 30px; }
    .info-block_tr__info {
      font-size: 20px; } }

@media (max-width: 768px) {
  .popap-window_bell {
    left: 10px;
    width: calc(100% - 25px);
    min-width: 300px;
    max-width: 645px; }
  .popap-window:before {
    display: none; }
  .popap-window_user-autorisation {
    right: 0; }
  .user-autorisation_block {
    display: none; }
  .pagination {
    margin: 30px 0; }
    .pagination .btn_prev, .pagination .btn_next {
      display: none; }
  .bell_outer {
    position: static; }
  .main-body__inner {
    padding-left: 15px;
    padding-right: 15px; }
  .info-block {
    padding: 20px; }
  .with-photo {
    display: block;
    margin: 0px auto 30px; } }

@media (max-width: 576px) {
  .info-row {
    flex-direction: column;
    align-items: flex-start; }
  .lead-row_control {
    justify-self: center; } }

@media (min-width: 1920px) {
  .info-block_tr__header {
    flex: 0 0 160px; } }