.main-block{
  overflow: hidden;
  overflow-y: auto;
}

.document {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.container {
  display: flex;
  flex: 1;
}

.app-section {
  display: flex;
  flex: 1;
  width: 100%;
  overflow: hidden;
}

.app-main {
  flex-direction: column;
  display: flex;
  -moz-display: flex;
  -webkit-display: flex;
  -webkit-flex: 1;
  flex: 1;
  -moz-flex: 1;
  position: relative;;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}

.content {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}


.content-start, .justify-flex-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.content-end,   .justify-flex-end{
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.content-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.content-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}


.row {
  display: flex;
  flex-direction: row;
}
.column {
  display: flex;
  flex-direction: column;
}

.content-around, .justify-space-around{
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.content-between, .justify-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fcontent-irst {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.content-last {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.content-column {
  flex-direction: column;
}