@charset "UTF-8";

/* flex  *************************************************************************************/

.flex-item{
    flex: 1;
}

.flex-half{
    flex: 1 1 50%;
}

.fx-none{
    display: none;
}

.fx-flex {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.fx-inline-flex {
    display: inline-flex;
}

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

.fx-direction-columnrev {
    flex-direction: column-reverse;
}

.fx-direction-row {
    flex-direction: row;
}

.fx-direction-rowrev {
    flex-direction: row-reverse;
}


.fx-sticky {
    position: sticky;
}

.fx-shrink-0 {
    flex-shrink: 0;
}


.fx-grow-1 {
    flex-grow: 1;
}


.fx-grow-0 {
    flex-grow: 0;
}

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

.fx-half-wrap {
    flex: 1 1 50%;
}


.fx-jc-center {
    justify-content: center;
}

.fx-jc-start {
    justify-content: flex-start;
}

.fx-jc-end {
    justify-content: flex-end;
}

.fx-jc-spacebetween {
    justify-content: space-between;
}

.fx-jc-spacearound {
    justify-content: space-around;
}


.fx-jc-spaceevenly {
    justify-content: space-evenly;
}

.fx-jc-initial {
    justify-content: initial;
}

.fx-jc-inherit {
    justify-content: inherit;
}

.fx-ac-center {
    align-content: center;
}

.fx-ac-start {
    align-content: flex-start;
}

.fx-ac-end {
    align-content: flex-end;
}

.fx-ac-stretch {
    align-content: stretch;
}

.fx-ac-spacebetween {
    align-content: space-between;
}

.fx-ac-spacearound {
    align-content: space-around;
}

.fx-ac-initial {
    align-content: initial;
}

.fx-ac-inherit {
    align-content: inherit;
}


.fx-ais-center {
    align-items: center;
}

.fx-ais-start {
    align-items: flex-start;
}

.fx-ais-end {
    align-items: flex-end;
}


.fx-ais-stretch {
    align-items: stretch;
}

.fx-ais-initial {
    align-items: initial;
}

.fx-ais-inherit {
    align-items: inherit;
}

.fx-as-center {
    align-self: center;
}

.fx-as-start {
    align-self: flex-start;
}

.fx-as-end {
    align-self: flex-end;
}

.fx-as-stretch {
    align-self: stretch;
}

.fx-as-auto {
    align-self: auto;
}

.fx-as-baseline {
    align-self: baseline;
}

.fx-as-initial {
    align-self: initial;
}

.fx-as-inherit {
    align-self: inherit;
}

/* overflow   ************************************************************************************** */

.of-auto {
    overflow: auto;
}

.of-hidden {
    overflow: hidden;
}

.text-hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* grid ************************************************************************************** */

.gd-grid {
    display: grid;
}

.gd-inline-grid {
    display: -ms-inline-grid;
}

.gd-flow-column {
    grid-auto-flow: column;
}


/* cursor  **************************************************************************************/


.cs-zoomin {
    cursor: zoom-in;
}

.cs-zoomout {
    cursor: zoom-out;
}

.cs-pointer {
    cursor: pointer;
}

.cs-text {
    cursor: text;
}