.q-chip .q-avatar {
    font-size: 2em;
    margin-left: -0.45em;
    margin-right: 0.2em;
    border-radius: 16px
}
.q-chip--selected .q-avatar {
    display: none
}
.q-chip--dense .q-avatar {
    font-size: 1.5em;
    margin-left: -0.27em;
    margin-right: 0.1em;
    border-radius: 12px
}
.q-chip--square .q-avatar {
    border-radius: 3px 0 0 3px
}
.q-field__marginal .q-avatar {
    font-size: 32px
}
.q-field--dense .q-avatar {
    font-size: 24px
}
.q-item__section--side>.q-avatar {
    font-size: 40px
}
.q-toolbar .q-avatar {
    font-size: 38px
}
.q-tree__node-header-content .q-avatar {
    font-size: 28px;
    border-radius: 50%;
    width: 28px;
    height: 28px
}
.q-avatar {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    font-size: 48px;
    height: 1em;
}
.q-avatar__content {
    font-size: 0.5em;
    line-height: 0.5em
}
.q-avatar__content,
.q-avatar img:not(.q-icon) {
    border-radius: inherit;
    height: inherit;
    width: inherit
}
.q-avatar__content--square {
    border-radius: 0
}
.q-banner__avatar>.q-avatar {
    font-size: 46px
}
.q-banner--dense .q-banner__avatar>.q-avatar,
.q-banner--dense .q-banner__avatar>.q-icon {
    font-size: 28px
}
.q-card {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative
}
.q-card>div:first-child,
.q-card>img:first-child {
    border-top: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}
.q-card>div:last-child,
.q-card>img:last-child {
    border-bottom: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}
