@charset "UTF-8";

/*Миксины*/

.zayav_grid {
  -ms-grid-columns: (calc((100% + 16px) / 4 - 16px))[4];
  grid-template-columns: repeat(4, calc((100% + 16px) / 4 - 16px));
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.zayav_grid.background--fon-vi:hover {
  background-color: var(--fon-vi-hov);
}

.zayav_grid.background--fon-or:hover {
  background-color: var(--fon-or-hov);
}

.zayav_title {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}

.zayav__name {
  text-decoration: none;
}

.zayav__winer {
  width: 100%;
}

@media (max-width: 1000px) {
  .zayav_title {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }

  .zayav_sposob {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }

  .zayav_status {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}

@media (max-width: 700px) {
  .zayav_sposob {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    padding: 0 8px;
  }

  .zayav_status {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }

  .zayav_status .button {
    padding-left: 8px;
  }
}