quasar
Version:
Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
2,809 lines • 95.1 kB
CSS
@media (min-width: 0) {
.flex-block, .flex-xs-block {
display: block;
}
.flex-inline, .flex-xs-inline {
display: inline-block;
}
.q-pa-xs-none {
padding: 0 0;
}
.q-pl-xs-none {
padding-left: 0;
}
.q-pr-xs-none {
padding-right: 0;
}
.q-pt-xs-none {
padding-top: 0;
}
.q-pb-xs-none {
padding-bottom: 0;
}
.q-px-xs-none {
padding-left: 0;
padding-right: 0;
}
.q-py-xs-none {
padding-top: 0;
padding-bottom: 0;
}
.q-ma-xs-none {
margin: 0 0;
}
.q-ml-xs-none {
margin-left: 0;
}
.q-mr-xs-none {
margin-right: 0;
}
.q-mt-xs-none {
margin-top: 0;
}
.q-mb-xs-none {
margin-bottom: 0;
}
.q-mx-xs-none {
margin-left: 0;
margin-right: 0;
}
.q-my-xs-none {
margin-top: 0;
margin-bottom: 0;
}
.q-pa-xs-xs {
padding: 4px 4px;
}
.q-pl-xs-xs {
padding-left: 4px;
}
.q-pr-xs-xs {
padding-right: 4px;
}
.q-pt-xs-xs {
padding-top: 4px;
}
.q-pb-xs-xs {
padding-bottom: 4px;
}
.q-px-xs-xs {
padding-left: 4px;
padding-right: 4px;
}
.q-py-xs-xs {
padding-top: 4px;
padding-bottom: 4px;
}
.q-ma-xs-xs {
margin: 4px 4px;
}
.q-ml-xs-xs {
margin-left: 4px;
}
.q-mr-xs-xs {
margin-right: 4px;
}
.q-mt-xs-xs {
margin-top: 4px;
}
.q-mb-xs-xs {
margin-bottom: 4px;
}
.q-mx-xs-xs {
margin-left: 4px;
margin-right: 4px;
}
.q-my-xs-xs {
margin-top: 4px;
margin-bottom: 4px;
}
.q-pa-xs-sm {
padding: 8px 8px;
}
.q-pl-xs-sm {
padding-left: 8px;
}
.q-pr-xs-sm {
padding-right: 8px;
}
.q-pt-xs-sm {
padding-top: 8px;
}
.q-pb-xs-sm {
padding-bottom: 8px;
}
.q-px-xs-sm {
padding-left: 8px;
padding-right: 8px;
}
.q-py-xs-sm {
padding-top: 8px;
padding-bottom: 8px;
}
.q-ma-xs-sm {
margin: 8px 8px;
}
.q-ml-xs-sm {
margin-left: 8px;
}
.q-mr-xs-sm {
margin-right: 8px;
}
.q-mt-xs-sm {
margin-top: 8px;
}
.q-mb-xs-sm {
margin-bottom: 8px;
}
.q-mx-xs-sm {
margin-left: 8px;
margin-right: 8px;
}
.q-my-xs-sm {
margin-top: 8px;
margin-bottom: 8px;
}
.q-pa-xs-md {
padding: 16px 16px;
}
.q-pl-xs-md {
padding-left: 16px;
}
.q-pr-xs-md {
padding-right: 16px;
}
.q-pt-xs-md {
padding-top: 16px;
}
.q-pb-xs-md {
padding-bottom: 16px;
}
.q-px-xs-md {
padding-left: 16px;
padding-right: 16px;
}
.q-py-xs-md {
padding-top: 16px;
padding-bottom: 16px;
}
.q-ma-xs-md {
margin: 16px 16px;
}
.q-ml-xs-md {
margin-left: 16px;
}
.q-mr-xs-md {
margin-right: 16px;
}
.q-mt-xs-md {
margin-top: 16px;
}
.q-mb-xs-md {
margin-bottom: 16px;
}
.q-mx-xs-md {
margin-left: 16px;
margin-right: 16px;
}
.q-my-xs-md {
margin-top: 16px;
margin-bottom: 16px;
}
.q-pa-xs-lg {
padding: 24px 24px;
}
.q-pl-xs-lg {
padding-left: 24px;
}
.q-pr-xs-lg {
padding-right: 24px;
}
.q-pt-xs-lg {
padding-top: 24px;
}
.q-pb-xs-lg {
padding-bottom: 24px;
}
.q-px-xs-lg {
padding-left: 24px;
padding-right: 24px;
}
.q-py-xs-lg {
padding-top: 24px;
padding-bottom: 24px;
}
.q-ma-xs-lg {
margin: 24px 24px;
}
.q-ml-xs-lg {
margin-left: 24px;
}
.q-mr-xs-lg {
margin-right: 24px;
}
.q-mt-xs-lg {
margin-top: 24px;
}
.q-mb-xs-lg {
margin-bottom: 24px;
}
.q-mx-xs-lg {
margin-left: 24px;
margin-right: 24px;
}
.q-my-xs-lg {
margin-top: 24px;
margin-bottom: 24px;
}
.q-pa-xs-xl {
padding: 48px 48px;
}
.q-pl-xs-xl {
padding-left: 48px;
}
.q-pr-xs-xl {
padding-right: 48px;
}
.q-pt-xs-xl {
padding-top: 48px;
}
.q-pb-xs-xl {
padding-bottom: 48px;
}
.q-px-xs-xl {
padding-left: 48px;
padding-right: 48px;
}
.q-py-xs-xl {
padding-top: 48px;
padding-bottom: 48px;
}
.q-ma-xs-xl {
margin: 48px 48px;
}
.q-ml-xs-xl {
margin-left: 48px;
}
.q-mr-xs-xl {
margin-right: 48px;
}
.q-mt-xs-xl {
margin-top: 48px;
}
.q-mb-xs-xl {
margin-bottom: 48px;
}
.q-mx-xs-xl {
margin-left: 48px;
margin-right: 48px;
}
.q-my-xs-xl {
margin-top: 48px;
margin-bottom: 48px;
}
.q-ml-xs-auto {
margin-left: auto;
}
.q-mr-xs-auto {
margin-right: auto;
}
.q-mx-xs-auto {
margin-left: auto;
margin-right: auto;
}
.row-xs, .column-xs, .flex-xs {
display: flex;
flex-wrap: wrap;
}
.row-xs.inline-xs, .column-xs.inline-xs, .flex-xs.inline-xs {
display: inline-flex;
}
.row-xs {
flex-direction: row;
}
.row-xs.reverse-xs {
flex-direction: row-reverse;
}
.column-xs {
flex-direction: column;
}
.column-xs.reverse-xs {
flex-direction: column-reverse;
}
.wrap-xs {
flex-wrap: wrap;
}
.no-wrap-xs {
flex-wrap: nowrap;
}
.reverse-wrap-xs {
flex-wrap: wrap-reverse;
}
.order-xs-first {
order: -10000;
}
.order-xs-last {
order: 10000;
}
.order-xs-none {
order: 0;
}
.justify-xs-start {
justify-content: flex-start;
}
.justify-xs-end {
justify-content: flex-end;
}
.justify-xs-center, .flex-xs-center {
justify-content: center;
}
.justify-xs-between {
justify-content: space-between;
}
.justify-xs-around {
justify-content: space-around;
}
.justify-xs-evenly {
justify-content: space-evenly;
}
.items-xs-start {
align-items: flex-start;
}
.items-xs-end {
align-items: flex-end;
}
.items-xs-center, .flex-xs-center {
align-items: center;
}
.items-xs-baseline {
align-items: baseline;
}
.items-xs-stretch {
align-items: stretch;
}
.content-xs-start {
align-content: flex-start;
}
.content-xs-end {
align-content: flex-end;
}
.content-xs-center {
align-content: center;
}
.content-xs-between {
align-content: space-between;
}
.content-xs-around {
align-content: space-around;
}
.self-xs-start {
align-self: flex-start;
}
.self-xs-end {
align-self: flex-end;
}
.self-xs-center {
align-self: center;
}
.self-xs-baseline {
align-self: baseline;
}
.self-xs-stretch {
align-self: stretch;
}
.q-gutter-xs-x-none {
margin-left: 0;
}
.q-gutter-xs-x-none > * {
margin-left: 0;
}
.q-gutter-xs-y-none {
margin-top: 0;
}
.q-gutter-xs-y-none > * {
margin-top: 0;
}
.q-gutter-xs-none {
margin-left: 0;
margin-top: 0;
}
.q-gutter-xs-none > * {
margin-left: 0;
margin-top: 0;
}
.q-col-gutter-xs-x-none {
margin-left: 0;
}
.q-col-gutter-xs-x-none > * {
padding-left: 0;
}
.q-col-gutter-xs-y-none {
margin-top: 0;
}
.q-col-gutter-xs-y-none > * {
padding-top: 0;
}
.q-col-gutter-xs-none {
margin-left: 0;
margin-top: 0;
}
.q-col-gutter-xs-none > * {
padding-left: 0;
padding-top: 0;
}
.q-gutter-xs-x-xs {
margin-left: -4px;
}
.q-gutter-xs-x-xs > * {
margin-left: 4px;
}
.q-gutter-xs-y-xs {
margin-top: -4px;
}
.q-gutter-xs-y-xs > * {
margin-top: 4px;
}
.q-gutter-xs-xs {
margin-left: -4px;
margin-top: -4px;
}
.q-gutter-xs-xs > * {
margin-left: 4px;
margin-top: 4px;
}
.q-col-gutter-xs-x-xs {
margin-left: -4px;
}
.q-col-gutter-xs-x-xs > * {
padding-left: 4px;
}
.q-col-gutter-xs-y-xs {
margin-top: -4px;
}
.q-col-gutter-xs-y-xs > * {
padding-top: 4px;
}
.q-col-gutter-xs-xs {
margin-left: -4px;
margin-top: -4px;
}
.q-col-gutter-xs-xs > * {
padding-left: 4px;
padding-top: 4px;
}
.q-gutter-xs-x-sm {
margin-left: -8px;
}
.q-gutter-xs-x-sm > * {
margin-left: 8px;
}
.q-gutter-xs-y-sm {
margin-top: -8px;
}
.q-gutter-xs-y-sm > * {
margin-top: 8px;
}
.q-gutter-xs-sm {
margin-left: -8px;
margin-top: -8px;
}
.q-gutter-xs-sm > * {
margin-left: 8px;
margin-top: 8px;
}
.q-col-gutter-xs-x-sm {
margin-left: -8px;
}
.q-col-gutter-xs-x-sm > * {
padding-left: 8px;
}
.q-col-gutter-xs-y-sm {
margin-top: -8px;
}
.q-col-gutter-xs-y-sm > * {
padding-top: 8px;
}
.q-col-gutter-xs-sm {
margin-left: -8px;
margin-top: -8px;
}
.q-col-gutter-xs-sm > * {
padding-left: 8px;
padding-top: 8px;
}
.q-gutter-xs-x-md {
margin-left: -16px;
}
.q-gutter-xs-x-md > * {
margin-left: 16px;
}
.q-gutter-xs-y-md {
margin-top: -16px;
}
.q-gutter-xs-y-md > * {
margin-top: 16px;
}
.q-gutter-xs-md {
margin-left: -16px;
margin-top: -16px;
}
.q-gutter-xs-md > * {
margin-left: 16px;
margin-top: 16px;
}
.q-col-gutter-xs-x-md {
margin-left: -16px;
}
.q-col-gutter-xs-x-md > * {
padding-left: 16px;
}
.q-col-gutter-xs-y-md {
margin-top: -16px;
}
.q-col-gutter-xs-y-md > * {
padding-top: 16px;
}
.q-col-gutter-xs-md {
margin-left: -16px;
margin-top: -16px;
}
.q-col-gutter-xs-md > * {
padding-left: 16px;
padding-top: 16px;
}
.q-gutter-xs-x-lg {
margin-left: -24px;
}
.q-gutter-xs-x-lg > * {
margin-left: 24px;
}
.q-gutter-xs-y-lg {
margin-top: -24px;
}
.q-gutter-xs-y-lg > * {
margin-top: 24px;
}
.q-gutter-xs-lg {
margin-left: -24px;
margin-top: -24px;
}
.q-gutter-xs-lg > * {
margin-left: 24px;
margin-top: 24px;
}
.q-col-gutter-xs-x-lg {
margin-left: -24px;
}
.q-col-gutter-xs-x-lg > * {
padding-left: 24px;
}
.q-col-gutter-xs-y-lg {
margin-top: -24px;
}
.q-col-gutter-xs-y-lg > * {
padding-top: 24px;
}
.q-col-gutter-xs-lg {
margin-left: -24px;
margin-top: -24px;
}
.q-col-gutter-xs-lg > * {
padding-left: 24px;
padding-top: 24px;
}
.q-gutter-xs-x-xl {
margin-left: -48px;
}
.q-gutter-xs-x-xl > * {
margin-left: 48px;
}
.q-gutter-xs-y-xl {
margin-top: -48px;
}
.q-gutter-xs-y-xl > * {
margin-top: 48px;
}
.q-gutter-xs-xl {
margin-left: -48px;
margin-top: -48px;
}
.q-gutter-xs-xl > * {
margin-left: 48px;
margin-top: 48px;
}
.q-col-gutter-xs-x-xl {
margin-left: -48px;
}
.q-col-gutter-xs-x-xl > * {
padding-left: 48px;
}
.q-col-gutter-xs-y-xl {
margin-top: -48px;
}
.q-col-gutter-xs-y-xl > * {
padding-top: 48px;
}
.q-col-gutter-xs-xl {
margin-left: -48px;
margin-top: -48px;
}
.q-col-gutter-xs-xl > * {
padding-left: 48px;
padding-top: 48px;
}
.row-xs > .col-0, .row-xs > .col-xs-0 {
height: auto;
width: 0%;
}
.row-xs > .offset-0, .row-xs > .offset-xs-0 {
margin-left: 0%;
}
.column-xs > .col-0, .column-xs > .col-xs-0 {
height: 0%;
width: auto;
}
.row-xs > .col-1, .row-xs > .col-xs-1 {
height: auto;
width: 8.3333%;
}
.row-xs > .offset-1, .row-xs > .offset-xs-1 {
margin-left: 8.3333%;
}
.column-xs > .col-1, .column-xs > .col-xs-1 {
height: 8.3333%;
width: auto;
}
.row-xs > .col-2, .row-xs > .col-xs-2 {
height: auto;
width: 16.6667%;
}
.row-xs > .offset-2, .row-xs > .offset-xs-2 {
margin-left: 16.6667%;
}
.column-xs > .col-2, .column-xs > .col-xs-2 {
height: 16.6667%;
width: auto;
}
.row-xs > .col-3, .row-xs > .col-xs-3 {
height: auto;
width: 25%;
}
.row-xs > .offset-3, .row-xs > .offset-xs-3 {
margin-left: 25%;
}
.column-xs > .col-3, .column-xs > .col-xs-3 {
height: 25%;
width: auto;
}
.row-xs > .col-4, .row-xs > .col-xs-4 {
height: auto;
width: 33.3333%;
}
.row-xs > .offset-4, .row-xs > .offset-xs-4 {
margin-left: 33.3333%;
}
.column-xs > .col-4, .column-xs > .col-xs-4 {
height: 33.3333%;
width: auto;
}
.row-xs > .col-5, .row-xs > .col-xs-5 {
height: auto;
width: 41.6667%;
}
.row-xs > .offset-5, .row-xs > .offset-xs-5 {
margin-left: 41.6667%;
}
.column-xs > .col-5, .column-xs > .col-xs-5 {
height: 41.6667%;
width: auto;
}
.row-xs > .col-6, .row-xs > .col-xs-6 {
height: auto;
width: 50%;
}
.row-xs > .offset-6, .row-xs > .offset-xs-6 {
margin-left: 50%;
}
.column-xs > .col-6, .column-xs > .col-xs-6 {
height: 50%;
width: auto;
}
.row-xs > .col-7, .row-xs > .col-xs-7 {
height: auto;
width: 58.3333%;
}
.row-xs > .offset-7, .row-xs > .offset-xs-7 {
margin-left: 58.3333%;
}
.column-xs > .col-7, .column-xs > .col-xs-7 {
height: 58.3333%;
width: auto;
}
.row-xs > .col-8, .row-xs > .col-xs-8 {
height: auto;
width: 66.6667%;
}
.row-xs > .offset-8, .row-xs > .offset-xs-8 {
margin-left: 66.6667%;
}
.column-xs > .col-8, .column-xs > .col-xs-8 {
height: 66.6667%;
width: auto;
}
.row-xs > .col-9, .row-xs > .col-xs-9 {
height: auto;
width: 75%;
}
.row-xs > .offset-9, .row-xs > .offset-xs-9 {
margin-left: 75%;
}
.column-xs > .col-9, .column-xs > .col-xs-9 {
height: 75%;
width: auto;
}
.row-xs > .col-10, .row-xs > .col-xs-10 {
height: auto;
width: 83.3333%;
}
.row-xs > .offset-10, .row-xs > .offset-xs-10 {
margin-left: 83.3333%;
}
.column-xs > .col-10, .column-xs > .col-xs-10 {
height: 83.3333%;
width: auto;
}
.row-xs > .col-11, .row-xs > .col-xs-11 {
height: auto;
width: 91.6667%;
}
.row-xs > .offset-11, .row-xs > .offset-xs-11 {
margin-left: 91.6667%;
}
.column-xs > .col-11, .column-xs > .col-xs-11 {
height: 91.6667%;
width: auto;
}
.row-xs > .col-12, .row-xs > .col-xs-12 {
height: auto;
width: 100%;
}
.row-xs > .offset-12, .row-xs > .offset-xs-12 {
margin-left: 100%;
}
.column-xs > .col-12, .column-xs > .col-xs-12 {
height: 100%;
width: auto;
}
}
@media (min-width: 600px) {
.flex-sm-block {
display: block;
}
.flex-sm-inline {
display: inline-block;
}
.q-pa-sm-none {
padding: 0 0;
}
.q-pl-sm-none {
padding-left: 0;
}
.q-pr-sm-none {
padding-right: 0;
}
.q-pt-sm-none {
padding-top: 0;
}
.q-pb-sm-none {
padding-bottom: 0;
}
.q-px-sm-none {
padding-left: 0;
padding-right: 0;
}
.q-py-sm-none {
padding-top: 0;
padding-bottom: 0;
}
.q-ma-sm-none {
margin: 0 0;
}
.q-ml-sm-none {
margin-left: 0;
}
.q-mr-sm-none {
margin-right: 0;
}
.q-mt-sm-none {
margin-top: 0;
}
.q-mb-sm-none {
margin-bottom: 0;
}
.q-mx-sm-none {
margin-left: 0;
margin-right: 0;
}
.q-my-sm-none {
margin-top: 0;
margin-bottom: 0;
}
.q-pa-sm-xs {
padding: 4px 4px;
}
.q-pl-sm-xs {
padding-left: 4px;
}
.q-pr-sm-xs {
padding-right: 4px;
}
.q-pt-sm-xs {
padding-top: 4px;
}
.q-pb-sm-xs {
padding-bottom: 4px;
}
.q-px-sm-xs {
padding-left: 4px;
padding-right: 4px;
}
.q-py-sm-xs {
padding-top: 4px;
padding-bottom: 4px;
}
.q-ma-sm-xs {
margin: 4px 4px;
}
.q-ml-sm-xs {
margin-left: 4px;
}
.q-mr-sm-xs {
margin-right: 4px;
}
.q-mt-sm-xs {
margin-top: 4px;
}
.q-mb-sm-xs {
margin-bottom: 4px;
}
.q-mx-sm-xs {
margin-left: 4px;
margin-right: 4px;
}
.q-my-sm-xs {
margin-top: 4px;
margin-bottom: 4px;
}
.q-pa-sm-sm {
padding: 8px 8px;
}
.q-pl-sm-sm {
padding-left: 8px;
}
.q-pr-sm-sm {
padding-right: 8px;
}
.q-pt-sm-sm {
padding-top: 8px;
}
.q-pb-sm-sm {
padding-bottom: 8px;
}
.q-px-sm-sm {
padding-left: 8px;
padding-right: 8px;
}
.q-py-sm-sm {
padding-top: 8px;
padding-bottom: 8px;
}
.q-ma-sm-sm {
margin: 8px 8px;
}
.q-ml-sm-sm {
margin-left: 8px;
}
.q-mr-sm-sm {
margin-right: 8px;
}
.q-mt-sm-sm {
margin-top: 8px;
}
.q-mb-sm-sm {
margin-bottom: 8px;
}
.q-mx-sm-sm {
margin-left: 8px;
margin-right: 8px;
}
.q-my-sm-sm {
margin-top: 8px;
margin-bottom: 8px;
}
.q-pa-sm-md {
padding: 16px 16px;
}
.q-pl-sm-md {
padding-left: 16px;
}
.q-pr-sm-md {
padding-right: 16px;
}
.q-pt-sm-md {
padding-top: 16px;
}
.q-pb-sm-md {
padding-bottom: 16px;
}
.q-px-sm-md {
padding-left: 16px;
padding-right: 16px;
}
.q-py-sm-md {
padding-top: 16px;
padding-bottom: 16px;
}
.q-ma-sm-md {
margin: 16px 16px;
}
.q-ml-sm-md {
margin-left: 16px;
}
.q-mr-sm-md {
margin-right: 16px;
}
.q-mt-sm-md {
margin-top: 16px;
}
.q-mb-sm-md {
margin-bottom: 16px;
}
.q-mx-sm-md {
margin-left: 16px;
margin-right: 16px;
}
.q-my-sm-md {
margin-top: 16px;
margin-bottom: 16px;
}
.q-pa-sm-lg {
padding: 24px 24px;
}
.q-pl-sm-lg {
padding-left: 24px;
}
.q-pr-sm-lg {
padding-right: 24px;
}
.q-pt-sm-lg {
padding-top: 24px;
}
.q-pb-sm-lg {
padding-bottom: 24px;
}
.q-px-sm-lg {
padding-left: 24px;
padding-right: 24px;
}
.q-py-sm-lg {
padding-top: 24px;
padding-bottom: 24px;
}
.q-ma-sm-lg {
margin: 24px 24px;
}
.q-ml-sm-lg {
margin-left: 24px;
}
.q-mr-sm-lg {
margin-right: 24px;
}
.q-mt-sm-lg {
margin-top: 24px;
}
.q-mb-sm-lg {
margin-bottom: 24px;
}
.q-mx-sm-lg {
margin-left: 24px;
margin-right: 24px;
}
.q-my-sm-lg {
margin-top: 24px;
margin-bottom: 24px;
}
.q-pa-sm-xl {
padding: 48px 48px;
}
.q-pl-sm-xl {
padding-left: 48px;
}
.q-pr-sm-xl {
padding-right: 48px;
}
.q-pt-sm-xl {
padding-top: 48px;
}
.q-pb-sm-xl {
padding-bottom: 48px;
}
.q-px-sm-xl {
padding-left: 48px;
padding-right: 48px;
}
.q-py-sm-xl {
padding-top: 48px;
padding-bottom: 48px;
}
.q-ma-sm-xl {
margin: 48px 48px;
}
.q-ml-sm-xl {
margin-left: 48px;
}
.q-mr-sm-xl {
margin-right: 48px;
}
.q-mt-sm-xl {
margin-top: 48px;
}
.q-mb-sm-xl {
margin-bottom: 48px;
}
.q-mx-sm-xl {
margin-left: 48px;
margin-right: 48px;
}
.q-my-sm-xl {
margin-top: 48px;
margin-bottom: 48px;
}
.q-ml-sm-auto {
margin-left: auto;
}
.q-mr-sm-auto {
margin-right: auto;
}
.q-mx-sm-auto {
margin-left: auto;
margin-right: auto;
}
.row.inline-sm, .column.inline-sm, .flex.inline-sm {
display: inline-flex;
}
.row-sm, .column-sm, .flex-sm {
display: flex;
flex-wrap: wrap;
}
.row-sm.inline, .row-sm.inline-sm, .column-sm.inline, .column-sm.inline-sm, .flex-sm.inline, .flex-sm.inline-sm {
display: inline-flex;
}
.row.reverse-sm {
flex-direction: row-reverse;
}
.row-sm {
flex-direction: row;
}
.row-sm.reverse, .row-sm.reverse-sm {
flex-direction: row-reverse;
}
.column.reverse-sm {
flex-direction: column-reverse;
}
.column-sm {
flex-direction: column;
}
.column-sm.reverse, .column-sm.reverse-sm {
flex-direction: column-reverse;
}
.wrap-sm {
flex-wrap: wrap;
}
.no-wrap-sm {
flex-wrap: nowrap;
}
.reverse-wrap-sm {
flex-wrap: wrap-reverse;
}
.order-sm-first {
order: -10000;
}
.order-sm-last {
order: 10000;
}
.order-sm-none {
order: 0;
}
.justify-sm-start {
justify-content: flex-start;
}
.justify-sm-end {
justify-content: flex-end;
}
.justify-sm-center, .flex-sm-center {
justify-content: center;
}
.justify-sm-between {
justify-content: space-between;
}
.justify-sm-around {
justify-content: space-around;
}
.justify-sm-evenly {
justify-content: space-evenly;
}
.items-sm-start {
align-items: flex-start;
}
.items-sm-end {
align-items: flex-end;
}
.items-sm-center, .flex-sm-center {
align-items: center;
}
.items-sm-baseline {
align-items: baseline;
}
.items-sm-stretch {
align-items: stretch;
}
.content-sm-start {
align-content: flex-start;
}
.content-sm-end {
align-content: flex-end;
}
.content-sm-center {
align-content: center;
}
.content-sm-between {
align-content: space-between;
}
.content-sm-around {
align-content: space-around;
}
.self-sm-start {
align-self: flex-start;
}
.self-sm-end {
align-self: flex-end;
}
.self-sm-center {
align-self: center;
}
.self-sm-baseline {
align-self: baseline;
}
.self-sm-stretch {
align-self: stretch;
}
.q-gutter-sm-x-none {
margin-left: 0;
}
.q-gutter-sm-x-none > * {
margin-left: 0;
}
.q-gutter-sm-y-none {
margin-top: 0;
}
.q-gutter-sm-y-none > * {
margin-top: 0;
}
.q-gutter-sm-none {
margin-left: 0;
margin-top: 0;
}
.q-gutter-sm-none > * {
margin-left: 0;
margin-top: 0;
}
.q-col-gutter-sm-x-none {
margin-left: 0;
}
.q-col-gutter-sm-x-none > * {
padding-left: 0;
}
.q-col-gutter-sm-y-none {
margin-top: 0;
}
.q-col-gutter-sm-y-none > * {
padding-top: 0;
}
.q-col-gutter-sm-none {
margin-left: 0;
margin-top: 0;
}
.q-col-gutter-sm-none > * {
padding-left: 0;
padding-top: 0;
}
.q-gutter-sm-x-xs {
margin-left: -4px;
}
.q-gutter-sm-x-xs > * {
margin-left: 4px;
}
.q-gutter-sm-y-xs {
margin-top: -4px;
}
.q-gutter-sm-y-xs > * {
margin-top: 4px;
}
.q-gutter-sm-xs {
margin-left: -4px;
margin-top: -4px;
}
.q-gutter-sm-xs > * {
margin-left: 4px;
margin-top: 4px;
}
.q-col-gutter-sm-x-xs {
margin-left: -4px;
}
.q-col-gutter-sm-x-xs > * {
padding-left: 4px;
}
.q-col-gutter-sm-y-xs {
margin-top: -4px;
}
.q-col-gutter-sm-y-xs > * {
padding-top: 4px;
}
.q-col-gutter-sm-xs {
margin-left: -4px;
margin-top: -4px;
}
.q-col-gutter-sm-xs > * {
padding-left: 4px;
padding-top: 4px;
}
.q-gutter-sm-x-sm {
margin-left: -8px;
}
.q-gutter-sm-x-sm > * {
margin-left: 8px;
}
.q-gutter-sm-y-sm {
margin-top: -8px;
}
.q-gutter-sm-y-sm > * {
margin-top: 8px;
}
.q-gutter-sm-sm {
margin-left: -8px;
margin-top: -8px;
}
.q-gutter-sm-sm > * {
margin-left: 8px;
margin-top: 8px;
}
.q-col-gutter-sm-x-sm {
margin-left: -8px;
}
.q-col-gutter-sm-x-sm > * {
padding-left: 8px;
}
.q-col-gutter-sm-y-sm {
margin-top: -8px;
}
.q-col-gutter-sm-y-sm > * {
padding-top: 8px;
}
.q-col-gutter-sm-sm {
margin-left: -8px;
margin-top: -8px;
}
.q-col-gutter-sm-sm > * {
padding-left: 8px;
padding-top: 8px;
}
.q-gutter-sm-x-md {
margin-left: -16px;
}
.q-gutter-sm-x-md > * {
margin-left: 16px;
}
.q-gutter-sm-y-md {
margin-top: -16px;
}
.q-gutter-sm-y-md > * {
margin-top: 16px;
}
.q-gutter-sm-md {
margin-left: -16px;
margin-top: -16px;
}
.q-gutter-sm-md > * {
margin-left: 16px;
margin-top: 16px;
}
.q-col-gutter-sm-x-md {
margin-left: -16px;
}
.q-col-gutter-sm-x-md > * {
padding-left: 16px;
}
.q-col-gutter-sm-y-md {
margin-top: -16px;
}
.q-col-gutter-sm-y-md > * {
padding-top: 16px;
}
.q-col-gutter-sm-md {
margin-left: -16px;
margin-top: -16px;
}
.q-col-gutter-sm-md > * {
padding-left: 16px;
padding-top: 16px;
}
.q-gutter-sm-x-lg {
margin-left: -24px;
}
.q-gutter-sm-x-lg > * {
margin-left: 24px;
}
.q-gutter-sm-y-lg {
margin-top: -24px;
}
.q-gutter-sm-y-lg > * {
margin-top: 24px;
}
.q-gutter-sm-lg {
margin-left: -24px;
margin-top: -24px;
}
.q-gutter-sm-lg > * {
margin-left: 24px;
margin-top: 24px;
}
.q-col-gutter-sm-x-lg {
margin-left: -24px;
}
.q-col-gutter-sm-x-lg > * {
padding-left: 24px;
}
.q-col-gutter-sm-y-lg {
margin-top: -24px;
}
.q-col-gutter-sm-y-lg > * {
padding-top: 24px;
}
.q-col-gutter-sm-lg {
margin-left: -24px;
margin-top: -24px;
}
.q-col-gutter-sm-lg > * {
padding-left: 24px;
padding-top: 24px;
}
.q-gutter-sm-x-xl {
margin-left: -48px;
}
.q-gutter-sm-x-xl > * {
margin-left: 48px;
}
.q-gutter-sm-y-xl {
margin-top: -48px;
}
.q-gutter-sm-y-xl > * {
margin-top: 48px;
}
.q-gutter-sm-xl {
margin-left: -48px;
margin-top: -48px;
}
.q-gutter-sm-xl > * {
margin-left: 48px;
margin-top: 48px;
}
.q-col-gutter-sm-x-xl {
margin-left: -48px;
}
.q-col-gutter-sm-x-xl > * {
padding-left: 48px;
}
.q-col-gutter-sm-y-xl {
margin-top: -48px;
}
.q-col-gutter-sm-y-xl > * {
padding-top: 48px;
}
.q-col-gutter-sm-xl {
margin-left: -48px;
margin-top: -48px;
}
.q-col-gutter-sm-xl > * {
padding-left: 48px;
padding-top: 48px;
}
.row-sm > .col-0, .row-sm > .col-xs-0 {
height: auto;
width: 0%;
}
.row-sm > .offset-0, .row-sm > .offset-xs-0 {
margin-left: 0%;
}
.column-sm > .col-0, .column-sm > .col-xs-0 {
height: 0%;
width: auto;
}
.row-sm > .col-1, .row-sm > .col-xs-1 {
height: auto;
width: 8.3333%;
}
.row-sm > .offset-1, .row-sm > .offset-xs-1 {
margin-left: 8.3333%;
}
.column-sm > .col-1, .column-sm > .col-xs-1 {
height: 8.3333%;
width: auto;
}
.row-sm > .col-2, .row-sm > .col-xs-2 {
height: auto;
width: 16.6667%;
}
.row-sm > .offset-2, .row-sm > .offset-xs-2 {
margin-left: 16.6667%;
}
.column-sm > .col-2, .column-sm > .col-xs-2 {
height: 16.6667%;
width: auto;
}
.row-sm > .col-3, .row-sm > .col-xs-3 {
height: auto;
width: 25%;
}
.row-sm > .offset-3, .row-sm > .offset-xs-3 {
margin-left: 25%;
}
.column-sm > .col-3, .column-sm > .col-xs-3 {
height: 25%;
width: auto;
}
.row-sm > .col-4, .row-sm > .col-xs-4 {
height: auto;
width: 33.3333%;
}
.row-sm > .offset-4, .row-sm > .offset-xs-4 {
margin-left: 33.3333%;
}
.column-sm > .col-4, .column-sm > .col-xs-4 {
height: 33.3333%;
width: auto;
}
.row-sm > .col-5, .row-sm > .col-xs-5 {
height: auto;
width: 41.6667%;
}
.row-sm > .offset-5, .row-sm > .offset-xs-5 {
margin-left: 41.6667%;
}
.column-sm > .col-5, .column-sm > .col-xs-5 {
height: 41.6667%;
width: auto;
}
.row-sm > .col-6, .row-sm > .col-xs-6 {
height: auto;
width: 50%;
}
.row-sm > .offset-6, .row-sm > .offset-xs-6 {
margin-left: 50%;
}
.column-sm > .col-6, .column-sm > .col-xs-6 {
height: 50%;
width: auto;
}
.row-sm > .col-7, .row-sm > .col-xs-7 {
height: auto;
width: 58.3333%;
}
.row-sm > .offset-7, .row-sm > .offset-xs-7 {
margin-left: 58.3333%;
}
.column-sm > .col-7, .column-sm > .col-xs-7 {
height: 58.3333%;
width: auto;
}
.row-sm > .col-8, .row-sm > .col-xs-8 {
height: auto;
width: 66.6667%;
}
.row-sm > .offset-8, .row-sm > .offset-xs-8 {
margin-left: 66.6667%;
}
.column-sm > .col-8, .column-sm > .col-xs-8 {
height: 66.6667%;
width: auto;
}
.row-sm > .col-9, .row-sm > .col-xs-9 {
height: auto;
width: 75%;
}
.row-sm > .offset-9, .row-sm > .offset-xs-9 {
margin-left: 75%;
}
.column-sm > .col-9, .column-sm > .col-xs-9 {
height: 75%;
width: auto;
}
.row-sm > .col-10, .row-sm > .col-xs-10 {
height: auto;
width: 83.3333%;
}
.row-sm > .offset-10, .row-sm > .offset-xs-10 {
margin-left: 83.3333%;
}
.column-sm > .col-10, .column-sm > .col-xs-10 {
height: 83.3333%;
width: auto;
}
.row-sm > .col-11, .row-sm > .col-xs-11 {
height: auto;
width: 91.6667%;
}
.row-sm > .offset-11, .row-sm > .offset-xs-11 {
margin-left: 91.6667%;
}
.column-sm > .col-11, .column-sm > .col-xs-11 {
height: 91.6667%;
width: auto;
}
.row-sm > .col-12, .row-sm > .col-xs-12 {
height: auto;
width: 100%;
}
.row-sm > .offset-12, .row-sm > .offset-xs-12 {
margin-left: 100%;
}
.column-sm > .col-12, .column-sm > .col-xs-12 {
height: 100%;
width: auto;
}
.row-sm > .col-sm-0 {
height: auto;
width: 0%;
}
.row-sm > .offset-sm-0 {
margin-left: 0%;
}
.column-sm > .col-sm-0 {
height: 0%;
width: auto;
}
.row-sm > .col-sm-1 {
height: auto;
width: 8.3333%;
}
.row-sm > .offset-sm-1 {
margin-left: 8.3333%;
}
.column-sm > .col-sm-1 {
height: 8.3333%;
width: auto;
}
.row-sm > .col-sm-2 {
height: auto;
width: 16.6667%;
}
.row-sm > .offset-sm-2 {
margin-left: 16.6667%;
}
.column-sm > .col-sm-2 {
height: 16.6667%;
width: auto;
}
.row-sm > .col-sm-3 {
height: auto;
width: 25%;
}
.row-sm > .offset-sm-3 {
margin-left: 25%;
}
.column-sm > .col-sm-3 {
height: 25%;
width: auto;
}
.row-sm > .col-sm-4 {
height: auto;
width: 33.3333%;
}
.row-sm > .offset-sm-4 {
margin-left: 33.3333%;
}
.column-sm > .col-sm-4 {
height: 33.3333%;
width: auto;
}
.row-sm > .col-sm-5 {
height: auto;
width: 41.6667%;
}
.row-sm > .offset-sm-5 {
margin-left: 41.6667%;
}
.column-sm > .col-sm-5 {
height: 41.6667%;
width: auto;
}
.row-sm > .col-sm-6 {
height: auto;
width: 50%;
}
.row-sm > .offset-sm-6 {
margin-left: 50%;
}
.column-sm > .col-sm-6 {
height: 50%;
width: auto;
}
.row-sm > .col-sm-7 {
height: auto;
width: 58.3333%;
}
.row-sm > .offset-sm-7 {
margin-left: 58.3333%;
}
.column-sm > .col-sm-7 {
height: 58.3333%;
width: auto;
}
.row-sm > .col-sm-8 {
height: auto;
width: 66.6667%;
}
.row-sm > .offset-sm-8 {
margin-left: 66.6667%;
}
.column-sm > .col-sm-8 {
height: 66.6667%;
width: auto;
}
.row-sm > .col-sm-9 {
height: auto;
width: 75%;
}
.row-sm > .offset-sm-9 {
margin-left: 75%;
}
.column-sm > .col-sm-9 {
height: 75%;
width: auto;
}
.row-sm > .col-sm-10 {
height: auto;
width: 83.3333%;
}
.row-sm > .offset-sm-10 {
margin-left: 83.3333%;
}
.column-sm > .col-sm-10 {
height: 83.3333%;
width: auto;
}
.row-sm > .col-sm-11 {
height: auto;
width: 91.6667%;
}
.row-sm > .offset-sm-11 {
margin-left: 91.6667%;
}
.column-sm > .col-sm-11 {
height: 91.6667%;
width: auto;
}
.row-sm > .col-sm-12 {
height: auto;
width: 100%;
}
.row-sm > .offset-sm-12 {
margin-left: 100%;
}
.column-sm > .col-sm-12 {
height: 100%;
width: auto;
}
}
@media (min-width: 1024px) {
.flex-md-block {
display: block;
}
.flex-md-inline {
display: inline-block;
}
.q-pa-md-none {
padding: 0 0;
}
.q-pl-md-none {
padding-left: 0;
}
.q-pr-md-none {
padding-right: 0;
}
.q-pt-md-none {
padding-top: 0;
}
.q-pb-md-none {
padding-bottom: 0;
}
.q-px-md-none {
padding-left: 0;
padding-right: 0;
}
.q-py-md-none {
padding-top: 0;
padding-bottom: 0;
}
.q-ma-md-none {
margin: 0 0;
}
.q-ml-md-none {
margin-left: 0;
}
.q-mr-md-none {
margin-right: 0;
}
.q-mt-md-none {
margin-top: 0;
}
.q-mb-md-none {
margin-bottom: 0;
}
.q-mx-md-none {
margin-left: 0;
margin-right: 0;
}
.q-my-md-none {
margin-top: 0;
margin-bottom: 0;
}
.q-pa-md-xs {
padding: 4px 4px;
}
.q-pl-md-xs {
padding-left: 4px;
}
.q-pr-md-xs {
padding-right: 4px;
}
.q-pt-md-xs {
padding-top: 4px;
}
.q-pb-md-xs {
padding-bottom: 4px;
}
.q-px-md-xs {
padding-left: 4px;
padding-right: 4px;
}
.q-py-md-xs {
padding-top: 4px;
padding-bottom: 4px;
}
.q-ma-md-xs {
margin: 4px 4px;
}
.q-ml-md-xs {
margin-left: 4px;
}
.q-mr-md-xs {
margin-right: 4px;
}
.q-mt-md-xs {
margin-top: 4px;
}
.q-mb-md-xs {
margin-bottom: 4px;
}
.q-mx-md-xs {
margin-left: 4px;
margin-right: 4px;
}
.q-my-md-xs {
margin-top: 4px;
margin-bottom: 4px;
}
.q-pa-md-sm {
padding: 8px 8px;
}
.q-pl-md-sm {
padding-left: 8px;
}
.q-pr-md-sm {
padding-right: 8px;
}
.q-pt-md-sm {
padding-top: 8px;
}
.q-pb-md-sm {
padding-bottom: 8px;
}
.q-px-md-sm {
padding-left: 8px;
padding-right: 8px;
}
.q-py-md-sm {
padding-top: 8px;
padding-bottom: 8px;
}
.q-ma-md-sm {
margin: 8px 8px;
}
.q-ml-md-sm {
margin-left: 8px;
}
.q-mr-md-sm {
margin-right: 8px;
}
.q-mt-md-sm {
margin-top: 8px;
}
.q-mb-md-sm {
margin-bottom: 8px;
}
.q-mx-md-sm {
margin-left: 8px;
margin-right: 8px;
}
.q-my-md-sm {
margin-top: 8px;
margin-bottom: 8px;
}
.q-pa-md-md {
padding: 16px 16px;
}
.q-pl-md-md {
padding-left: 16px;
}
.q-pr-md-md {
padding-right: 16px;
}
.q-pt-md-md {
padding-top: 16px;
}
.q-pb-md-md {
padding-bottom: 16px;
}
.q-px-md-md {
padding-left: 16px;
padding-right: 16px;
}
.q-py-md-md {
padding-top: 16px;
padding-bottom: 16px;
}
.q-ma-md-md {
margin: 16px 16px;
}
.q-ml-md-md {
margin-left: 16px;
}
.q-mr-md-md {
margin-right: 16px;
}
.q-mt-md-md {
margin-top: 16px;
}
.q-mb-md-md {
margin-bottom: 16px;
}
.q-mx-md-md {
margin-left: 16px;
margin-right: 16px;
}
.q-my-md-md {
margin-top: 16px;
margin-bottom: 16px;
}
.q-pa-md-lg {
padding: 24px 24px;
}
.q-pl-md-lg {
padding-left: 24px;
}
.q-pr-md-lg {
padding-right: 24px;
}
.q-pt-md-lg {
padding-top: 24px;
}
.q-pb-md-lg {
padding-bottom: 24px;
}
.q-px-md-lg {
padding-left: 24px;
padding-right: 24px;
}
.q-py-md-lg {
padding-top: 24px;
padding-bottom: 24px;
}
.q-ma-md-lg {
margin: 24px 24px;
}
.q-ml-md-lg {
margin-left: 24px;
}
.q-mr-md-lg {
margin-right: 24px;
}
.q-mt-md-lg {
margin-top: 24px;
}
.q-mb-md-lg {
margin-bottom: 24px;
}
.q-mx-md-lg {
margin-left: 24px;
margin-right: 24px;
}
.q-my-md-lg {
margin-top: 24px;
margin-bottom: 24px;
}
.q-pa-md-xl {
padding: 48px 48px;
}
.q-pl-md-xl {
padding-left: 48px;
}
.q-pr-md-xl {
padding-right: 48px;
}
.q-pt-md-xl {
padding-top: 48px;
}
.q-pb-md-xl {
padding-bottom: 48px;
}
.q-px-md-xl {
padding-left: 48px;
padding-right: 48px;
}
.q-py-md-xl {
padding-top: 48px;
padding-bottom: 48px;
}
.q-ma-md-xl {
margin: 48px 48px;
}
.q-ml-md-xl {
margin-left: 48px;
}
.q-mr-md-xl {
margin-right: 48px;
}
.q-mt-md-xl {
margin-top: 48px;
}
.q-mb-md-xl {
margin-bottom: 48px;
}
.q-mx-md-xl {
margin-left: 48px;
margin-right: 48px;
}
.q-my-md-xl {
margin-top: 48px;
margin-bottom: 48px;
}
.q-ml-md-auto {
margin-left: auto;
}
.q-mr-md-auto {
margin-right: auto;
}
.q-mx-md-auto {
margin-left: auto;
margin-right: auto;
}
.row.inline-md, .column.inline-md, .flex.inline-md {
display: inline-flex;
}
.row-md, .column-md, .flex-md {
display: flex;
flex-wrap: wrap;
}
.row-md.inline, .row-md.inline-md, .column-md.inline, .column-md.inline-md, .flex-md.inline, .flex-md.inline-md {
display: inline-flex;
}
.row.reverse-md {
flex-direction: row-reverse;
}
.row-md {
flex-direction: row;
}
.row-md.reverse, .row-md.reverse-md {
flex-direction: row-reverse;
}
.column.reverse-md {
flex-direction: column-reverse;
}
.column-md {
flex-direction: column;
}
.column-md.reverse, .column-md.reverse-md {
flex-direction: column-reverse;
}
.wrap-md {
flex-wrap: wrap;
}
.no-wrap-md {
flex-wrap: nowrap;
}
.reverse-wrap-md {
flex-wrap: wrap-reverse;
}
.order-md-first {
order: -10000;
}
.order-md-last {
order: 10000;
}
.order-md-none {
order: 0;
}
.justify-md-start {
justify-content: flex-start;
}
.justify-md-end {
justify-content: flex-end;
}
.justify-md-center, .flex-md-center {
justify-content: center;
}
.justify-md-between {
justify-content: space-between;
}
.justify-md-around {
justify-content: space-around;
}
.justify-md-evenly {
justify-content: space-evenly;
}
.items-md-start {
align-items: flex-start;
}
.items-md-end {
align-items: flex-end;
}
.items-md-center, .flex-md-center {
align-items: center;
}
.items-md-baseline {
align-items: baseline;
}
.items-md-stretch {
align-items: stretch;
}
.content-md-start {
align-content: flex-start;
}
.content-md-end {
align-content: flex-end;
}
.content-md-center {
align-content: center;
}
.content-md-between {
align-content: space-between;
}
.content-md-around {
align-content: space-around;
}
.self-md-start {
align-self: flex-start;
}
.self-md-end {
align-self: flex-end;
}
.self-md-center {
align-self: center;
}
.self-md-baseline {
align-self: baseline;
}
.self-md-stretch {
align-self: stretch;
}
.q-gutter-md-x-none {
margin-left: 0;
}
.q-gutter-md-x-none > * {
margin-left: 0;
}
.q-gutter-md-y-none {
margin-top: 0;
}
.q-gutter-md-y-none > * {
margin-top: 0;
}
.q-gutter-md-none {
margin-left: 0;
margin-top: 0;
}
.q-gutter-md-none > * {
margin-left: 0;
margin-top: 0;
}
.q-col-gutter-md-x-none {
margin-left: 0;
}
.q-col-gutter-md-x-none > * {
padding-left: 0;
}
.q-col-gutter-md-y-none {
margin-top: 0;
}
.q-col-gutter-md-y-none > * {
padding-top: 0;
}
.q-col-gutter-md-none {
margin-left: 0;
margin-top: 0;
}
.q-col-gutter-md-none > * {
padding-left: 0;
padding-top: 0;
}
.q-gutter-md-x-xs {
margin-left: -4px;
}
.q-gutter-md-x-xs > * {
margin-left: 4px;
}
.q-gutter-md-y-xs {
margin-top: -4px;
}
.q-gutter-md-y-xs > * {
margin-top: 4px;
}
.q-gutter-md-xs {
margin-left: -4px;
margin-top: -4px;
}
.q-gutter-md-xs > * {
margin-left: 4px;
margin-top: 4px;
}
.q-col-gutter-md-x-xs {
margin-left: -4px;
}
.q-col-gutter-md-x-xs > * {
padding-left: 4px;
}
.q-col-gutter-md-y-xs {
margin-top: -4px;
}
.q-col-gutter-md-y-xs > * {
padding-top: 4px;
}
.q-col-gutter-md-xs {
margin-left: -4px;
margin-top: -4px;
}
.q-col-gutter-md-xs > * {
padding-left: 4px;
padding-top: 4px;
}
.q-gutter-md-x-sm {
margin-left: -8px;
}
.q-gutter-md-x-sm > * {
margin-left: 8px;
}
.q-gutter-md-y-sm {
margin-top: -8px;
}
.q-gutter-md-y-sm > * {
margin-top: 8px;
}
.q-gutter-md-sm {
margin-left: -8px;
margin-top: -8px;
}
.q-gutter-md-sm > * {
margin-left: 8px;
margin-top: 8px;
}
.q-col-gutter-md-x-sm {
margin-left: -8px;
}
.q-col-gutter-md-x-sm > * {
padding-left: 8px;
}
.q-col-gutter-md-y-sm {
margin-top: -8px;
}
.q-col-gutter-md-y-sm > * {
padding-top: 8px;
}
.q-col-gutter-md-sm {
margin-left: -8px;
margin-top: -8px;
}
.q-col-gutter-md-sm > * {
padding-left: 8px;
padding-top: 8px;
}
.q-gutter-md-x-md {
margin-left: -16px;
}
.q-gutter-md-x-md > * {
margin-left: 16px;
}
.q-gutter-md-y-md {
margin-top: -16px;
}
.q-gutter-md-y-md > * {
margin-top: 16px;
}
.q-gutter-md-md {
margin-left: -16px;
margin-top: -16px;
}
.q-gutter-md-md > * {
margin-left: 16px;
margin-top: 16px;
}
.q-col-gutter-md-x-md {
margin-left: -16px;
}
.q-col-gutter-md-x-md > * {
padding-left: 16px;
}
.q-col-gutter-md-y-md {
margin-top: -16px;
}
.q-col-gutter-md-y-md > * {
padding-top: 16px;
}
.q-col-gutter-md-md {
margin-left: -16px;
margin-top: -16px;
}
.q-col-gutter-md-md > * {
padding-left: 16px;
padding-top: 16px;
}
.q-gutter-md-x-lg {
margin-left: -24px;
}
.q-gutter-md-x-lg > * {
margin-left: 24px;
}
.q-gutter-md-y-lg {
margin-top: -24px;
}
.q-gutter-md-y-lg > * {
margin-top: 24px;
}
.q-gutter-md-lg {
margin-left: -24px;
margin-top: -24px;
}
.q-gutter-md-lg > * {
margin-left: 24px;
margin-top: 24px;
}
.q-col-gutter-md-x-lg {
margin-left: -24px;
}
.q-col-gutter-md-x-lg > * {
padding-left: 24px;
}
.q-col-gutter-md-y-lg {
margin-top: -24px;
}
.q-col-gutter-md-y-lg > * {
padding-top: 24px;
}
.q-col-gutter-md-lg {
margin-left: -24px;
margin-top: -24px;
}
.q-col-gutter-md-lg > * {
padding-left: 24px;
padding-top: 24px;
}
.q-gutter-md-x-xl {
margin-left: -48px;
}
.q-gutter-md-x-xl > * {
margin-left: 48px;
}
.q-gutter-md-y-xl {
margin-top: -48px;
}
.q-gutter-md-y-xl > * {
margin-top: 48px;
}
.q-gutter-md-xl {
margin-left: -48px;
margin-top: -48px;
}
.q-gutter-md-xl > * {
margin-left: 48px;
margin-top: 48px;
}
.q-col-gutter-md-x-xl {
margin-left: -48px;
}
.q-col-gutter-md-x-xl > * {
padding-left: 48px;
}
.q-col-gutter-md-y-xl {
margin-top: -48px;
}
.q-col-gutter-md-y-xl > * {
padding-top: 48px;
}
.q-col-gutter-md-xl {
margin-left: -48px;
margin-top: -48px;
}
.q-col-gutter-md-xl > * {
padding-left: 48px;
padding-top: 48px;
}
.row-md > .col-0, .row-md > .col-xs-0 {
height: auto;
width: 0%;
}
.row-md > .offset-0, .row-md > .offset-xs-0 {
margin-left: 0%;
}
.column-md > .col-0, .column-md > .col-xs-0 {
height: 0%;
width: auto;
}
.row-md > .col-1, .row-md > .col-xs-1 {
height: auto;
width: 8.3333%;
}
.row-md > .offset-1, .row-md > .offset-xs-1 {
margin-left: 8.3333%;
}
.column-md > .col-1, .column-md > .col-xs-1 {
height: 8.3333%;
width: auto;
}
.row-md > .col-2, .row-md > .col-xs-2 {
height: auto;
width: 16.6667%;
}
.row-md > .offset-2, .row-md > .offset-xs-2 {
margin-left: 16.6667%;
}
.column-md > .col-2, .column-md > .col-xs-2 {
height: 16.6667%;
width: auto;
}
.row-md > .col-3, .row-md > .col-xs-3 {
height: auto;
width: 25%;
}
.row-md > .offset-3, .row-md > .offset-xs-3 {
margin-left: 25%;
}
.column-md > .col-3, .column-md > .col-xs-3 {
height: 25%;
width: auto;
}
.row-md > .col-4, .row-md > .col-xs-4 {
height: auto;
width: 33.3333%;
}
.row-md > .offset-4, .row-md > .offset-xs-4 {
margin-left: 33.3333%;
}
.column-md > .col-4, .column-md > .col-xs-4 {
height: 33.3333%;
width: auto;
}
.row-md > .col-5, .row-md > .col-xs-5 {
height: auto;
width: 41.6667%;
}
.row-md > .offset-5, .row-md > .offset-xs-5 {
margin-left: 41.6667%;
}
.column-md > .col-5, .column-md > .col-xs-5 {
height: 41.6667%;
width: auto;
}
.row-md > .col-6, .row-md > .col-xs-6 {
height: auto;
width: 50%;
}
.row-md > .offset-6, .row-md > .offset-xs-6 {
margin-left: 50%;
}
.column-md > .col-6, .column-md > .col-xs-6 {
height: 50%;
width: auto;
}
.row-md > .col-7, .row-md > .col-xs-7 {
height: auto;
width: 58.3333%;
}
.row-md > .offset-7, .row-md > .offset-xs-7 {
margin-left: 58.3333%;
}
.column-md > .col-7, .column-md > .col-xs-7 {
height: 58.3333%;
width: auto;
}
.row-md > .col-8, .row-md > .col-xs-8 {
height: auto;
width: 66.6667%;
}
.row-md > .offset-8, .row-md > .offset-xs-8 {
margin-left: 66.6667%;
}
.column-md > .col-8, .column-md > .col-xs-8 {
height: 66.6667%;
width: auto;
}
.row-md > .col-9, .row-md > .col-xs-9 {
height: auto;
width: 75%;
}
.row-md > .offset-9, .row-md > .offset-xs-9 {
margin-left: 75%;
}
.column-md > .col-9, .column-md > .col-xs-9 {
height: 75%;
width: auto;
}
.row-md > .col-10, .row-md > .col-xs-10 {
height: auto;
width: 83.3333%;
}
.row-md > .offset-10, .row-md > .offset-xs-10 {
margin-left: 83.3333%;
}
.column-md > .col-10, .column-md > .col-xs-10 {
height: 83.3333%;
width: auto;
}
.row-md > .col-11, .row-md > .col-xs-11 {
height: auto;
width: 91.6667%;
}
.row-md > .offset-11, .row-md > .offset-xs-11 {
margin-left: 91.6667%;
}
.column-md > .col-11, .column-md > .col-xs-11 {
height: 91.6667%;
width: auto;
}
.row-md > .col-12, .row-md > .col-xs-12 {
height: auto;
width: 100%;
}
.row-md > .offset-12, .row-md > .offset-xs-12 {
margin-left: 100%;
}
.column-md > .col-12, .column-md > .col-xs-12 {
height: 100%;
width: auto;
}
.row-md > .col-sm-0 {
height: auto;
width: 0%;
}
.row-md > .offset-sm-0 {
margin-left: 0%;
}
.column-md > .col-sm-0 {
height: 0%;
width: auto;
}
.row-md > .col-sm-1 {
height: auto;
width: 8.3333%;
}
.row-md > .offset-sm-1 {
margin-left: 8.3333%;
}
.column-md > .col-sm-1 {
height: 8.3333%;
width: auto;
}
.row-md > .col-sm-2 {
height: auto;
width: 16.6667%;
}
.row-md > .offset-sm-2 {
margin-left: 16.6667%;
}
.column-md > .col-sm-2 {
height: 16.6667%;
width: auto;
}
.row-md > .col-sm-3 {
height: auto;
width: 25%;
}
.row-md > .offset-sm-3 {
margin-left: 25%;
}
.column-md > .col-sm-3 {
height: 25%;
width: auto;
}
.row-md > .col-sm-4 {
height: auto;
width: 33.3333%;
}
.row-md > .offset-sm-4 {
margin-left: 33.3333%;
}
.column-md > .col-sm-4 {
height: 33.3333%;
width: auto;
}
.row-md > .col-sm-5 {
height: auto;
width: 41.6667%;
}
.row-md > .offset-sm-5 {
margin-left: 41.6667%;
}
.column-md > .col-sm-5 {
height: 41.6667%;
width: auto;
}
.row-md > .col-sm-6 {
height: auto;
width: 50%;
}
.row-md > .offset-sm-6 {
margin-left: 50%;
}
.column-md > .col-sm-6 {
height: 50%;
width: auto;
}
.row-md > .col-sm-7 {
height: auto;
width: 58.3333%;
}
.row-md > .offset-sm-7 {
margin-left: 58.3333%;
}
.column-md > .col-sm-7 {
height: 58.3333%;
width: auto;
}
.row-md > .col-sm-8 {
height: auto;
width: 66.6667%;
}
.row-md > .offset-sm-8 {
margin-left: 66.6667%;
}
.column-md > .col-sm-8 {
height: 66.6667%;
width: auto;
}
.row-md > .col-sm-9 {
height: auto;
width: 75%;
}
.row-md > .offset-sm-9 {
margin-left: 75%;
}
.column-md > .col-sm-9 {
height: 75%;
width: auto;
}
.row-md > .col-sm-10 {
height: auto;
width: 83.3333%;
}
.row-md > .offset-sm-10 {
margin-left: 83.3333%;
}
.column-md > .col-sm-10 {
height: 83.3333%;
width: auto;
}
.row-md > .col-sm-11 {
height: auto;
width: 91.6667%;
}
.row-md > .offset-sm-11 {
margin-left: 91.6667%;
}
.column-md > .col-sm-11 {
height: 91.6667%;
width: auto;
}
.row-md > .col-sm-12 {
height: auto;
width: 100%;
}
.row-md > .offset-sm-12 {
margin-left: 100%;
}
.column-md > .col-sm-12 {
height: 100%;
width: auto;
}
.row-md > .col-md-0 {
height: auto;
width: 0%;
}
.row-md > .offset-md-0 {
margin-left: 0%;
}
.column-md > .col-md-0 {
height: 0%;
width: auto;
}
.row-md > .col-md-1 {
height: auto;
width: 8.3333%;
}
.row-md > .offset-md-1 {
margin-left: 8.3333%;
}
.column-md > .col-md-1 {
height: 8.3333%;
width: auto;
}
.row-md > .col-md-2 {
height: auto;
width: 16.6667%;
}
.row-md > .offset-md-2 {
margin-left: 16.6667%;
}
.column-md > .col-md-2 {
height: 16.6667%;
width: auto;
}
.row-md > .col-md-3 {
height: auto;
width: 25%;
}
.row-md > .offset-md-3 {
margin-left: 25%;
}
.column-md > .col-md-3 {
height: 25%;
width: auto;
}
.row-md > .col-md-4 {
height: auto;
width: 33.3333%;
}
.row-md > .offset-md-4 {
margin-left: 33.3333%;
}
.column-md > .col-md-4 {
height: 33.3333%;
width: auto;
}
.row-md > .col-md-5 {
height: auto;
width: 41.6667%;
}
.row-md > .offset-md-5 {
margin-left: 41.6667%;
}
.column-md > .col-md-5 {
height: 41.6667%;
width: auto;
}
.row-md > .col-md-6 {
height: auto;
width: 50%;
}
.row-md > .offset-md-6 {
margin-left: 50%;
}
.column-md > .col-md-6 {
height: 50%;
width: auto;
}
.row-md > .col-md-7 {
height: auto;
width: 58.3333%;
}
.row-md > .offset-md-7 {
margin-left: 58.3333%;
}
.column-md > .col-md-7 {
height: 58.3333%;
width: auto;
}
.row-md > .col-md-8 {
height: auto;
width: 66.6667%;
}
.row-md > .offset-md-8 {
margin-left: 66.6667%;
}
.column-md > .col-md-8 {
height: 66.6667%;
width: auto;
}
.row-md > .col-md-9 {
height: auto;
width: 75%;
}
.row-md > .offset-md-9 {
margin-left: 75%;
}
.column-md > .col-md-9 {
height: 75%;
width: auto;
}
.row-md > .col-md-10 {
height: auto;
width: 83.3333%;
}
.row-md > .offset-md-10 {
margin-left: 83.3333%;
}
.column-md > .col-md-10 {
height: 83.3333%;
width: auto;
}
.row-md > .col-md-11 {
height: auto;
width: 91.6667%;
}
.row-md > .offset-md-11 {
margin-left: 91.6667%;
}
.column-md > .col-md-11 {
height: 91.6667%;
width: auto;
}
.row-md > .col-md-12 {
height: auto;
width: 100%;
}
.row-md > .offset-md-12 {
margin-left: 100%;
}
.column-md > .col-md-12 {
height: 100%;
width: auto;
}
}
@media (min-width: 1440px) {
.flex-lg-block {
display: block;
}
.flex-lg-inline {
display: inline-block;
}
.q-pa-lg-none {
padding: 0 0;
}
.q-pl-lg-none {
padding-left: 0;
}
.q-pr-lg-none {
padding-right: 0;
}
.q-pt-lg-none {
padding-top: 0;
}
.q-pb-lg-none {
padding-bottom: 0;
}
.q-px-lg-none {
padding-left: 0;
padding-right: 0;
}
.q-py-lg-none {
padding-top: 0;
padding-bottom: 0;
}
.q-m