@charset "UTF-8";
@import "fontRubik.css";
*:root {
  --bs-blue: #007CE2;
  --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: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-aqua:#3dbeff;
  --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;
  --background: #142433;
  --background-dark: #0C1B28;
  --background-body: #F4F5F8;
  --border-color: #DDE2E9;
  --link-color: var(--bs-blue);
  --accent: var(--bs-blue);
  --text-color: var(--background);
  --add-grey: #8D9DB5;
  --add-grey-2: #e8ebf0;
  --add-blue: #00A3FE;
  --box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  --border-form-control-focus: var(--add-blue);
  --box-shadow-form-control-focus: 0 0 0 0.25rem rgb(13 110 253 / 25%);
  --input-height: 36px;
  --btn-height: 36px;
  --accent-color: var(--bs-aqua);
  --accent-color-bs: rgba(61, 190, 255, 0.4); }

@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans-Light.eot");
  src: url("../../fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("../../fonts/OpenSans-Light.woff2") format("woff2"), url("../../fonts/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans-Regular.eot");
  src: url("../../fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/OpenSans-Regular.woff2") format("woff2"), url("../../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans-Medium.eot");
  src: url("../../fonts/OpenSans-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/OpenSans-Medium.woff2") format("woff2"), url("../../fonts/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans-SemiBold.eot");
  src: url("../../fonts/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/OpenSans-SemiBold.woff2") format("woff2"), url("../../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "OpenSans";
  src: url("../../fonts/OpenSans-Bold.eot");
  src: url("../../fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/OpenSans-Bold.woff2") format("woff2"), url("../../fonts/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Rubik";
  src: url("../../fonts/Rubik/Rubik-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Rubik";
  src: url("../../fonts/Rubik/Rubik-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Rubik";
  src: url("../../fonts/Rubik/Rubik-SemiBold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "Rubik";
  src: url("../../fonts/Rubik//Rubik-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: "FontAwesome";
  src: url("../../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?nma954");
  src: url("../../fonts/icomoon.eot?nma954#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?nma954") format("truetype"), url("../../fonts/icomoon.woff?nma954") format("woff"), url("../../fonts/icomoon.svg?nma954#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: "FontAwesome";
  src: url("../../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "icomoon";
  src: url("../../fonts/icomoon.eot?nma954");
  src: url("../../fonts/icomoon.eot?nma954#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?nma954") format("truetype"), url("../../fonts/icomoon.woff?nma954") format("woff"), url("../../fonts/icomoon.svg?nma954#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-fire:before {
  content: ""; }

.icon-timer:before {
  content: ""; }

.icon-clip:before {
  content: ""; }

.icon-minus-01:before {
  content: ""; }

.icon-rebort:before {
  content: ""; }

.icon-arrow:before {
  content: ""; }

.icon-chek:before {
  content: ""; }

.icon-link-trash:before {
  content: ""; }

.icon-lite-client:before {
  content: ""; }

.icon-new-folder:before {
  content: ""; }

.icon-pdf:before {
  content: ""; }

.icon-plas:before {
  content: ""; }

.icon-transaction:before {
  content: ""; }

.icon-account:before {
  content: ""; }

.icon-update:before {
  content: ""; }

.icon-view:before {
  content: ""; }

.icon-burger:before {
  content: ""; }

.icon-lock:before {
  content: "󩀒"; }

.icon-tran:before {
  content: ""; }

.icon-client:before {
  content: ""; }

.icon-event:before {
  content: ""; }

.icon-list:before {
  content: ""; }

.icon-offices:before {
  content: ""; }

.icon-settings:before {
  content: ""; }

.icon-staff:before {
  content: ""; }

.icon-tasks:before {
  content: ""; }

.icon-tickets:before {
  content: ""; }

.icon-orders:before {
  content: ""; }

.icon-pen:before {
  content: ""; }

.icon-filter:before {
  content: ""; }

.icon-send:before {
  content: ""; }

.icon-close:before {
  content: ""; }

.icon-off:before {
  content: ""; }

.icon-paper:before {
  content: ""; }

.icon-trash:before {
  content: ""; }

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-inline-end: 5px; }
select:not([type=checkbox]), input:not([type=checkbox]) {
  color: var(--add-grey);
  height: var(--input-height);
  border: 1px solid var(--border-color);
  box-sizing: border-box;
  border-radius: 4px;
  margin-bottom: 10px;
  min-width: 40px;
  padding: 7px 3px 7px 10px;
  font-size: 14px;
  position: relative; }
  select:not([type=checkbox])::-webkit-input-placeholder, select:not([type=checkbox])::placeholder, select:not([type=checkbox]):-ms-input-placeholder, select:not([type=checkbox])::-ms-input-placeholder, input:not([type=checkbox])::-webkit-input-placeholder, input:not([type=checkbox])::placeholder, input:not([type=checkbox]):-ms-input-placeholder, input:not([type=checkbox])::-ms-input-placeholder {
    color: var(--border-color); }
  select:not([type=checkbox])::-webkit-search-decoration, select:not([type=checkbox])::-webkit-search-cancel-button, select:not([type=checkbox])::-webkit-search-results-button, select:not([type=checkbox])::-webkit-search-results-decoration, input:not([type=checkbox])::-webkit-search-decoration, input:not([type=checkbox])::-webkit-search-cancel-button, input:not([type=checkbox])::-webkit-search-results-button, input:not([type=checkbox])::-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; }

.checkbox_style {
  opacity: 0;
  z-index: -1;
  position: absolute; }
  .checkbox_style + label {
    display: inline-flex;
    align-items: center;
    user-select: none; }
    .checkbox_style + label:before {
      content: "";
      display: inline-block;
      width: 17px;
      height: 17px;
      flex-shrink: 0;
      flex-grow: 0;
      border: 1px solid var(--add-grey);
      border-radius: 0.25em;
      margin-right: 0.5em;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50% 50%; }
  .checkbox_style:before {
    content: "";
    position: absolute;
    opacity: 1;
    z-index: 1;
    width: 10px;
    height: 10px;
    background: #000; }
  .checkbox_style:not(:disabled):not(:checked) + label:hover::before {
    border-color: var(--add-grey); }
  .checkbox_style:not(:disabled):active + label::before {
    background-color: #b3d7ff;
    border-color: var(--add-grey); }
  .checkbox_style:focus:not(:checked) + label::before {
    border-color: var(--add-grey); }
  .checkbox_style:checked + label::before {
    border-color: var(--accent);
    background-color: var(--accent);
    background-image: url(../img/checked.svg); }
  .checkbox_style:disabled + label::before {
    background-color: #e9ecef; }

.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 {
    flex: 0 0 70%;
    margin-bottom: 0; }

.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; }

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

button {
  border-radius: 4px;
  border: none; }

[class*="btn"][class*="__active"] {
  color: #ffffff;
  border-radius: 5px;
  border: none; }

.btn {
  align-content: center;
  background: var(--accent);
  border-radius: 4px;
  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: url("../../img/cursor.svg"), pointer;
    text-decoration: none;
    color: #fff;
    opacity: 0.8; }
  .btn:focus {
    box-shadow: none; }
  .btn_default {
    background: var(--accent);
    padding: 0 15px; }
  .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(--add-blue); }
  .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);
    background: #fff; }
    .btn_filter:before {
      content: "";
      font-family: "icomoon";
      font-size: 12px;
      padding-right: 4px;
      line-height: 23px; }
    .btn_filter:hover {
      color: #fff;
      background: var(--bs-red);
      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: 2px 4px 0 0px; }
    .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: 2px 0 0 4px; }
    .btn_next:hover {
      color: #fff;
      background: var(--add-grey);
      border: 1px solid var(--add-grey); }
  .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_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(--add-blue);
      font-size: 12px; }
      .btn_round_view:before {
        content: "";
        font-family: "icomoon"; }
      .btn_round_view:hover {
        color: #fff;
        background: var(--add-blue);
        border: 2px solid var(--add-blue); }
    .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(--add-blue);
      font-size: 12px; }
      .btn_round_new-folder:before {
        content: "";
        font-family: "icomoon"; }
      .btn_round_new-folder:hover {
        color: #fff;
        background: var(--add-blue);
        border: 2px solid var(--add-blue); }
    .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_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_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) !important; }
  .btn_black {
    color: var(--background); }
    .btn_black:hover, .btn_black__active {
      background: var(--background) !important; }
  .btn_blue {
    color: var(--accent); }
    .btn_blue:hover, .btn_blue__active {
      background: var(--accent) !important; }
  .btn_red {
    color: var(--bs-red); }
    .btn_red:hover, .btn_red__active {
      background: var(--bs-red) !important; }
  .btn_green {
    color: var(--bs-green); }
    .btn_green:hover, .btn_green__active {
      background: var(--bs-green) !important; }
  .btn_yellow {
    color: var(--bs-yellow); }
    .btn_yellow:hover, .btn_yellow__active {
      background: var(--bs-yellow) !important; }
  .btn .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-gray);
    border-color: var(--bs-gray); }
    .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(--add-blue);
    border-color: var(--add-blue); }
    .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; }

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

