@media only screen and (min-width: 576px) {
  .Vlt-S-only {
    display: none !important;
  }
}

@media only screen and (max-width: 575px) {
  .Vlt-M-only {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .Vlt-M-only {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .Vlt-L-plus {
    display: none !important;
  }
}

@media only screen and (max-width: 575px) {
  .Vlt-M-plus {
    display: none !important;
  }
}

@media only screen and (min-width: 768px) {
  .Vlt-M-less {
    display: none !important;
  }
}

.Vlt-template {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  width: 100%;
}

@media only screen and (max-width: 575px) {
  .Vlt-template--header .Vlt-sidenav__mobile {
    top: 64px;
    z-index: 650;
  }
}

.Vlt-header {
  -ms-flex-align: center;
      align-items: center;
  background: #ffffff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  height: 64px;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 14px 24px;
  transition: height 0.5s;
  width: 100%;
  z-index: 700;
}

@media only screen and (max-width: 575px) {
  .Vlt-header {
    position: fixed;
  }
}

.Vlt-header__logo {
  display: block;
  -ms-flex: 0 0 270px;
      flex: 0 0 270px;
}

@media only screen and (max-width: 575px) {
  .Vlt-header__logo {
    -ms-flex: 0 0 50px;
        flex: 0 0 50px;
  }
}

.Vlt-header__logo img {
  height: 24px;
}

.Vlt-header__menu {
  -ms-flex: 1;
      flex: 1;
}

.Vlt-header__menu--right {
  text-align: right;
}

.Vlt-header .Vlt-btn {
  margin: 0;
}

.Vlt-main {
  -ms-flex: 1;
      flex: 1;
  height: 100vh;
  overflow-y: auto;
  padding: 24px 32px;
}

.Vlt-main--light {
  background: #f3f3f5;
}

@media only screen and (max-width: 575px) {
  .Vlt-template--sidenav .Vlt-main {
    padding-top: 70px;
  }
}

.Vlt-template--auth .Vlt-main {
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
}

@media only screen and (max-width: 575px) {
  .Vlt-template--auth .Vlt-main {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .Vlt-template--sidenav.Vlt-template--header .Vlt-main {
    padding: 140px 16px 24px;
  }
}

.Vlt-main__content {
  max-height: calc(100vh - 130px);
  max-width: 600px;
  overflow-y: auto;
  text-align: center;
}

@media only screen and (max-width: 575px) {
  .Vlt-main__content {
    max-height: calc(100vh - 100px);
  }
}

@media only screen and (min-width: 576px) {
  .Vlt-template--header .Vlt-sidenav,
  .Vlt-template--header .Vlt-main {
    height: calc(100vh - 70px);
  }
}