/*
 * Contains classes for:-
 * 1. Cards
 * 2. Alignment
 * 3. Visibility
 */
.flex-column-card {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    }
.flex-column-card > *:last-child {
    margin-top: auto !important;
    }

/* xs */
/* alignment helpers */
.xs-left {
    text-align: left;
    }
.xs-center {
    text-align: center;
    }
.xs-right {
    text-align: right;
    }

/* Visibility helpers */
.xs-hide {
    display: none !important;
    }
.xs-show {
    display: block !important;
    }
.xs-show-inline {
    display: inline-block !important;
    }
.xs-flex {
    display: flex !important;
    }

/* sm */
@media only screen and (min-width: 600px) {
/* alignment helpers */
.sm-left {
    text-align: left;
    }
.sm-center {
    text-align: center;
    }
.sm-right {
    text-align: right;
    }

/* Visibility helpers */
.sm-hide {
    display: none !important;
    }
.sm-show {
    display: block !important;
    }
.sm-show-inline {
    display: inline-block !important;
    }
.sm-flex {
    display: flex !important;
    }
}

/* md */
@media only screen and (min-width: 960px) {
/* alignment helpers */
.md-left {
    text-align: left;
    }
.md-center {
    text-align: center;
    }
.md-right {
    text-align: right;
    }

/* Visibility helpers */
.md-hide {
    display: none !important;
    }
.md-show {
    display: block !important;
    }
.md-show-inline {
    display: inline-block !important;
    }
.md-flex {
    display: flex !important;
    }
}

/* lg */
@media only screen and (min-width: 1200px) {
/* alignment helpers */
.lg-left {
    text-align: left;
    }
.lg-center {
    text-align: center;
    }
.lg-right {
    text-align: right;
    }

/* Visibility helpers */
.lg-hide {
    display: none !important;
    }
.lg-show {
    display: block !important;
    }
.lg-show-inline {
    display: inline-block !important;
    }
.lg-flex {
    display: flex !important;
    }
}

/* xl */
@media only screen and (min-width: 1600px) {
/* alignment helpers */
.xl-left {
    text-align: left;
    }
.xl-center {
    text-align: center;
    }
.xl-right {
    text-align: right;
    }

/* Visibility helpers */
.xl-hide {
    display: none !important;
    }
.xl-show {
    display: block !important;
    }
.xl-show-inline {
    display: inline-block !important;
    }
.xl-flex {
    display: flex !important;
    }
}