.fchat-flex {
    display: -ms-flexbox!important;
    display: flex!important
}

.fchat-flex-inline {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.fchat-flex-inline:after,.fchat-flex-inline:before,.fchat-flex:after,.fchat-flex:before {
    display: none
}

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

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

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

.fchat-flex-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

@media screen and (min-width: 640px) {
    .fchat-flex-left\@s {
        -ms-flex-pack:start;
        justify-content: flex-start
    }

    .fchat-flex-center\@s {
        -ms-flex-pack: center;
        justify-content: center
    }

    .fchat-flex-right\@s {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .fchat-flex-between\@s {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .fchat-flex-around\@s {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (min-width: 960px) {
    .fchat-flex-left\@m {
        -ms-flex-pack:start;
        justify-content: flex-start
    }

    .fchat-flex-center\@m {
        -ms-flex-pack: center;
        justify-content: center
    }

    .fchat-flex-right\@m {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .fchat-flex-between\@m {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .fchat-flex-around\@m {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (min-width: 1200px) {
    .fchat-flex-left\@l {
        -ms-flex-pack:start;
        justify-content: flex-start
    }

    .fchat-flex-center\@l {
        -ms-flex-pack: center;
        justify-content: center
    }

    .fchat-flex-right\@l {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .fchat-flex-between\@l {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .fchat-flex-around\@l {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media screen and (min-width: 1600px) {
    .fchat-flex-left\@xl {
        -ms-flex-pack:start;
        justify-content: flex-start
    }

    .fchat-flex-center\@xl {
        -ms-flex-pack: center;
        justify-content: center
    }

    .fchat-flex-right\@xl {
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .fchat-flex-between\@xl {
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .fchat-flex-around\@xl {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.fchat-flex-stretch {
    -ms-flex-align: stretch;
    align-items: stretch
}

.fchat-flex-top {
    -ms-flex-align: start;
    align-items: flex-start
}

.fchat-flex-middle {
    -ms-flex-align: center;
    align-items: center
}

.fchat-flex-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.fchat-flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

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

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

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

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

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

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

.fchat-flex-wrap-stretch {
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.fchat-flex-wrap-top {
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.fchat-flex-wrap-middle {
    -ms-flex-line-pack: center;
    align-content: center
}

.fchat-flex-wrap-bottom {
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.fchat-flex-wrap-between {
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.fchat-flex-wrap-around {
    -ms-flex-line-pack: distribute;
    align-content: space-around
}

.fchat-flex-first {
    -ms-flex-order: -1;
    order: -1
}

.fchat-flex-last {
    -ms-flex-order: 99;
    order: 99
}

@media screen and (min-width: 640px) {
    .fchat-flex-first\@s {
        -ms-flex-order:-1;
        order: -1
    }

    .fchat-flex-last\@s {
        -ms-flex-order: 99;
        order: 99
    }
}

@media screen and (min-width: 960px) {
    .fchat-flex-first\@m {
        -ms-flex-order:-1;
        order: -1
    }

    .fchat-flex-last\@m {
        -ms-flex-order: 99;
        order: 99
    }
}

@media screen and (min-width: 1200px) {
    .fchat-flex-first\@l {
        -ms-flex-order:-1;
        order: -1
    }

    .fchat-flex-last\@l {
        -ms-flex-order: 99;
        order: 99
    }
}

@media screen and (min-width: 1600px) {
    .fchat-flex-first\@xl {
        -ms-flex-order:-1;
        order: -1
    }

    .fchat-flex-last\@xl {
        -ms-flex-order: 99;
        order: 99
    }
}

.fchat-flex-none {
    -ms-flex: none;
    flex: none
}

.fchat-flex-auto {
    -ms-flex: auto;
    flex: auto
}

.fchat-flex-1 {
    -ms-flex: 1;
    flex: 1
}

.fchat-flex-2 {
    -ms-flex: 2;
    flex: 2
}

.fchat-flex-10 {
    -ms-flex: 10;
    flex: 10
}

.fchat-flex-12 {
    -ms-flex: 12;
    flex: 12
}