.card__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.card__header__actions {
  padding: 0 10px;
}

.input_card {
  padding: 10px 10px 0;
  margin-bottom: 10px;
}

.row_h, .row_l, .row_m, .row_s {
  display: flex;
}

  /*.row_h__item, .row_l__item, .row_m__item, .row_s__item {
  flex-basis: 50%;
  flex-grow: 1;
  margin-right: 20px;
}

  .row_h__item:last-child, .row_l__item:last-child, .row_m__item:last-child, .row_s__item:last-child {
    margin-right: 0;
  }*/

  .row_h > *, .row_l > *, .row_m > *, .row_s > * {
    flex-basis: 50%;
    flex-grow: 1;
    margin-right: 20px;
  }

    .row_h > *:last-child, .row_l > *:last-child, .row_m > *:last-child, .row_s > *:last-child {
      margin-right: 0;
    }

.row_card__item .card--shadow {
  height: 100%;
}

.row__item--width-fixed {
  flex-basis: initial;
  flex-grow: 0;
  flex-shrink: 0;
}

.row__item--align-bottom {
  align-self: flex-end;
}

.row__item--label-empty {
  margin-top: 23px;
}

.col {
  display: flex;
  flex-wrap: wrap;
}

  /*.col__item {
  width: 100%;
  margin-bottom: 20px;
}

  .col__item:last-child {
    margin-bottom: 0;
  }*/

  .col > * {
    width: 100%;
    margin-bottom: 20px;
  }

    .col > *:last-child {
      margin-bottom: 0;
    }

.col_card__item .card--shadow {
  height: 100%;
}

.card__item .card--shadow {
  height: 100%;
}

.info__item {
  margin-bottom: 5px;
}

  .info__item label {
    margin-bottom: 0;
  }

@media screen and (max-width: 1600px) {
  .row_h, .row_h > *.col {
    flex-direction: column;
  }

  .row_h__item {
    width: 100%;
    margin-right: 0;
    flex-basis: initial;
    align-self: initial;
  }

    .row_h__item.row_card__item {
      margin-bottom: 20px;
    }

      .row_h__item.row_card__item:last-child {
        margin-bottom: 0;
      }

    .row_h__item.row__item--label-empty {
      margin-top: 0;
    }

  .row_h > * {
    width: 100%;
    margin-right: 0;
    flex-basis: initial;
    align-self: initial;
  }

    .row_h > *.card__item {
      margin-bottom: 20px;
    }

      .row_h > *.card__item:last-child {
        margin-bottom: 0;
      }

    .row_h > *.row__item--label-empty {
      margin-top: 0;
    }
}

@media screen and (max-width: 1024px) {
  .row_l, .row_l > *.col {
    flex-direction: column;
  }

  .row_l__item {
    width: 100%;
    margin-right: 0;
    flex-basis: initial;
    align-self: initial;
  }

    .row_l__item.row_card__item {
      margin-bottom: 20px;
    }

      .row_l__item.row_card__item:last-child {
        margin-bottom: 0;
      }

    .row_l__item.row__item--label-empty {
      margin-top: 0;
    }

  .row_l > * {
    width: 100%;
    margin-right: 0;
    flex-basis: initial;
    align-self: initial;
  }

    .row_l > *.card__item {
      margin-bottom: 20px;
    }

      .row_l > *.card__item:last-child {
        margin-bottom: 0;
      }

    .row_l > *.row__item--label-empty {
      margin-top: 0;
    }
}

@media screen and (max-width: 720px) {
  .row_m, .row_m > *.col {
    flex-direction: column;
  }

  .row_m__item {
    width: 100%;
    margin-right: 0;
    flex-basis: initial;
    align-self: initial;
  }

    .row_m__item.row_card__item {
      margin-bottom: 20px;
    }

      .row_m__item.row_card__item:last-child {
        margin-bottom: 0;
      }

    .row_m__item.row__item--label-empty {
      margin-top: 0;
    }

  .row_m > * {
    width: 100%;
    margin-right: 0;
    flex-basis: initial;
    align-self: initial;
  }

    .row_m > *.card__item {
      margin-bottom: 20px;
    }

      .row_m > *.card__item:last-child {
        margin-bottom: 0;
      }

    .row_m > *.row__item--label-empty {
      margin-top: 0;
    }
}

a i.fa-times {
  cursor: pointer;
}

div.page--actions {
  font-size: 0;
}

  div.page--actions > *:not(:last-child) {
    margin-right: 10px;
  }

  div.page--actions > input[type=submit] {
    font-weight: 700;
  }

div.form-group-button > *[class^="button"]:not(:last-child) {
  margin-right: 10px;
}

.pull-right {
  float: right !important;
}