*:focus {
  outline: none; }

::placeholder {
  color: var(--add-grey); }

::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: 3px; }

::-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: 5px;
  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; }

.pagination {
  display: block;
  padding: 0;
  margin-bottom: 30px;
  text-align: center; }
  .pagination li {
    display: inline-flex; }
  .pagination .btn_pagination {
    display: inline-flex;
    background: #fff;
    color: var(--add-grey);
    flex: 0; }
    .pagination .btn_pagination a {
      color: var(--add-grey); }
    .pagination .btn_pagination__active {
      background: var(--add-grey);
      color: #fff; }
      .pagination .btn_pagination__active a {
        color: #fff; }
    .pagination .btn_pagination:hover {
      background: var(--add-grey);
      color: #fff; }
  .pagination_default .btn_pagination {
    font-size: 13px;
    width: 21px;
    height: 21px;
    min-width: auto;
    border-radius: 50%;
    margin: 0 7px; }
  .pagination_default .btn_prev {
    margin-right: 40px; }
  .pagination_default .btn_next {
    margin-left: 40px; }
.pagination_round .btn {
  font-size: 13px;
  width: 21px;
  height: 21px;
  min-width: auto;
  border-radius: 50%;
  margin: 0 7px; }
.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 !important;
    height: 44px !important;
    border-radius: 50%;
    margin-right: 15px;
    object-fit: cover; }
  .with-photo_tables {
    width: 35px;
    height: 35px;
    border-radius: 50%; }

.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; }

.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: 5px; }
  .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: 5px;
  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; }
  .status_info__red {
    color: var(--bs-red) !important;
    font-weight: 400; }
  .status_info__green {
    color: var(--bs-green) !important;
    font-weight: 400; }
  .status_info__yellow {
    color: var(--bs-yellow) !important;
    font-weight: 400; }
  .status_info__accent {
    color: var(--accent) !important;
    font-weight: 400; }
