html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

.App {
min-width: fit-content; }

*::—webkit-scrollbar {display: none}

body {
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -ms-flex-direction: column;
      flex-direction: column;
  overflow: auto !important; }

ol, ul {
  list-style: none; }

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

textarea {
  overflow: auto;
}

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

* {
  box-sizing: border-box; }

@font-face {
  font-family: 'HarmoniaSansProCyr';
  src: url(fonts/HarmoniaSansProCyr-Regular.eot);
  src: url(fonts/HarmoniaSansProCyr-Regular.eot) format("eot"), url(fonts/HarmoniaSansProCyr-Regular.woff) format("woff"), url(fonts/HarmoniaSansProCyr-Regular.ttf) format("truetype"), url(fonts/HarmoniaSansProCyr-Regular.svg#webfont) format("svg");
  font-style: normal; }

@font-face {
  font-family: 'HarmoniaSansProCyrBold';
  src: url(fonts/HarmoniaSansProCyr-Bold.eot);
  src: url(fonts/HarmoniaSansProCyr-Bold.eot) format("eot"), url(fonts/HarmoniaSansProCyr-Bold.woff) format("woff"), url(fonts/HarmoniaSansProCyr-Bold.ttf) format("truetype"), url(fonts/HarmoniaSansProCyr-Bold.svg#webfont) format("svg");
  font-style: normal; }

@font-face {
  font-family: 'HarmoniaSansProCyr-SemiBd';
  src: url(fonts/HarmoniaSansProCyr-SemiBd.eot);
  src: url(fonts/HarmoniaSansProCyr-SemiBd.eot) format("eot"), url(fonts/HarmoniaSansProCyr-SemiBd.woff) format("woff"), url(fonts/HarmoniaSansProCyr-SemiBd.ttf) format("truetype"), url(fonts/HarmoniaSansProCyr-SemiBd.svg#webfont) format("svg");
  font-style: normal; }

body {
  font-family: 'HarmoniaSansProCyr'; }

.sub_active {
  background: #fff;
  border-left: 4px solid #D1303C;
  padding-left: 20px!important;
}

.breadcrumbs a:after, .mob-menu .logout:before, .logo a:before, .request-expenses-item.gray-line:before, .request-files-item.img:before {
  content: "";
  display: block;
  position: absolute; }

.icon {
  display: inline-block;
  vertical-align: text-bottom;
  position: relative; }

.m-t-0 {
  margin-top: 0px !important; }

.p-t-0 {
  padding-top: 0px !important; }

.m-b-0 {
  margin-bottom: 0px !important; }

.p-b-0 {
  padding-bottom: 0px !important; }

.m-l-0 {
  margin-left: 0px !important; }

.p-l-0 {
  padding-left: 0px !important; }

.m-r-0 {
  margin-right: 0px !important; }

.p-r-0 {
  padding-right: 0px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.p-t-5 {
  padding-top: 5px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.p-b-5 {
  padding-bottom: 5px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.p-l-5 {
  padding-left: 5px !important; }

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

.p-r-5 {
  padding-right: 5px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.p-t-10 {
  padding-top: 10px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.p-b-10 {
  padding-bottom: 10px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.p-l-10 {
  padding-left: 10px !important; }

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

.p-r-10 {
  padding-right: 10px !important; }

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

.p-t-15 {
  padding-top: 15px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.p-b-15 {
  padding-bottom: 15px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.p-l-15 {
  padding-left: 15px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.p-r-15 {
  padding-right: 15px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.p-t-20 {
  padding-top: 20px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.p-b-20 {
  padding-bottom: 20px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.p-l-20 {
  padding-left: 20px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.p-r-20 {
  padding-right: 20px !important; }

.m-t-25 {
  margin-top: 25px !important; }

.p-t-25 {
  padding-top: 25px !important; }

.m-b-25 {
  margin-bottom: 25px !important; }

.p-b-25 {
  padding-bottom: 25px !important; }

.m-l-25 {
  margin-left: 25px !important; }

.p-l-25 {
  padding-left: 25px !important; }

.m-r-25 {
  margin-right: 25px !important; }

.p-r-25 {
  padding-right: 25px !important; }

.m-t-30 {
  margin-top: 30px !important; }

.p-t-30 {
  padding-top: 30px !important; }

.m-b-30 {
  margin-bottom: 30px !important; }

.p-b-30 {
  padding-bottom: 30px !important; }

.m-l-30 {
  margin-left: 30px !important; }

.p-l-30 {
  padding-left: 30px !important; }

.m-r-30 {
  margin-right: 30px !important; }

.p-r-30 {
  padding-right: 30px !important; }

.m-t-35 {
  margin-top: 35px !important; }

.p-t-35 {
  padding-top: 35px !important; }

.m-b-35 {
  margin-bottom: 35px !important; }

.p-b-35 {
  padding-bottom: 35px !important; }

.m-l-35 {
  margin-left: 35px !important; }

.p-l-35 {
  padding-left: 35px !important; }

.m-r-35 {
  margin-right: 35px !important; }

.p-r-35 {
  padding-right: 35px !important; }

.m-t-40 {
  margin-top: 40px !important; }

.p-t-40 {
  padding-top: 40px !important; }

.m-b-40 {
  margin-bottom: 40px !important; }

.p-b-40 {
  padding-bottom: 40px !important; }

.m-l-40 {
  margin-left: 40px !important; }

.p-l-40 {
  padding-left: 40px !important; }

.m-r-40 {
  margin-right: 40px !important; }

.p-r-40 {
  padding-right: 40px !important; }

.m-t-45 {
  margin-top: 45px !important; }

.p-t-45 {
  padding-top: 45px !important; }

.m-b-45 {
  margin-bottom: 45px !important; }

.p-b-45 {
  padding-bottom: 45px !important; }

.m-l-45 {
  margin-left: 45px !important; }

.p-l-45 {
  padding-left: 45px !important; }

.m-r-45 {
  margin-right: 45px !important; }

.p-r-45 {
  padding-right: 45px !important; }

.m-t-50 {
  margin-top: 50px !important; }

.p-t-50 {
  padding-top: 50px !important; }

.m-b-50 {
  margin-bottom: 50px !important; }

.p-b-50 {
  padding-bottom: 50px !important; }

.m-l-50 {
  margin-left: 50px !important; }

.p-l-50 {
  padding-left: 50px !important; }

.m-r-50 {
  margin-right: 50px !important; }

.p-r-50 {
  padding-right: 50px !important; }

.m-t-75 {
  margin-top: 75px !important; }

.p-t-75 {
  padding-top: 75px !important; }

.m-b-75 {
  margin-bottom: 75px !important; }

.p-b-75 {
  padding-bottom: 75px !important; }

.m-l-75 {
  margin-left: 75px !important; }

.p-l-75 {
  padding-left: 75px !important; }

.m-r-75 {
  margin-right: 75px !important; }

.p-r-75 {
  padding-right: 75px !important; }

.m-t-100 {
  margin-top: 100px !important; }

.p-t-100 {
  padding-top: 100px !important; }

.m-b-100 {
  margin-bottom: 100px !important; }

.p-b-100 {
  padding-bottom: 100px !important; }

.m-l-100 {
  margin-left: 100px !important; }

.p-l-100 {
  padding-left: 100px !important; }

.m-r-100 {
  margin-right: 100px !important; }

.p-r-100 {
  padding-right: 100px !important; }

input:focus {
  outline: none; }

a:hover {
  text-decoration: unset;
}

.btn {
  border-radius: 4px;
  font-size: 20px;
  height: 40px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 47px;
  min-width: 237px; }

.btn.disabled {
  pointer-events: none;
}

.btn-expense {
  border-radius: 5px;
  font-size: 20px;
  color: #fff;
  height: 40px;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0 47px;
  min-width: 237px; }
  .btn-expense:hover {
    color: #fff; }
  .btn_green {
    background: #4CD964;
    border: 1px solid #4CD964; }
    .btn_green:hover {
      box-shadow: 0px 4px 10px rgb(131,217,110);
    }
    .btn_green:active {
      box-shadow: inset 0px 4px 10px rgba(0, 0, 0, 0.25);
      border: 1px solid rgb(61,174,80);
    }
  .btn_red {
    background: #FF3B30;
    border: 1px solid #FF3B30; }
    .btn_red:hover {
      background: none;
      color: #FF3B30; }
  .btn_black {
    color: #000;
    border: 1px solid #98A2A8 ; }
    .btn_black:hover {
      background: #98A2A8;
      color: #fff; }
    .btn_black:active {
      background: #000;
      border: 1px solid #000;
      color: #fff; }
  .btn_gray {
    border: 1px solid #5D6C74;
    color: #5D6C74;
    font-size: 14px;
    height: 50px;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px; }
    .btn_gray:hover {
      background: #5D6C74;
      color: #fff; }
  .btn_gray-reverse {
    background: #5D6C74;
    color: #fff; }
    .btn_gray-reverse:hover {
      color: #5D6C74;
      background: none; }
  .btn_gray-full {
    background: #98A2A8;
    color: #fff; }
    .btn_gray-full:hover {
      border: 1px solid #98A2A8;
      color: #98A2A8;
      background: #fff; }
  .btn_yellow {
    background: #FF9900; }
    .btn_yellow:hover {
      border: 1px solid #FF9900;
      color: #FF9900;
      background: #fff; }
  .btn-expense.disabled {
    pointer-events: none; }

.checkbox,
.radio {
  margin-bottom: 10px;
  overflow: hidden; }

.checkbox label,
.radio label {
  font-size: 16px;
  line-height: 22px; }

.checkbox [type="checkbox"]:checked,
.radio [type="radio"]:not(:checked),
.checkbox [type="checkbox"]:not(:checked),
.radio [type="radio"]:checked {
  position: absolute;
  left: -9999px;
  display: none; }

.checkbox [type="checkbox"]:checked + label,
.radio [type="radio"]:not(:checked) + label,
.checkbox [type="checkbox"]:not(:checked) + label,
.radio [type="radio"]:checked + label {
  position: relative;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.checkbox [type="checkbox"]:checked + label:before,
.radio [type="radio"]:not(:checked) + label div,
.checkbox [type="checkbox"]:not(:checked) + label:before,
.radio [type="radio"]:checked + label div {
  content: '';
  width: 28px;
  height: 28px;
  min-width: 28px;
  min-height: 28px;
  background: #f4f4f4;
  border-radius: 3px;
  margin-right: 10px;
  position: relative; }

.radio [type="radio"]:checked + label div,
.radio [type="radio"]:not(:checked) + label div {
  border-radius: 50%; }

.checkbox [type="checkbox"]:checked + label:after,
.radio [type="radio"]:not(:checked) + label div:after,
.checkbox [type="checkbox"]:not(:checked) + label:after {
  content: '';
  position: absolute;
  left: 0;
  top:0;
  transition: all 0.2s;
  background: url(img/checkbox.svg) no-repeat 50% 50%;
  width: 28px;
  height: 28px; }

.radio [type="radio"]:checked + label div:after,
.radio [type="radio"]:not(:checked) + label div:after {
  content: '';
  position: absolute;
  transition: all 0.2s;
  width: 12px;
  height: 12px;
  background: #FF3B30;
  border-radius: 50px;
  top: 8px;
  left: 8px; }
  
@media screen and (max-width: 320px) {
  .radio [type="radio"]:checked + label:after,
  .radio [type="radio"]:not(:checked) + label:after {
    top:16px;
  }
  
}

.checkbox [type="checkbox"]:not(:checked) + label:after,
.radio [type="radio"]:not(:checked) + label div:after {
  opacity: 0;
  transform: scale(0); }

.checkbox [type="checkbox"]:checked + label:after,
.radio [type="radio"]:checked + label div:after {
  opacity: 1;
  transform: scale(1); }

.input-label {
  font-size: 14px;
  line-height: 24px;
  color: #98A2A8; }

.input-item input {
  height: 40px;
  border: 1px solid #98A2A8;
  font-size: 16px;
  padding: 0 8px;
  width: 100%;
  font-family: 'Arial', sans-serif; }

.input-item.error .input-label {
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 768px) {
    .input-item.error .input-label {
      -ms-flex-direction: column;
          flex-direction: column; } }

.input-item.error .select-title {
  color: #FF3B30;
  border-color: #FF3B30; }

.input-item.error .input-error {
  color: #FF3B30; }

.input-item.error .input {
  border-color: #FF3B30 !important;
  font-size: 14px; }
  .input-item.error .input:-moz-placeholder {
    color: #FF3B30;
    font-size: 14px; }
  .input-item.error .input::-moz-placeholder {
    color: #FF3B30;
    font-size: 14px; }
  .input-item.error .input:-ms-input-placeholder {
    color: #FF3B30;
    font-size: 14px; }
  .input-item.error .input::-webkit-input-placeholder {
    color: #FF3B30;
    font-size: 14px; }

.input-item.error .form-control {
  border-color: #FF3B30 !important;
  font-size: 14px; }
.input-item.error .form-control:-moz-placeholder {
  color: #FF3B30;
  font-size: 14px; }
.input-item.error .form-control::-moz-placeholder {
  color: #FF3B30;
  font-size: 14px; }
.input-item.error .form-control:-ms-input-placeholder {
  color: #FF3B30;
  font-size: 14px; }
.input-item.error .form-control::-webkit-input-placeholder {
  color: #FF3B30;
  font-size: 14px; }

.input-item.error textarea {
  border-color: #FF3B30 !important;
  font-size: 14px; }
  .input-item.error textarea:-moz-placeholder {
    color: #FF3B30;
    font-size: 14px; }
  .input-item.error textarea::-moz-placeholder {
    color: #FF3B30;
    font-size: 14px; }
  .input-item.error textarea:-ms-input-placeholder {
    color: #FF3B30;
    font-size: 14px; }
  .input-item.error textarea::-webkit-input-placeholder {
    color: #FF3B30;
    font-size: 14px; }

.input-wrap {
  margin-bottom: 16px; }

.input-two {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end; }
  .input-two .input-item {
    width: calc(50% - 6px); }

body .simplebar-content {
  -ms-overflow-x: auto;
   -ms-overflow-y: auto;
  padding-top: 5px; }

body .simplebar-scrollbar {
  width: 3px; }
  body .simplebar-scrollbar:before {
    background: rgba(0, 0, 0, 0.2); }

.filter-dropdown-item {
  border-bottom: 1px solid #D9E2E6; }
  .filter-dropdown-item-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 10px 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 39px; }
    .filter-dropdown-item-title .icon-arrow-top {
      top: 2px; }
  .filter-dropdown-item .icon {
    transition: all 0.5s; }
  .filter-dropdown-item.close-expense .icon-arrow-top {
    transform: rotate(180deg);
    top: -4px; }
  .filter-dropdown-item .checkbox {
    margin-bottom: 9px; }
    @media (max-width: 1530px) {
      .filter-dropdown-item .checkbox {
        margin-right: 20px; } }
  .filter-dropdown-item .input-item,
  .filter-item .input-item {
    position: relative; }
    .filter-dropdown-item .input-item .btn_gray {
      margin-top: 15px;
      display: -ms-flexbox;
      display: flex;
      margin: 15px auto 0;
      max-width: -webkit-fit-content;
      max-width: -moz-fit-content;
      max-width: fit-content; }
    .filter-dropdown-item .input-item input {
      background: #fff;
      border: 1px solid #D9E2E6;
      box-sizing: border-box;
      border-radius: 3px;
      height: 51px;
      padding: 0 12px;
      margin-bottom: 22px; }
      .filter-dropdown-item .input-item input:-moz-placeholder {
        letter-spacing: 1px;
        color: #98A2A8; }
      .filter-dropdown-item .input-item input::-moz-placeholder {
        letter-spacing: 1px;
        color: #98A2A8; }
      .filter-dropdown-item .input-item input:-ms-input-placeholder {
        letter-spacing: 1px;
        color: #98A2A8; }
      .filter-dropdown-item .input-item input::-webkit-input-placeholder {
        letter-spacing: 1px;
        color: #98A2A8; }
      .filter-dropdown-item .input-item input.datepicker,
      .filter-item .input-item input.datepicker  {
        background: #F8F8F7;
        border-radius: 3px 3px 0 0;
        border: 0;
        border-bottom: 2px solid #C4C4C4; }
    .filter-dropdown-item .input-item .icon-calendar,
    .filter-item .input-item .icon-calendar {
      position: absolute;
      top: 5px;
      right: 0;
      pointer-events: none; }
    .filter-dropdown-item .input-item .icon-close {
      position: absolute;
      top: 15px;
      right: 10px;
      display: none;
      cursor: pointer; }
    .filter-dropdown-item .input-item .input-picker-wrap,
    .filter-item .input-item .input-picker-wrap {
      position: relative; }
      .filter-dropdown-item .input-item .input-picker-wrap.active .icon-close {
        display: block; }
      .filter-dropdown-item .input-item .input-picker-wrap.active .icon-calendar {
        display: none; }
  .filter-dropdown-item.close-expense .filter-dropdown-item-content {
    display: none; }
  .filter-dropdown-item-content {
    padding: 0 20px 10px; }
    .filter-dropdown-item-content .input-item label {
      color: #98A2A8;
      font-size: 12px;
      margin-bottom: 5px;
      display: block; }

.input-choose {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px; }
  .input-choose-item {
	margin-bottom: 8px;
    padding: 7px;
    display: -ms-flexbox;
	min-height: 36px;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    background: #EAF3F9;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 8px; }
    .input-choose-item .icon {
      width: 12px;
      height: 12px;
	  min-width: 12px;
      margin-left: 10px; }

.filter-dropdown-item .input-item .input-choose-item .icon-close {
  display: block;
  position: relative;
  top: 0;
  left: 0; }

.select {
  position: relative;
  font-family: 'Arial', sans-serif !important; }
  .select .select-title {
    border: 1px solid #D9E2E7;
    min-height: 40px;
    line-height: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 8px;
    cursor: pointer; }
    .select .select-title .icon-arrow-top {
      top: -3px;
      margin-left: 3px;
      transform: rotate(180deg);
      transition: all 0.5s; }
  .select .select-content {
	overflow-y: scroll;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #D9E2E7;
    z-index: 2;
    display: none; }
    .select .select-content-item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      padding: 10px;
      border-bottom: 1px solid #D9E2E7;
      cursor: pointer; }
    .select .select-content > :last-child {
      border-bottom: 0; }
  .select.active .select-title .icon {
    transform: rotate(0deg);
    top: 2px; }
  .select.active .select-content {
    display: block; }
  .select.disabled {
    opacity: .5;
    pointer-events: none; }

.input-date,
.input-search {
  position: relative;
  cursor: pointer; }
  .input-date .icon,
  .input-search .icon {
    position: absolute;
    top: 50%;
    right: 1px;
    transform: translateY(-50%);
    pointer-events: none; }

.input-search .icon {
  pointer-events: auto;
  cursor: pointer;
  right: 5px; }

.input-search input {
  padding-right: 30px; }

.box-modal-form-block .cost-centers-items .input-item {
  width: auto; }

.cost-centers {
  width: 100%; }
  .cost-centers-item {
    width: 100%; }

@media (max-width: 768px) {
  .box-modal-form-block .cost-centers .input-item-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

.input-remove {
  padding-top: 29px; }

.btn-add-cost {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 18px;
  color: #000;
  margin-top: 10px; }
  .btn-add-cost .icon {
    margin-right: 19px; }
  .btn-add-cost:hover .icon svg {
    stroke: #98A2A8; }

.finances-filters-btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 10px 0; }
  @media (max-width: 480px) {
    .finances-filters-btns {
      -ms-flex-direction: column;
          flex-direction: column;
      margin-bottom: 0; } }
  .finances-filters-btns .btn-expense {
    margin: 0 4px; }
    @media (max-width: 768px) {
      .finances-filters-btns .btn-expense {
        min-width: 50%; } }
    @media (max-width: 480px) {
      .finances-filters-btns .btn-expense {
        min-width: 100%;
        margin-bottom: 10px; } }

.finances-filters-btns .btn {
  margin: 0 4px; }
@media (max-width: 768px) {
  .finances-filters-btns .btn {
    min-width: 50%; } }
@media (max-width: 480px) {
  .finances-filters-btns .btn {
    min-width: 100%;
    margin-bottom: 10px; } }

.btn-filter-clear {
  padding: 0 10px;
  font-size: 16px; }

.controls-dropdown {
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}

.filter-dropdown-item-content.checkbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media (max-width: 480px) {
    .filter-dropdown-item-content.checkbox {
      -ms-flex-direction: column;
          flex-direction: column; } }

.link-mob-add-note {
  display: none;
  margin: 20px 0 15px; }
  @media (max-width: 1365px) {
    .link-mob-add-note {
      display: -ms-inline-flexbox;
      display: inline-flex; } }
  @media (max-width: 480px) {
    .link-mob-add-note {
      width: 100%;
      margin-top: 24px;
      margin-bottom: 11px; } }

.input-picker-title {
  font-size: 12px;
  line-height: 12px;
  color: #98A2A8;
  margin-bottom: 2px; }

.filter-dropdown-item .input-item .input-search {
  margin-bottom: 22px; }

.filter-dropdown-item .input-item .input-search input {
  margin-bottom: 0; }

.filter-dropdown-item div[style="position: absolute;"] {
  width: 100%; }

.filter-dropdown-item div[style="position: absolute;"] .DayPicker-wrapper {
  right: 0;
  top: 12px; }

.red-line {
  position: absolute;
  width: 17px;
  height: 195px;
  display: block; }
  @media (max-width: 959px) {
    .red-line {
      display: none; } }
  .red-line.red-line-right {
    right: 1px;
    top: -10px;
    background: #E31B23;
    transform: skewX(-30deg) rotate(-30deg); }
  .red-line.red-line-left {
    left: 0;
    bottom: -7px;
    background: #E31B23;
    transform: skewX(-30deg) rotate(-30deg); }

[data-simplebar] {
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit; }

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit; }

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0; }

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch; }

.simplebar-content {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */
  width: auto;
  visibility: visible;
  overflow: scroll;
  /* Scroll on this element otherwise element can't have a padding applied properly */
  max-width: 100%;
  /* Not required for horizontal scroll to trigger */
  max-height: 100%;
  /* Needed for vertical scroll to trigger */ }

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none; }

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: inherit;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  -ms-flex-positive: inherit;
      flex-grow: inherit;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 0;
      flex-basis: 0; }

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1; }

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none; }

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all; }

.simplebar-scrollbar {
  position: absolute;
  right: 2px;
  width: 7px;
  min-height: 10px; }

.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: black;
  border-radius: 7px;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.2s linear; }

.simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  /* When hovered, remove all transitions from drag handle */
  opacity: 0.5;
  transition: opacity 0s linear; }

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px; }

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px; }

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px; }

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto; }

/* Rtl support */
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0; }

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll; }

.lightpick {
  position: absolute;
  z-index: 99999;
  padding: 4px;
  box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.06);
  background-color: #FFF;
  color: #000;
  font-family: 'HarmoniaSansProCyr';
  line-height: 1.125em; }
  @media (max-width: 768px) {
    .lightpick {
      left: 50% !important;
      transform: translateX(-50%); } }

.lightpick--inlined {
  position: relative;
  display: inline-block; }

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

.lightpick.is-hidden {
  display: none; }

.lightpick__months {
  display: -ms-grid;
  display: grid;
  background-color: #EEE;
  -ms-grid-columns: auto;
      grid-template-columns: auto;
  grid-gap: 1px; }

.lightpick--2-columns .lightpick__months {
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto; }

.lightpick--3-columns .lightpick__months {
  -ms-grid-columns: auto auto auto;
      grid-template-columns: auto auto auto; }

.lightpick--4-columns .lightpick__months {
  -ms-grid-columns: auto auto auto auto;
      grid-template-columns: auto auto auto auto; }

.lightpick--5-columns .lightpick__months {
  -ms-grid-columns: auto auto auto auto auto;
      grid-template-columns: auto auto auto auto auto; }

.lightpick__month {
  padding: 4px;
  width: 288px;
  background-color: #FFF; }

.lightpick__month-title-bar {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.lightpick__month-title {
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  cursor: default;
  padding: 0 4px;
  border-radius: 4px; }

.lightpick__month-title > .lightpick__select {
  border: none;
  background-color: transparent;
  outline: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

.lightpick__month-title > .lightpick__select:disabled {
  color: #333; }

.lightpick__month-title > .lightpick__select-months {
  font-weight: bold;
  font-size: 1em;
  margin-right: .5em; }

.lightpick__toolbar {
  display: -ms-flexbox;
  display: flex;
  text-align: right;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.expense-exchanged{
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -80%) rotate(180deg);
  cursor: pointer;
  display: flex;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  z-index: 100;
  box-shadow: 0 0 10px rgba(0, 0, 0, .14);
  background: #fff;
}

.lightpick__previous-action,
.lightpick__next-action,
.lightpick__close-action {
  display: -ms-flexbox;
  display: flex;
  margin-left: 6px;
  width: 32px;
  height: 32px;
  outline: none;
  border: none;
  border-radius: 50%;
  background-color: #DDD;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.lightpick__previous-action,
.lightpick__next-action {
  font-size: 12px; }

.lightpick__close-action {
  font-size: 18px; }

.lightpick__previous-action:active,
.lightpick__next-action:active,
.lightpick__close-action:active {
  color: inherit; }

.lightpick__days-of-the-week {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr); }

.lightpick__day-of-the-week {
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  font-weight: bold;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center; }

.lightpick__days {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
      grid-template-columns: repeat(7, 1fr); }

.lightpick__day {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  font-size: 13px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: default; }

.lightpick__day.is-today {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(220, 50, 47, .5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E");
  background-size: 18.8% auto;
  background-position: center bottom;
  color: #DC322F; }

.lightpick__day:not(.is-disabled):hover {
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23E0E0E0' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

.lightpick__day.is-disabled {
  opacity: 0.38;
  pointer-events: none; }

.lightpick__day.disabled-tooltip {
  pointer-events: auto; }

.lightpick__day.is-disabled.is-forward-selected {
  opacity: 1; }

.lightpick__day.is-disabled.is-forward-selected:not(.is-start-date) {
  background-color: rgba(38, 139, 210, 0.1);
  background-image: none; }

.lightpick__day.is-previous-month,
.lightpick__day.is-next-month {
  opacity: 0.38; }

.lightpick__day.lightpick__day.is-in-range:not(.is-disabled) {
  opacity: 1; }

.lightpick__day.is-in-range {
  border-radius: 0;
  background-color: rgba(38, 139, 210, 0.1);
  background-image: none; }

.lightpick__day.is-in-range:hover {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='rgba(227, 27, 35, 0.5)' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

.lightpick__day.is-start-date.is-in-range,
.lightpick__day.is-end-date.is-in-range.is-flipped {
  border-top-left-radius: 50%;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 50%;
  background-color: #e31b23;
  background-image: none; }

.lightpick__day.is-end-date.is-in-range,
.lightpick__day.is-start-date.is-in-range.is-flipped {
  border-top-left-radius: 0;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 0;
  background-color: #e31b23;
  background-image: none; }

.lightpick__day.is-start-date.is-end-date {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle fill='%23268BD2' cx='16' cy='16' r='16'/%3E%3C/svg%3E"); }

.lightpick__day.is-start-date,
.lightpick__day.is-end-date,
.lightpick__day.is-start-date:hover,
.lightpick__day.is-end-date:hover {
  width: 40px;
  height: 40px;
  background: #e31b23;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #FFF;
  font-weight: bold; }

.lightpick__tooltip {
  position: absolute;
  margin-top: -4px;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  font-size: 11px;
  pointer-events: none; }

.lightpick__tooltip::before {
  position: absolute;
  bottom: -5px;
  left: calc(50% - 5px);
  border-top: 5px solid rgba(0, 0, 0, 0.12);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: ""; }

.lightpick__tooltip::after {
  position: absolute;
  bottom: -4px;
  left: calc(50% - 4px);
  border-top: 4px solid #FFF;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: ""; }

.lightpick__footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.lightpick__reset-action,
.lightpick__apply-action {
  border-radius: 5px;
  font-size: 12px;
  border: none; }

.lightpick__reset-action {
  color: #fff;
  background-color: #aeacad; }

.lightpick__apply-action {
  color: #fff;
  background-color: #2495f3; }

.arcticmodal-overlay,
.arcticmodal-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000; }

.arcticmodal-container {
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse; }

*:first-child + html .arcticmodal-container {
  height: 100%; }

.arcticmodal-container_i {
  height: 100%;
  margin: 0 auto; }

.arcticmodal-container_i2 {
  padding: 24px;
  margin: 0;
  border: 0;
  vertical-align: middle; }

.arcticmodal-error {
  padding: 20px;
  border-radius: 10px;
  background: #000;
  color: #fff; }

.arcticmodal-loading {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  background: #000; }

body {
  background: #F8F8F7; }

.container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 48px; }
  @media (max-width: 480px) {
    .container {
      padding: 0 20px;
      max-width: 100%; } }

a {
  transition: all 0.3s;
  color: #000;
  text-decoration: none; }
  a:hover {
    color: #98A2A8; }

.rotate{
  transform: rotateX(180deg);  
}

.transition{
  transition: all 0.3s;
}

.content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  padding-bottom: 110px; }
  @media (max-width: 1365px) {
    .content {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  @media (max-width: 959px) {
    .content {
      -ms-flex-direction: column;
          flex-direction: column; } }
  @media (max-width: 480px) {
    .content {
      padding-bottom: 50px; } }

.main {
  width: 100%;
  margin-right: 1.6%;
  margin-left: 1.6%;
}
  @media (max-width: 1620px) {
    .main {
      margin-right: 0;
      margin-left: 1.6%; } }
  @media (max-width: 1365px) {
    .main {
      -ms-flex-order: 1;
          order: 1;
      width: calc(100% - 271px);
      margin-left: auto; } }
  @media (max-width: 959px) {
    .main {
      width: 100%; } }
  @media (max-width: 768px) {
    .main {
      margin-left: 0; } }

.wrap {
  position: relative; }

.wrap-auth {
  position: relative;
  min-height: 100vh; }

.main-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-positive: 1;
      flex-grow: 1; }
  @media (max-width: 1365px) {
    .main-wrap {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: calc(100% - 271px); } }
  @media (max-width: 959px) {
    .main-wrap {
      width: 100%; } }
  .main-wrap .main {
    width: calc(100% - 340px); }
    @media (max-width: 1365px) {
      .main-wrap .main {
        width: 100%; } }
  @media (max-width: 1365px) {
    .main-wrap .sidebar-right {
      width: 100%; } }

.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px; }

.icon {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .icon svg {
    width: 100%;
    height: 100%;
    transition: all 0.5s; }

.icon-setting {
  width: 40px;
  height: 40px; }
  .icon-setting svg {
    stroke: #000; }

.icon-notice {
  width: 40px;
  height: 40px; }
  .icon-notice svg {
    stroke: #000; }

.icon-user {
  width: 21px;
  height: 23px; }
  .icon-user svg {
    stroke: #98A2A8; }

.icon-notebook {
  width: 70px;
  height: 70px; }
  .icon-notebook svg {
    stroke: #000; }

.icon-more {
  width: 32px;
  height: 32px; }
  .icon-more svg {
    fill: #000;
    stroke: #000; }

.icon-support {
  width: 40px;
  height: 40px; }
  .icon-support svg {
    fill: #000;
    stroke: #000; }

.icon-arrow {
  width: 10px;
  height: 6px; }
  .icon-arrow svg {
    stroke: #000; }

.icon-remove {
  width: 22px;
  height: 22px; }
  .icon-remove svg {
    stroke: #000; }
  .icon-remove:hover svg {
    stroke: #98A2A8; }

.icon-list-header {
  width: 40px;
  height: 40px; }
  .icon-list-header svg {
    stroke: #000; }
  .icon-list-header:hover svg {
    stroke: #98A2A8; }

.icon-profile {
  width: 22px;
  height: 24px; }
  .icon-profile svg {
    stroke: #000; }
  .icon-profile:hover svg {
    stroke: #98A2A8; }

.icon-filter {
  width: 25px;
  height: 25px; }
  .icon-filter svg {
    stroke: #000; }
  .icon-filter:hover svg {
    stroke: #98A2A8; }

.icon-exit {
  width: 25px;
  height: 25px; }
  .icon-exit svg {
    stroke: #000; }
  .icon-exit:hover svg {
    stroke: #98A2A8; }

.icon-plane {
  width: 48px;
  height: 48px; }
  .icon-plane svg {
    stroke: #000;
    stroke-width: 0; }

.icon-car {
  width: 48px;
  height: 48px; }
  .icon-car svg {
    stroke: #000; }

.icon-tram {
  width: 48px;
  height: 48px; }
  .icon-tram svg {
    stroke: #000;
    stroke-width: 0; }

.icon-building {
  width: 48px;
  height: 48px; }
  .icon-building svg {
    stroke: #000;
    stroke-width: 0; }

.icon-box {
  width: 42px;
  height: 44px; }
  .icon-box svg {
    stroke: #000; }

.icon-arrow-top {
  width: 22px;
  height: 20px; }
  .icon-arrow-top svg {
    stroke: #000; }
  .icon-arrow-top:hover svg {
    stroke: #98A2A8; }

.icon-close {
  width: 20px;
  height: 20px; }
  .icon-close svg {
    stroke: #000; }
  .icon-close:hover svg {
    stroke: #98A2A8; }
  .icon-close.file {
    width: 10px;
    height: 10px;
    margin-left: 5px;
    top: -4px; }
    .icon-close.file svg {
      stroke: #FF3B30; }
    .icon-close.file:hover svg {
      stroke: #98A2A8; }

.icon-calendar {
  width: 40px;
  height: 40px; }
  .icon-calendar svg {
    stroke: #000; }
  .icon-calendar:hover svg {
    stroke: #98A2A8; }

.icon-edit {
  width: 22px;
  height: 22px; }
  .icon-edit svg {
    stroke: #000; }
  .icon-edit:hover svg {
    stroke: #98A2A8; }

.icon-scan {
  width: 22px;
  height: 22px; }
  .icon-scan svg {
    fill: #000; }
  .icon-scan:hover svg {
    fill: #98A2A8; }
    
.icon-chat {
  width: 31px;
  height: 34px; }
  .icon-chat svg {
    stroke: #000; }
  .icon-chat:hover svg {
    stroke: #98A2A8; }

.icon-attach {
  width: 22px;
  height: 22px; }
  .icon-attach svg {
    stroke: #000; }
  .icon-attach:hover svg {
    stroke: #98A2A8; }

.icon-search {
  width: 24px;
  height: 24px; }
  .icon-search svg {
    stroke: #5D6C74;
    fill: #5D6C74; }
  .icon-search:hover svg {
    stroke: #98A2A8;
    fill: #98A2A8; }

.icon-plus {
  width: 19px;
  height: 19px; }
  .icon-plus svg {
    stroke: #000; }
  .icon-plus:hover svg {
    stroke: #98A2A8; }

.icon-arrow-history {
  width: 11px;
  height: 8px; }
  .icon-arrow-history svg {
    stroke: #000; }
  .icon-arrow-history:hover svg {
    stroke: #98A2A8; }

.icon-arrow-history-2 {
  width: 23px;
  height: 8px; }
  .icon-arrow-history-2 svg {
    stroke: #5D6C74; }
  .icon-arrow-history-2:hover svg {
    stroke: #98A2A8; }

.icon-warning {
  width: 22px;
  height: 22px; }
  .icon-warning svg {
    stroke: #5D6C74; }
  .icon-warning:hover svg {
    stroke: #98A2A8; }

.icon-download,
.icon-download-2 {
  width: 22px;
  height: 22px; }
  .icon-download svg,
  .icon-download-2 svg {
    stroke: #000; }
  .icon-download:hover svg,
  .icon-download-2:hover svg {
    stroke: #98A2A8; }

.icon-smile {
  width: 34px;
  height: 30px; }
  .icon-smile svg {
    stroke: #5D6C74; }
  .icon-smile:hover svg {
    stroke: #98A2A8; }

.icon-arrow-right {
  width: 20px;
  height: 22px; }
  .icon-arrow-right svg {
    stroke: #000; }
  .icon-arrow-right:hover svg {
    stroke: #000; }

.icon-profile-1,
.icon-profile-2,
.icon-profile-3 {
  width: 21px;
  height: 21px; }
  .icon-profile-1 svg,
  .icon-profile-2 svg,
  .icon-profile-3 svg {
    stroke: #000; }
  .icon-profile-1:hover svg,
  .icon-profile-2:hover svg,
  .icon-profile-3:hover svg {
    stroke: #fff; }

.icon-view-message {
  width: 20px;
  height: 12px; }
  .icon-view-message svg {
    stroke: #fff; }

.icon-notice-new {
  width: 40px;
  height: 40px; }
  .icon-notice-new svg {
    stroke: #000; }
    .icon-notice-new svg:hover svg {
      stroke: #98A2A8; }

.icon-table-done,
.icon-table-wait,
.icon-table-error {
  width: 18px;
  height: 18px; }

.icon-table-arrow {
  width: 16px;
  height: 10px; }

.box-modal {
  background: #fff;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  width: 720px;
  position: relative; 
}

.box-modal_close {
  position: absolute;
  top: 32px;
  right: 19px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(img/icon-close.svg) no-repeat 0 0;
  cursor: pointer; }

.box-modal-title {
  font-size: 32px;
  line-height: 24px;
  padding: 31px 50px 25px 40px;
  border: 1px solid #D9E2E7;
  margin-bottom: 27px; }
  @media (max-width: 768px) {
    .box-modal-title {
      padding: 31px 40px 25px 20px;
      font-size: 24px;
      word-break: break-word; } }

.box-modal-form {
  margin-top: 0; }
  .box-modal-form .input-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    margin-bottom: 9px; }
    @media (max-width: 768px) {
      .box-modal-form .input-wrap {
        -ms-flex-direction: column;
            flex-direction: column; } }
    .box-modal-form .input-wrap > :nth-child(1),
    .box-modal-form .input-wrap > :nth-child(2) {
      width: 70px; }
      @media (max-width: 768px) {
        .box-modal-form .input-wrap > :nth-child(1),
        .box-modal-form .input-wrap > :nth-child(2) {
          width: 100%;
          margin-bottom: 10px; } }
    .box-modal-form .input-wrap > :nth-child(3) {
      -ms-flex-positive: 1;
          flex-grow: 1; }
      @media (max-width: 768px) {
        .box-modal-form .input-wrap > :nth-child(3) {
          width: 100%;
          margin-bottom: 10px; } }
    .box-modal-form .input-wrap > :nth-child(4),
    .box-modal-form .input-wrap > :nth-child(5) {
      width: 110px;
      min-width: 110px; }
      @media (max-width: 768px) {
        .box-modal-form .input-wrap > :nth-child(4),
        .box-modal-form .input-wrap > :nth-child(5) {
          width: 100%;
          margin-bottom: 10px; } }
    .box-modal-form .input-wrap > :last-child {
      margin-right: 0; }
  .box-modal-form .input-item {
    margin-right: 12px; }
    @media (max-width: 768px) {
      .box-modal-form .input-item {
        width: 100%;
        margin-bottom: 10px; } }
    .box-modal-form .input-item a {
      font-size: 14px;
      line-height: 22px;
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline;
      display: inline-block;
      margin-top: 3px; }
  .box-modal-form-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%; }
    .box-modal-form-block .title {
      width: 100%;
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 25px; }
    .box-modal-form-block .input-item {
      width: 100%;
      margin-bottom: 20px; }
      .box-modal-form-block .input-item input {
        border: 1px solid #D9E2E7; }
    .box-modal-form-block .box-modal-checkbox-wrap .radio {
      margin-right: 40px; }
    .box-modal-form-block .box-modal-checkbox-wrap > :last-child {
      margin-right: 0; }
    .box-modal-form-block .input-item-row {
      width: 100%;
      display: -ms-flexbox;
      display: flex; }
      @media (max-width: 768px) {
        .box-modal-form-block .input-item-row {
          -ms-flex-direction: column;
              flex-direction: column; } }
      .box-modal-form-block .input-item-row.line-two > :first-child {
        max-width: 233px; }
        @media (max-width: 768px) {
          .box-modal-form-block .input-item-row.line-two > :first-child {
            max-width: 100%; } }
      .box-modal-form-block .input-item-row > :last-child {
        margin-right: 0; }
    .box-modal-form-block > :last-child {
      margin-right: 0; }

.box-modal-content {
  white-space: pre-line;
  padding: 0 40px; }
  @media (max-width: 768px) {
    .box-modal-content {
      padding: 0 20px; } }

.box-modal-descr {
  font-size: 16px;
  line-height: 24px;
  padding: 0 20px 20px; }


.box-modal-checkbox-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  margin-bottom: 36px; 
  margin-left: -10px;}
  @media (max-width: 768px) {
    .box-modal-checkbox-wrap {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .box-modal-checkbox-wrap .checkbox {
    width: 165px;
    overflow: visible; }
    .box-modal-checkbox-wrap .checkbox label {
      font-size: 18px; }
      .box-modal-checkbox-wrap .checkbox label:after, .box-modal-checkbox-wrap .checkbox label:before {
        margin-top: -3px; }

.input-item .box-modal-checkbox-wrap {
  margin-bottom: 0; }

.box-modal-footer {
  border-top: 1px solid #D9E2E7;
  padding: 21px 40px 19px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media (max-width: 768px) {
    .box-modal-footer {
      padding: 21px 20px 19px; } }
  .box-modal-footer .btn-expense {
    height: 48px;
    font-size: 20px; }
    @media (max-width: 768px) {
      .box-modal-footer .btn-expense {
        width: 45%;
        min-width: 45%;
        padding: 0 5px; } }

.box-modal-footer .btn {
  height: 48px;
  font-size: 20px; }
@media (max-width: 768px) {
  .box-modal-footer .btn {
    width: 45%;
    min-width: 45%;
    padding: 0 5px; } }

@media (max-width: 768px) {
  #comp-codes {
    min-width: 300px; } }

#comp-codes .input-search .input-item .icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%); }

#comp-codes .input-item {
  margin-bottom: 29px;
  position: relative; }
  #comp-codes .input-item input {
    height: 56px;
    border: 1px solid #D9E2E7;
    padding-left: 12px;
    padding-right: 40px; }
    #comp-codes .input-item input:-moz-placeholder {
      font-size: 16px;
      line-height: 40px;
      color: #98A2A8; }
    #comp-codes .input-item input::-moz-placeholder {
      font-size: 16px;
      line-height: 40px;
      color: #98A2A8; }
    #comp-codes .input-item input:-ms-input-placeholder {
      font-size: 16px;
      line-height: 40px;
      color: #98A2A8; }
    #comp-codes .input-item input::-webkit-input-placeholder {
      font-size: 16px;
      line-height: 40px;
      color: #98A2A8; }

#comp-codes .box-modal-content {
  padding: 0 20px 0 40px; }
  @media (max-width: 768px) {
    #comp-codes .box-modal-content {
      padding: 0 20px; } }

#comp-codes .box-modal-checkbox-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 260px; }
  #comp-codes .box-modal-checkbox-wrap .radio {
    width: 45%;
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      #comp-codes .box-modal-checkbox-wrap .radio {
        width: 100%; } }
  #comp-codes .box-modal-checkbox-wrap .simplebar-resize-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: justify;
        justify-content: space-between; }

@media (max-width: 480px) {
  .arcticmodal-container_i {
    width: 100%; } }

@media (max-width: 480px) {
  .arcticmodal-container_i2 {
    padding: 10px; } }

#add-expenses,
#add-expenses-2 {
  min-width: 300px; }
  #add-expenses .input-label,
  #add-expenses-2 .input-label {
    display: block; }
  #add-expenses .input-item,
  #add-expenses-2 .input-item {
    margin-bottom: 15px; }
    #add-expenses .input-item textarea,
    #add-expenses-2 .input-item textarea {
      border: 1px solid #D9E2E7;
      resize: none;
      width: 100%;
      height: 80px;
      font-size: 16px;
      line-height: 20px;
      padding: 8px; }
  #add-expenses .input-item-row,
  #add-expenses-2 .input-item-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    margin: 0 -6px 15px; }
    @media (max-width: 768px) {
      #add-expenses .input-item-row,
      #add-expenses-2 .input-item-row {
        -ms-flex-direction: column;
            flex-direction: column;
        margin: 0; } }
    #add-expenses .input-item-row > :nth-child(1),
    #add-expenses-2 .input-item-row > :nth-child(1) {
      max-width: 70px;
      width: 100%; }
    #add-expenses .input-item-row > :nth-child(2),
    #add-expenses-2 .input-item-row > :nth-child(2) {
      max-width: 150px; }
    #add-expenses .input-item-row > :nth-child(3),
    #add-expenses-2 .input-item-row > :nth-child(3) {
      max-width: 69px; }
    #add-expenses .input-item-row > :nth-child(4),
    #add-expenses-2 .input-item-row > :nth-child(4) {
      max-width: 151px; }
    #add-expenses .input-item-row > :nth-child(5),
    #add-expenses-2 .input-item-row > :nth-child(5) {
      -ms-flex-positive: 1;
          flex-grow: 1;
      min-width: 151px; }
    #add-expenses .input-item-row .input-item,
    #add-expenses-2 .input-item-row .input-item {
      margin: 0 6px; }
      @media (max-width: 768px) {
        #add-expenses .input-item-row .input-item,
        #add-expenses-2 .input-item-row .input-item {
          max-width: 100%;
          width: 100%;
          margin: 0 0 15px; } }
      #add-expenses .input-item-row .input-item input,
      #add-expenses-2 .input-item-row .input-item input {
        border-color: #D9E2E7; }
      #add-expenses .input-item-row .input-item .descr,
      #add-expenses-2 .input-item-row .input-item .descr {
        color: #98A2A8;
        line-height: 10px;
        font-size: 10px;
        margin-top: 5px; }
    #add-expenses .input-item-row.line-two .input-item,
    #add-expenses-2 .input-item-row.line-two .input-item {
      width: 50%;
      max-width: 50%; }
  #add-expenses .request-files,
  #add-expenses-2 .request-files {
    padding-top: 15px; }

#add-attachment {
  min-width: 300px; }

#modal-auth .box-modal-footer {
  border-top: 0;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 40px; }

#modal-auth .text {
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 25px; }
  @media (max-width: 768px) {
    #modal-auth .text {
      font-size: 14px;
      line-height: 20px; } }

#modal-auth img {
  max-width: 100%;
  display: block;
  margin: 0 auto; }

@media (max-width: 768px) {
  #modal-auth .box-modal-footer {
    padding: 40px 20px; }
  #modal-auth .tx-center {
    width: 100%; }
  #modal-auth .btn-expense {
    width: 100%; } }

@media (max-width: 768px) {
  #modal-auth .btn {
    width: 100%;
  }
}

#note-delete .box-modal-title {
  border-bottom: 0;
  font-size: 32px;
  padding-top: 70px;
  padding-bottom: 15px;
  margin-bottom: 0; }
  @media (max-width: 768px) {
    #note-delete .box-modal-title {
      font-size: 20px; } }

@media (max-width: 768px) {
  #note-delete .text {
    font-size: 16px;
    margin-top: 10px; } }

#note-delete .box-modal-footer {
  border-top: 0;
  padding-bottom: 70px;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 20px; }
  #note-delete .box-modal-footer .btn-expense {
    min-width: 200px;
    margin: 0 6px; }
    @media (max-width: 768px) {
      #note-delete .box-modal-footer .btn-expense {
        min-width: auto; } }

#note-delete .box-modal-footer .btn {
  min-width: 200px;
  margin: 0 6px;
}

@media (max-width: 768px) {
  #note-delete .box-modal-footer .btn {
    min-width: auto;
  }
}

@media (max-width: 420px) {
  #edit-note .box-modal-title {
    font-size: 18px; } }

#edit-note .box-modal-footer {
  -ms-flex-pack: center;
      justify-content: center; }

#edit-note .box-modal-form {
  margin-top: 35px; }

#edit-note .box-modal-form-block {
  margin-bottom: 45px; }
  #edit-note .box-modal-form-block > :last-child {
    margin-right: 0; }

#edit-note .line-three > :first-child {
  max-width: 151px; }

#edit-note .line-three > :nth-child(2) {
  max-width: 70px; }

@media (max-width: 768px) {
  #edit-note .line-three .input-item {
    max-width: 100%; } }

#edit-note .box-modal-form > :nth-child(2) {
  margin-bottom: 40px; }

#edit-note .box-modal-form > :nth-child(3) {
  margin-bottom: 30px; }

#creating-application .box-modal-form-block,
#creating-application-2 .box-modal-form-block,
#creating-application-3 .box-modal-form-block {
  margin-bottom: 25px; }

#creating-application .input-label,
#creating-application-2 .input-label,
#creating-application-3 .input-label {
  min-height: 14px; }

#choose-costs-center .box-modal-form {
  margin-top: 28px;
  margin-bottom: 15px; }

#modal-oops .box-modal-content {
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  padding-top: 25px; }
  #modal-oops .box-modal-content .text {
    font-family: 'HarmoniaSansProCyr-SemiBd'; }
  @media (max-width: 768px) {
    #modal-oops .box-modal-content {
      font-size: 16px;
      line-height: 18px; } }

#modal-oops .box-modal-footer {
  border-top: 0;
  margin-top: 30px;
  margin-bottom: 25px; }
  #modal-oops .box-modal-footer .tx-center {
    width: 100%; }

#creating-application-3 .chekboxses .input-item {
  margin-bottom: 0; }

@media (max-width: 768px) {
  #add-expenses .input-item-row.line-two .input-item,
  #add-expenses-2 .input-item-row.line-two .input-item {
    width: 100%;
    max-width: 100%; } }

@media (max-width: 768px) {
  .modal-new {
    width: 100%; } }

.modal-new .box-modal-title {
  margin-bottom: 40px; }

.modal-new .box-modal-content {
  text-align: center;
  min-height: 690px;
  max-width: 555px;
  margin: 0 auto; }
  @media (max-width: 768px) {
    .modal-new .box-modal-content {
      min-height: auto;
      padding-bottom: 20px; } }
  .modal-new .box-modal-content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px; }

.modal-new .box-modal-footer .link-skip {
  text-decoration: underline; }

.modal-new .box-modal-footer .tx-center {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center; }

.modal-new .box-modal-footer a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .modal-new .box-modal-footer a .icon {
    margin-left: 10px; }
  .modal-new .box-modal-footer a:hover svg {
    stroke: #98A2A8; }

.modal-new .box-modal-footer .btn-expense {
  max-width: 156px;
  min-width: 156px; }
  @media (max-width: 480px) {
    .modal-new .box-modal-footer .btn-expense {
      min-width: auto; } }

.modal-new .box-modal-footer .btn {
  max-width: 156px;
  min-width: 156px;
}

@media (max-width: 480px) {
  .modal-new .box-modal-footer .btn {
    min-width: auto;
  }
}

.modal-new .profile-setting-lang .radio {
  margin-right: 30px; }
  .modal-new .profile-setting-lang .radio label {
    min-width: 160px; }

.modal-new .modal-lang-choose {
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }
  @media (max-width: 768px) {
    .modal-new .modal-lang-choose {
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin: 0 -5px; } }
  .modal-new .modal-lang-choose-item {
    max-width: 233px;
    text-align: left; }
    @media (max-width: 768px) {
      .modal-new .modal-lang-choose-item {
        max-width: 175px;
        margin: 0 5px; } }
  .modal-new .modal-lang-choose .title {
    margin-bottom: 30px;
    font-size: 28px; }

.modal-new .title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 15px;
  font-family: 'HarmoniaSansProCyr-SemiBd';
  text-align: left; }
  @media (max-width: 768px) {
    .modal-new .title {
      font-size: 18px;
      line-height: 22px; } }

.modal-new .text-title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px;
  font-family: 'HarmoniaSansProCyr-SemiBd';
  text-align: left; }
  @media (max-width: 768px) {
    .modal-new .text-title {
      font-size: 18px;
      line-height: 22px; } }

.modal-new .text {
  color: #373737;
  font-size: 16px;
  line-height: 22px;
  text-align: left; }

#modal-new-5 .box-modal-footer .link-skip {
  width: 156px; }
  @media (max-width: 480px) {
    #modal-new-5 .box-modal-footer .link-skip {
      width: auto; } }

#add-reassignment .descr {
  color: #98A2A8;
  font-size: 10px;
  line-height: 10px;
  margin-top: 5px; }

@media (max-width: 768px) {
  #add-reassignment .box-modal-form-block .input-item {
    width: 100%;
    max-width: 100% !important; } }

#modal-print {
  width: 295px; }
  #modal-print .box-modal-content {
    padding: 20px 0; }
  #modal-print .modal-print-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
  #modal-print .modal-print-content-item-wrap:hover {
    background-color: rgba(255, 82, 72, 0.4);
    transition: 0.3s; }
  #modal-print .modal-print-content-item-wrap {
    display: flex;
    align-items: center;
    margin: 0 10px 0 0; }
  #modal-print .modal-print-content-item-wrap:last-child {
    width: 100%; }
  #modal-print .modal-print-content-item-text {
    font-family: 'HarmoniaSansProCyr-SemiBd'; }
  #modal-print .modal-print-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    #modal-print .modal-print-content img {
      display: flex;
      margin-right: 8px; }
    #modal-print .modal-print-content span {
      margin-right: 15px; }
  #modal-print .modal-print-item {
    padding: 15px; }
  #modal-print .modal-print-item:first-child {
    padding-top: 0;
    border-bottom: 1px solid #D9E2E7; }
  #modal-print .modal-print-item:last-child {
    padding-bottom: 0; }
  #modal-print .modal-print-title {
    font-size: 18px;
    line-height: 17px;
    font-weight: 600;
    margin-bottom: 10px; }

.breadcrumbs-wrap {
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media (max-width: 480px) {
    .breadcrumbs-wrap {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: start;
          align-items: flex-start;
      margin-bottom: 0; } }
  @media (max-width: 480px) {
    .breadcrumbs-wrap .flex-center {
      width: 100%;
      -ms-flex-pack: end;
          justify-content: flex-end;
      margin-top: 16px; } }

@media (max-width: 1365px) {
  .breadcrumbs-wrap {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-left: 0!important;
  } }

.breadcrumbs-wrap .control-links {
  margin-left: 5px;
  margin-right: 5px;
  display: none; }
  @media (max-width: 960px) {
    .breadcrumbs-wrap .control-links {
      display: block;
      margin-right: 0;
      margin-left: 7px; } }

.breadcrumbs-wrap .breadcrumbs {
  width: 100%;
  max-width: 100%; }

.breadcrumbs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  line-height: 25px;
  margin-left: 3px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: 10px; }
  @media (max-width: 1365px) {
    .breadcrumbs {
      width: 100%;
      max-width: calc(100% - 260px); } }
  @media (max-width: 959px) {
    .breadcrumbs {
      width: 100%;
      max-width: 100%; } }
  .breadcrumbs a {
    font-size: 14px;
    position: relative;
    margin-right: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media (max-width: 959px) {
      .breadcrumbs a {
        font-size: 12px;
        line-height: 14px; } }
    .breadcrumbs a:after {
      position: relative;
      background: url(img/icon-breadcrumbs.svg) no-repeat 0 0;
      width: 12px;
      height: 11px;
      margin-left: 13px;
      margin-top: -2px; }
  .breadcrumbs span {
    font-size: 14px;
    color: #98A2A8; }
    @media (max-width: 959px) {
      .breadcrumbs span {
        font-size: 12px;
        line-height: 14px; } }

.chat-content {
  max-height: 670px;
  min-height: 670px;
  background: #fff;
  padding: 30px 20px; }
  .chat-content-mess {
	max-width: 100%;
  }
  @media (max-width: 1365px) {
    .chat-content {
      min-height: 500px; } }
  .chat-content-mess {
    clear: both;
    margin-bottom: 15px; }
    .chat-content-mess .icon-view-message {
      position: absolute;
      bottom: 8px;
      right: 4px; }
    .chat-content-mess.left {
      float: left; }
      .chat-content-mess.left .chat-content-mess-text {
        border-radius: 0px 12px 12px 12px;
        padding: 10px 25px 5px 11px;
        position: relative; }
    .chat-content-mess.right {
      float: right; }
      .chat-content-mess.right .chat-content-mess-text {
        border-radius: 12px 12px 0px 12px;
        padding: 10px 25px 5px 11px;
        position: relative; }
    .chat-content-mess-text {
      background: #E5E6EA;
      font-size: 15px;
	  word-break: break-all;
      padding: 10px 11px 5px 11px;
      line-height: 18px;
      margin-bottom: 5px; }
      .chat-content-mess-text > div {
        color: #D9E2E7;
        font-size: 10px; }
    .chat-content-mess-author {
      color: #858E99;
      font-size: 11px;
      margin-bottom: 2px; }
    .chat-content-mess.orange .chat-content-mess-author {
      color: #FF5530; }
    .chat-content-mess.orange .chat-content-mess-text {
      background: #FF5530;
      color: #fff; }
    .chat-content-mess.gray .chat-content-mess-author {
      color: #858E99; }
    .chat-content-mess.gray .chat-content-mess-text {
      background: #98A2A8;
      color: #fff; }
    .chat-content-mess.agent .chat-content-mess-author {
      color: #858E99; }

.chat-date {
  clear: both;
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px; }

.chat-controls {
  background: #fff;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  margin: 0 20px 19px 20px;
  border-radius: 5px;
  height: 82px;
  min-height: 44px;
  transition: all .5s; }
  .chat-controls .input {
    border-radius: 5px;
    background: #fff;
    border: 0;
    padding: 12px 10px;
    height: 78px; }
    .chat-controls .input:-moz-placeholder {
      color: #C4C4C4; }
    .chat-controls .input::-moz-placeholder {
      color: #C4C4C4; }
    .chat-controls .input:-ms-input-placeholder {
      color: #C4C4C4; }
    .chat-controls .input::-webkit-input-placeholder {
      color: #C4C4C4; }
  .chat-controls textarea {
    width: 100%;
    resize: none;
    font-size: 15px;
    line-height: 18px;
    padding: 12px;
    height: 45px;
    font-weight: 100; }
    .chat-controls textarea:focus {
      outline: none; }
  .chat-controls.active {
    padding-bottom: 10px;
    min-height: 162px;
    position: relative;
    padding-bottom: 60px; }
    .chat-controls.active .input {
      height: 90px;
      padding-right: 40px; }
    .chat-controls.active .chat-controls-more {
      display: block;
      width: 100%; }
    .chat-controls.active .chat-smiles {
      display: block; }
  .chat-controls-wrap {
    background: #fff;
    padding-bottom: 5px;
    padding-top: 15px; }
  .chat-controls-more {
    padding: 0 12px;
    position: absolute;
    display: none;
    bottom: 12px; }
    .chat-controls-more .title {
      color: #858E99;
      font-size: 11px;
      line-height: 13px;
      margin-bottom: 5px; }
  .chat-controls-btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin: 0 -4px; }
    @media (max-width: 480px) {
      .chat-controls-btns {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: start;
            justify-content: flex-start; } }
    .chat-controls-btns .btn-expense {
      padding: 0 9px;
      -ms-flex-align: center;
          align-items: center;
      min-width: auto;
      font-size: 12px;
      height: 30px;
      margin: 0 4px; }
      @media (max-width: 480px) {
        .chat-controls-btns .btn-expense {
          margin: 1px;
          padding: 0 5px;
          width: auto; } }
      .chat-controls-btns .btn_orange {
        border: 1px solid #FEB7A7;
        color: #FF5530; }
        .chat-controls-btns .btn_orange:hover {
          background: #FF5530;
          color: #fff;
          border-color: #FF5530; }
      .chat-controls-btns .btn_gray {
        text-transform: none;
        letter-spacing: 0; }

.chat-controls-btns .btn {
  padding: 0 9px;
  -ms-flex-align: center;
  align-items: center;
  min-width: auto;
  font-size: 12px;
  height: 30px;
  margin: 0 4px;
}

@media (max-width: 480px) {
  .chat-controls-btns .btn {
    margin: 1px;
    padding: 0 5px;
    width: auto;
  }
}

.chat-new-mess {
  position: absolute;
  top: 0;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF0000; }

.chat-mobile {
  display: none; }

.link-chat,
.link-notice {
  display: none; }
  @media (max-width: 959px) {
    .link-chat,
    .link-notice {
      display: inline-block;
      margin-top: -10px;
      margin-bottom: 0; } }

.chat-block .filters-title {
  margin-bottom: 24px; }

.chat-smiles {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none; }

@media (max-width: 959px) {
  .link-notice {
    margin-top: 0; } }

.chat-content-mess.orange .chat-content-mess-author {
  color: #4CD964; }

.chat-content-mess.orange .chat-content-mess-text {
  background: #4CD964;
  color: #fff; }

.header {
  padding: 28px 0 39px; }
  @media (max-width: 959px) {
    .header {
      padding-bottom: 27px;
      padding-top: 23px; } }

.header-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media (max-width: 959px) {
    .header-wrap {
      -ms-flex-align: center;
          align-items: center; } }

.header-controls {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding-top: 10px; }
  @media (max-width: 959px) {
    .header-controls {
      padding-top: 0;
      margin-top: -3px; } }
  .header-controls__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    margin-left: 3px;
    color: #000;
    text-decoration: none; }
    @media (max-width: 959px) {
      .header-controls__item {
        font-size: 0;
        margin-left: 0; } }
    .header-controls__item .icon-setting {
      margin-left: 1px; }
    .header-controls__item:hover {
      color: rgba(0, 0, 0, 0.2); }
      .header-controls__item:hover svg {
        stroke: rgba(0, 0, 0, 0.2); }

@media (max-width: 959px) {
  .logo {
    display: none; } }

.logo-mob {
  display: none; }
  @media (max-width: 959px) {
    .logo-mob {
      display: block;
      text-align: center;
      -ms-flex-order: -1;
          order: -1; } }

.header-profile {
  display: none; }
  @media (max-width: 959px) {
    .header-profile {
      display: block; } }

.hamburger {
  height: 24px;
  cursor: pointer;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity,filter;
  display: none;
  z-index: 99;
  margin-right: 18px; }
  @media (max-width: 959px) {
    .hamburger {
      display: block;
      margin-left: auto;
      margin-right: 15px; } }
  .hamburger .hamburger-box {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px; }
    .hamburger .hamburger-box .hamburger-inner {
      transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
      transition-duration: 75ms;
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      width: 100%;
      height: 2px;
      transition-timing-function: ease;
      transition-duration: 0.15s;
      transition-property: transform;
      background-color: #000;
      margin-top: -3px; }
      .hamburger .hamburger-box .hamburger-inner:after, .hamburger .hamburger-box .hamburger-inner:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        transition-timing-function: ease;
        transition-duration: 0.15s;
        transition-property: transform;
        background-color: #000; }
      .hamburger .hamburger-box .hamburger-inner:before {
        top: -8px; }
      .hamburger .hamburger-box .hamburger-inner:after {
        bottom: -8px; }
  .hamburger.active .hamburger-inner {
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(45deg); }
    .hamburger.active .hamburger-inner:before {
      top: 0;
      transition: top 75ms ease,opacity 75ms ease 0.12s;
      opacity: 0; }
    .hamburger.active .hamburger-inner:after {
      bottom: 0;
      transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s;
      transform: rotate(-90deg); }

.mob-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  display: none;
  z-index: 999; }
  .mob-menu.active {
    display: -ms-flexbox;
    display: flex; }
  .mob-menu-wrap {
    width: 100%;
    padding: 0 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column; }
    .mob-menu-wrap li {
      margin-bottom: 28px; }
    .mob-menu-wrap a {
      font-size: 22px;
      -webkit-text-decoration-line: underline;
              text-decoration-line: underline; }
      @media (max-width: 480px) {
        .mob-menu-wrap a {
          font-size: 16px; } }
  .mob-menu .logout {
    padding: 0 40px;
    font-size: 22px;
    position: relative;
    margin: 30px 0; }
    @media (max-width: 480px) {
      .mob-menu .logout {
        font-size: 16px; } }
    .mob-menu .logout:before {
      width: 100%;
      left: 0;
      top: -30px;
      height: 1px;
      background: #D9E2E7; }
    .mob-menu .logout a {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .mob-menu .logout a .icon {
        margin-right: 10px;
        position: relative;
        top: -2px; }
    .mob-menu .logout:hover svg {
      stroke: #98A2A8; }
  .mob-menu .close-expense {
    position: absolute;
    top: 21px;
    right: 21px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(img/icon-close.svg) no-repeat 0 0; }
  .mob-menu .profile-user-wrap {
    margin: 0 0 30px 40px; }
    @media (max-width: 480px) {
      .mob-menu .profile-user-wrap .mob-menu {
        min-width: 265px; } }

.mob-menu-user a {
  text-decoration: none; }

.logo {
  width: 124px; }
  .logo a {
    display: block;
    position: relative; }
    .logo a:before {
      top: 100%;
      /*content: "expense";*/
      font-size: 12px;
      line-height: 14px;
      color: #E31B23;
      left: 12px;
      margin-top: -6px; }

.js-notice-dropdown {
  position: relative; }

.history-request-header {
  position: fixed;
  top: 0;
  right: 0;
  width: 320px;
  background: #fff;
  box-shadow: -2px 4px 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  padding: 25px 20px 45px 20px;
  height: 100vh;
  transition: all .5s;
  transform: translateX(100%); }
  .history-request-header.notice-open {
    transform: translateX(0%); }
  @media (max-width: 480px) {
    .history-request-header {
      width: 100%;
      right: 0; } }
  .history-request-header .filters-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    .history-request-header .filters-title .icon {
      width: 26px;
      height: 26px; }
      .history-request-header .filters-title .icon svg {
        width: 100%;
        height: 100%; }
  .history-request-header .history-request-items {
    padding: 0;
    width: 100%;
    max-height: calc(100% - 140px); }
    .history-request-header .history-request-items .simplebar-track.simplebar-vertical {
      right: -15px; }
  .history-request-header .history-request-item {
    padding: 15px 10px 18px 28px;
    background: #F8F8F7;
    border-radius: 5px;
    opacity: .5; }
    .history-request-header .history-request-item.not-view {
      opacity: 1; }
  .history-request-header .history-request-item-bold {
    margin: 15px 0; }
    .history-request-header .history-request-item-bold .icon {
      left: -20px; }
  .history-request-header .history-request-message-from {
    color: #858E99;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 3px; }
  .history-request-header .history-request-message-text {
    background: #98A2A8;
    border-radius: 12px 12px 0 12px;
    padding: 9px 8px 9px 10px;
    font-size: 15px;
    line-height: 18px;
    color: #fff; }
    .history-request-header .history-request-message-text .icon-more {
      margin: 0 auto; }
      .history-request-header .history-request-message-text .icon-more svg {
        stroke: #fff; }
  .history-request-header .history-request-attach > span {
    color: #5D6C74;
    font-size: 12px; }
  .history-request-header .history-request-attach-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .history-request-header .history-request-attach-item a {
      text-decoration: underline;
      font-family: 'HarmoniaSansProCyrBold';
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .history-request-header .history-request-attach-item a .icon {
        margin-right: 7px; }
      .history-request-header .history-request-attach-item a:hover {
        text-decoration: none; }
        .history-request-header .history-request-attach-item a:hover svg {
          stroke: #98A2A8; }
  .history-request-header .history-request-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .history-request-header .history-request-link span {
      text-decoration: underline;
      font-family: 'HarmoniaSansProCyrBold';
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
    .history-request-header .history-request-link .icon {
      margin-left: 7px; }
    .history-request-header .history-request-link:hover svg {
      stroke: #98A2A8; }
    .history-request-header .history-request-link:hover span {
      text-decoration: none; }
  .history-request-header .btn_black {
    padding: 0;
    width: 100%;
    min-width: auto;
    margin-top: 20px; }

.header-submenu {
  margin: 25px 0 0 10px; }
  .header-submenu li {
    margin-bottom: 10px; }
    .header-submenu li a {
      font-size: 18px; }

.notice-counter {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #FF0000;
  color: #fff;
  font-size: 11px;
  line-height: 23px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  position: absolute;
  top: 2px;
  left: 19px; }

.container-checkbox {
  display: block;
  position: relative;
  padding-left: 14px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 14px;
  width: 15px;
  border: 2px solid #000000 !important;
  border-radius: 3px; }

.container-checkbox input:checked ~ .checkmark {
  background: transparent; }

.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

.container-checkbox input:checked ~ .checkmark:after {
  display: block; }

.container-checkbox .checkmark:after {
  left: 2px;
  top: -2px;
  width: 13px;
  height: 12px;
  background: url(img/checkbox.png) no-repeat;
  background-size: contain; }

.filters__info-nav {
  display: -ms-flexbox;
  display: flex;
  margin-top: -20px;
  margin-bottom: 30px; }
  .filters__info-nav span {
    font-size: 14px;
    line-height: 16px;
    border-bottom: 1px dashed #000000;
    font-weight: bold;
    margin-right: 20px; }
  .filters__info-nav a {
    font-size: 14px;
    line-height: 16px;
    color: #5D6C74;
    position: relative;
    margin-right: auto; }
    .filters__info-nav a span {
      border-radius: 50%;
      background: #FF0000;
      position: absolute;
      width: 21px;
      height: 21px;
      color: #ffffff;
      right: -25px;
      top: -10px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      font-size: 11px;
      margin-right: 0;
      border: 0; }

.footer-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  font-size: 16px;
  line-height: 24px; }
  @media (max-width: 959px) {
    .footer-wrap {
      -ms-flex-direction: column;
          flex-direction: column; } }

.footer-left {
  width: 230px;
  min-width: 230px;
  margin-right: 10px; }
  @media (max-width: 959px) {
    .footer-left {
      -ms-flex-order: 2;
          order: 2;
      width: 100%;
      margin-bottom: 31px;
      margin-right: 0;
      text-align: center; } }
  @media (max-width: 480px) {
    .footer-left {
      margin-bottom: 17px; } }

.footer-center {
  max-width: 1152px;
  width: 100%;
  margin-top: -4px; }
  @media (max-width: 959px) {
    .footer-center {
      -ms-flex-order: 1;
          order: 1; } }
  .footer-center p {
    margin-bottom: 72px; }
    @media (max-width: 959px) {
      .footer-center p {
        margin-bottom: 40px; } }
    @media (max-width: 480px) {
      .footer-center p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 47px; } }
  .footer-center > :last-child {
    margin-bottom: 12px; }

.footer-right {
  width: 330px;
  margin-left: auto;
  min-width: 330px; }
  @media (max-width: 960px) {
    .footer-right {
      -ms-flex-order: 3;
          order: 3;
      margin: 0; } }
  @media (max-width: 959px) {
    .footer-right {
      min-width: 100%;
      width: 100%; } }
  @media (max-width: 959px) {
    .footer-right .tx-right {
      text-align: center; } }

.footer-links {
  text-align: right;
  margin-top: -3px;
  margin-bottom: 78px; }
  @media (max-width: 959px) {
    .footer-links {
      text-align: left;
      margin-bottom: 25px; } }
  @media (max-width: 480px) {
    .footer-links {
      line-height: 16px;
      font-size: 14px; } }
  .footer-links a {
    font-size: 16px;
    text-decoration: underline;
    line-height: 24px; }
    @media (max-width: 480px) {
      .footer-links a {
        font-size: 14px;
        line-height: 16px; } }
    .footer-links a:hover {
      text-decoration: none; }

.support-link {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center; }
  .support-link:hover svg {
    fill: #98A2A8;
    stroke: #98A2A8; }
  .support-link .icon {
    margin-left: 7px; }

.sidebar-left {
  width: 261px;
  min-width: 261px;
  margin-right: 10px; }
  @media (max-width: 959px) {
    .sidebar-left {
      display: none; } }

.profile-user {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  height: 40px;
  border: 1px solid #98A2A8;
  padding: 0 11px;
  border-radius: 6px;
  width: 192px;
  text-decoration: none;
  color: #000; }
  .profile-user .icon {
    margin-right: 7px; }
  .profile-user__name {
    font-size: 12px;
    margin-bottom: 1px;
    padding-top: 4px; }
  .profile-user__role {
    font-size: 11px;
    color: #98A2A8; }

.sidebar-menu .sidebar-menu__link {
  font-size: 16px;
  text-decoration: none;
  padding: 10px 10px 10px 0px;
  display: block; }

.sidebar-menu .sidebar-menu__item {
  margin-bottom: 4px; }
  .sidebar-menu .sidebar-menu__item.active > a {
    background: #fff;
    border-left: 4px solid #D1303C; }

.sidebar-menu .sidebar-menu__list-submenu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 4px; }
  .sidebar-menu .sidebar-menu__list-submenu li {
    padding-left: 32px;
    padding-right: 20px; }
    .sidebar-menu .sidebar-menu__list-submenu li a {
      padding: 16px 0 15px 0;
      color: #5D6C74;
      font-weight: 100;
      display: block;
      border-bottom: 1px solid #D9E2E7; }

.sidebar-right {
  width: 272px;
  margin-left: 30px;
  min-width: 272px; }
  @media (max-width: 1365px) {
    .sidebar-right {
      -ms-flex-order: 0;
          order: 0;
      width: calc(100% - 240px);
      margin-left: auto;
      margin-bottom: 10px; } }
  @media (max-width: 959px) {
    .sidebar-right {
      -ms-flex-order: -1;
          order: -1;
      width: 100%;
      margin-left: 0;
      margin-bottom: 0; } }
  @media (max-width: 768px) {
    .sidebar-right {
      min-width: 100%; } }
  @media (max-width: 959px) {
    .sidebar-right .filters {
      display: none;
      margin-bottom: 15px; } }

.filters-wrap {
  background: #fff;
  padding: 25px 20px; }

.filters-title {
  font-size: 28px;
  line-height: 24px;
  margin-bottom: 20px;
  font-family: 'HarmoniaSansProCyr-SemiBd'; }

@media (max-width: 1365px) {
  .filters-2 .filter-dropdown-item-content .btn-expense {
    max-width: 240px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto; } }

@media (max-width: 1365px) {
  .filters-2 .filter-dropdown-item-content .btn {
    max-width: 240px;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
}

.filter-form {
  padding-top: 20px; }

.sidebar-2 .filters-title {
  margin-bottom: 46px; }
  @media (max-width: 959px) {
    .sidebar-2 .filters-title {
      display: none; } }

.sidebar-2 .add-note {
  width: 100%;
  height: 48px;
  font-size: 19px;
  margin-bottom: 25px; 
  cursor: pointer;
}
  @media (max-width: 1365px) {
    .sidebar-2 .add-note {
      display: none; } }

.sidebar-2 .filters-wrap {
  padding: 18px 0; }
  .sidebar-2 .filters-wrap > :last-child {
    margin-bottom: 0;
    border: 0; }
  .sidebar-2 .filters-wrap .filter-dropdown-item-title {
    font-size: 12px; }

.sidebar-2 .create-app-filter {
  padding: 8px 0; }
  .sidebar-2 .create-app-filter .filter-dropdown-item-content {
    padding: 5px 20px 10px; }

@media (max-width: 959px) {
  .sidebar-2 .filters {
    display: none;
    margin-bottom: 15px; } }

.history-request {
  margin-bottom: 40px; }
  @media (max-width: 1365px) {
    .history-request {
      display: none; } }
  .history-request .filters-title {
    margin-bottom: 55px; }
  .history-request-items {
    max-height: 300px;
    padding: 5px 10px 10px 0; }
    .history-request-items .simplebar-resize-wrapper > :last-child {
      margin-bottom: 0; }
    .history-request-items .simplebar-scrollbar:before {
      opacity: 1; }
    .history-request-items .simplebar-content {
      padding-top: 0 !important; }
  .history-request-item {
    margin-bottom: 23px;
    padding-left: 24px; }
    .history-request-item-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: justify;
          justify-content: space-between;
      color: #5D6C74;
      font-size: 12px; }
    .history-request-item-bold {
      color: #000;
      margin: 7px 0;
      position: relative;
      font-size: 14px; }
      .history-request-item-bold .icon {
        position: absolute;
        top: 50%;
        left: -24px;
        transform: translateY(-50%); }
  .history-request .request-list-item-status {
    margin-top: 0;
    font-size: 13px; }
    .history-request .request-list-item-status span {
      margin: -5px 4px 0 0;
      width: 10px;
      min-width: 10px;
      height: 10px;
      min-height: 10px; }
    .history-request .request-list-item-status i {
      font-style: normal;
      color: #5D6C74;
      font-size: 13px;
      font-weight: 700;
      display: -ms-flexbox;
      display: flex; }
      .history-request .request-list-item-status i .icon {
        margin: 0 4px; }

@media (max-width: 1365px) {
  .chat-block .filters-title {
    display: none; } }

.filter-dropdown-item .input-item .width-100 {
  width: 100%;
  max-width: 100%; }

.header-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 21px; }
  @media (max-width: 1365px) {
    .header-content {
      -ms-flex-align: start;
          align-items: flex-start; } }
  @media (max-width: 959px) {
    .header-content {
      margin-bottom: 0; } }
  .header-content .breadcrumbs-wrap,
  .header-content .filters-title {
    margin-bottom: 0; }
  .header-content .breadcrumbs-wrap {
    -ms-flex-positive: 1;
        flex-grow: 1;
    width: auto; }
    @media (max-width: 1365px) {
      .header-content .breadcrumbs-wrap {
        padding-top: 10px; } }
    @media (max-width: 959px) {
      .header-content .breadcrumbs-wrap {
        padding-bottom: 13px; } }
    @media (max-width: 959px) {
      .header-content .breadcrumbs-wrap .breadcrumbs.mb-sm-10 {
        margin-bottom: 10px; } }
    @media (max-width: 1365px) {
      .header-content .breadcrumbs-wrap .breadcrumbs {
        margin-left: 0;
        margin-right: 0; } }
    @media (max-width: 480px) {
      .header-content .breadcrumbs-wrap > * {
        width: 100%; } }
    @media (max-width: 959px) {
      .header-content .breadcrumbs-wrap.breadcrumbs-sm-row {
        -ms-flex-direction: row;
            flex-direction: row; } }
    @media (max-width: 959px) {
      .header-content .breadcrumbs-wrap.breadcrumbs-sm-row > * {
        width: auto; } }
  .header-content .filters-title {
    width: 320px;
    margin-left: auto;
    margin-top: 13px;
    min-width: 320px; }
    @media (max-width: 1365px) {
      .header-content .filters-title {
        width: calc(100% - 240px); } }
    @media (max-width: 959px) {
      .header-content .filters-title {
        display: none; } }
  @media (max-width: 959px) {
    .header-content .profile-user-wrap {
      display: none; } }
  @media (max-width: 1365px) {
    .header-content.header-content-sm-center {
      -ms-flex-align: center;
          align-items: center; } }
  @media (max-width: 959px) {
    .header-content.header-content-sm-center .breadcrumbs {
      margin-bottom: 20px; } }

.profile-user-wrap {
  position: relative;
  width: 230px;
  min-width: 230px;
  margin-right: 10px; }
  .profile-user-wrap .mob-menu {
    position: absolute;
    top: 100%;
    width: 100%;
    display: block;
    border-radius: 6px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.06);
    height: auto;
    min-width: 320px;
    margin-top: 10px;
    opacity: 0;
    z-index: -99;
    transition: all .5s; }
    .profile-user-wrap .mob-menu.profile-user-open {
      z-index: 999;
      opacity: 1; }
    .profile-user-wrap .mob-menu .mob-menu-wrap {
      padding: 32px 40px 0 40px; }
      .profile-user-wrap .mob-menu .mob-menu-wrap a {
        font-size: 16px; }
    .profile-user-wrap .mob-menu .logout a {
      font-size: 16px; }
      .profile-user-wrap .mob-menu .logout a .icon {
        width: 18px;
        height: 18px; }

.directory-list__item {
  background: #fff;
  margin-bottom: 12px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); }
  .directory-list__item a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: start;
        justify-content: flex-start;
    padding: 9px 16px 9px 14px; }
  .directory-list__item__name {
    -ms-flex-positive: 1;
        flex-grow: 1;
    font-size: 22px;
    margin-top: 5px; }
    @media (max-width: 959px) {
      .directory-list__item__name {
        font-size: 14px; } }
  @media (max-width: 959px) {
    .directory-list__item .icon-notebook {
      width: 40px;
      height: 40px; } }

.finances {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding-bottom: 23px;
  margin-bottom: 83px; }
  @media (max-width: 959px) {
    .finances {
      margin-bottom: 0; } }
  .finances-title {
    padding: 6px 19px 21px 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-direction: row;
        flex-direction: row;
    margin-bottom: 3px; }
    @media (max-width: 959px) {
      .finances-title {
        padding: 6px 19px 5px 14px; }
        .finances-title .icon {
          width: 40px;
          height: 60px;
          min-width: 40px; } }
    @media (max-width: 640px) {
      .finances-title {
        padding: 6px 10px 21px 10px; } }
  .finances-name {
    -ms-flex-positive: 1;
        flex-grow: 1;
    font-size: 22px;
    line-height: 25px; }
    @media (max-width: 959px) {
      .finances-name {
        line-height: 14px;
        font-size: 14px; } }
  .finances .icon-more {
    opacity: .2; }
  .finances-controls {
    padding: 0 19px 0 22px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin-bottom: 19px; }
    @media (max-width: 640px) {
      .finances-controls {
        -ms-flex-direction: column;
            flex-direction: column;
        padding: 0 10px; }
        .finances-controls .btn-expense {
          padding: 0 40px;
          width: 100%; } }

@media (max-width: 640px) {
  .finances-controls .btn {
    padding: 0 40px;
    width: 100%;
  }
}
    .finances-controls__view {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      @media (max-width: 640px) {
        .finances-controls__view {
          margin-top: 30px;
          width: 100%; } }
      .finances-controls__view span {
        margin-right: 15px; }
        @media (max-width: 1024px) {
          .finances-controls__view span {
            display: none; } }
      .finances-controls__view-btns {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        border: 1px solid #98A2A8;
        border-radius: 5px; }
        .finances-controls__view-btns-item {
          width: 80px;
          height: 40px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          -ms-flex-pack: center;
              justify-content: center; }
          .finances-controls__view-btns-item.active, .finances-controls__view-btns-item:hover {
            background: #D9E2E6; }
        .finances-controls__view-btns > :first-child {
          border-radius: 5px 0 0 5px;
          border-right: 1px solid #98A2A8; }
        .finances-controls__view-btns > :last-child {
          border-radius: 0 5px 5px 0;
          border-left: 1px solid #98A2A8; }

.finances-table {
  padding: 0 19px 0 22px;
  font-size: 16px; }
  @media (max-width: 640px) {
    .finances-table {
      padding: 0 10px; } }
  .finances-table-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    .finances-table-row > * {
      padding: 13px 10px 13px 18px;
      border-right: 1px solid #EBEEF3; }
      @media (max-width: 480px) {
        .finances-table-row > * {
          padding: 13px 5px 13px 5px; } }
  .finances-table a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    text-decoration: underline; }
    .finances-table a span {
      border-bottom: 1px solid #000;
      margin-right: 10px; }
    .finances-table a:hover span {
      border-color: #98A2A8; }
    .finances-table a:hover .icon svg {
      stroke: #98A2A8; }
  .finances-table > :first-child a,
  .finances-table > :first-child span {
    border: 0; }
  .finances-table > :nth-child(odd) {
    background: #F6F7FA; }
  .finances-table-id {
    width: 86px;
    min-width: 86px; }
    @media (max-width: 480px) {
      .finances-table-id {
        width: 56px;
        min-width: 56px; } }
  .finances-table-code {
    width: 98px;
    min-width: 98px;
    padding: 13px 10px 13px 10px; }
    @media (max-width: 1600px) {
      .finances-table-code {
        display: none; } }
  .finances-table-name {
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 407px; }
    @media (max-width: 1530px) {
      .finances-table-name {
        max-width: 420px; } }
    @media (max-width: 1600px) {
      .finances-table-name {
        max-width: 100%; } }
  .finances-table-taxes {
    width: 91px;
    min-width: 91px;
    padding: 13px 5px 13px 5px;
    text-align: center; }
    @media (max-width: 1600px) {
      .finances-table-taxes {
        display: none; } }
  .finances-table-bill {
    width: 82px;
    min-width: 82px;
    padding: 13px 5px 13px 5px;
    text-align: center; }
    @media (max-width: 1600px) {
      .finances-table-bill {
        display: none; } }
  .finances-table-taxes-code {
    padding: 13px 5px 13px 9px;
    width: 143px;
    min-width: 143px;
    text-align: center; }
    @media (max-width: 1600px) {
      .finances-table-taxes-code {
        display: none; } }
  .finances-table-company-code {
    padding: 13px 5px 13px 9px;
    width: 143px;
    min-width: 143px; }
    @media (max-width: 1600px) {
      .finances-table-company-code {
        display: none; } }
  .finances-table-delete {
    padding: 10px 10px 10px 21px;
    min-width: 53px;
    border: 0; }
    @media (max-width: 480px) {
      .finances-table-delete {
        padding: 10px 10px 10px 11px;
        min-width: 40px;
        width: 40px; } }
    .finances-table-delete a {
      border: 0; }

.main .filters {
  display: none; }
  @media (max-width: 1365px) {
    .main .filters {
      display: block;
      margin-bottom: 16px; } }
  @media (max-width: 959px) {
    .main .filters {
      display: none; } }
  .main .filters .input-label {
    min-height: 24px;
    display: block; }
    @media (max-width: 768px) {
      .main .filters .input-label {
        min-height: 100%; } }
  @media (max-width: 768px) {
    .main .filters .input-wrap {
      margin-bottom: 0; } }
  .main .filters .input-line {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start; }
    @media (max-width: 768px) {
      .main .filters .input-line {
        -ms-flex-direction: column;
            flex-direction: column; } }
    .main .filters .input-line .input-item {
      width: 25%;
      margin-right: 10px; }
      @media (max-width: 768px) {
        .main .filters .input-line .input-item {
          width: 100%;
          margin-right: 0;
          margin-bottom: 10px; } }
    .main .filters .input-line > :last-child {
      margin-right: 0; }
  @media (max-width: 768px) {
    .main .filters .input-two {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .main .filters .input-two .input-item {
    width: 154px;
    margin-right: 10px; }
    @media (max-width: 768px) {
      .main .filters .input-two .input-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px; } }
  .main .filters .input-two > :last-child {
    -ms-flex-positive: 1;
        flex-grow: 1;
    margin-right: 0; }
  @media (max-width: 768px) {
    .main .filters .input-two {
      margin-bottom: 0; } }
  .main .filters .filter-checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
    @media (max-width: 768px) {
      .main .filters .filter-checkbox {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: start;
            align-items: flex-start; } }
    .main .filters .filter-checkbox .checkbox {
      width: 260px; }

.link-filter {
  margin: 8px 0 8px 0;
  display: none; }
  @media (max-width: 959px) {
    .link-filter {
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-align: center;
          align-items: center; }
      .link-filter span {
        margin-left: 10px; } }

.main-finances .link-filter {
  margin-top: 20px; }

.main-finances .filters {
  margin-top: 15px; }

.main-finances .filters .input-two .input-item {
  width: 184px; }
  @media (max-width: 768px) {
    .main-finances .filters .input-two .input-item {
      width: 100%; } }

@media (max-width: 480px) {
  .request-list {
    margin-top: 9px; } }

.request-list-item {
  background: #fff;
  padding: 16px 32px 16px 42px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
  margin-bottom: 7px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  -ms-flex-align: stretch;
      align-items: stretch; }
  @media (max-width: 992px) {
    .request-list-item {
      padding: 16px 13px 16px 20px; } }
  @media (max-width: 768px) {
    .request-list-item {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center;
      padding-top: 36px; } }
  @media (max-width: 480px) {
    .request-list-item {
      padding-top: 46px;
      margin-bottom: 10px; } }
  .request-list-item-left {
    -ms-flex-positive: 2;
        flex-grow: 2;
    max-width: 500px; }
    @media (max-width: 768px) {
      .request-list-item-left {
        text-align: center; } }
  .request-list-item-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-positive: 1;
        flex-grow: 1;
    /* max-width: 280px; */
    padding-top: 6px; }
    @media (max-width: 1100px) {
      .request-list-item-right {
        min-width: 200px; } }
    @media (max-width: 768px) {
      .request-list-item-right {
        -ms-flex-direction: column;
            flex-direction: column;
        -ms-flex-align: center;
            align-items: center; } }
    .request-list-item-right .request-list-item-wrap {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: end;
          align-items: flex-end;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .request-list-item-right .delete {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
  .request-list-item-center {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding-top: 25px;
    /* min-width: 200px; */}
    @media (max-width: 768px) {
      .request-list-item-center {
        padding-top: 16px;
        margin-bottom: 15px;
        -ms-flex-pack: center;
            justify-content: center; } }
    .request-list-item-center .icon {
      margin-right: 30px; }
      @media (max-width: 768px) {
        .request-list-item-center .icon {
          margin: 0 10px; } }
    .request-list-item-center > :last-child {
      margin-right: 0; }
  .request-list-item-date {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 14px;
    line-height: 22px;
    border: 1px solid #C5CCD0;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    padding: 2px 24px 0;
    margin-left: 2px;
    white-space: nowrap; }
    @media (max-width: 768px) {
      .request-list-item-date {
        background: #5D6C74;
        border: 1px solid #5D6C74;
        border-radius: 0 0 3px 3px;
        color: #fff; } }
  .request-list-item-num {
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 5px; }
    @media (max-width: 480px) {
      .request-list-item-num {
        line-height: 16px;
        margin-bottom: 1px; } }
  .request-list-item-city {
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 9px; }
    @media (max-width: 480px) {
      .request-list-item-city {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 0; } }
  .request-list-item-name {
    font-size: 14px;
    line-height: 25px; }
  .request-list-item-cost {
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    margin-right: 14px;
    white-space: nowrap; }
    @media (max-width: 992px) {
      .request-list-item-cost {
        margin-right: 0; } }
    @media (max-width: 768px) {
      .request-list-item-cost {
        margin-bottom: 30px; } }
  .request-list-item-status {
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    margin: 37px 14px 0 0;
    line-height: 25px; }
    @media (max-width: 992px) {
      .request-list-item-status {
        margin-right: 0; } }
    @media (max-width: 768px) {
      .request-list-item-status {
        display: none; } }
    @media (max-width: 480px) {
      .request-list-item-status {
        font-size: 12px; } }
    .request-list-item-status span {
      width: 15px;
      min-width: 15px;
      height: 15px;
      min-height: 15px;
      border-radius: 50%;
      margin-left: 4px;
      margin-top: -3px; }
    .request-list-item-status.green span {
      background: #4CD964; }
    .request-list-item-status.gray span {
      background: #858E99; }
    .request-list-item-status.red span {
      background: #FF0000; }
    .request-list-item-status.yellow span {
      background: #FFCE00; }
    .request-list-item-status.blue span {
      background: #2962FF; }
    .request-list-item-status.orange span {
      background: #FF9900; }
    .request-list-item-status.black span {
      background: #000000; }
  .request-list-item-notice {
    background: #98A2A8;
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 24px;
    font-size: 11px;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase; }
    @media (max-width: 992px) {
      .request-list-item-notice {
        display: none; } }
    .request-list-item-notice span {
      display: block;
      height: 20px;
      width: 126px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) rotate(-90deg); }

.filters-2 .filters-title {
  margin-top: 20px; }

.filters-2 .filters-wrap {
  padding: 25px 0; }

.filters-2 .btn_clear {
  margin-top: 20px; }

.icon .icon-counter {
  position: absolute;
  top: -10px;
  left: 30px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #98A2A8;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  text-align: center; }

.request-list.empty {
  position: relative;
  margin-bottom: 8px; }
  .request-list.empty .request-list-item {
    min-height: 121px;
    border: 1px dashed #98A2A8;
    box-shadow: none;
    background: none; }
  .request-list.empty > :nth-child(n + 3) {
    border: 1px dashed rgba(152, 162, 168, 0.4); }
  .request-list.empty .request-list-empty {
    max-width: 382px;
    width: 100%;
    min-height: 436px;
    padding: 50px 0 20px 0;
    z-index: 2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    color: #5D6C74;
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    left: 55px; }
    @media (max-width: 1365px) {
      .request-list.empty .request-list-empty {
        left: 0; } }
    .request-list.empty .request-list-empty img {
      margin: 0 auto;
      position: relative;
      width: 382px;
      height: auto;
      -ms-flex-order: 2;
          order: 2; }
      @media (max-width: 768px) {
        .request-list.empty .request-list-empty img {
          width: 100%; } }
    @media (max-width: 768px) {
      .request-list.empty .request-list-empty {
        font-size: 18px;
        line-height: 26px;
        min-height: 250px;
        padding: 20px 40px 0 40px; } }
    .request-list.empty .request-list-empty div {
      margin-bottom: 26px; }
      @media (max-width: 768px) {
        .request-list.empty .request-list-empty div {
          margin-bottom: 20px; } }
    .request-list.empty .request-list-empty .btn-expense {
      border-color: #000;
      color: #000;
      max-width: 319px;
      margin-top: 22px;
      -ms-flex-order: 3;
          order: 3; }
      @media (max-width: 768px) {
        .request-list.empty .request-list-empty .btn-expense {
          padding: 0 10px;
          min-width: 100%; } }
      .request-list.empty .request-list-empty .btn-expense:hover {
        background: #000;
        color: #fff; }

.request-list.empty .request-list-empty .btn {
  max-width: 319px;
  margin-top: 22px;
  -ms-flex-order: 3;
  order: 3;
}

@media (max-width: 768px) {
  .request-list.empty .request-list-empty .btn {
    padding: 0 10px;
    min-width: 100%;
  }
}

.request-item {
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 16px; }
  @media (max-width: 768px) {
    .request-item {
      position: relative;
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 480px) {
    .request-item {
      position: relative;
      padding-left: 12px;
      padding-right: 12px; } }
  .request-item.prepayment {
    border-left: 10px solid #98A2A8; }
    @media (max-width: 480px) {
      .request-item.prepayment {
        border-left-width: 6px; } }
  .request-item-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: start;
        justify-content: flex-start;
    font-size: 14px; }
    @media (max-width: 768px) {
      .request-item-row {
        -ms-flex-direction: column;
            flex-direction: column; } }
    .request-item-row.space-between {
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center; }
    .request-item-row .request-list-item-status {
      margin: 25px 0 0; }
      @media (max-width: 768px) {
        .request-item-row .request-list-item-status {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-order: 1;
              order: 1;
          width: 100%;
          -ms-flex-pack: end;
              justify-content: flex-end; } }
    .request-item-row.info .request-item-label {
      margin-bottom: 6px; }
  .request-item-controls {
    display: -ms-flexbox;
    display: flex;
    margin-top: -5px;
    -ms-flex-positive: 2;
        flex-grow: 2;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    @media (max-width: 768px) {
      .request-item-controls {
        position: absolute;
        top: 24px;
        right: 24px; } }
    @media (max-width: 480px) {
      .request-item-controls {
        -ms-flex-direction: column;
            flex-direction: column;
        background: #fff;
        box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.06);
        padding: 15px 15px 0 10px;
        top: 50px;
        display: none; } }
    .request-item-controls > a {
      margin-left: 10px; }
      @media (max-width: 480px) {
        .request-item-controls > a {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
              align-items: center;
          margin-bottom: 15px; } }
      .request-item-controls > a span {
        display: none; }
        @media (max-width: 480px) {
          .request-item-controls > a span {
            display: block;
            margin-left: 10px;
            font-size: 16px;
            font-family: 'HarmoniaSansProCyrBold'; } }
      @media (max-width: 480px) {
        .request-item-controls > a:hover .icon svg {
          stroke: #98A2A8; } }
  .request-item-name {
    font-size: 22px;
    margin-top: 19px;
    font-weight: 600;
    letter-spacing: 0.4px;
    -ms-flex-positive: 1;
        flex-grow: 1;
    font-family: 'HarmoniaSansProCyr'; }
    @media (max-width: 992px) {
      .request-item-name {
        font-size: 18px; } }
    @media (max-width: 768px) {
      .request-item-name {
        -ms-flex-order: 2;
            order: 2; } }
    @media (max-width: 480px) {
      .request-item-name {
        line-height: 20px;
        margin-bottom: 8px; } }
  .request-item-num {
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 515px;
    margin-right: 20px; }
    @media (max-width: 768px) {
      .request-item-num {
        -ms-flex-order: 2;
            order: 2; } }
    @media (max-width: 480px) {
      .request-item-num {
        font-size: 12px;
        line-height: 16px; } }
    .request-item-num b {
      font-family: 'HarmoniaSansProCyrBold'; }
  .request-item-type b {
    font-family: 'HarmoniaSansProCyrBold'; }
  .request-item-label {
    color: #AEB5B9;
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    line-height: 22px;
    font-family: 'HarmoniaSansProCyr'; }
    @media (max-width: 768px) {
      .request-item-label {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 8px; } }
    .request-item-label .icon {
      margin-left: 7px; }
  .request-item-content {
    font-family: 'HarmoniaSansProCyr-SemiBd';
    font-size: 14px;
    margin-bottom: 5px; }
    .underlined {
      text-decoration: underline; }
    @media (max-width: 768px) {
      .request-item-content {
        font-size: 12px; } }
    .request-item-content .input-choose-item {
      margin: 0 0 0 8px; }
      @media (max-width: 768px) {
        .request-item-content .input-choose-item {
          margin: 0 8px 8px 0; } }
    .request-item-content .input-choose {
      -ms-flex-pack: end;
          justify-content: flex-end; }
      @media (max-width: 1480px) {
        .request-item-content .input-choose {
          -ms-flex-pack: start;
              justify-content: flex-start; }
          .request-item-content .input-choose > :first-child {
            margin-left: 0; } }
  .request-item-block {
    margin-top: 3px;
    margin-bottom: 17px;
    padding-right: 10px; }
    /*@media (max-width: 1500px) {
      .request-item-block {
        min-width: auto;
        max-width: initial;
        margin-left: 0;
        margin-right: 0;
        width: 50%; } }*/
    .request-item-block {
      min-width: auto;
      max-width: initial;
      margin-left: 0;
      margin-right: 0;
      width: 50%; }
    @media (max-width: 640px) {
      .request-item-block {
        width: 100%; } }
    .request-item-block b {
      font-family: 'HarmoniaSansProCyrBold'; }
    .request-item-block.cost {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      width: 100%;
      white-space: nowrap; }
      @media (max-width: 768px) {
        .request-item-block.cost {
          -ms-flex-pack: start;
              justify-content: flex-start;
          margin-top: 0;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          padding: 0; } }
      .request-item-block.cost .money {
        font-size: 22px;
        font-weight: 700; }
        @media (max-width: 768px) {
          .request-item-block.cost .money {
            font-size: 18px; } }
    .request-item-block.place {
      padding-right: 50px; }
      @media (max-width: 1280px) {
        .request-item-block.place {
          -ms-flex-order: 3;
              order: 3;
          padding-right: 0; } }
      @media (max-width: 768px) {
        .request-item-block.place {
          -ms-flex-order: 0;
              order: 0;
          padding-right: 0; } }
      .request-item-block.place input {
        border: 1px solid #D9E2E7; }
    @media (max-width: 1280px) {
      .request-item-block.payer {
        min-width: auto; } }
  .request-item-block-wrap {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    /*@media (max-width: 1500px) {
      .request-item-block-wrap {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }*/
    .request-item-block-wrap {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    @media (max-width: 640px) {
      .request-item-block-wrap {
        -ms-flex-direction: column;
            flex-direction: column; } }
    .request-item-block-wrap > :last-child {
      max-width: 100%;
      padding-right: 0; }
      @media (max-width: 480px) {
        .request-item-block-wrap > :last-child {
          min-width: auto; } }
    @media (max-width: 480px) {
      .request-item-block-wrap.fl-sm-row {
        -ms-flex-direction: row;
            flex-direction: row;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    @media (min-width: 1501px) {
      .request-item-block-wrap > :nth-child(1) {
        width: 15%; } }
    @media (min-width: 1501px) {
      .request-item-block-wrap > :nth-child(2) {
        width: 25%; } }
    @media (min-width: 1501px) {
      .request-item-block-wrap > :nth-child(3) {
        width: 30%; } }
    @media (min-width: 1501px) {
      .request-item-block-wrap > :nth-child(4) {
        width: 30%; } }
    @media (min-width: 1501px) {
      .request-item-block-wrap > .place {
        width: 40%; } }
    @media (min-width: 1501px) {
      .request-item-block-wrap > .payer {
        width: 30%; } }
  .request-item-other {
    color: #5D6C74;
    font-size: 12px; }
    .request-item-other a {
      color: #5D6C74; }
  @media (max-width: 768px) {
    .request-item-type {
      -ms-flex-order: 1;
          order: 1;
      margin-bottom: 15px; } }

.add-trip-label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  white-space: nowrap; }
  @media (max-width: 1280px) {
    .add-trip-label {
      -ms-flex-pack: start;
          justify-content: flex-start; } }
  @media (max-width: 768px) {
    .add-trip-label {
      -ms-flex-pack: justify;
          justify-content: space-between; } }

.add-trip {
  height: 24px;
  font-size: 12px;
  padding: 0 10px;
  width: auto;
  min-width: auto;
  text-transform: none;
  margin-left: 20px;
  position: relative;
  letter-spacing: 0;
  top: -1px;
  border-radius: 3px;
  cursor: pointer; }

.request-expenses {
  background: #F4F6F8;
  border: 1px solid #E5E5E5;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-bottom: 0;
  padding: 16px 16px 16px 24px; }
  @media (max-width: 768px) {
    .request-expenses {
      padding-left: 16px; } }
  @media (max-width: 480px) {
    .request-expenses {
      padding-top: 27px; } }
  .request-expenses-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    font-size: 22px; }
    @media (max-width: 768px) {
      .request-expenses-title {
        -ms-flex-direction: column;
            flex-direction: column;
        margin-bottom: 15px; }
        .request-expenses-title .btn-expense, .request-expenses__sort-button {
          margin-top: 20px; } }
    @media (max-width: 480px) {
      .request-expenses-title {
        font-size: 22px;
        padding-left: 9px;
        margin-bottom: 28px; } }
    .request-expenses-title .btn-expense {
      padding: 0 35px; }
      @media (max-width: 480px) {
        .request-expenses-title .btn-expense {
          font-size: 16px; } }

@media (max-width: 768px) {
  .request-expenses-title .btn {
    margin-top: 20px;
  }
}

.request-expenses-title .btn {
  padding: 0 35px;
}

@media (max-width: 480px) {
  .request-expenses-title .btn {
    font-size: 16px;
  }
}

  .request-expenses-empty {
    text-align: center;
    padding: 63px 0;
    color: #5D6C74;
    font-size: 22px; }
    .request-expenses-empty span {
      border-bottom: 1px solid #5D6C74; }
    .request-expenses-empty img {
      margin-top: -63px;
      margin-bottom: 10px;
      max-width: 327px;
      width: 100%;
      height: auto; }
  @media (max-width: 768px) {
    .request-expenses-block {
      width: 100%; } }

.request-bottom-controls {
  margin-top: 29px; }
  .flex {
    display: flex;
    justify-content: center; 
  }
  .revoke-button-only{
    margin-top: -29px;
  }
  @media (max-width: 580px) {
    .request-bottom-controls {
      margin: 29px -4px 0; } }
  .request-bottom-controls .btn-expense {
    height: 60px;
    font-size: 20px;
    margin: 0 5px 10px;
    padding: 0 25px;
    width: 100%;
    max-width: 317px; }
    @media (max-width: 580px) {
      .request-bottom-controls .btn-expense {
        padding: 0 5px;
        margin: 0 4px 10px;
        min-width: auto;
        font-size: 16px;
        height: 40px; } }

.request-bottom-controls .btn {
  height: 60px;
  font-size: 20px;
  margin: 0 5px 10px;
  padding: 0 25px;
  width: 100%;
  max-width: 317px;
}

@media (max-width: 580px) {
  .request-bottom-controls .btn {
    padding: 0 5px;
    margin: 0 4px 10px;
    min-width: auto;
    font-size: 16px;
    height: 40px;
  }
}

@media (max-width: 768px) {
  .request-bottom-controls .tx-center .btn {
    width: calc(50% - 10px);
  }
}

  .request-bottom-controls .tx-center {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: center;
        justify-content: center; }
    @media (max-width: 768px) {
      .request-bottom-controls .tx-center {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: 0 -5px; }
        .request-bottom-controls .tx-center .btn-expense {
          width: calc(50% - 10px); } }
    @media (max-width: 768px) {
      .request-bottom-controls .tx-center > :nth-child(3) {
        width: 100%;
        max-width: 100%; } }

@media (max-width: 480px) {
  .body-request .request {
    margin-top: 0; } }

.link-more-controls {
  display: none; }
  @media (max-width: 480px) {
    .link-more-controls {
      display: block;
      position: absolute;
      top: 15px;
      right: 13px; } }

@media (max-width: 768px) {
  .request-item-block-wrap.fl-sm-row {
    -ms-flex-direction: row;
        flex-direction: row; } }

@media (max-width: 768px) {
  .request-item-block-wrap.fl-sm-row .payer {
    width: 50%; } }

@media (max-width: 768px) {
  .request-item-block-wrap.fl-sm-row .payer + .request-item-block {
    width: 50%;
    min-width: 50%; } }

@media (max-width: 992px) {
  .request-item-block-costs .cost.cost-approve {
    display: none; } }

.request-expenses-item {
  background: #fff;
  padding: 25px 20px 13px 26px;
  margin-bottom: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  font-size: 14px;
  margin-top: 10px;
  min-height: 108px;
  position: relative; }
  @media (max-width: 960px) {
    .request-expenses-item {
      margin-bottom: 8px; } }
    .request-expenses-item.gray-exchanged{
      background: #E9ECF2;
      margin-bottom: 0;
      margin-top: 0;
    }
  .request-expenses-item.gray-line:before {
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #98A2A8; }
    @media (max-width: 480px) {
      .request-expenses-item.gray-line:before {
        width: 6px; } }
  @media (max-width: 768px) {
    .request-expenses-item {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .request-expenses-item-file {
    font-size: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: start;
        align-items: flex-start; }
    .request-expenses-item-file .icon {
      width: 17px;
      height: 17px;
      margin-right: 5px;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .request-expenses-item-file > div {
      margin-bottom: 2px; }
  @media (max-width: 1366px) {
    .request-expenses-item-text {
      -ms-flex-order: 2;
          order: 2;
      margin-bottom: 5px; } }
  .request-expenses-item-text b {
    font-family: 'HarmoniaSansProCyrBold'; }
  @media (max-width: 1366px) {
    .request-expenses-item-file {
      -ms-flex-order: 3;
          order: 3; } }
  .request-expenses-item-file b {
    font-family: 'HarmoniaSansProCyrBold';
    border-bottom: 1px dashed #999999; }
  .request-expenses-item .request-item-name .icon {
    display: none; }
  @media (max-width: 768px) {
    .request-expenses-item .request-item-name {
      -ms-flex-order: 1;
          order: 1;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; }
      .request-expenses-item .request-item-name .icon {
        display: block;
        margin-right: 9px;
        min-width: 48px; } }

.request-expenses-block .request-list-item-status {
  margin-top: 0;
  white-space: nowrap;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  @media (max-width: 1366px) {
    .request-expenses-block .request-list-item-status {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      text-align: center; }
      .request-expenses-block .request-list-item-status span {
        display: none; } }
  @media (max-width: 768px) {
    .request-expenses-block .request-list-item-status {
      display: -ms-flexbox;
      display: flex; } }
  @media (max-width: 1366px) {
    .request-expenses-block .request-list-item-status.red {
      min-width: 180px;
      background: #FF3B30;
      border-radius: 0 0 3px 3px;
      font-size: 14px;
      color: #fff;
      padding: 1px 10px 0 10px;
      -ms-flex-pack: center;
          justify-content: center; } }
  @media (max-width: 1366px) {
    .request-expenses-block .request-list-item-status.green {
      min-width: 180px;
      background: #4CD964;
      border-radius: 0 0 3px 3px;
      font-size: 14px;
      color: #fff;
      padding: 1px 10px 0 10px;
      -ms-flex-pack: center;
          justify-content: center; } }
  @media (max-width: 1366px) {
    .request-expenses-block .request-list-item-status.yellow {
      min-width: 180px;
      background: #FFCE00;
      border-radius: 0 0 3px 3px;
      font-size: 14px;
      color: #000;
      padding: 1px 10px 0 10px;
      -ms-flex-pack: center;
          justify-content: center; } }

.request-expenses-block.info {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding: 0 15px; }
  @media (max-width: 1366px) {
    .request-expenses-block.info {
      -ms-flex-direction: column;
          flex-direction: column;
      display: -ms-flexbox;
      display: flex; } }
  @media (max-width: 768px) {
    .request-expenses-block.info {
      padding: 0; } }

.request-expenses-block .request-item-name {
  margin: 10px 0;
  line-height: 29px; }
  @media (max-width: 1366px) {
    .request-expenses-block .request-item-name {
      line-height: 20px;
      font-size: 20px; } }
  @media (max-width: 480px) {
    .request-expenses-block .request-item-name {
      line-height: 20px;
      font-size: 18px;
      margin-bottom: 5px;
      margin-top: 12px; } }

.request-expenses-block.controls {
  display: -ms-flexbox;
  display: flex; }
  .request-expenses-block.controls a {
    margin: 0 5px; }
  .request-expenses-block.controls .icon-more {
    display: none; }
  @media (max-width: 1366px) {
    .request-expenses-block.controls {
      position: absolute;
      top: 5px;
      right: 18px; }
      .request-expenses-block.controls .icon-more {
        display: block; }
      .request-expenses-block.controls a {
        display: none; } }
  @media (max-width: 960px) {
    .request-expenses-block.controls {
      position: absolute;
      top: 5px;
      right: 18px; }
      .request-expenses-block.controls .icon-more {
        display: block; }
      .request-expenses-block.controls a {
        display: none; } }
  @media (max-width: 768px) {
    .request-expenses-block.controls {
      top: auto;
      bottom: 23px;
      right: 18px;
      left: auto;
      width: auto; } }

.request-expenses-block .request-list-item-cost {
  margin: 10px 14px 10px 0;
  text-align: right; }
  @media (max-width: 1280px) {
    .request-expenses-block .request-list-item-cost {
      white-space: nowrap; } }
  @media (max-width: 768px) {
    .request-expenses-block .request-list-item-cost {
      width: 100%;
      text-align: left;
      margin-bottom: 0; } }

.request-expenses-block .request-expenses-cost-status {
  font-size: 12px;
  text-align: right;
  margin-right: 14px; }
  @media (max-width: 768px) {
    .request-expenses-block .request-expenses-cost-status {
      text-align: left; } }

.request-expenses-block.pic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: start;
      align-self: flex-start;
  min-width: 48px; }
  @media (max-width: 768px) {
    .request-expenses-block.pic {
      display: none; } }

.request-expenses-wrap > :last-child {
  margin-bottom: 10px; }

.request-files {
  padding-top: 48px; }
  @media (max-width: 480px) {
    .request-files {
      padding-top: 25px; } }
  .request-files-title {
    font-size: 28px;
    letter-spacing: 0.5px;
    margin-bottom: 32px; }
    @media (max-width: 480px) {
      .request-files-title {
        font-size: 20px; } }
  .request-files-dropzone {
    border: 1px dashed #98A2A8;
    border-radius: 3px;
    min-height: 134px;
    margin-bottom: 20px;
    cursor: pointer; }
  .request-files-item {
    width: calc(20% - 8px);
    height: 224px;
    border: 1px solid #E5E5E5;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-direction: column;
        flex-direction: column;
    position: relative;
    margin: 0 4px 8px; }
    @media (max-width: 960px) {
      .request-files-item {
        width: calc(33.3% - 8px); } }
    @media (max-width: 580px) {
      .request-files-item {
        width: calc(50% - 8px);
        height: 130px; } }
    .request-files-item-pic {
      width: 100%;
      margin-top: 10px;
      text-align: center;
      margin-bottom: 5px; }
    .request-files-item-info {
      text-align: center;
      width: 100%; }
    .request-files-item.doc .request-files-item-info {
      font-size: 12px;
      line-height: 14px;
      color: #98A2A8; }
    .request-files-item .icon-more {
      position: absolute;
      top: 9px;
      right: 9px;
      cursor: pointer; }
    .request-files-item.img {
      -ms-flex-pack: end;
          justify-content: flex-end; }
      .request-files-item.img .request-files-item-pic {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        overflow: hidden; }
        .request-files-item.img .request-files-item-pic img {
          width: auto;
          height: 100%; }
      .request-files-item.img .request-files-item-info {
        position: relative;
        z-index: 3;
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 10px; }
      .request-files-item.img .icon-more {
        z-index: 3; }
      .request-files-item.img:before {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 154.55%); }
    .request-files-item-dropdown {
      display: none;
      position: absolute;
      top: 49px;
      left: calc(100% - 35px);
      padding: 22px 19px;
      background: #fff;
      box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.06);
      z-index: 5; }
      @media (max-width: 1280px) {
        .request-files-item-dropdown {
          right: 0;
          left: auto; } }
      .request-files-item-dropdown a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        white-space: nowrap;
        margin-bottom: 25px; }
        .request-files-item-dropdown a .icon {
          margin-right: 10px; }
        .request-files-item-dropdown a:hover .icon svg {
          stroke: #98A2A8; }
      .request-files-item-dropdown > :last-child {
        margin-bottom: 0; }
    @media (max-width: 480px) {
      .request-files-item:nth-child(odd) .request-files-item-dropdown {
        right: auto;
        left: 0; } }
  .request-files-wrap {
    margin: 0 -4px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center; }

.request-item-row.cost-row {
  -ms-flex-align: start;
      align-items: flex-start; }
  .request-item-row.cost-row > :last-child {
    -ms-flex-pack: end;
        justify-content: flex-end; }
    @media (max-width: 768px) {
      .request-item-row.cost-row > :last-child {
        -ms-flex-pack: start;
            justify-content: flex-start; } }

@media (max-width: 1280px) {
  .request-item-block-costs {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: end;
        align-items: flex-end; } }

.request-item-block-costs .cost {
  margin-bottom: 0;
  -ms-flex-pack: end;
      justify-content: flex-end; }
  @media (max-width: 1280px) {
    .request-item-block-costs .cost {
      -ms-flex-pack: end;
          justify-content: flex-end; } }
  @media (max-width: 768px) {
    .request-item-block-costs .cost {
      -ms-flex-pack: start;
          justify-content: flex-start;
      margin-bottom: 6px; } }

@media (max-width: 768px) {
  .request-expenses-block-wrap {
    width: 100%; } }

.request-expenses-block-wrap .flex-sm-row {
  -ms-flex-pack: end;
      justify-content: flex-end; }
  @media (max-width: 768px) {
    .request-expenses-block-wrap .flex-sm-row {
      -ms-flex-pack: start;
          justify-content: flex-start; } }
  .request-expenses-block-wrap .flex-sm-row .request-list-item-cost {
    margin: 5px 14px 5px 0;
    text-align: right; }
    @media (max-width: 960px) {
      .request-expenses-block-wrap .flex-sm-row .request-list-item-cost {
        margin-right: 0; } }
    @media (max-width: 768px) {
      .request-expenses-block-wrap .flex-sm-row .request-list-item-cost {
        text-align: left; } }
  .request-expenses-block-wrap .flex-sm-row .request-expenses-cost-status {
    text-align: right;
    margin-right: 14px; }
    @media (max-width: 960px) {
      .request-expenses-block-wrap .flex-sm-row .request-expenses-cost-status {
        margin-right: 0; } }
    @media (max-width: 768px) {
      .request-expenses-block-wrap .flex-sm-row .request-expenses-cost-status {
        text-align: left; } }

.breadcrumbs-wrap .link-notice {
  margin-right: 5px; }

.main-profile {
  margin-right: 0;
  margin-top: -47px; }
  @media (max-width: 959px) {
    .main-profile {
      margin-top: 0; } }

.profile-title {
  font-size: 28px;
  line-height: 24px;
  margin-bottom: 24px; }
  @media (max-width: 959px) {
    .profile-title {
      display: none; } }

.profile-menu {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 55px; }
  @media (max-width: 768px) {
    .profile-menu {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin-bottom: 20px; } }
  .profile-menu-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-size: 24px;
    line-height: 22px;
    color: #000;
    margin-bottom: 30px;
    transition: all .5s; }
    @media (max-width: 1280px) {
      .profile-menu-title {
        font-size: 20px; } }
    @media (max-width: 768px) {
      .profile-menu-title {
        margin-bottom: 15px; } }
    .profile-menu-title span {
      border-bottom: 2px solid #000;
      position: relative;
      top: 2px; }
    .profile-menu-title .icon {
      margin-right: 11px;
      min-width: 21px;
      min-height: 21px; }
  .profile-menu-text {
    font-size: 18px;
    line-height: 24px;
    color: #000; }
    @media (max-width: 1280px) {
      .profile-menu-text {
        font-size: 14px; } }
  .profile-menu-item {
    width: 33.3%;
    background: #fff;
    width: 33.3%;
    min-height: 184px;
    padding: 38px 40px 21px 40px;
    border-right: 1px solid #D9E2E7; }
    @media (max-width: 1280px) {
      .profile-menu-item {
        padding: 38px 20px 21px 20px; } }
    @media (max-width: 768px) {
      .profile-menu-item {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #D9E2E7;
        padding: 15px 20px 15px 20px;
        min-height: 140px; } }
    .profile-menu-item:hover, .profile-menu-item.active {
      background: #5D6C74; }
      .profile-menu-item:hover .profile-menu-title, .profile-menu-item.active .profile-menu-title {
        color: #fff; }
        .profile-menu-item:hover .profile-menu-title span, .profile-menu-item.active .profile-menu-title span {
          border-bottom: 2px solid transparent; }
        .profile-menu-item:hover .profile-menu-title .icon svg, .profile-menu-item.active .profile-menu-title .icon svg {
          stroke: #fff; }
      .profile-menu-item:hover .profile-menu-text, .profile-menu-item.active .profile-menu-text {
        color: #fff; }
  .profile-menu > :last-child {
    border-right: 0; }

.profile-forms {
  display: -ms-flexbox;
  display: flex;
  margin: 0 -24px; }
  @media (max-width: 960px) {
    .profile-forms {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 0; } }
  @media (max-width: 480px) {
    .profile-forms > :last-child {
      margin-bottom: 8px; } }

.profile-form {
  width: calc(50% - 24px);
  background: #fff;
  margin: 0 24px;
  padding: 40px 48px; }
  @media (max-width: 960px) {
    .profile-form {
      width: 100%;
      margin: 0 0 23px 0; } }
  @media (max-width: 480px) {
    .profile-form {
      width: 100%;
      padding: 40px 20px; } }
  .profile-form-title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 33px; }
    @media (max-width: 480px) {
      .profile-form-title {
        font-size: 20px; } }
  .profile-form-input-label {
    font-size: 12px;
    color: #98A2A8;
    margin-bottom: 15px; }
  .profile-form-input-item {
    margin-bottom: 47px; }
    .profile-form-input-item input {
      width: 100%;
      border: 0;
      border-bottom: 2px solid #C4C4C4;
      height: 41px;
      font-size: 18px;
      padding: 0 7px 12px 7px;
      font-family: 'HarmoniaSansProCyr'; }
      @media (max-width: 480px) {
        .profile-form-input-item input {
          font-size: 14px; } }
  @media (max-width: 480px) {
    .profile-form > :last-child {
      margin-bottom: 10px; } }

.profile-calculation {
  padding-top: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media (max-width: 1280px) {
    .profile-calculation {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }

.profile-calculation-main {
  width: 76.5%; }
  @media (max-width: 1280px) {
    .profile-calculation-main {
      overflow: auto;
      width: 100%;
      margin-right: 0; } }

.profile-calc-name {
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 25px; }
  @media (max-width: 768px) {
    .profile-calc-name {
      font-size: 24px;
      line-height: 24px;
      margin-bottom: 5px; } }

.profile-calc-cost {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 30px; }
  @media (max-width: 768px) {
    .profile-calc-cost {
      font-size: 14px;
      line-height: 18px;
      margin-bottom: 10px; } }
  .profile-calc-cost b {
    font-family: 'HarmoniaSansProCyrBold'; }

.profile-calc-table-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  @media (max-width: 1100px) {
    .profile-calc-table-row {
      -ms-flex-align: stretch;
          align-items: stretch; } }
  .profile-calc-table-row > :first-child {
    -ms-flex-positive: 1;
        flex-grow: 1;
    max-width: 498px;
    width: 100%; }
  .profile-calc-table-row > :nth-child(2) {
    max-width: 269px;
    width: 100%; }
    @media (max-width: 1500px) {
      .profile-calc-table-row > :nth-child(2) {
        max-width: 100px; } }
  .profile-calc-table-row > :last-child {
    border-right: 0;
    max-width: 180px; }

.profile-calc-table-th,
.profile-calc-table-td {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 48px;
  padding: 0 7px;
  background: #E9ECF2;
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-right: 1px solid #D1CFD7;
  font-size: 14px;
  min-width: 100px; }
  @media (max-width: 1100px) {
    .profile-calc-table-th,
    .profile-calc-table-td {
      height: auto;
      padding: 7px;
      min-width: 80px;
      min-height: 48px; } }
  .profile-calc-table-th .icon,
  .profile-calc-table-td .icon {
    margin-left: 5px; }

.profile-calc-table-td {
  background: #fff;
  -ms-flex-pack: start;
      justify-content: flex-start;
  border-bottom: 1px solid #D1CFD7;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .profile-calc-table-td a {
    text-decoration: underline; }
  .profile-calc-table-td b {
    font-family: 'HarmoniaSansProCyrBold'; }

.profile-calc-table-wrap {
  margin-right: 25px; }
  @media (max-width: 1280px) {
    .profile-calc-table-wrap {
      overflow: auto; } }
  @media (max-width: 960px) {
    .profile-calc-table-wrap {
      margin-right: 0; } }

.profile-calc-table {
  margin-bottom: 25px; }
  @media (max-width: 1280px) {
    .profile-calc-table {
      min-width: 610px; } }
  .profile-calc-table.table-sub .profile-calc-table-row > :nth-child(1) {
    max-width: 388px;
    width: 100%; }
  .profile-calc-table.table-sub .profile-calc-table-row > :nth-child(2) {
    max-width: 388px;
    width: 100%; }
  .profile-calc-table.table-sub .profile-calc-table-row > :nth-child(3) {
    max-width: 388px;
    width: 100%; }
  .profile-calc-table.table-sub .profile-calc-table-row > :last-child {
    max-width: 35px;
    min-width: 35px; }
    .profile-calc-table.table-sub .profile-calc-table-row > :last-child .icon {
      margin-left: 0; }
  .profile-calc-table.table-sub > :nth-child(odd) .profile-calc-table-td {
    background: rgba(233, 236, 242, 0.3); }

.profile-calculation-filter {
  width: 320px; }
  @media (max-width: 1280px) {
    .profile-calculation-filter {
      width: 100%;
      -ms-flex-order: -1;
          order: -1;
      margin-bottom: 30px; } }
  .profile-calculation-filter-title {
    font-size: 28px;
    line-height: 24px;
    margin-bottom: 25px; }
    @media (max-width: 959px) {
      .profile-calculation-filter-title {
        font-size: 18px;
        line-height: 20px;
        text-align: center; } }
    @media (max-width: 959px) {
      .profile-calculation-filter-title > span {
        display: none; } }
    .profile-calculation-filter-title .link-filter {
      display: none; }
      @media (max-width: 959px) {
        .profile-calculation-filter-title .link-filter {
          display: -ms-inline-flexbox;
          display: inline-flex; } }
      .profile-calculation-filter-title .link-filter:hover .icon svg {
        stroke: #98A2A8; }
  .profile-calculation-filter .filters-wrap {
    padding: 7px 0 25px 0; }
    @media (max-width: 959px) {
      .profile-calculation-filter .filters-wrap {
        display: none; } }
    .profile-calculation-filter .filters-wrap > :last-child {
      border: 0; }
    @media (max-width: 960px) {
      .profile-calculation-filter .filters-wrap .filter-dropdown-item-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; } }
    @media (max-width: 960px) {
      .profile-calculation-filter .filters-wrap .filter-dropdown-item-content .input-item {
        width: calc(50% - 8px);
        margin: 0 4px; } }
    @media (max-width: 640px) {
      .profile-calculation-filter .filters-wrap .filter-dropdown-item-content .input-item {
        width: 100%;
        margin: 0; } }

.profile-calculation-filter-sub {
  text-align: center; }
  .profile-calculation-filter-sub .btn-expense {
    padding: 0 5px;
    width: 100%;
    height: 48px; }
    @media (max-width: 1280px) {
      .profile-calculation-filter-sub .btn-expense {
        width: auto;
        min-width: 300px; } }
    @media (max-width: 480px) {
      .profile-calculation-filter-sub .btn-expense {
        min-width: auto;
        padding: 0 10px; } }

.profile-calculation-filter-sub .btn {
  padding: 0 5px;
  width: 100%;
  height: 48px;
}

@media (max-width: 1280px) {
  .profile-calculation-filter-sub .btn {
    width: auto;
    min-width: 300px;
  }
}

@media (max-width: 480px) {
  .profile-calculation-filter-sub .btn {
    min-width: auto;
    padding: 0 10px;
  }
}

.profile-setting-lang .radio {
  margin-right: 30px; }
  .profile-setting-lang .radio label {
    min-width: 160px; }

.request-menu ul {
  display: -ms-flexbox;
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  -ms-flex-align: center;
      align-items: center; }
  .request-menu ul li {
    height: 40px;
    background: #F0F0EF; 
    box-shadow: inset 0px -1px 0px #D9E2E7, inset 0px 1px 0px #D9E2E7;
    line-height: 16px;  
    padding: 12px 24px;
    gap: 10px;  
    }
    @media (max-width: 768px) {
      .request-menu ul li {
        width: 50%;
        min-width: auto; } }
    .request-menu ul li.active {
      background: #fff; 
      box-shadow: inset 0px 3px 0px #E31B23;
    }
  .request-menu ul a {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    text-align: center; }

.request-expenses-bookkeeper {
  padding: 0;
  background: #fff;
  padding-bottom: 8px;
  border: 0; }
  .request-expenses-bookkeeper .request-expenses-item {
    padding: 25px 20px 0 26px;
    margin-top: 0; }
  .request-expenses-bookkeeper .request-bookkeeper-table-wrap {
    padding: 0 20px;
    overflow: auto;
    margin-bottom: 10px; }
  .request-expenses-bookkeeper .request-bookkeeper-info-wrap {
    font-size: 14px;
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
  }
  .request-expenses-bookkeeper .profile-calc-table-th,
  .request-expenses-bookkeeper .profile-calc-table-td {
    border-right: 1px solid #E9ECF2;
    border-bottom: 0;
    word-break: break-word; }
  .request-expenses-bookkeeper .profile-calc-table-row > :first-child {
    max-width: 95px;
    min-width: 95px; }
  .request-expenses-bookkeeper .profile-calc-table-row > :nth-child(2) {
    max-width: 190px;
    min-width: 100px; }
  .request-expenses-bookkeeper .profile-calc-table-row > :nth-child(3) {
    max-width: 210px;
    width: 100%; }
    @media (max-width: 768px) {
      .request-expenses-bookkeeper .profile-calc-table-row > :nth-child(3) {
        max-width: 250px;
        min-width: 200px; } }
  .request-expenses-bookkeeper .profile-calc-table-row > :nth-child(4) {
    max-width: 350px;
    min-width: 250px;
    width: 100%; }
  .request-expenses-bookkeeper .bookkeeper-table .profile-calc-table-row > :nth-child(2) {
    max-width: 215px;
    width: 100%; }
  .request-expenses-bookkeeper .bookkeeper-table .profile-calc-table-row > :nth-child(3) {
    max-width: 250px;
    min-width: 200px;
    width: 100%; }
  .request-expenses-bookkeeper .bookkeeper-table .profile-calc-table-row > :nth-child(4) {
    max-width: 125px;
    min-width: 125px;
    width: 100%; }
  .request-expenses-bookkeeper .bookkeeper-table .profile-calc-table-row > :nth-child(6) {
    max-width: 95px;
    width: 100%; }
  .request-expenses-bookkeeper .profile-calc-table-row > :nth-child(5) {
    max-width: 90px;
    min-width: 90px;
    width: 100%; }
  .request-expenses-bookkeeper .profile-calc-table-row > :nth-child(6) {
    max-width: 87px;
    min-width: 87px;
    width: 100%; }
  .request-expenses-bookkeeper .profile-calc-table-row > :nth-child(7) {
    max-width: 80px;
    min-width: 80px;
    width: 100%; }
  .request-expenses-bookkeeper .profile-calc-table-row > .last {
    width: 38px;
    max-width: 38px;
    min-width: 38px; }
  .request-expenses-bookkeeper .profile-calc-table {
    margin-bottom: 0; }
    @media (max-width: 1530px) {
      .request-expenses-bookkeeper .profile-calc-table {
        max-width: 700px; } }
    @media (max-width: 1365px) {
      .request-expenses-bookkeeper .profile-calc-table {
        max-width: 100%; } }
  @media (max-width: 1700px) {
    .request-expenses-bookkeeper .bookkeeper-table {
      max-width: 670px; } }
  .request-expenses-bookkeeper .profile-calc-table > :nth-child(odd) .profile-calc-table-td {
    background: #E9ECF230; }
  .request-expenses-bookkeeper .request-expenses-item-file {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .request-expenses-bookkeeper .request-expenses-item-file .icon {
      min-width: 13px;
      min-height: 13px;
      margin-right: 6px;
      top: -2px; }
  @media (max-width: 480px) {
    .request-expenses-bookkeeper + .request-bottom-controls .tx-center {
      -ms-flex-direction: column;
          flex-direction: column; } }
  @media (max-width: 480px) {
    .request-expenses-bookkeeper + .request-bottom-controls .tx-center .btn-expense {
      width: 100%;
      max-width: 100%;
      margin: 0 0 8px 0; } }

@media (max-width: 480px) {
  .request-expenses-bookkeeper + .request-bottom-controls .tx-center .btn {
    width: 100%;
    max-width: 100%;
    margin: 0 0 8px 0;
  }
}

@media (max-width: 480px) {
  .request-prepayment .request-bottom-controls .tx-center {
    -ms-flex-direction: column;
        flex-direction: column; } }

@media (max-width: 480px) {
  .request-prepayment .request-bottom-controls .tx-center .btn-expense {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px 0; } }

@media (max-width: 480px) {
  .request-prepayment .request-bottom-controls .tx-center .btn {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px 0;
  }
}

.sidebar-journal .filter-dropdown-item .input-item .input-search input {
  margin-bottom: 0; }

.sidebar-journal .input-search {
  margin-bottom: 22px; }

.journal-swap-controls {
  min-height: 76px;
  background: #fff;
  margin-bottom: 8px;
  gap: 24px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 20px; }
  @media (max-width: 992px) {
    .journal-swap-controls {
      padding: 20px 5px; } }

.journal-swap .request-expenses-item {
  height: 120px;
  padding: 0 35px 0 20px;
  -ms-flex-align: stretch;
      align-items: stretch;
  margin-bottom: 8px; }
  @media (max-width: 768px) {
    .journal-swap .request-expenses-item {
      padding: 12px 20px;
      height: auto; } }

.journal-swap .request-expenses-block {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex; }
  .journal-swap .request-expenses-block.info {
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-align: flex-start;
        align-items: flex-start;
    /* -ms-flex-align: baseline;
        align-items: baseline; */
    padding: 22px 9px; }
    @media (max-width: 768px) {
      .journal-swap .request-expenses-block.info {
        padding: 5px 0;
        margin-top: 15px; } }
  .journal-swap .request-expenses-block .checkbox {
    margin-bottom: 0; }
  .journal-swap .request-expenses-block-wrap {
    text-align: right;
    padding: 22px 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media (max-width: 1365px) {
      .journal-swap .request-expenses-block-wrap {
        -ms-flex-pack: center;
            justify-content: center; } }
    @media (max-width: 768px) {
      .journal-swap .request-expenses-block-wrap {
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
            align-items: flex-start; } }
  @media (max-width: 1366px) {
    .journal-swap .request-expenses-block .request-item-name {
      line-height: normal;
      font-size: 20px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center; } }
  @media (max-width: 768px) {
    .journal-swap .request-expenses-block .request-item-name {
      -ms-flex-order: 0;
          order: 0;
      margin: 5px 0; } }
  @media (max-width: 768px) {
    .journal-swap .request-expenses-block .delete {
      position: absolute;
      top: 12px;
      right: 20px; } }
  @media (max-width: 768px) {
    .journal-swap .request-expenses-block .request-list-item-status {
      min-width: 160px; } }

@media (max-width: 1366px) {
  .journal-swap .request-expenses-item-text {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-order: 0;
        order: 0;
    margin-bottom: 0; } }

@media (max-width: 1200px) {
  .journal-swap .request-menu li {
    width: 50%;
    min-width: auto; } }

@media (max-width: 768px) {
  .journal-swap .request-menu li.active a {
    text-decoration: underline; } }

@media (max-width: 768px) {
  .journal-swap .request-menu a {
    text-align: center;
    font-size: 12px; } }

.journal-swap-controls .control {
  font-family: 'HarmoniaSansProCyr-SemiBd';
  font-size: 16px;
  position: relative;
  top: 1px; }
  @media (max-width: 992px) {
    .journal-swap-controls .control {
      margin: 10px; } }
  @media (max-width: 768px) {
    .journal-swap-controls .control {
      font-size: 12px; } }
  .journal-swap-controls .control .icon {
    margin-right: 10px; }
    .journal-swap-controls .control .icon svg {
      stroke-width: 2px; }
  .journal-swap-controls .control:hover svg {
    stroke: #98A2A8; }

.journal-swap-controls .journal-swap-controls-counter {
  position: relative;
  top: 1px; }
  @media (max-width: 992px) {
    .journal-swap-controls .journal-swap-controls-counter {
      margin: 0 10px 0 0; } }
  @media (max-width: 768px) {
    .journal-swap-controls .journal-swap-controls-counter {
      font-size: 12px; } }
  .journal-swap-controls .journal-swap-controls-counter span {
    font-family: 'HarmoniaSansProCyr-SemiBd';
    font-size: 16px; }
    @media (max-width: 768px) {
      .journal-swap-controls .journal-swap-controls-counter span {
        font-size: 12px; } }
  .journal-swap-controls .journal-swap-controls-counter a {
    margin-left: 3px; }

.journal-download .request-expenses-item {
  height: 92px;
  min-height: 92px;
  padding: 0 20px 0 20px; }
  @media (max-width: 768px) {
    .journal-download .request-expenses-item {
      height: auto;
      padding: 20px; } }
  .journal-download .request-expenses-item .request-list-item-cost {
    font-family: 'HarmoniaSansProCyr-SemiBd';
    line-height: 29px;
    margin: 10px 14px 10px 0; }

.journal-download .request-expenses-block .request-list-item-status {
  position: relative;
  left: 0;
  transform: translateX(0%);
  text-align: left;
  margin-left: -2px;
  line-height: 1; }
  @media (max-width: 768px) {
    .journal-download .request-expenses-block .request-list-item-status {
      margin-left: 0;
      min-width: auto;
      -ms-flex-pack: start;
          justify-content: flex-start; } }

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

.tx-left {
  text-align: left; }

.tx-right {
  text-align: right; }

.fl-grow {
  -ms-flex-positive: 1;
      flex-grow: 1; }

.w-150 {
  max-width: 150px !important; }

.w-230 {
  max-width: 230px !important; }
  @media (max-width: 768px) {
    .w-230.input-item {
      max-width: 100% !important; } }

.w-70 {
  width: 70px;
  max-width: 70px; }

.w-min-150 {
  min-width: 150px; }

.w-82 {
  width: 82px; }

.h-140 {
  height: 140px !important; }

.w-315 {
  max-width: 315px; }

.m-r-22 {
  margin-right: 22px; }

.m-l-auto {
  margin-left: auto !important; }

.m-r-auto {
  margin-right: auto !important; }

.box-modal-form-block .input-item.w-85 {
  width: 85px;
  min-width: 85px; }

.flex-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.justify-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

@media (max-width: 768px) {
  .flex-sm-between {
    -ms-flex-pack: justify;
        justify-content: space-between; } }

.flex-sm-row {
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 960px) {
    .flex-sm-row {
      -ms-flex-direction: column;
          flex-direction: column; } }
  @media (max-width: 768px) {
    .flex-sm-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row; } }

@media (max-width: 768px) {
  .request-expenses .flex-sm-row {
    margin-top: 10px;
    width: 100%; } }

.request-expenses .flex-sm-row > div {
  width: auto; }

@media (max-width: 768px) {
  .request-expenses .request-list-item-cost {
    margin-bottom: 10px; } }

@media (max-width: 480px) {
  .request-expenses .request-list-item-cost {
    margin-bottom: 0;
    line-height: 20px; } }

.display-fl-sm {
  display: none; }
  @media (max-width: 480px) {
    .display-fl-sm {
      display: -ms-flexbox;
      display: flex; } }

.pointer {
  cursor: pointer; }

@media (max-width: 1365px) {
  .title-hide-1365 .filters-title {
    display: none; } }

.width-100 {
  width: 100%; }

.input-required {
  color: #FF3B30;
  font-style: normal;
  margin-left: 3px; }

.disabled {
  pointer-events: none; }
  .disabled label:after,
  .disabled label:before {
    opacity: 0.5 !important; }
  .disabled.input-item label {
    opacity: 0.5; }
  .disabled.input-item input {
    opacity: 0.5; }
  .disabled.checkbox {
    opacity: 0.5; }
    .disabled.checkbox label:after {
      opacity: 1 !important; }

.fz-16 {
  font-size: 16px; }

.flex-1365-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.filter-btns-two {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center; }
  .filter-btns-two .btn-expense {
    margin-bottom: 10px; }
    @media (max-width: 1365px) {
      .filter-btns-two .btn-expense {
        width: auto;
        margin-bottom: 10px; } }

.filter-btns-two .btn {
  margin-bottom: 10px;
}

@media (max-width: 1365px) {
  .filter-btns-two .btn {
    width: auto;
    margin-bottom: 10px;
  }
}

.wrap-auth {
  background: url(img/bg-auth.jpg) no-repeat 50% 0;
  background-size: cover;
  padding-bottom: 60px; }
  .wrap-auth .logo-auth {
    position: absolute;
    top: 28px;
    left: 48px; }
    @media (max-width: 768px) {
      .wrap-auth .logo-auth {
        left: 50%;
        transform: translateX(-50%); } }
    .wrap-auth .logo-auth img {
      width: 124px;
      height: auto; }
  .wrap-auth .auth-footer {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 56px;
    padding: 0 48px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
        align-items: flex-start;
    -ms-flex-pack: justify;
        justify-content: space-between; }
    @media (max-width: 768px) {
      .wrap-auth .auth-footer {
        font-size: 14px;
        line-height: 16px;
        padding: 0 20px 15px 20px;
        -ms-flex-direction: column;
            flex-direction: column;
        height: auto; } }
    @media (max-width: 768px) {
      .wrap-auth .auth-footer > :first-child {
        margin-bottom: 15px; } }

.form-auth {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 29px 20px 5px 20px;
  width: 400px;
  border-radius: 6px; }
  @media (max-width: 480px) {
    .form-auth {
      width: 100%;
      background: none; } }
  .form-auth-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: center;
        align-items: center;
    margin-bottom: 50px; }
    .form-auth-title span {
      font-size: 28px;
      line-height: 32px;
      color: #000;
      font-family: 'HarmoniaSansProCyr-SemiBd'; }
      @media (max-width: 480px) {
        .form-auth-title span {
          color: #fff; } }
      .form-auth-title span a {
        margin-right: 15px;
        border-bottom: 0;
        position: relative;
        top: -2px; }
        .form-auth-title span a .icon-arrow-right {
          transform: rotate(-180deg); }
          @media (max-width: 480px) {
            .form-auth-title span a .icon-arrow-right svg {
              stroke: #fff; } }
        .form-auth-title span a:hover {
          border: 0; }
          .form-auth-title span a:hover svg {
            stroke: #98A2A8; }
    .form-auth-title a {
      border-bottom: 1px solid #000; }
      @media (max-width: 480px) {
        .form-auth-title a {
          border-bottom: 1px solid #fff;
          color: #fff; } }
      .form-auth-title a:hover {
        color: #000;
        border-bottom: 1px solid transparent; }
        @media (max-width: 480px) {
          .form-auth-title a:hover {
            color: #98A2A8; } }
  .form-auth-input {
    margin-bottom: 20px; }
    .form-auth-input-title {
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 3px; }
      @media (max-width: 480px) {
        .form-auth-input-title {
          color: #fff; } }
    .form-auth-input input {
      background: #F8F8F7;
      width: 100%;
      height: 48px;
      border: 0;
      font-size: 15px;
      font-family: 'HarmoniaSansProCyr';
      padding: 0 8px;
      border-bottom: 2px solid #E31B23; }
      .form-auth-input input.done {
        border-bottom: 2px solid #4CD964; }
      .form-auth-input input[type="password"] {
        letter-spacing: 8px;
        font-size: 20px; }
    .form-auth-input-wrap {
      position: relative; }
      .form-auth-input-wrap a {
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%); }
        .form-auth-input-wrap a:hover svg {
          stroke: #98A2A8; }
  .form-auth .btn-expense {
    width: 100%;
    height: 44px;
    font-size: 16px;
    box-shadow: 0px 4px 8px rgba(93, 108, 116, 0.2);
    margin-bottom: 24px; }

.form-auth .btn {
  width: 100%;
  height: 44px;
  font-size: 16px;
  box-shadow: 0px 4px 8px rgba(93, 108, 116, 0.2);
  margin-bottom: 24px;
}

  .form-auth .profile-user {
    width: 100%;
    height: 48px;
    background: #E9ECF2;
    border: 0; }
    .form-auth .profile-user .icon {
      margin-right: 11px; }
    .form-auth .profile-user__info {
      font-size: 12px;
      line-height: 14px; }
    .form-auth .profile-user__name {
      font-family: 'HarmoniaSansProCyr-SemiBd'; }
    .form-auth .profile-user__role {
      color: #000; }
    .form-auth .profile-user-ligth {
      border: 1px solid #98A2A8;
      background: none; }
      @media (max-width: 480px) {
        .form-auth .profile-user-ligth {
          color: #fff; } }
      .form-auth .profile-user-ligth .profile-user__name {
        font-family: 'HarmoniaSansProCyr'; }
  .form-auth-error {
    color: #FF0000;
    font-size: 12px;
    line-height: 16px; }
  .form-auth-reg {
    width: 320px; }
    @media (max-width: 480px) {
      .form-auth-reg {
        width: 300px; } }
    @media (max-width: 480px) {
      .form-auth-reg .form-auth-title {
        margin-bottom: 15px; } }
    .form-auth-reg .form-auth-reg-btn {
      margin-top: 30px; }
      @media (max-width: 480px) {
        .form-auth-reg .form-auth-reg-btn {
          margin-top: 15px; } }

.form-auth-profile {
  margin-bottom: 26px; }

.form-auth-ques-link {
  font-size: 14px;
  line-height: 16px;
  border-bottom: 1px solid #000;
  margin-top: 5px; }
  @media (max-width: 480px) {
    .form-auth-ques-link {
      border-bottom: 1px solid #fff;
      color: #fff; } }
  .form-auth-ques-link:hover {
    border-bottom: 1px solid transparent; }

.form-auth-email {
  padding: 23px 21px 0 21px; }
  .form-auth-email .form-auth-title {
    font-size: 24px;
    line-height: 28px;
    font-family: 'HarmoniaSansProCyr-SemiBd';
    text-align: center;
    margin-top: 30px;
    margin-bottom: 25px; }
    @media (max-width: 480px) {
      .form-auth-email .form-auth-title {
        color: #fff; } }
  .form-auth-email .form-auth-emil-text {
    font-size: 18px;
    line-height: 22px;
    text-align: center; }
    @media (max-width: 480px) {
      .form-auth-email .form-auth-emil-text {
        color: #fff; } }

.list-agreement {
  width: 100%;
  /* padding: 23px 28px 0 22px;  */
}
  @media (max-width: 678px) {
    .list-agreement {
      padding: 0 6px 0 0; } }
  .list-agreement-item {
    margin-bottom: 60px; }
  .list-agreement-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 8px; }
    @media (max-width: 640px) {
      .list-agreement-title {
        font-size: 20px; } }
    .list-agreement-title .num {
      width: 35px;
      height: 35px;
      /* min-width: 35px; */
      border-radius: 50%;
      border: 2px solid #000;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      font-size: 22px;
      line-height: 25px;
      margin-right: 16px; }
      .list-agreement-title .num span {
        margin-top: 6px; }
    .list-agreement-title .green {
      color: #4CD964; }
    .list-agreement-title .gray {
      color: #98A2A8; }
    .list-agreement-title .red {
      color: #FF0000; }
  .list-agreement-table {
    width: 100%; }
    @media (max-width: 800px) {
      .list-agreement-table {
        width: 660px; } }
    @media (max-width: 800px) {
      .list-agreement-table-wrap {
        width: 100%;
        overflow: auto; } }
    .list-agreement-table-row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      min-height: 48px;
      /* border-bottom: 1px solid #98A2A8; */
      justify-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .list-agreement-table-row > :nth-child(1){
        width: 20%; }
      .list-agreement-table-row > :nth-child(2) {
        width: 18%; }
      .list-agreement-table-row > :nth-child(3) {
        width: 19%; }
      .list-agreement-table-row > :nth-child(4) {
        width: 12%; }
      .list-agreement-table-row > :nth-child(5) {
        width: 8%; }
      .list-agreement-table-row > :nth-child(6) {
        width: 10%; }
      .list-agreement-table-row > :nth-child(7) {
        width: 12%; }
      .list-agreement-table-row .th {
        color: #98A2A8; }
      .list-agreement-table-row .th,
      .list-agreement-table-row .td {
        min-width: 40px;
        padding: 0 5px 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        /* line-height: 48px; */
        height: 48px; }
        .list-agreement-table-row .th .icon,
        .list-agreement-table-row .td .icon {
          margin-left: 8px;
          margin-right: 20px; }
      .list-agreement-table-row .td .icon-table-arrow {
        transform: rotate(180deg);
        transition: all .5s; }
      .list-agreement-table-row .td.active .icon-table-arrow {
        transform: rotate(0deg); }
      .list-agreement-table-row.parent {
        background: #F5F5F5;
        padding: 0 0 0 12px;
        }
      .list-agreement-table-row.parent > :first-child {
        font-family: 'HarmoniaSansProCyrBold';
        cursor: pointer; }
    .list-agreement-table > :first-child {
      /* border-bottom: 1px solid #98A2A8;  */
    }
      .list-agreement-table > :first-child > :first-child {
        padding-left: 0px; }
    .list-agreement-table.child {
      display: none; }
      .list-agreement-table.child > :first-child > :first-child {
        padding-left: 0; }
      .list-agreement-table.child > :last-child {
        border: 0; }

.calendar-time {
  border-bottom: 1px solid black;
  width: 100px;
}
.calendar-time-svg {
  display: flex;
  align-items: center;
}
.calendar-time-hours {
  width: 40px !important;
  text-align: right;
  padding: 0 !important;
  border: none !important;
}
.calendar-time-minutes {
  width: 40px !important;
  padding: 0 !important;
  border: none !important;
}



@media   (max-width: 980px) {
  #expense-modal .DayPicker-wrapper{
    width: 100% !important;
    padding: 26px 41px 14px 46px !important;
    font-size: 14px;
    border-radius: 5px;
  }
}


/*# sourceMappingURL=main.css.map*/