#unitListScrolled th, #unitListFixed th, #unitListScrolled2 th, #unitListFixed2 th, #unitListScrolled3 th, #unitListFixed3 th {
  vertical-align: middle;
}

table.list.vertical_middle tbody tr td {
  vertical-align: middle;
  height: 30px;
}

.load_more {
  display: flex;
  background-color: #47d78d;
  align-items: center;
}

.load_more__counter {
  flex-shrink: 0;
  padding: 0 10px;
  color: #fff;
  font-size: 13px;
}

  .load_more__counter select {
    font-size: 13px;
    padding: 2px 3px;
    margin: 0;
    width: auto;
    height: auto;
  }

.load_more__button {
  margin: 0;
  flex-basis: 100%;
}

.load_more__pager {
  flex-shrink: 0;
  padding: 0 10px;
  color: #1b2431;
  font-size: 13px;
}

  .load_more__pager a {
    color: #fff;
  }

@media screen and (max-width: 1024px) {
  .load_more {
    flex-wrap: wrap;
    background-color: #fff;
  }

  .load_more__button {
    order: 1;
    margin-bottom: 10px;
  }

  .load_more__counter {
    order: 2;
    padding: 0;
    color: initial;
  }

  .load_more__pager {
    order: 3;
    margin-left: auto;
    padding: 0;
    color: initial;
  }

    .load_more__pager a {
      color: #5ca9fb;
    }
}

.input--required, .input--required:focus {
  background-color: #FF5A4D; /*#fef4e6*/
}

.pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #e1e6eb;
  color: #1b2431;
  font-size: 13px;
  padding: 3px 10px;
  margin-top: 10px;
}

.pager__size, .pager__list {
  flex-shrink: 0;
}

  .pager__size select {
    font-size: 13px;
    padding: 2px 3px;
    margin: 0;
    width: auto;
    height: auto;
  }

.pager__list {
  margin-left: auto;
}

table.list--minheight > tbody > tr {
  min-height: 44px;
}

.prof_problem {
    background-color: #ff5a4d;
}

.prof_income {
   background-color: #f9b65a;
}

.prof_expenses {
   background-color: #5ca9fb;
}

.prof_profit {
    background-color: #47d78d;
}

table.list.head--fixed > thead > tr {
  border-bottom: none;
}

  table.list.head--fixed > thead > tr > th {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    background-color: #fff;
    padding-bottom: 0;
    z-index: 1;
  }

  table.list.head--fixed.top--0 > thead > tr > th {
    top: 0;
  }

  table.list.head--fixed > thead > tr > th:after {
    background-color: #e1e6eb;
    content: " ";
    display: block;
    height: 1px;
    width: calc(100% + 4px);
    margin-top: 2px;
    margin-left: -2px;
  }

.unit_status {
  background-color: #f9b65a;
  padding-left: 5px;
  padding-right: 5px;
}

/*for Payments*/

.column {
  float: left;
  margin: 0;
  padding: 0 5px;
}

.col-3 {
  width: 33.3333%;
}

.col-4 {
  width: 25%;
}

.col-5 {
  width: 20%;
}

.col-6 {
  width: 16.6667%;
}

.col-7 {
  width: 14.2857%;
}

.col-8 {
  width: 12.5%;
}

.col-9 {
  width: 11.1111%;
}

.col-10 {
  width: 10%;
}

.col-11 {
  width: 9.0909%;
}

.col-12 {
  width: 8.3333%;
}

.col-18 {
  width: 5.5555%;
}

.col-24 {
  width: 4.1667%;
}

.col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-18, .col-24 {
  min-width: 100px;
}

.inputfile + label {
  font-size: 15px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  background-color: #5ca9fb;
  border: 1px solid #5ca9fb;
  border-radius: 2px;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 10px;
  margin-top: -10px;
  -webkit-transition: background-color 0.3s ease-in-out;
  transition: background-color 0.3s ease-in-out;
  -webkit-appearance: none;
  cursor: pointer;
}

  .inputfile:focus + label, .inputfile.has-focus + label, .inputfile + label:hover {
    outline: none;
    background-color: #439cfa;
    color: #fff;
  }

.card--shadow {
  border: 1px solid #c7cdd1;
}
  .card--shadow header {
    background-color: #c7cdd1;
    border-bottom: 1px solid #c7cdd1;
    padding: 10px 0 0;
    margin-top: -10px;
  }

  span.required {
    margin-left: 3px;
  }

.icon_info {
  background-image: url(../Images/icon_info.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.icon_info2 {
  background-image: url(../Images/icon_info2.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.icon_info_light {
  background-image: url(../Images/info-dark.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  width: 18px;
  height: 18px;
}