.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(--add-blue); }
  .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; }

.ptb-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.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-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-100 {
  font-weight: 100; }
.font-200 {
  font-weight: 200; }
.font-300 {
  font-weight: 300; }
.font-400 {
  font-weight: 400; }
.font-500 {
  font-weight: 500; }
.font-600 {
  font-weight: 600; }
.font-700 {
  font-weight: 700; }
.font-800 {
  font-weight: 800; }
.font-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: 3px;
    box-shadow: var(--box-shadow);
    font-family: FontAwesome;
    z-index: 10; }

.header {
  align-items: center;
  background: #fff;
  box-shadow: var(--box-shadow);
  display: flex;
  height: 60px;
  margin-bottom: 25px;
  padding: 0 30px;
  position: relative;
  justify-content: space-between;
  width: 100%; }
  .header_body {
    display: flex;
    flex: 0 1 auto;
    align-items: center; }
  .header_last-block {
    position: relative;
    display: flex;
    align-items: center; }

.user-autorisation_outer {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer; }
.user-autorisation_block {
  line-height: 16px;
  margin-right: 10px; }
.user-autorisation__name {
  font-weight: 600;
  position: relative; }
  .user-autorisation__name:after {
    position: relative;
    content: "";
    font-family: FontAwesome;
    right: -5px;
    top: 0; }

.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: 22px;
  margin: 0 10px; }

.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: 20px;
  margin-right: 30px;
  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: 0px;
    padding-right: 0px; }
    .main-body_article p {
      font-weight: 400; }
  .main-body_aside {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 290px;
    flex: 0 0 290px;
    margin-left: 15px;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    top: 0px;
    width: 290px; }
    .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;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  padding: 0;
  color: var(--add-grey);
  margin-bottom: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  color: var(--add-grey); }
  .breadcrumbs_item {
    display: block;
    position: relative;
    white-space: break-spaces;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    color: #161B25; }
    .breadcrumbs_item:not(:last-child):after {
      content: "/";
      padding: 0 5px; }
    .breadcrumbs_item_link {
      color: var(--add-grey); }
    .breadcrumbs_item:last-child {
      color: #9EA3BB; }
    .breadcrumbs_item a {
      color: #161B25;
      font-weight: 400;
      font-size: 12px;
      line-height: 100%; }

.caption {
  position: relative;
  margin-bottom: 15px; }
  .caption_control-block {
    text-align: right; }
    .caption_control-block .btn {
      width: auto;
      min-width: 140px;
      margin-bottom: 0; }

.info-block {
  border-radius: 4px;
  padding: 20px;
  background: #fff;
  -webkit-box-shadow: var(--box-shadow);
  box-shadow: var(--box-shadow); }
  .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: 1px solid var(--border-color);
    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;
      padding: 12px 0;
      line-height: normal;
      font-weight: 500; }
    .info-block_tr__info {
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      font-weight: 400; }
      .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; }

