@font-face {
  font-family: "evolventa";
  src: url("Evolventa-Regular.ttf");
  font-weight: normal;
}
@font-face {
  font-family: "evolventa";
  src: url("Evolventa-Bold.ttf");
  font-weight: bold;
}
/* line 11, /web/front-end/app/assets/stylesheets/footer.scss */
:root {
  --dark: black;
  --light: white;
  --red: #bb3264;
  --blue: #0093ff;
  --dpgradient: linear-gradient(90deg, var(--blue), var(--red));
  --disabled: #808080;
}

/* line 19, /web/front-end/app/assets/stylesheets/footer.scss */
html {
  overflow-x: hidden;
  font-family: "evolventa";
  scroll-behavior: smooth;
}

/* line 24, /web/front-end/app/assets/stylesheets/footer.scss */
* {
  box-sizing: border-box;
}

/* line 27, /web/front-end/app/assets/stylesheets/footer.scss */
body {
  margin: 0;
}

/* line 30, /web/front-end/app/assets/stylesheets/footer.scss */
.blur {
  filter: blur(5px) brightness(70%);
}

/* line 33, /web/front-end/app/assets/stylesheets/footer.scss */
header {
  background: var(--dpgradient);
  display: flex;
  justify-content: space-between;
}

/* line 38, /web/front-end/app/assets/stylesheets/footer.scss */
a *, button *, div > svg, .burger > * {
  /* pointer-events: none; */
}

/* line 41, /web/front-end/app/assets/stylesheets/footer.scss */
a:focus, button:focus {
  outline: none;
}

/* line 44, /web/front-end/app/assets/stylesheets/footer.scss */
input:focus, select:focus {
  box-shadow: inset 0 0 5px #0093ff;
  outline: none;
}

/* line 48, /web/front-end/app/assets/stylesheets/footer.scss */
.logo {
  padding: 8px 16px;
  display: flex;
}

/* line 52, /web/front-end/app/assets/stylesheets/footer.scss */
svg {
  flex-shrink: 0;
}

/* line 55, /web/front-end/app/assets/stylesheets/footer.scss */
.logo > svg {
  fill: var(--light);
  width: 100px;
}

/* line 59, /web/front-end/app/assets/stylesheets/footer.scss */
.burger {
  background: transparent;
  color: var(--light);
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 16px;
  cursor: pointer;
}

/* line 68, /web/front-end/app/assets/stylesheets/footer.scss */
.burger > svg {
  width: 32px;
  fill: var(--light);
}

/* line 72, /web/front-end/app/assets/stylesheets/footer.scss */
.burger > span {
  display: none;
}

/* line 75, /web/front-end/app/assets/stylesheets/footer.scss */
nav {
  display: none;
  position: absolute;
  top: 76px;
  flex-direction: column;
  z-index: 1;
  width: calc(100% - 32px);
  left: 16px;
  background: var(--red);
}

/* line 85, /web/front-end/app/assets/stylesheets/footer.scss */
a {
  text-decoration: none;
}

/* line 88, /web/front-end/app/assets/stylesheets/footer.scss */
nav > a {
  padding: 16px 24px;
  text-align: center;
  color: var(--light);
}

/* line 93, /web/front-end/app/assets/stylesheets/footer.scss */
nav > a:last-child {
  border-radius: 0 0 5px 5px;
}

/* line 96, /web/front-end/app/assets/stylesheets/footer.scss */
nav > .activeCompany {
  background: var(--blue);
}

/* line 99, /web/front-end/app/assets/stylesheets/footer.scss */
.wrapper {
  min-height: calc(100vh - 92px);
  grid-template-columns: 0 auto;
  display: grid;
  background: var(--light);
}

/* line 105, /web/front-end/app/assets/stylesheets/footer.scss */
.openSide {
  width: 40px;
  position: sticky;
  top: 50%;
  margin: 40px 0;
  border-radius: 0 50% 50% 0;
  background: rgba(0, 147, 255, 0.5);
  display: flex;
  align-items: center;
  cursor: pointer;
}

/* line 116, /web/front-end/app/assets/stylesheets/footer.scss */
.openSide > svg {
  width: 20px;
  fill: var(--dark);
}

/* line 120, /web/front-end/app/assets/stylesheets/footer.scss */
.closeSide {
  background: var(--red);
  margin: 16px 16px 16px auto;
}

