/** Flex-box classes with browser prefixes **/
.flex-box {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}

.column {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.column-reverse {
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
}

.row-reverse {
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}


.justify-content-start {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
}

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

.justify-content-end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
}

.justify-content-space-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

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

.justify-content-space-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.align-items-start {
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-pack: start;
}

.align-items-center {
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-pack: center;
}

.align-items-end {
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-pack: end;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.grow-half {
    flex-grow: .5;
    -webkit-flex-grow: .5;
    -ms-flex-positive: .5;
}

.grow-3-4 {
    flex-grow: .75;
    -webkit-flex-grow: .75;
    -ms-flex-positive: .75;
}

.w-30-percent {
    width: 30%;
}

.actionable {
    cursor: pointer;
}