.comments-block {
  height: 300px;
  overflow-y: auto; }
  .comments-block_tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 10px;
    padding-bottom: 5px; }
    .comments-block_tr:nth-child(2) {
      margin-top: -7px; }
    .comments-block_tr:last-child {
      border-bottom: none; }
  .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; }

.document-img_outer {
  background: #fff;
  border-radius: 4px;
  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(--add-blue);
  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_tr .checkbox_style + label {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
.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; }

.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%); }

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

.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; }

.user-autorisation_outer .dropdownBell_content {
  position: relative;
  background: #ECEDF1;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 40px; }
  .user-autorisation_outer .dropdownBell_content::before {
    content: "";
    color: #ECEDF1;
    border-radius: 2px;
    position: absolute;
    right: -20px;
    height: 50px;
    border-right: 2px solid #ECEDF1; }

/*---------------------------------------------------------------------*/
body.newDesign {
  font-family: "Rubik", sans-serif;
  background: #F5F6FA; }
  body.newDesign .main-body {
    background: none; }
    body.newDesign .main-body .header {
      margin-bottom: 0; }
      body.newDesign .main-body .main-body__inner .header {
        margin-bottom: 25px; }
      body.newDesign .main-body .main-body__inner .post1_homaPage {
        margin-bottom: 15px; }
      body.newDesign .main-body .main-body__inner .page_header {
        font-weight: 600;
        font-size: 26px;
        line-height: 100%;
        color: #161B25; }
      body.newDesign .main-body .main-body__inner .ref-structure .ref_table_slw .tr {
        grid-template-columns: repeat(4, 1fr); }
      body.newDesign .main-body .main-body__inner .card {
        background: #fff;
        border-radius: 15px;
        border: none;
        padding-top: calc(var(--bs-gutter-x)* 0.5); }
        body.newDesign .main-body .main-body__inner .card .table-custom_block {
          background: none;
          padding: 0; }
          body.newDesign .main-body .main-body__inner .card .table-custom_block .body {
            min-height: auto; }
  body.newDesign .header_title {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 2px solid #EAEDF5;
    padding-bottom: 15px; }

.user-autorisation_block .user-autorisation__welcome {
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  color: #161B25; }
.user-autorisation_block .user-autorisation__name {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #9EA3BB; }

.newContent {
  padding: 50px 40px 40px 40px; }

.link_go_training {
  padding-left: 0;
  margin-top: -1rem; }
  .link_go_training li {
    list-style-type: none; }

@media (max-width: 1200px) {
  .main-body_aside {
    position: absolute;
    right: -320px;
    z-index: 10;
    background: #fff;
    box-shadow: var(--box-shadow);
    border-radius: 5px; }
    .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; }
  .breadcrumbs {
    display: none; }
  body.newDesign .main-body .main-body__inner .page_header {
    width: 100%;
    padding-right: 0;
    margin-right: 0; } }

@media (max-width: 768px) {
  body.newDesign .main-body .main-body__inner .page_header {
    font-weight: 500;
    font-size: 20px; }
  .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; }
  .info-block {
    padding: 20px; }
  .with-photo {
    display: block;
    margin: 0px auto 30px; }
  .post2_homaPage {
    margin-left: -15px;
    margin-right: -15px; } }

@media (max-width: 576px) {
  .info-row {
    flex-direction: column;
    align-items: flex-start; }
  .lead-row_control {
    justify-self: center; }
  .newContent {
    padding: 50px 10px 40px 20px; }
  .trainings__list {
    padding: 0; }
    .trainings__list .lessons__item {
      flex-direction: column;
      gap: 10px;
      align-items: start; }
      .trainings__list .lessons__item h2 {
        font-size: 20px; }
  .listComments-comment_children {
    padding-left: 0px;
    margin-bottom: 10px; } }

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

@media (max-width: 1200px) {
  .main-body_aside {
    position: absolute;
    right: -320px;
    z-index: 10;
    background: #fff;
    box-shadow: var(--box-shadow);
    border-radius: 5px; }
    .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; } }

@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; } }