/* line 124, /web/front-end/app/assets/stylesheets/footer.scss */
aside {
  position: sticky;
  display: grid;
  grid-template-columns: 290px 40px;
}

/* line 129, /web/front-end/app/assets/stylesheets/footer.scss */
.sideMenu {
  background: var(--blue);
  color: var(--light);
  text-align: right;
  display: none;
  flex-direction: column;
  white-space: nowrap;
}

/* line 137, /web/front-end/app/assets/stylesheets/footer.scss */
.sideMenu > a {
  padding: 16px;
  color: var(--light);
}

/* line 141, /web/front-end/app/assets/stylesheets/footer.scss */
.sideMenu > .activePage {
  background: var(--red);
}

/* line 144, /web/front-end/app/assets/stylesheets/footer.scss */
main {
  gap: 16px;
  display: grid;
  padding: 16px;
  margin: 0 0 auto 0;
}

/* line 150, /web/front-end/app/assets/stylesheets/footer.scss */
footer {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 32px 16px;
  white-space: nowrap;
  column-gap: 16px;
}

/* line 157, /web/front-end/app/assets/stylesheets/footer.scss */
.grad {
  background: var(--dpgradient);
  height: 16px;
}

/* line 161, /web/front-end/app/assets/stylesheets/footer.scss */
.footernav {
  display: flex;
  flex-direction: column;
}

/* line 165, /web/front-end/app/assets/stylesheets/footer.scss */
.footernav > a, .footerlinks > a {
  color: var(--red);
  padding: 16px;
  margin: 0 0 0 -16px;
}

/* line 170, /web/front-end/app/assets/stylesheets/footer.scss */
.social {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: auto 0 0 0;
  line-height: 0;
}

/* line 177, /web/front-end/app/assets/stylesheets/footer.scss */
.social svg {
  width: 32px;
  fill: var(--red);
}

/* line 181, /web/front-end/app/assets/stylesheets/footer.scss */
.line {
  height: 2px;
  background: var(--red);
  grid-column: 1/-1;
  margin: 32px 0;
}

/* line 187, /web/front-end/app/assets/stylesheets/footer.scss */
.footerlinks {
  display: grid;
  grid-template-columns: auto;
}

/* line 191, /web/front-end/app/assets/stylesheets/footer.scss */
.plate {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: var(--light);
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

/* line 199, /web/front-end/app/assets/stylesheets/footer.scss */
.table {
  display: flex;
  flex-direction: column;
  background: var(--light);
  border-radius: 5px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}

/* line 206, /web/front-end/app/assets/stylesheets/footer.scss */
.titleLine {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
}

/* line 213, /web/front-end/app/assets/stylesheets/footer.scss */
select, input, button {
  font: inherit;
  padding: 10px;
  border-radius: 5px;
  border: 0;
  height: 46px;
}

/* line 220, /web/front-end/app/assets/stylesheets/footer.scss */
button {
  background: var(--blue);
  color: var(--light);
}

/* line 224, /web/front-end/app/assets/stylesheets/footer.scss */
.wide {
  grid-column: 1/-1;
}

/* line 227, /web/front-end/app/assets/stylesheets/footer.scss */
.filters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  background: var(--red);
  padding: 16px;
  color: var(--light);
  border-radius: 5px 5px 0 0;
}

/* line 236, /web/front-end/app/assets/stylesheets/footer.scss */
.filters * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 241, /web/front-end/app/assets/stylesheets/footer.scss */
.filters > label {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 16px;
  min-width: 120px;
}

/* line 248, /web/front-end/app/assets/stylesheets/footer.scss */
.search {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: auto 1fr;
}

/* line 253, /web/front-end/app/assets/stylesheets/footer.scss */
.search > select {
  border-radius: 5px 0 0 5px;
}

/* line 256, /web/front-end/app/assets/stylesheets/footer.scss */
.search > input {
  border-radius: 0 5px 5px 0;
  border-left: 1px solid var(--red);
}

/* line 260, /web/front-end/app/assets/stylesheets/footer.scss */
.row {
  padding: 16px;
  display: grid;
  grid-template-columns: minmax(25px, auto) 90px 90px 60px 90px;
  gap: 10px;
  align-items: center;
}

/* line 267, /web/front-end/app/assets/stylesheets/footer.scss */
.th {
  background: var(--red);
  color: var(--light);
}