.q-card>div:not(:first-child),
.q-card>img:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.q-card>div:not(:last-child),
.q-card>img:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.q-card>div {
    border-left: 0;
    border-right: 0;
    box-shadow: none
}
.q-card--bordered {
    border: 1px solid rgba(0, 0, 0, 0.12)
}
.q-card--dark {
    border-color: hsla(0, 0%, 100%, 0.28)
}
.q-card__section {
    position: relative
}
.q-card__section--vert {
    padding: 16px
}
.q-card__section--horiz>div:first-child,
.q-card__section--horiz>img:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}
.q-card__section--horiz>div:last-child,
.q-card__section--horiz>img:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}
.q-card__section--horiz>div:not(:first-child),
.q-card__section--horiz>img:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.q-card__section--horiz>div:not(:last-child),
.q-card__section--horiz>img:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.q-card__section--horiz>div {
    border-top: 0;
    border-bottom: 0;
    box-shadow: none
}
.q-card__actions {
    padding: 8px;
    align-items: center
}
.q-card__actions .q-btn__wrapper {
    padding: 0 8px
}
.q-card__actions--horiz>.q-btn-group+.q-btn-item,
.q-card__actions--horiz>.q-btn-item+.q-btn-group,
.q-card__actions--horiz>.q-btn-item+.q-btn-item {
    margin-left: 8px
}
.q-card__actions--vert>.q-btn-item.q-btn--round {
    align-self: center
}
.q-card__actions--vert>.q-btn-group+.q-btn-item,
.q-card__actions--vert>.q-btn-item+.q-btn-group,
.q-card__actions--vert>.q-btn-item+.q-btn-item {
    margin-top: 4px
}
.q-card__actions--vert>.q-btn-group>.q-btn-item {
    flex-grow: 1
}
.q-card>img {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0
}
.q-carousel {
    background-color: #fff;
    height: 400px
}
.q-carousel__slide {
    min-height: 100%;
    background-size: cover;
    background-position: 50%
}
.q-carousel .q-carousel--padding,
.q-carousel__slide {
    padding: 16px
}
.q-carousel__slides-container {
    height: 100%
}
.q-carousel__control {
    color: #fff
}
.q-carousel__arrow {
    pointer-events: none
}
.q-carousel__arrow .q-icon {
    font-size: 28px
}
.q-carousel__arrow .q-btn {
    pointer-events: all
}
.q-carousel__next-arrow--horizontal,
.q-carousel__prev-arrow--horizontal {
    top: 16px;
    bottom: 16px
}
.q-carousel__prev-arrow--horizontal {
    left: 16px
}
.q-carousel__next-arrow--horizontal {
    right: 16px
}
.q-carousel__next-arrow--vertical,
.q-carousel__prev-arrow--vertical {
    left: 16px;
    right: 16px
}
.q-carousel__prev-arrow--vertical {
    top: 16px
}
.q-carousel__next-arrow--vertical {
    bottom: 16px
}
.q-carousel__navigation--bottom,
.q-carousel__navigation--top {
    left: 16px;
    right: 16px;
    overflow-x: auto;
    overflow-y: hidden
}
.q-carousel__navigation--top {
    top: 16px
}
.q-carousel__navigation--bottom {
    bottom: 16px
}
.q-carousel__navigation--left,
.q-carousel__navigation--right {
    top: 16px;
    bottom: 16px;
    overflow-x: hidden;
    overflow-y: auto
}
.q-carousel__navigation--left>.q-carousel__navigation-inner,
.q-carousel__navigation--right>.q-carousel__navigation-inner {
    flex-direction: column
}
.q-carousel__navigation--left {
    left: 16px
}
.q-carousel__navigation--right {
    right: 16px
}
.q-carousel__navigation-inner {
    flex: 1 1 auto
}
.q-carousel__navigation .q-btn {
    margin: 6px 4px
}
.q-carousel__navigation .q-btn .q-btn__wrapper {
    padding: 5px
}
.q-carousel__navigation-icon--inactive {
    opacity: 0.7
}
.q-carousel .q-carousel__thumbnail {
    margin: 2px;
    height: 50px;
    width: auto;
    display: inline-block;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
    opacity: 0.7;
    transition: opacity 0.3s
}
.q-carousel .q-carousel__thumbnail--active,
.q-carousel .q-carousel__thumbnail:hover {
    opacity: 1
}
.q-carousel .q-carousel__thumbnail--active {
    border-color: currentColor;
    cursor: default
}
.q-carousel--arrows-vertical .q-carousel--padding,
.q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-top .q-carousel--padding,
.q-carousel--navigation-top.q-carousel--with-padding .q-carousel__slide {
    padding-top: 60px
}
.q-carousel--arrows-vertical .q-carousel--padding,
.q-carousel--arrows-vertical.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-bottom .q-carousel--padding,
.q-carousel--navigation-bottom.q-carousel--with-padding .q-carousel__slide {
    padding-bottom: 60px
}
.q-carousel--arrows-horizontal .q-carousel--padding,
.q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-left .q-carousel--padding,
.q-carousel--navigation-left.q-carousel--with-padding .q-carousel__slide {
    padding-left: 60px
}
.q-carousel--arrows-horizontal .q-carousel--padding,
.q-carousel--arrows-horizontal.q-carousel--with-padding .q-carousel__slide,
.q-carousel--navigation-right .q-carousel--padding,
.q-carousel--navigation-right.q-carousel--with-padding .q-carousel__slide {
    padding-right: 60px
}
.q-carousel.fullscreen {
    height: 100%
}
.q-bottom-sheet--list .q-icon,
.q-bottom-sheet--list img {
    font-size: 24px;
    width: 24px;
    height: 24px
}
.q-bottom-sheet--grid .q-bottom-sheet__empty-icon,
.q-bottom-sheet--grid .q-icon,
.q-bottom-sheet--grid img {
    font-size: 48px;
    width: 48px;
    height: 48px;
    margin-bottom: 8px
}
.q-item__section--side>.q-icon {
    font-size: 24px
}
.q-rating--editable .q-icon {
    cursor: pointer
}
.q-rating--non-editable span,
.q-rating .q-icon {
    outline: 0
}
.q-slide-item__bottom .q-icon,
.q-slide-item__left .q-icon,
.q-slide-item__right .q-icon,
.q-slide-item__top .q-icon {
    font-size: 1.714em
}
.q-timeline__dot .q-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    width: 100%;
    color: #fff
}
.q-toggle__thumb .q-icon {
    font-size: 0.3em;
    min-width: 1em;
    color: #000;
    opacity: 0.54;
    z-index: 1
}
.q-toggle__inner--truthy .q-toggle__thumb .q-icon {
    color: #fff;
    opacity: 1
}
.q-tree__icon,
.q-tree__node-header-content .q-icon,
.q-tree__spinner {
    font-size: 21px
}
.q-icon {
    line-height: 1;
    width: 1em;
    height: 1em;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-align: center;
    position: relative;
    fill: currentColor;
    padding: 15px;
}
.q-icon:after,
.q-icon:before {
    width: 100%;
    height: 100%;
    display: flex!important;
    align-items: center;
    justify-content: center
}
.q-icon>svg {
    width: 100%;
    height: 100%
}
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.q-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: inherit;
    font-size: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle
}
.q-avatar img:not(.q-icon) {
    border-radius: inherit;
    height: inherit;
    width: inherit
}
.q-banner__avatar>.q-icon {
    font-size: 40px
}
.q-banner--dense .q-banner__avatar>.q-avatar,
.q-banner--dense .q-banner__avatar>.q-icon {
    font-size: 28px
}
.q-bar>.q-icon {
    margin-left: 2px
}
.q-bar>div,
.q-bar>div+.q-icon {
    margin-left: 8px
}
.q-bar>.q-btn {
    margin-left: 2px
}
.q-bar>.q-btn:first-child,
.q-bar>.q-icon:first-child,
.q-bar>div:first-child {
    margin-left: 0
}
[dir=rtl] .q-breadcrumbs__separator .q-icon {
    transform: scaleX(-1)
}
.q-btn .q-icon,
.q-btn .q-spinner {
    font-size: 1.715em
}
.q-btn--fab-mini .q-icon,
.q-btn--fab .q-icon {
    font-size: 24px
}
.q-btn--fab .q-icon {
    margin: auto
}
.q-carousel__arrow .q-icon {
    font-size: 28px
}
.q-bottom-sheet--list .q-icon,
.q-bottom-sheet--list img {
    font-size: 24px;
    width: 24px;
    height: 24px
}
.q-bottom-sheet--grid .q-bottom-sheet__empty-icon,
.q-bottom-sheet--grid .q-icon,
.q-bottom-sheet--grid img {
    font-size: 48px;
    width: 48px;
    height: 48px;
    margin-bottom: 8px
}
.q-rating--editable .q-icon {
    cursor: pointer
}
.q-rating--non-editable span,
.q-rating .q-icon {
    outline: 0
}
.q-slide-item__bottom .q-icon,
.q-slide-item__left .q-icon,
.q-slide-item__right .q-icon,
.q-slide-item__top .q-icon {
    font-size: 1.714em
}
.q-timeline__dot .q-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    width: 100%;
    color: #fff
}
.q-toggle__thumb .q-icon {
    font-size: 0.3em;
    min-width: 1em;
    color: #000;
    opacity: 0.54;
    z-index: 1
}
.q-toggle__inner--truthy .q-toggle__thumb .q-icon {
    color: #fff;
    opacity: 1
}
.q-tree__icon,
.q-tree__node-header-content .q-icon,
.q-tree__spinner {
    font-size: 21px
}
.q-icon {
    line-height: 1;
    width: 1em;
    height: 1em;
    letter-spacing: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-align: center;
    position: relative;
    fill: currentColor
}
.q-icon:after,
.q-icon:before {
    width: 100%;
    height: 100%;
    display: flex!important;
    align-items: center;
    justify-content: center
}
.q-icon>svg {
    width: 100%;
    height: 100%
}
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.q-icon {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: inherit;
    font-size: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle
}
.q-gutter-xs {
    margin-left: -4px
}
.q-gutter-x-xs>*,
.q-gutter-xs>* {
    margin-left: 4px
}
.q-gutter-xs,
.q-gutter-y-xs {
    margin-top: -4px
}
.q-gutter-xs>*,
.q-gutter-y-xs>* {
    margin-top: 4px
}
.q-col-gutter-none,
.q-col-gutter-x-none {
    margin-left: 0
}
.q-col-gutter-none>*,
.q-col-gutter-x-none>* {
    padding-left: 0
}
.q-col-gutter-none,
.q-col-gutter-y-none {
    margin-top: 0
}
.q-col-gutter-none>*,
.q-col-gutter-y-none>* {
    padding-top: 0
}
.q-col-gutter-x-xs,
.q-col-gutter-xs {
    margin-left: -4px
}
.q-col-gutter-x-xs>*,
.q-col-gutter-xs>* {
    padding-left: 4px
}
.q-col-gutter-xs,
.q-col-gutter-y-xs {
    margin-top: -4px
}
.q-col-gutter-xs>*,
.q-col-gutter-y-xs>* {
    padding-top: 4px
}
.q-col-gutter-sm,
.q-col-gutter-x-sm {
    margin-left: -8px
}
.q-col-gutter-sm>*,
.q-col-gutter-x-sm>* {
    padding-left: 8px
}
.q-col-gutter-sm,
.q-col-gutter-y-sm {
    margin-top: -8px
}
.q-col-gutter-sm>*,
.q-col-gutter-y-sm>* {
    padding-top: 8px
}
.q-col-gutter-md,
.q-col-gutter-x-md {
    margin-left: -16px
}
.q-col-gutter-md>*,
.q-col-gutter-x-md>* {
    padding-left: 16px
}
.q-col-gutter-md,
.q-col-gutter-y-md {
    margin-top: -16px
}
.q-col-gutter-md>*,
.q-col-gutter-y-md>* {
    padding-top: 16px
}
.q-col-gutter-lg,
.q-col-gutter-x-lg {
    margin-left: -24px
}
.q-col-gutter-lg>*,
.q-col-gutter-x-lg>* {
    padding-left: 24px
}
.q-col-gutter-lg,
.q-col-gutter-y-lg {
    margin-top: -24px
}
.q-col-gutter-lg>*,
.q-col-gutter-y-lg>* {
    padding-top: 24px
}
.q-col-gutter-x-xl,
.q-col-gutter-xl {
    margin-left: -48px
}
.q-col-gutter-x-xl>*,
.q-col-gutter-xl>* {
    padding-left: 48px
}
.q-col-gutter-xl,
.q-col-gutter-y-xl {
    margin-top: -48px
}
.q-col-gutter-xl>*,
.q-col-gutter-y-xl>* {
    padding-top: 48px
}
.flex,
.row {
    display: flex;
    flex-wrap: wrap
}
.column.inline,
.flex.inline,
.row.inline {
    display: inline-flex
}
.flex-center,
.justify-center {
    justify-content: center
}
.flex-center,
.items-center {
    align-items: center
}
@media (min-width: 0) {
    .flex>.col,
    .flex>.col-0,
    .flex>.col-1,
    .flex>.col-2,
    .flex>.col-3,
    .flex>.col-4,
    .flex>.col-5,
    .flex>.col-6,
    .flex>.col-7,
    .flex>.col-8,
    .flex>.col-9,
    .flex>.col-10,
    .flex>.col-11,
    .flex>.col-12,
    .flex>.col-auto,
    .flex>.col-grow,
    .flex>.col-shrink,
    .flex>.col-xs,
    .flex>.col-xs-0,
    .flex>.col-xs-1,
    .flex>.col-xs-2,
    .flex>.col-xs-3,
    .flex>.col-xs-4,
    .flex>.col-xs-5,
    .flex>.col-xs-6,
    .flex>.col-xs-7,
    .flex>.col-xs-8,
    .flex>.col-xs-9,
    .flex>.col-xs-10,
    .flex>.col-xs-11,
    .flex>.col-xs-12,
    .flex>.col-xs-auto,
    .flex>.col-xs-grow,
    .flex>.col-xs-shrink,
    .row>.col,
    .row>.col-0,
    .row>.col-1,
    .row>.col-2,
    .row>.col-3,
    .row>.col-4,
    .row>.col-5,
    .row>.col-6,
    .row>.col-7,
    .row>.col-8,
    .row>.col-9,
    .row>.col-10,
    .row>.col-11,
    .row>.col-12,
    .row>.col-auto,
    .row>.col-grow,
    .row>.col-shrink,
    .row>.col-xs,
    .row>.col-xs-0,
    .row>.col-xs-1,
    .row>.col-xs-2,
    .row>.col-xs-3,
    .row>.col-xs-4,
    .row>.col-xs-5,
    .row>.col-xs-6,
    .row>.col-xs-7,
    .row>.col-xs-8,
    .row>.col-xs-9,
    .row>.col-xs-10,
    .row>.col-xs-11,
    .row>.col-xs-12,
    .row>.col-xs-auto,
    .row>.col-xs-grow,
    .row>.col-xs-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }
    .column>.col,
    .column>.col-0,
    .column>.col-1,
    .column>.col-2,
    .column>.col-3,
    .column>.col-4,
    .column>.col-5,
    .column>.col-6,
    .column>.col-7,
    .column>.col-8,
    .column>.col-9,
    .column>.col-10,
    .column>.col-11,
    .column>.col-12,
    .column>.col-auto,
    .column>.col-grow,
    .column>.col-shrink,
    .column>.col-xs,
    .column>.col-xs-0,
    .column>.col-xs-1,
    .column>.col-xs-2,
    .column>.col-xs-3,
    .column>.col-xs-4,
    .column>.col-xs-5,
    .column>.col-xs-6,
    .column>.col-xs-7,
    .column>.col-xs-8,
    .column>.col-xs-9,
    .column>.col-xs-10,
    .column>.col-xs-11,
    .column>.col-xs-12,
    .column>.col-xs-auto,
    .column>.col-xs-grow,
    .column>.col-xs-shrink,
    .flex>.col,
    .flex>.col-0,
    .flex>.col-1,
    .flex>.col-2,
    .flex>.col-3,
    .flex>.col-4,
    .flex>.col-5,
    .flex>.col-6,
    .flex>.col-7,
    .flex>.col-8,
    .flex>.col-9,
    .flex>.col-10,
    .flex>.col-11,
    .flex>.col-12,
    .flex>.col-auto,
    .flex>.col-grow,
    .flex>.col-shrink,
    .flex>.col-xs,
    .flex>.col-xs-0,
    .flex>.col-xs-1,
    .flex>.col-xs-2,
    .flex>.col-xs-3,
    .flex>.col-xs-4,
    .flex>.col-xs-5,
    .flex>.col-xs-6,
    .flex>.col-xs-7,
    .flex>.col-xs-8,
    .flex>.col-xs-9,
    .flex>.col-xs-10,
    .flex>.col-xs-11,
    .flex>.col-xs-12,
    .flex>.col-xs-auto,
    .flex>.col-xs-grow,
    .flex>.col-xs-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }
    .col,
    .col-xs {
        flex: 10000 1 0%
    }
    .col-0,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12,
    .col-auto,
    .col-xs-0,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-auto {
        flex: 0 0 auto
    }
    .col-grow,
    .col-xs-grow {
        flex: 1 0 auto
    }
    .col-shrink,
    .col-xs-shrink {
        flex: 0 1 auto
    }
    .row>.col-0,
    .row>.col-xs-0 {
        height: auto;
        width: 0%
    }
    .row>.offset-0,
    .row>.offset-xs-0 {
        margin-left: 0%
    }
    .column>.col-0,
    .column>.col-xs-0 {
        height: 0%;
        width: auto
    }
    .row>.col-1,
    .row>.col-xs-1 {
        height: auto;
        width: 8.3333%
    }
    .row>.offset-1,
    .row>.offset-xs-1 {
        margin-left: 8.3333%
    }
    .column>.col-1,
    .column>.col-xs-1 {
        height: 8.3333%;
        width: auto
    }
    .row>.col-2,
    .row>.col-xs-2 {
        height: auto;
        width: 16.6667%
    }
    .row>.offset-2,
    .row>.offset-xs-2 {
        margin-left: 16.6667%
    }
    .column>.col-2,
    .column>.col-xs-2 {
        height: 16.6667%;
        width: auto
    }
    .row>.col-3,
    .row>.col-xs-3 {
        height: auto;
        width: 25%
    }
    .row>.offset-3,
    .row>.offset-xs-3 {
        margin-left: 25%
    }
    .column>.col-3,
    .column>.col-xs-3 {
        height: 25%;
        width: auto
    }
    .row>.col-4,
    .row>.col-xs-4 {
        height: auto;
        width: 33.3333%
    }
    .row>.offset-4,
    .row>.offset-xs-4 {
        margin-left: 33.3333%
    }
    .column>.col-4,
    .column>.col-xs-4 {
        height: 33.3333%;
        width: auto
    }
    .row>.col-5,
    .row>.col-xs-5 {
        height: auto;
        width: 41.6667%
    }
    .row>.offset-5,
    .row>.offset-xs-5 {
        margin-left: 41.6667%
    }
    .column>.col-5,
    .column>.col-xs-5 {
        height: 41.6667%;
        width: auto
    }
    .row>.col-6,
    .row>.col-xs-6 {
        height: auto;
        width: 50%
    }
    .row>.offset-6,
    .row>.offset-xs-6 {
        margin-left: 50%
    }
    .column>.col-6,
    .column>.col-xs-6 {
        height: 50%;
        width: auto
    }
    .row>.col-7,
    .row>.col-xs-7 {
        height: auto;
        width: 58.3333%
    }
    .row>.offset-7,
    .row>.offset-xs-7 {
        margin-left: 58.3333%
    }
    .column>.col-7,
    .column>.col-xs-7 {
        height: 58.3333%;
        width: auto
    }
    .row>.col-8,
    .row>.col-xs-8 {
        height: auto;
        width: 66.6667%
    }
    .row>.offset-8,
    .row>.offset-xs-8 {
        margin-left: 66.6667%
    }
    .column>.col-8,
    .column>.col-xs-8 {
        height: 66.6667%;
        width: auto
    }
    .row>.col-9,
    .row>.col-xs-9 {
        height: auto;
        width: 75%
    }
    .row>.offset-9,
    .row>.offset-xs-9 {
        margin-left: 75%
    }
    .column>.col-9,
    .column>.col-xs-9 {
        height: 75%;
        width: auto
    }
    .row>.col-10,
    .row>.col-xs-10 {
        height: auto;
        width: 83.3333%
    }
    .row>.offset-10,
    .row>.offset-xs-10 {
        margin-left: 83.3333%
    }
    .column>.col-10,
    .column>.col-xs-10 {
        height: 83.3333%;
        width: auto
    }
    .row>.col-11,
    .row>.col-xs-11 {
        height: auto;
        width: 91.6667%
    }
    .row>.offset-11,
    .row>.offset-xs-11 {
        margin-left: 91.6667%
    }
    .column>.col-11,
    .column>.col-xs-11 {
        height: 91.6667%;
        width: auto
    }
    .row>.col-12,
    .row>.col-xs-12 {
        height: auto;
        width: 100%
    }
    .row>.offset-12,
    .row>.offset-xs-12 {
        margin-left: 100%
    }
    .column>.col-12,
    .column>.col-xs-12 {
        height: 100%;
        width: auto
    }
    .row>.col-all {
        height: auto;
        flex: 0 0 100%
    }
}
@media (min-width: 600px) {
    .flex>.col-sm,
    .flex>.col-sm-0,
    .flex>.col-sm-1,
    .flex>.col-sm-2,
    .flex>.col-sm-3,
    .flex>.col-sm-4,
    .flex>.col-sm-5,
    .flex>.col-sm-6,
    .flex>.col-sm-7,
    .flex>.col-sm-8,
    .flex>.col-sm-9,
    .flex>.col-sm-10,
    .flex>.col-sm-11,
    .flex>.col-sm-12,
    .flex>.col-sm-auto,
    .flex>.col-sm-grow,
    .flex>.col-sm-shrink,
    .row>.col-sm,
    .row>.col-sm-0,
    .row>.col-sm-1,
    .row>.col-sm-2,
    .row>.col-sm-3,
    .row>.col-sm-4,
    .row>.col-sm-5,
    .row>.col-sm-6,
    .row>.col-sm-7,
    .row>.col-sm-8,
    .row>.col-sm-9,
    .row>.col-sm-10,
    .row>.col-sm-11,
    .row>.col-sm-12,
    .row>.col-sm-auto,
    .row>.col-sm-grow,
    .row>.col-sm-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }
    .column>.col-sm,
    .column>.col-sm-0,
    .column>.col-sm-1,
    .column>.col-sm-2,
    .column>.col-sm-3,
    .column>.col-sm-4,
    .column>.col-sm-5,
    .column>.col-sm-6,
    .column>.col-sm-7,
    .column>.col-sm-8,
    .column>.col-sm-9,
    .column>.col-sm-10,
    .column>.col-sm-11,
    .column>.col-sm-12,
    .column>.col-sm-auto,
    .column>.col-sm-grow,
    .column>.col-sm-shrink,
    .flex>.col-sm,
    .flex>.col-sm-0,
    .flex>.col-sm-1,
    .flex>.col-sm-2,
    .flex>.col-sm-3,
    .flex>.col-sm-4,
    .flex>.col-sm-5,
    .flex>.col-sm-6,
    .flex>.col-sm-7,
    .flex>.col-sm-8,
    .flex>.col-sm-9,
    .flex>.col-sm-10,
    .flex>.col-sm-11,
    .flex>.col-sm-12,
    .flex>.col-sm-auto,
    .flex>.col-sm-grow,
    .flex>.col-sm-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }
    .col-sm {
        flex: 10000 1 0%
    }
    .col-sm-0,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-auto {
        flex: 0 0 auto
    }
    .col-sm-grow {
        flex: 1 0 auto
    }
    .col-sm-shrink {
        flex: 0 1 auto
    }
    .row>.col-sm-0 {
        height: auto;
        width: 0%
    }
    .row>.offset-sm-0 {
        margin-left: 0%
    }
    .column>.col-sm-0 {
        height: 0%;
        width: auto
    }
    .row>.col-sm-1 {
        height: auto;
        width: 8.3333%
    }
    .row>.offset-sm-1 {
        margin-left: 8.3333%
    }
    .column>.col-sm-1 {
        height: 8.3333%;
        width: auto
    }
    .row>.col-sm-2 {
        height: auto;
        width: 16.6667%
    }
    .row>.offset-sm-2 {
        margin-left: 16.6667%
    }
    .column>.col-sm-2 {
        height: 16.6667%;
        width: auto
    }
    .row>.col-sm-3 {
        height: auto;
        width: 25%
    }
    .row>.offset-sm-3 {
        margin-left: 25%
    }
    .column>.col-sm-3 {
        height: 25%;
        width: auto
    }
    .row>.col-sm-4 {
        height: auto;
        width: 33.3333%
    }
    .row>.offset-sm-4 {
        margin-left: 33.3333%
    }
    .column>.col-sm-4 {
        height: 33.3333%;
        width: auto
    }
    .row>.col-sm-5 {
        height: auto;
        width: 41.6667%
    }
    .row>.offset-sm-5 {
        margin-left: 41.6667%
    }
    .column>.col-sm-5 {
        height: 41.6667%;
        width: auto
    }
    .row>.col-sm-6 {
        height: auto;
        width: 50%
    }
    .row>.offset-sm-6 {
        margin-left: 50%
    }
    .column>.col-sm-6 {
        height: 50%;
        width: auto
    }
    .row>.col-sm-7 {
        height: auto;
        width: 58.3333%
    }
    .row>.offset-sm-7 {
        margin-left: 58.3333%
    }
    .column>.col-sm-7 {
        height: 58.3333%;
        width: auto
    }
    .row>.col-sm-8 {
        height: auto;
        width: 66.6667%
    }
    .row>.offset-sm-8 {
        margin-left: 66.6667%
    }
    .column>.col-sm-8 {
        height: 66.6667%;
        width: auto
    }
    .row>.col-sm-9 {
        height: auto;
        width: 75%
    }
    .row>.offset-sm-9 {
        margin-left: 75%
    }
    .column>.col-sm-9 {
        height: 75%;
        width: auto
    }
    .row>.col-sm-10 {
        height: auto;
        width: 83.3333%
    }
    .row>.offset-sm-10 {
        margin-left: 83.3333%
    }
    .column>.col-sm-10 {
        height: 83.3333%;
        width: auto
    }
    .row>.col-sm-11 {
        height: auto;
        width: 91.6667%
    }
    .row>.offset-sm-11 {
        margin-left: 91.6667%
    }
    .column>.col-sm-11 {
        height: 91.6667%;
        width: auto
    }
    .row>.col-sm-12 {
        height: auto;
        width: 100%
    }
    .row>.offset-sm-12 {
        margin-left: 100%
    }
    .column>.col-sm-12 {
        height: 100%;
        width: auto
    }
}
@media (min-width: 1024px) {
    .flex>.col-md,
    .flex>.col-md-0,
    .flex>.col-md-1,
    .flex>.col-md-2,
    .flex>.col-md-3,
    .flex>.col-md-4,
    .flex>.col-md-5,
    .flex>.col-md-6,
    .flex>.col-md-7,
    .flex>.col-md-8,
    .flex>.col-md-9,
    .flex>.col-md-10,
    .flex>.col-md-11,
    .flex>.col-md-12,
    .flex>.col-md-auto,
    .flex>.col-md-grow,
    .flex>.col-md-shrink,
    .row>.col-md,
    .row>.col-md-0,
    .row>.col-md-1,
    .row>.col-md-2,
    .row>.col-md-3,
    .row>.col-md-4,
    .row>.col-md-5,
    .row>.col-md-6,
    .row>.col-md-7,
    .row>.col-md-8,
    .row>.col-md-9,
    .row>.col-md-10,
    .row>.col-md-11,
    .row>.col-md-12,
    .row>.col-md-auto,
    .row>.col-md-grow,
    .row>.col-md-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }
    .column>.col-md,
    .column>.col-md-0,
    .column>.col-md-1,
    .column>.col-md-2,
    .column>.col-md-3,
    .column>.col-md-4,
    .column>.col-md-5,
    .column>.col-md-6,
    .column>.col-md-7,
    .column>.col-md-8,
    .column>.col-md-9,
    .column>.col-md-10,
    .column>.col-md-11,
    .column>.col-md-12,
    .column>.col-md-auto,
    .column>.col-md-grow,
    .column>.col-md-shrink,
    .flex>.col-md,
    .flex>.col-md-0,
    .flex>.col-md-1,
    .flex>.col-md-2,
    .flex>.col-md-3,
    .flex>.col-md-4,
    .flex>.col-md-5,
    .flex>.col-md-6,
    .flex>.col-md-7,
    .flex>.col-md-8,
    .flex>.col-md-9,
    .flex>.col-md-10,
    .flex>.col-md-11,
    .flex>.col-md-12,
    .flex>.col-md-auto,
    .flex>.col-md-grow,
    .flex>.col-md-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }
    .col-md {
        flex: 10000 1 0%
    }
    .col-md-0,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-auto {
        flex: 0 0 auto
    }
    .col-md-grow {
        flex: 1 0 auto
    }
    .col-md-shrink {
        flex: 0 1 auto
    }
    .row>.col-md-0 {
        height: auto;
        width: 0%
    }
    .row>.offset-md-0 {
        margin-left: 0%
    }
    .column>.col-md-0 {
        height: 0%;
        width: auto
    }
    .row>.col-md-1 {
        height: auto;
        width: 8.3333%
    }
    .row>.offset-md-1 {
        margin-left: 8.3333%
    }
    .column>.col-md-1 {
        height: 8.3333%;
        width: auto
    }
    .row>.col-md-2 {
        height: auto;
        width: 16.6667%
    }
    .row>.offset-md-2 {
        margin-left: 16.6667%
    }
    .column>.col-md-2 {
        height: 16.6667%;
        width: auto
    }
    .row>.col-md-3 {
        height: auto;
        width: 25%
    }
    .row>.offset-md-3 {
        margin-left: 25%
    }
    .column>.col-md-3 {
        height: 25%;
        width: auto
    }
    .row>.col-md-4 {
        height: auto;
        width: 33.3333%
    }
    .row>.offset-md-4 {
        margin-left: 33.3333%
    }
    .column>.col-md-4 {
        height: 33.3333%;
        width: auto
    }
    .row>.col-md-5 {
        height: auto;
        width: 41.6667%
    }
    .row>.offset-md-5 {
        margin-left: 41.6667%
    }
    .column>.col-md-5 {
        height: 41.6667%;
        width: auto
    }
    .row>.col-md-6 {
        height: auto;
        width: 50%
    }
    .row>.offset-md-6 {
        margin-left: 50%
    }
    .column>.col-md-6 {
        height: 50%;
        width: auto
    }
    .row>.col-md-7 {
        height: auto;
        width: 58.3333%
    }
    .row>.offset-md-7 {
        margin-left: 58.3333%
    }
    .column>.col-md-7 {
        height: 58.3333%;
        width: auto
    }
    .row>.col-md-8 {
        height: auto;
        width: 66.6667%
    }
    .row>.offset-md-8 {
        margin-left: 66.6667%
    }
    .column>.col-md-8 {
        height: 66.6667%;
        width: auto
    }
    .row>.col-md-9 {
        height: auto;
        width: 75%
    }
    .row>.offset-md-9 {
        margin-left: 75%
    }
    .column>.col-md-9 {
        height: 75%;
        width: auto
    }
    .row>.col-md-10 {
        height: auto;
        width: 83.3333%
    }
    .row>.offset-md-10 {
        margin-left: 83.3333%
    }
    .column>.col-md-10 {
        height: 83.3333%;
        width: auto
    }
    .row>.col-md-11 {
        height: auto;
        width: 91.6667%
    }
    .row>.offset-md-11 {
        margin-left: 91.6667%
    }
    .column>.col-md-11 {
        height: 91.6667%;
        width: auto
    }
    .row>.col-md-12 {
        height: auto;
        width: 100%
    }
    .row>.offset-md-12 {
        margin-left: 100%
    }
    .column>.col-md-12 {
        height: 100%;
        width: auto
    }
}
@media (min-width: 1440px) {
    .flex>.col-lg,
    .flex>.col-lg-0,
    .flex>.col-lg-1,
    .flex>.col-lg-2,
    .flex>.col-lg-3,
    .flex>.col-lg-4,
    .flex>.col-lg-5,
    .flex>.col-lg-6,
    .flex>.col-lg-7,
    .flex>.col-lg-8,
    .flex>.col-lg-9,
    .flex>.col-lg-10,
    .flex>.col-lg-11,
    .flex>.col-lg-12,
    .flex>.col-lg-auto,
    .flex>.col-lg-grow,
    .flex>.col-lg-shrink,
    .row>.col-lg,
    .row>.col-lg-0,
    .row>.col-lg-1,
    .row>.col-lg-2,
    .row>.col-lg-3,
    .row>.col-lg-4,
    .row>.col-lg-5,
    .row>.col-lg-6,
    .row>.col-lg-7,
    .row>.col-lg-8,
    .row>.col-lg-9,
    .row>.col-lg-10,
    .row>.col-lg-11,
    .row>.col-lg-12,
    .row>.col-lg-auto,
    .row>.col-lg-grow,
    .row>.col-lg-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }
    .column>.col-lg,
    .column>.col-lg-0,
    .column>.col-lg-1,
    .column>.col-lg-2,
    .column>.col-lg-3,
    .column>.col-lg-4,
    .column>.col-lg-5,
    .column>.col-lg-6,
    .column>.col-lg-7,
    .column>.col-lg-8,
    .column>.col-lg-9,
    .column>.col-lg-10,
    .column>.col-lg-11,
    .column>.col-lg-12,
    .column>.col-lg-auto,
    .column>.col-lg-grow,
    .column>.col-lg-shrink,
    .flex>.col-lg,
    .flex>.col-lg-0,
    .flex>.col-lg-1,
    .flex>.col-lg-2,
    .flex>.col-lg-3,
    .flex>.col-lg-4,
    .flex>.col-lg-5,
    .flex>.col-lg-6,
    .flex>.col-lg-7,
    .flex>.col-lg-8,
    .flex>.col-lg-9,
    .flex>.col-lg-10,
    .flex>.col-lg-11,
    .flex>.col-lg-12,
    .flex>.col-lg-auto,
    .flex>.col-lg-grow,
    .flex>.col-lg-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }
    .col-lg {
        flex: 10000 1 0%
    }
    .col-lg-0,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-auto {
        flex: 0 0 auto
    }
    .col-lg-grow {
        flex: 1 0 auto
    }
    .col-lg-shrink {
        flex: 0 1 auto
    }
    .row>.col-lg-0 {
        height: auto;
        width: 0%
    }
    .row>.offset-lg-0 {
        margin-left: 0%
    }
    .column>.col-lg-0 {
        height: 0%;
        width: auto
    }
    .row>.col-lg-1 {
        height: auto;
        width: 8.3333%
    }
    .row>.offset-lg-1 {
        margin-left: 8.3333%
    }
    .column>.col-lg-1 {
        height: 8.3333%;
        width: auto
    }
    .row>.col-lg-2 {
        height: auto;
        width: 16.6667%
    }
    .row>.offset-lg-2 {
        margin-left: 16.6667%
    }
    .column>.col-lg-2 {
        height: 16.6667%;
        width: auto
    }
    .row>.col-lg-3 {
        height: auto;
        width: 25%
    }
    .row>.offset-lg-3 {
        margin-left: 25%
    }
    .column>.col-lg-3 {
        height: 25%;
        width: auto
    }
    .row>.col-lg-4 {
        height: auto;
        width: 33.3333%
    }
    .row>.offset-lg-4 {
        margin-left: 33.3333%
    }
    .column>.col-lg-4 {
        height: 33.3333%;
        width: auto
    }
    .row>.col-lg-5 {
        height: auto;
        width: 41.6667%
    }
    .row>.offset-lg-5 {
        margin-left: 41.6667%
    }
    .column>.col-lg-5 {
        height: 41.6667%;
        width: auto
    }
    .row>.col-lg-6 {
        height: auto;
        width: 50%
    }
    .row>.offset-lg-6 {
        margin-left: 50%
    }
    .column>.col-lg-6 {
        height: 50%;
        width: auto
    }
    .row>.col-lg-7 {
        height: auto;
        width: 58.3333%
    }
    .row>.offset-lg-7 {
        margin-left: 58.3333%
    }
    .column>.col-lg-7 {
        height: 58.3333%;
        width: auto
    }
    .row>.col-lg-8 {
        height: auto;
        width: 66.6667%
    }
    .row>.offset-lg-8 {
        margin-left: 66.6667%
    }
    .column>.col-lg-8 {
        height: 66.6667%;
        width: auto
    }
    .row>.col-lg-9 {
        height: auto;
        width: 75%
    }
    .row>.offset-lg-9 {
        margin-left: 75%
    }
    .column>.col-lg-9 {
        height: 75%;
        width: auto
    }
    .row>.col-lg-10 {
        height: auto;
        width: 83.3333%
    }
    .row>.offset-lg-10 {
        margin-left: 83.3333%
    }
    .column>.col-lg-10 {
        height: 83.3333%;
        width: auto
    }
    .row>.col-lg-11 {
        height: auto;
        width: 91.6667%
    }
    .row>.offset-lg-11 {
        margin-left: 91.6667%
    }
    .column>.col-lg-11 {
        height: 91.6667%;
        width: auto
    }
    .row>.col-lg-12 {
        height: auto;
        width: 100%
    }
    .row>.offset-lg-12 {
        margin-left: 100%
    }
    .column>.col-lg-12 {
        height: 100%;
        width: auto
    }
}
@media (min-width: 1920px) {
    .flex>.col-xl,
    .flex>.col-xl-0,
    .flex>.col-xl-1,
    .flex>.col-xl-2,
    .flex>.col-xl-3,
    .flex>.col-xl-4,
    .flex>.col-xl-5,
    .flex>.col-xl-6,
    .flex>.col-xl-7,
    .flex>.col-xl-8,
    .flex>.col-xl-9,
    .flex>.col-xl-10,
    .flex>.col-xl-11,
    .flex>.col-xl-12,
    .flex>.col-xl-auto,
    .flex>.col-xl-grow,
    .flex>.col-xl-shrink,
    .row>.col-xl,
    .row>.col-xl-0,
    .row>.col-xl-1,
    .row>.col-xl-2,
    .row>.col-xl-3,
    .row>.col-xl-4,
    .row>.col-xl-5,
    .row>.col-xl-6,
    .row>.col-xl-7,
    .row>.col-xl-8,
    .row>.col-xl-9,
    .row>.col-xl-10,
    .row>.col-xl-11,
    .row>.col-xl-12,
    .row>.col-xl-auto,
    .row>.col-xl-grow,
    .row>.col-xl-shrink {
        width: auto;
        min-width: 0;
        max-width: 100%
    }
    .column>.col-xl,
    .column>.col-xl-0,
    .column>.col-xl-1,
    .column>.col-xl-2,
    .column>.col-xl-3,
    .column>.col-xl-4,
    .column>.col-xl-5,
    .column>.col-xl-6,
    .column>.col-xl-7,
    .column>.col-xl-8,
    .column>.col-xl-9,
    .column>.col-xl-10,
    .column>.col-xl-11,
    .column>.col-xl-12,
    .column>.col-xl-auto,
    .column>.col-xl-grow,
    .column>.col-xl-shrink,
    .flex>.col-xl,
    .flex>.col-xl-0,
    .flex>.col-xl-1,
    .flex>.col-xl-2,
    .flex>.col-xl-3,
    .flex>.col-xl-4,
    .flex>.col-xl-5,
    .flex>.col-xl-6,
    .flex>.col-xl-7,
    .flex>.col-xl-8,
    .flex>.col-xl-9,
    .flex>.col-xl-10,
    .flex>.col-xl-11,
    .flex>.col-xl-12,
    .flex>.col-xl-auto,
    .flex>.col-xl-grow,
    .flex>.col-xl-shrink {
        height: auto;
        min-height: 0;
        max-height: 100%
    }
    .col-xl {
        flex: 10000 1 0%
    }
    .col-xl-0,
    .col-xl-1,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-auto {
        flex: 0 0 auto
    }
    .col-xl-grow {
        flex: 1 0 auto
    }
    .col-xl-shrink {
        flex: 0 1 auto
    }
    .row>.col-xl-0 {
        height: auto;
        width: 0%
    }
    .row>.offset-xl-0 {
        margin-left: 0%
    }
    .column>.col-xl-0 {
        height: 0%;
        width: auto
    }
    .row>.col-xl-1 {
        height: auto;
        width: 8.3333%
    }
    .row>.offset-xl-1 {
        margin-left: 8.3333%
    }
    .column>.col-xl-1 {
        height: 8.3333%;
        width: auto
    }
    .row>.col-xl-2 {
        height: auto;
        width: 16.6667%
    }
    .row>.offset-xl-2 {
        margin-left: 16.6667%
    }
    .column>.col-xl-2 {
        height: 16.6667%;
        width: auto
    }
    .row>.col-xl-3 {
        height: auto;
        width: 25%
    }
    .row>.offset-xl-3 {
        margin-left: 25%
    }
    .column>.col-xl-3 {
        height: 25%;
        width: auto
    }
    .row>.col-xl-4 {
        height: auto;
        width: 33.3333%
    }
    .row>.offset-xl-4 {
        margin-left: 33.3333%
    }
    .column>.col-xl-4 {
        height: 33.3333%;
        width: auto
    }
    .row>.col-xl-5 {
        height: auto;
        width: 41.6667%
    }
    .row>.offset-xl-5 {
        margin-left: 41.6667%
    }
    .column>.col-xl-5 {
        height: 41.6667%;
        width: auto
    }
    .row>.col-xl-6 {
        height: auto;
        width: 50%
    }
    .row>.offset-xl-6 {
        margin-left: 50%
    }
    .column>.col-xl-6 {
        height: 50%;
        width: auto
    }
    .row>.col-xl-7 {
        height: auto;
        width: 58.3333%
    }
    .row>.offset-xl-7 {
        margin-left: 58.3333%
    }
    .column>.col-xl-7 {
        height: 58.3333%;
        width: auto
    }
    .row>.col-xl-8 {
        height: auto;
        width: 66.6667%
    }
    .row>.offset-xl-8 {
        margin-left: 66.6667%
    }
    .column>.col-xl-8 {
        height: 66.6667%;
        width: auto
    }
    .row>.col-xl-9 {
        height: auto;
        width: 75%
    }
    .row>.offset-xl-9 {
        margin-left: 75%
    }
    .column>.col-xl-9 {
        height: 75%;
        width: auto
    }
    .row>.col-xl-10 {
        height: auto;
        width: 83.3333%
    }
    .row>.offset-xl-10 {
        margin-left: 83.3333%
    }
    .column>.col-xl-10 {
        height: 83.3333%;
        width: auto
    }
    .row>.col-xl-11 {
        height: auto;
        width: 91.6667%
    }
    .row>.offset-xl-11 {
        margin-left: 91.6667%
    }
    .column>.col-xl-11 {
        height: 91.6667%;
        width: auto
    }
    .row>.col-xl-12 {
        height: auto;
        width: 100%
    }
    .row>.offset-xl-12 {
        margin-left: 100%
    }
    .column>.col-xl-12 {
        height: 100%;
        width: auto
    }
}
@media (-ms-high-contrast: none) and (min-width: 0),
screen and (-ms-high-contrast: active) and (min-width: 0) {
    .flex>.col,
    .flex>.col-xs,
    .row>.col,
    .row>.col-xs {
        flex-basis: auto;
        min-width: 0%
    }
}
@media (-ms-high-contrast: none) and (min-width: 600px),
screen and (-ms-high-contrast: active) and (min-width: 600px) {
    .flex>.col-sm,
    .row>.col-sm {
        flex-basis: auto;
        min-width: 0%
    }
}
@media (-ms-high-contrast: none) and (min-width: 1024px),
screen and (-ms-high-contrast: active) and (min-width: 1024px) {
    .flex>.col-md,
    .row>.col-md {
        flex-basis: auto;
        min-width: 0%
    }
}
@media (-ms-high-contrast: none) and (min-width: 1440px),
screen and (-ms-high-contrast: active) and (min-width: 1440px) {
    .flex>.col-lg,
    .row>.col-lg {
        flex-basis: auto;
        min-width: 0%
    }
}
@media (-ms-high-contrast: none) and (min-width: 1920px),
screen and (-ms-high-contrast: active) and (min-width: 1920px) {
    .flex>.col-xl,
    .row>.col-xl {
        flex-basis: auto;
        min-width: 0%
    }
}
@media (-ms-high-contrast: none) and (min-width: 0),
screen and (-ms-high-contrast: active) and (min-width: 0) {
    .flex>.col, .flex>.col-xs, .row>.col, .row>.col-xs {
        flex-basis: auto;
        min-width: 0%
    }
}
@media (-ms-high-contrast: none) and (min-width: 600px),
screen and (-ms-high-contrast: active) and (min-width: 600px) {
    .flex>.col-sm, .row>.col-sm {
        flex-basis: auto;
        min-width: 0%
    }
}
@media (-ms-high-contrast: none) and (min-width: 1024px),
screen and (-ms-high-contrast: active) and (min-width: 1024px) {
    .flex>.col-md, .row>.col-md {
        flex-basis: auto;
        min-width: 0%
    }
}
@media (-ms-high-contrast: none) and (min-width: 1440px),
screen and (-ms-high-contrast: active) and (min-width: 1440px) {
    .flex>.col-lg, .row>.col-lg {
        flex-basis: auto;
        min-width: 0%
    }
}
@media (-ms-high-contrast: none) and (min-width: 1920px),
screen and (-ms-high-contrast: active) and (min-width: 1920px) {
    .flex>.col-xl, .row>.col-xl {
        flex-basis: auto;
        min-width: 0%
    }
}
.no-wrap {
    flex-wrap: nowrap
}
body.electron .q-electron-drag--exception,
body.electron .q-electron-drag .q-btn-item {
    -webkit-app-region: no-drag
}
.q-btn__wrapper,
.q-menu .q-item__section--main,
.q-table__middle,
.q-time__content,
.q-toolbar__title {
    flex-basis: auto
}
button.q-btn--actionable:active:hover .q-btn__wrapper {
    margin: -1px 1px 1px -1px
}
.q-btn-group--push>button.q-btn--push.q-btn--actionable:active:hover .q-btn__wrapper {
    margin: 1px 1px -1px -1px
}
.q-btn {
    overflow: visible
}
.q-btn--wrap {
    flex-direction: row
}
.q-btn__wrapper,
.q-menu .q-item__section--main,
.q-table__middle,
.q-time__content,
.q-toolbar__title {
    flex-basis: auto
}
button.q-btn--actionable:active:hover .q-btn__wrapper {
    margin: -1px 1px 1px -1px
}
.q-btn-group--push>button.q-btn--push.q-btn--actionable:active:hover .q-btn__wrapper {
    margin: 1px 1px -1px -1px
}
.q-btn {
    overflow: visible
}
.q-btn--wrap {
    flex-direction: row
}
.q-banner__actions.col-all .q-btn-item {
    margin: 4px 0 0 4px
}
.q-bar>.q-btn {
    margin-left: 2px
}
.q-bar>.q-btn:first-child,
.q-bar>.q-icon:first-child,
.q-bar>div:first-child {
    margin-left: 0
}
.q-bar>.q-btn {
    margin-left: 2px
}
.q-bar>.q-btn:first-child,
.q-bar>.q-icon:first-child,
.q-bar>div:first-child {
    margin-left: 0
}
.q-bar--standard {
    padding: 0 12px;
    height: 32px;
    font-size: 18px
}
.q-bar--standard>div {
    font-size: 16px
}
.q-bar--standard .q-btn {
    font-size: 11px
}
.q-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    position: relative;
    outline: 0;
    border: 0;
    vertical-align: middle;
    padding: 0;
    font-size: 14px;
    line-height: 1.715em;
    text-decoration: none;
    color: inherit;
    background: transparent;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    width: auto;
    height: auto
}
.q-btn .q-icon,
.q-btn .q-spinner {
    font-size: 1.715em
}
.q-btn.disabled {
    opacity: 0.7!important
}
.q-btn__wrapper {
    padding: 4px 16px;
    min-height: 2.572em;
    border-radius: inherit;
    width: 100%;
    height: 100%
}
.q-btn__wrapper:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12)
}
.q-btn--actionable {
    cursor: pointer
}
.q-btn--actionable.q-btn--standard .q-btn__wrapper:before {
    transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1)
}
.q-btn--actionable.q-btn--standard.q-btn--active .q-btn__wrapper:before,
.q-btn--actionable.q-btn--standard:active .q-btn__wrapper:before {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px rgba(0, 0, 0, 0.14), 0 1px 14px rgba(0, 0, 0, 0.12)
}
.q-btn--no-uppercase {
    text-transform: none
}
.q-btn--rectangle {
    border-radius: 3px
}
.q-btn--outline {
    background: transparent!important
}
.q-btn--outline .q-btn__wrapper:before {
    border: 1px solid currentColor
}
.q-btn--push {
    border-radius: 7px
}
.q-btn--push .q-btn__wrapper:before {
    border-bottom: 3px solid rgba(0, 0, 0, 0.15)
}
.q-btn--push.q-btn--actionable {
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1)
}
.q-btn--push.q-btn--actionable .q-btn__wrapper:before {
    transition: top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), border-bottom-width 0.3s cubic-bezier(0.25, 0.8, 0.5, 1)
}
.q-btn--push.q-btn--actionable.q-btn--active,
.q-btn--push.q-btn--actionable:active {
    transform: translateY(2px)
}
.q-btn--push.q-btn--actionable.q-btn--active .q-btn__wrapper:before,
.q-btn--push.q-btn--actionable:active .q-btn__wrapper:before {
    border-bottom-width: 0
}
.q-btn--rounded {
    border-radius: 28px
}
.q-btn--round {
    border-radius: 50%
}
.q-btn--round .q-btn__wrapper {
    padding: 0;
    min-width: 3em;
    min-height: 3em
}
.q-btn--flat .q-btn__wrapper:before,
.q-btn--outline .q-btn__wrapper:before,
.q-btn--unelevated .q-btn__wrapper:before {
    box-shadow: none
}
.q-btn--dense .q-btn__wrapper {
    padding: 0.285em;
    min-height: 2em
}
.q-btn--dense.q-btn--round .q-btn__wrapper {
    padding: 0;
    min-height: 2.4em;
    min-width: 2.4em
}
.q-btn--dense .on-left {
    margin-right: 6px
}
.q-btn--dense .on-right {
    margin-left: 6px
}
.q-btn--fab-mini .q-icon,
.q-btn--fab .q-icon {
    font-size: 24px
}
.q-btn--fab .q-icon {
    margin: auto
}
.q-btn--fab .q-btn__wrapper {
    padding: 16px;
    min-height: 56px;
    min-width: 56px
}
.q-btn--fab-mini .q-btn__wrapper {
    padding: 8px;
    min-height: 40px;
    min-width: 40px
}
.q-btn__content {
    transition: opacity 0.3s;
    z-index: 0
}
.q-btn__content--hidden {
    opacity: 0;
    pointer-events: none
}
.q-btn__progress {
    border-radius: inherit;
    z-index: 0
}
.q-btn__progress-indicator {
    z-index: -1;
    transform: translateX(-100%);
    background: hsla(0, 0%, 100%, 0.25)
}
.q-btn__progress--dark .q-btn__progress-indicator {
    background: rgba(0, 0, 0, 0.2)
}
.q-btn--flat .q-btn__progress-indicator,
.q-btn--outline .q-btn__progress-indicator {
    opacity: 0.2;
    background: currentColor
}
.q-btn-dropdown--split .q-btn-dropdown__arrow-container {
    border-left: 1px solid hsla(0, 0%, 100%, 0.3)
}
.q-btn-dropdown--split .q-btn-dropdown__arrow-container .q-btn__wrapper {
    padding: 0 4px
}
.q-btn-dropdown--simple .q-btn-dropdown__arrow {
    margin-left: 8px
}
.q-btn-dropdown__arrow {
    transition: transform 0.28s
}
.q-btn-group {
    border-radius: 3px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
    vertical-align: middle
}
.q-btn-group>.q-btn-item {
    border-radius: inherit;
    align-self: stretch
}
.q-btn-group>.q-btn-item .q-btn__wrapper:before {
    box-shadow: none
}
.q-btn-group>.q-btn-item .q-badge--floating {
    right: 0
}
.q-btn-group>.q-btn-group {
    box-shadow: none
}
.q-btn-group>.q-btn-group:first-child>.q-btn:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}
.q-btn-group>.q-btn-group:last-child>.q-btn:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}
.q-btn-group>.q-btn-group:not(:first-child)>.q-btn:first-child .q-btn__wrapper:before {
    border-left: 0
}
.q-btn-group>.q-btn-group:not(:last-child)>.q-btn:last-child .q-btn__wrapper:before {
    border-right: 0
}
.q-btn-group>.q-btn-item:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.q-btn-group>.q-btn-item:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.q-btn-group>.q-btn-item.q-btn--standard .q-btn__wrapper:before {
    z-index: -1
}
.q-btn-group--push>.q-btn--push.q-btn--actionable {
    transform: none
}
.q-btn-group--push>.q-btn--push.q-btn--actionable .q-btn__wrapper {
    transition: margin-top 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), margin-bottom 0.3s cubic-bezier(0.25, 0.8, 0.5, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1)
}
.q-btn-group--push>.q-btn--push.q-btn--actionable.q-btn--active .q-btn__wrapper,
.q-btn-group--push>.q-btn--push.q-btn--actionable:active .q-btn__wrapper {
    margin-top: 2px;
    margin-bottom: -2px
}
.q-btn-group--rounded {
    border-radius: 28px
}
.q-btn-group--flat,
.q-btn-group--outline,
.q-btn-group--unelevated {
    box-shadow: none
}
.q-btn-group--outline>.q-separator {
    display: none
}
.q-btn-group--outline>.q-btn-item+.q-btn-item .q-btn__wrapper:before {
    border-left: 0
}
.q-btn-group--outline>.q-btn-item:not(:last-child) .q-btn__wrapper:before {
    border-right: 0
}
.q-btn-group--stretch {
    align-self: stretch;
    border-radius: 0
}
.q-btn-group--glossy>.q-btn-item {
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04))!important
}
.q-btn-group--spread>.q-btn-group {
    display: flex!important
}
.q-btn-group--spread>.q-btn-group>.q-btn-item:not(.q-btn-dropdown__arrow-container),
.q-btn-group--spread>.q-btn-item {
    width: auto;
    min-width: 0;
    max-width: 100%;
    flex: 10000 1 0%
}
.q-card {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), 0 2px 2px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    vertical-align: top;
    background: #fff;
    position: relative
}
.q-card>div:first-child,
.q-card>img:first-child {
    border-top: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}
