.flex-content-fill,
.layout-fill {
    height: 100%;
    width: 100%
}

.layout,
.layout-row {
    display: flex
}

.flex {
    flex: 1
}

.layout-row {
    flex-direction: row
}

.layout-row>.flex-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    box-sizing: border-box;
    max-width: 5%;
    max-height: 100%
}

.layout-row>.flex-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    box-sizing: border-box;
    max-width: 10%;
    max-height: 100%
}

.layout-row>.flex-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    box-sizing: border-box;
    max-width: 15%;
    max-height: 100%
}

.layout-row>.flex-20,
.layout-row>.flex-25 {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    max-height: 100%
}

.layout-row>.flex-20 {
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-width: 20%
}

.layout-row>.flex-25 {
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-width: 25%
}

.layout-row>.flex-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    box-sizing: border-box;
    max-width: 30%;
    max-height: 100%
}

.layout-row>.flex-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    box-sizing: border-box;
    max-width: 35%;
    max-height: 100%
}

.layout-row>.flex-40,
.layout-row>.flex-45 {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    max-height: 100%
}

.layout-row>.flex-40 {
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-width: 40%
}

.layout-row>.flex-45 {
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-width: 45%
}

.layout-row>.flex-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    box-sizing: border-box;
    max-width: 50%;
    max-height: 100%
}

.layout-row>.flex-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    box-sizing: border-box;
    max-width: 55%;
    max-height: 100%
}

.layout-row>.flex-60,
.layout-row>.flex-65 {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    max-height: 100%
}

.layout-row>.flex-60 {
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-width: 60%
}

.layout-row>.flex-65 {
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-width: 65%
}

.layout-row>.flex-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    box-sizing: border-box;
    max-width: 70%;
    max-height: 100%
}

.layout-row>.flex-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    box-sizing: border-box;
    max-width: 75%;
    max-height: 100%
}

.layout-row>.flex-80,
.layout-row>.flex-85 {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    max-height: 100%
}

.layout-row>.flex-80 {
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-width: 80%
}

.layout-row>.flex-85 {
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-width: 85%
}

.layout-row>.flex-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    box-sizing: border-box;
    max-width: 90%;
    max-height: 100%
}

.layout-row>.flex-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    box-sizing: border-box;
    max-width: 95%;
    max-height: 100%
}

.layout-row>.flex-100,
.layout-row>.flex-33 {
    -webkit-box-flex: 1;
    max-height: 100%;
    box-sizing: border-box
}

.layout-row>.flex-100 {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-width: 100%
}

.layout-row>.flex-33 {
    -webkit-flex: 1 1 33.3333%;
    flex: 1 1 33.3333%;
    max-width: 33.3333%
}

.layout-row>.flex-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.6666%;
    flex: 1 1 66.6666%;
    box-sizing: border-box;
    max-width: 66.6666%;
    max-height: 100%
}

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

.layout-column>.flex-5 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 5%;
    flex: 1 1 5%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 5%
}

.layout-column>.flex-10 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 10%;
    flex: 1 1 10%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 10%
}

.layout-column>.flex-15 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 15%;
    flex: 1 1 15%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 15%
}

.layout-column>.flex-20,
.layout-column>.flex-25 {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    max-width: 100%
}

.layout-column>.flex-20 {
    -webkit-flex: 1 1 20%;
    flex: 1 1 20%;
    max-height: 20%
}

.layout-column>.flex-25 {
    -webkit-flex: 1 1 25%;
    flex: 1 1 25%;
    max-height: 25%
}

.layout-column>.flex-30 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    flex: 1 1 30%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 30%
}

.layout-column>.flex-35 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 35%;
    flex: 1 1 35%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 35%
}

.layout-column>.flex-40,
.layout-column>.flex-45 {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    max-width: 100%
}

.layout-column>.flex-40 {
    -webkit-flex: 1 1 40%;
    flex: 1 1 40%;
    max-height: 40%
}

.layout-column>.flex-45 {
    -webkit-flex: 1 1 45%;
    flex: 1 1 45%;
    max-height: 45%
}

.layout-column>.flex-50 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 50%
}

.layout-column>.flex-55 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 55%;
    flex: 1 1 55%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 55%
}

.layout-column>.flex-60,
.layout-column>.flex-65 {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    max-width: 100%
}

.layout-column>.flex-60 {
    -webkit-flex: 1 1 60%;
    flex: 1 1 60%;
    max-height: 60%
}

.layout-column>.flex-65 {
    -webkit-flex: 1 1 65%;
    flex: 1 1 65%;
    max-height: 65%
}

.layout-column>.flex-70 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 70%;
    flex: 1 1 70%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 70%
}

.layout-column>.flex-75 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
    flex: 1 1 75%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 75%
}

.layout-column>.flex-80,
.layout-column>.flex-85 {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    max-width: 100%
}

.layout-column>.flex-80 {
    -webkit-flex: 1 1 80%;
    flex: 1 1 80%;
    max-height: 80%
}

.layout-column>.flex-85 {
    -webkit-flex: 1 1 85%;
    flex: 1 1 85%;
    max-height: 85%
}

.layout-column>.flex-90 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 90%;
    flex: 1 1 90%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 90%
}

.layout-column>.flex-95 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 95%;
    flex: 1 1 95%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 95%
}

.layout-column>.flex-100,
.layout-column>.flex-33 {
    -webkit-box-flex: 1;
    box-sizing: border-box;
    max-width: 100%
}

.layout-column>.flex-100 {
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    max-height: 100%
}

.layout-column>.flex-33 {
    -webkit-flex: 1 1 33.3333%;
    flex: 1 1 33.3333%;
    max-height: 33.3333%
}

.layout-column>.flex-66 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.6666%;
    flex: 1 1 66.6666%;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 66.6666%
}

.layout-wrap {
    flex-wrap: wrap
}

.flex-content-fill {
    position: absolute;
    top: 0;
    left: 0
}

.layout-start-start {
    justify-content: flex-start;
    align-items: flex-start
}

.layout-start-center {
    justify-content: flex-start;
    align-items: center
}

.layout-start-end {
    justify-content: flex-start;
    align-items: flex-end
}

.layout-center-start {
    justify-content: center;
    align-items: flex-start
}

.layout-center-center {
    justify-content: center;
    align-items: center
}

.layout-center-end {
    justify-content: center;
    align-items: flex-end
}

.layout-end-start {
    justify-content: flex-end;
    align-items: flex-start
}

.layout-end-center {
    justify-content: flex-end;
    align-items: center
}

.layout-end-end {
    justify-content: flex-end;
    align-items: flex-end
}

.layout-space-between {
    justify-content: space-between
}

.layout-space-around {
    justify-content: space-around
}

.layout-space-evenly {
    justify-content: space-evenly
}