/* line 271, /web/front-end/app/assets/stylesheets/footer.scss */
.row > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 276, /web/front-end/app/assets/stylesheets/footer.scss */
.th svg {
  width: 20px;
}

/* line 279, /web/front-end/app/assets/stylesheets/footer.scss */
.disabled {
  fill: var(--disabled);
}

/* line 282, /web/front-end/app/assets/stylesheets/footer.scss */
.activeSort {
  fill: var(--light);
}

/* line 285, /web/front-end/app/assets/stylesheets/footer.scss */
.bottomRow {
  background: var(--red);
  color: var(--light);
  border-radius: 0 0 5px 5px;
}

/* line 290, /web/front-end/app/assets/stylesheets/footer.scss */
.hour, .device, .location, .card, .ref {
  display: none;
}

/* line 293, /web/front-end/app/assets/stylesheets/footer.scss */
.amount, .commission, .final {
  text-align: end;
}

/* line 296, /web/front-end/app/assets/stylesheets/footer.scss */
.amount {
  grid-column: -4/-3;
}

/* line 299, /web/front-end/app/assets/stylesheets/footer.scss */
.commission {
  grid-column: -3/-2;
}

/* line 302, /web/front-end/app/assets/stylesheets/footer.scss */
.final {
  grid-column: -2/-1;
}

/* line 305, /web/front-end/app/assets/stylesheets/footer.scss */
.result {
  grid-column: 1/-1;
  grid-row: 2/3;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 312, /web/front-end/app/assets/stylesheets/footer.scss */
.show {
  display: flex;
}

@media (min-width: 768px) {
  /* line 317, /web/front-end/app/assets/stylesheets/footer.scss */
  .burger > span {
    display: initial;
  }

  /* line 320, /web/front-end/app/assets/stylesheets/footer.scss */
  nav {
    width: auto;
    left: initial;
    right: 16px;
  }

  /* line 325, /web/front-end/app/assets/stylesheets/footer.scss */
  main {
    grid-template-columns: 1fr 1fr;
  }

  /* line 328, /web/front-end/app/assets/stylesheets/footer.scss */
  .filters {
    grid-template-columns: 2fr 2fr 1fr 2fr;
  }

  /* line 331, /web/front-end/app/assets/stylesheets/footer.scss */
  .device, .location {
    display: initial;
  }

  /* line 334, /web/front-end/app/assets/stylesheets/footer.scss */
  .row {
    grid-template-columns: 85px 90px auto 90px 90px 60px 90px;
  }

  /* line 337, /web/front-end/app/assets/stylesheets/footer.scss */
  .result {
    grid-column: 1/-4;
    grid-row: 1/2;
  }
}
@media (min-width: 1300px) {
  /* line 344, /web/front-end/app/assets/stylesheets/footer.scss */
  .wrapper {
    grid-template-columns: 290px auto;
  }

  /* line 347, /web/front-end/app/assets/stylesheets/footer.scss */
  .sideMenu {
    display: flex;
  }

  /* line 350, /web/front-end/app/assets/stylesheets/footer.scss */
  main {
    grid-column: -2/-1;
  }

  /* line 353, /web/front-end/app/assets/stylesheets/footer.scss */
  .social {
    flex-direction: initial;
  }

  /* line 356, /web/front-end/app/assets/stylesheets/footer.scss */
  .footerlinks {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  /* line 359, /web/front-end/app/assets/stylesheets/footer.scss */
  footer {
    width: calc(100% - 580px);
    margin: 0 auto;
  }

  /* line 363, /web/front-end/app/assets/stylesheets/footer.scss */
  .filters {
    grid-template-columns: auto auto auto auto auto;
  }

  /* line 366, /web/front-end/app/assets/stylesheets/footer.scss */
  .search {
    grid-column: initial;
  }

  /* line 369, /web/front-end/app/assets/stylesheets/footer.scss */
  .hour, .card, .type, .ref {
    display: initial;
  }

  /* line 372, /web/front-end/app/assets/stylesheets/footer.scss */
  .row {
    grid-template-columns: 120px 65px 80px auto 140px 55px 120px 90px 60px 90px;
  }

  /* line 375, /web/front-end/app/assets/stylesheets/footer.scss */
  .openSide, .closeSide {
    display: none;
  }
}
@media (min-width: 1700px) {
  /* line 381, /web/front-end/app/assets/stylesheets/footer.scss */
  .row {
    gap: 50px;
  }
}