.q-card>div:last-child,
.q-card>img:last-child {
    border-bottom: 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}
.q-card>div:not(:first-child),
.q-card>img:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}
.q-card>div:not(:last-child),
.q-card>img:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}
.q-card>div {
    border-left: 0;
    border-right: 0;
    box-shadow: none
}
.q-card--bordered {
    border: 1px solid rgba(0, 0, 0, 0.12)
}
.q-card--dark {
    border-color: hsla(0, 0%, 100%, 0.28)
}
.q-card__section {
    position: relative
}
.q-card__section--vert {
    padding: 16px
}
.q-card__section--horiz>div:first-child,
.q-card__section--horiz>img:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}
.q-card__section--horiz>div:last-child,
.q-card__section--horiz>img:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}
.q-card__section--horiz>div:not(:first-child),
.q-card__section--horiz>img:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}
.q-card__section--horiz>div:not(:last-child),
.q-card__section--horiz>img:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.q-card__section--horiz>div {
    border-top: 0;
    border-bottom: 0;
    box-shadow: none
}
.q-card__actions {
    padding: 8px;
    align-items: center
}
.q-card__actions .q-btn__wrapper {
    padding: 0 8px
}
.q-card__actions--horiz>.q-btn-group+.q-btn-item,
.q-card__actions--horiz>.q-btn-item+.q-btn-group,
.q-card__actions--horiz>.q-btn-item+.q-btn-item {
    margin-left: 8px
}
.q-card__actions--vert>.q-btn-item.q-btn--round {
    align-self: center
}
.q-card__actions--vert>.q-btn-group+.q-btn-item,
.q-card__actions--vert>.q-btn-item+.q-btn-group,
.q-card__actions--vert>.q-btn-item+.q-btn-item {
    margin-top: 4px
}
.q-card__actions--vert>.q-btn-group>.q-btn-item {
    flex-grow: 1
}
.q-card>img {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0
}
.q-carousel {
    background-color: #fff;
    height: 400px
}
.q-carousel__slide {
    min-height: 100%;
    background-size: cover;
    background-position: 50%
}
.q-carousel .q-carousel--padding,
.q-carousel__slide {
    padding: 16px
}
.q-carousel__slides-container {
    height: 100%
}
.q-carousel__control {
    color: #fff
}
.q-carousel__arrow {
    pointer-events: none
}
.q-carousel__arrow .q-icon {
    font-size: 28px
}
.q-carousel__arrow .q-btn {
    pointer-events: all
}
.q-carousel__navigation .q-btn {
    margin: 6px 4px
}
.q-carousel__navigation .q-btn .q-btn__wrapper {
    padding: 5px
}
.q-date__content .q-btn {
    font-weight: 400
}