quasar-framework/dist/umd/quasar.addon.rtl.css

Build responsive SPA, SSR, PWA, Hybrid Mobile Apps and Electron apps, all simultaneously using the same codebase

/*
 * Quasar Framework v0.17.20
 * (c) 2016-present Razvan Stoenescu
 * Released under the MIT License.
 */
@media (min-width: 0) {
  .flex-block,
  .flex-xs-block {
    display: block;
  }
  .flex-inline,
  .flex-xs-inline {
    display: inline-block;
  }
  .row-xs.inline-xs,
  .column-xs.inline-xs,
  .flex-xs.inline-xs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .row-xs.reverse-xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .column-xs.reverse-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [dir] .q-pa-xs-none {
    padding: 0 0;
  }
  [dir=ltr] .q-pl-xs-none, [dir=ltr] .q-px-xs-none {
    padding-left: 0;
  }
  [dir=rtl] .q-pl-xs-none, [dir=rtl] .q-px-xs-none {
    padding-right: 0;
  }
  [dir=ltr] .q-pr-xs-none, [dir=ltr] .q-px-xs-none {
    padding-right: 0;
  }
  [dir=rtl] .q-pr-xs-none, [dir=rtl] .q-px-xs-none {
    padding-left: 0;
  }
  [dir] .q-pt-xs-none, [dir] .q-py-xs-none {
    padding-top: 0;
  }
  [dir] .q-pb-xs-none, [dir] .q-py-xs-none {
    padding-bottom: 0;
  }
  [dir] .q-ma-xs-none {
    margin: 0 0;
  }
  [dir=ltr] .q-ml-xs-none, [dir=ltr] .q-mx-xs-none {
    margin-left: 0;
  }
  [dir=rtl] .q-ml-xs-none, [dir=rtl] .q-mx-xs-none {
    margin-right: 0;
  }
  [dir=ltr] .q-mr-xs-none, [dir=ltr] .q-mx-xs-none {
    margin-right: 0;
  }
  [dir=rtl] .q-mr-xs-none, [dir=rtl] .q-mx-xs-none {
    margin-left: 0;
  }
  [dir] .q-mt-xs-none, [dir] .q-my-xs-none {
    margin-top: 0;
  }
  [dir] .q-mb-xs-none, [dir] .q-my-xs-none {
    margin-bottom: 0;
  }
  [dir] .q-pa-xs-xs {
    padding: 4px 4px;
  }
  [dir=ltr] .q-pl-xs-xs, [dir=ltr] .q-px-xs-xs {
    padding-left: 4px;
  }
  [dir=rtl] .q-pl-xs-xs, [dir=rtl] .q-px-xs-xs {
    padding-right: 4px;
  }
  [dir=ltr] .q-pr-xs-xs, [dir=ltr] .q-px-xs-xs {
    padding-right: 4px;
  }
  [dir=rtl] .q-pr-xs-xs, [dir=rtl] .q-px-xs-xs {
    padding-left: 4px;
  }
  [dir] .q-pt-xs-xs, [dir] .q-py-xs-xs {
    padding-top: 4px;
  }
  [dir] .q-pb-xs-xs, [dir] .q-py-xs-xs {
    padding-bottom: 4px;
  }
  [dir] .q-ma-xs-xs {
    margin: 4px 4px;
  }
  [dir=ltr] .q-ml-xs-xs, [dir=ltr] .q-mx-xs-xs {
    margin-left: 4px;
  }
  [dir=rtl] .q-ml-xs-xs, [dir=rtl] .q-mx-xs-xs {
    margin-right: 4px;
  }
  [dir=ltr] .q-mr-xs-xs, [dir=ltr] .q-mx-xs-xs {
    margin-right: 4px;
  }
  [dir=rtl] .q-mr-xs-xs, [dir=rtl] .q-mx-xs-xs {
    margin-left: 4px;
  }
  [dir] .q-mt-xs-xs, [dir] .q-my-xs-xs {
    margin-top: 4px;
  }
  [dir] .q-mb-xs-xs, [dir] .q-my-xs-xs {
    margin-bottom: 4px;
  }
  [dir] .q-pa-xs-sm {
    padding: 8px 8px;
  }
  [dir=ltr] .q-pl-xs-sm, [dir=ltr] .q-px-xs-sm {
    padding-left: 8px;
  }
  [dir=rtl] .q-pl-xs-sm, [dir=rtl] .q-px-xs-sm {
    padding-right: 8px;
  }
  [dir=ltr] .q-pr-xs-sm, [dir=ltr] .q-px-xs-sm {
    padding-right: 8px;
  }
  [dir=rtl] .q-pr-xs-sm, [dir=rtl] .q-px-xs-sm {
    padding-left: 8px;
  }
  [dir] .q-pt-xs-sm, [dir] .q-py-xs-sm {
    padding-top: 8px;
  }
  [dir] .q-pb-xs-sm, [dir] .q-py-xs-sm {
    padding-bottom: 8px;
  }
  [dir] .q-ma-xs-sm {
    margin: 8px 8px;
  }
  [dir=ltr] .q-ml-xs-sm, [dir=ltr] .q-mx-xs-sm {
    margin-left: 8px;
  }
  [dir=rtl] .q-ml-xs-sm, [dir=rtl] .q-mx-xs-sm {
    margin-right: 8px;
  }
  [dir=ltr] .q-mr-xs-sm, [dir=ltr] .q-mx-xs-sm {
    margin-right: 8px;
  }
  [dir=rtl] .q-mr-xs-sm, [dir=rtl] .q-mx-xs-sm {
    margin-left: 8px;
  }
  [dir] .q-mt-xs-sm, [dir] .q-my-xs-sm {
    margin-top: 8px;
  }
  [dir] .q-mb-xs-sm, [dir] .q-my-xs-sm {
    margin-bottom: 8px;
  }
  [dir] .q-pa-xs-md {
    padding: 16px 16px;
  }
  [dir=ltr] .q-pl-xs-md, [dir=ltr] .q-px-xs-md {
    padding-left: 16px;
  }
  [dir=rtl] .q-pl-xs-md, [dir=rtl] .q-px-xs-md {
    padding-right: 16px;
  }
  [dir=ltr] .q-pr-xs-md, [dir=ltr] .q-px-xs-md {
    padding-right: 16px;
  }
  [dir=rtl] .q-pr-xs-md, [dir=rtl] .q-px-xs-md {
    padding-left: 16px;
  }
  [dir] .q-pt-xs-md, [dir] .q-py-xs-md {
    padding-top: 16px;
  }
  [dir] .q-pb-xs-md, [dir] .q-py-xs-md {
    padding-bottom: 16px;
  }
  [dir] .q-ma-xs-md {
    margin: 16px 16px;
  }
  [dir=ltr] .q-ml-xs-md, [dir=ltr] .q-mx-xs-md {
    margin-left: 16px;
  }
  [dir=rtl] .q-ml-xs-md, [dir=rtl] .q-mx-xs-md {
    margin-right: 16px;
  }
  [dir=ltr] .q-mr-xs-md, [dir=ltr] .q-mx-xs-md {
    margin-right: 16px;
  }
  [dir=rtl] .q-mr-xs-md, [dir=rtl] .q-mx-xs-md {
    margin-left: 16px;
  }
  [dir] .q-mt-xs-md, [dir] .q-my-xs-md {
    margin-top: 16px;
  }
  [dir] .q-mb-xs-md, [dir] .q-my-xs-md {
    margin-bottom: 16px;
  }
  [dir] .q-pa-xs-lg {
    padding: 24px 24px;
  }
  [dir=ltr] .q-pl-xs-lg, [dir=ltr] .q-px-xs-lg {
    padding-left: 24px;
  }
  [dir=rtl] .q-pl-xs-lg, [dir=rtl] .q-px-xs-lg {
    padding-right: 24px;
  }
  [dir=ltr] .q-pr-xs-lg, [dir=ltr] .q-px-xs-lg {
    padding-right: 24px;
  }
  [dir=rtl] .q-pr-xs-lg, [dir=rtl] .q-px-xs-lg {
    padding-left: 24px;
  }
  [dir] .q-pt-xs-lg, [dir] .q-py-xs-lg {
    padding-top: 24px;
  }
  [dir] .q-pb-xs-lg, [dir] .q-py-xs-lg {
    padding-bottom: 24px;
  }
  [dir] .q-ma-xs-lg {
    margin: 24px 24px;
  }
  [dir=ltr] .q-ml-xs-lg, [dir=ltr] .q-mx-xs-lg {
    margin-left: 24px;
  }
  [dir=rtl] .q-ml-xs-lg, [dir=rtl] .q-mx-xs-lg {
    margin-right: 24px;
  }
  [dir=ltr] .q-mr-xs-lg, [dir=ltr] .q-mx-xs-lg {
    margin-right: 24px;
  }
  [dir=rtl] .q-mr-xs-lg, [dir=rtl] .q-mx-xs-lg {
    margin-left: 24px;
  }
  [dir] .q-mt-xs-lg, [dir] .q-my-xs-lg {
    margin-top: 24px;
  }
  [dir] .q-mb-xs-lg, [dir] .q-my-xs-lg {
    margin-bottom: 24px;
  }
  [dir] .q-pa-xs-xl {
    padding: 48px 48px;
  }
  [dir=ltr] .q-pl-xs-xl, [dir=ltr] .q-px-xs-xl {
    padding-left: 48px;
  }
  [dir=rtl] .q-pl-xs-xl, [dir=rtl] .q-px-xs-xl {
    padding-right: 48px;
  }
  [dir=ltr] .q-pr-xs-xl, [dir=ltr] .q-px-xs-xl {
    padding-right: 48px;
  }
  [dir=rtl] .q-pr-xs-xl, [dir=rtl] .q-px-xs-xl {
    padding-left: 48px;
  }
  [dir] .q-pt-xs-xl, [dir] .q-py-xs-xl {
    padding-top: 48px;
  }
  [dir] .q-pb-xs-xl, [dir] .q-py-xs-xl {
    padding-bottom: 48px;
  }
  [dir] .q-ma-xs-xl {
    margin: 48px 48px;
  }
  [dir=ltr] .q-ml-xs-xl, [dir=ltr] .q-mx-xs-xl {
    margin-left: 48px;
  }
  [dir=rtl] .q-ml-xs-xl, [dir=rtl] .q-mx-xs-xl {
    margin-right: 48px;
  }
  [dir=ltr] .q-mr-xs-xl, [dir=ltr] .q-mx-xs-xl {
    margin-right: 48px;
  }
  [dir=rtl] .q-mr-xs-xl, [dir=rtl] .q-mx-xs-xl {
    margin-left: 48px;
  }
  [dir] .q-mt-xs-xl, [dir] .q-my-xs-xl {
    margin-top: 48px;
  }
  [dir] .q-mb-xs-xl, [dir] .q-my-xs-xl {
    margin-bottom: 48px;
  }
  [dir=ltr] .q-ml-xs-auto, [dir=ltr] .q-mx-xs-auto {
    margin-left: auto;
  }
  [dir=rtl] .q-ml-xs-auto, [dir=rtl] .q-mx-xs-auto {
    margin-right: auto;
  }
  [dir=ltr] .q-mr-xs-auto, [dir=ltr] .q-mx-xs-auto {
    margin-right: auto;
  }
  [dir=rtl] .q-mr-xs-auto, [dir=rtl] .q-mx-xs-auto {
    margin-left: auto;
  }
  [dir] .q-my--xs-form:not(.q-if-full-width) {
    margin-top: $input-margin-top;
    margin-bottom: $input-margin-bottom;
  }
  [dir] .q-my--xs-form:not(.q-if-full-width).q-if-dense {
    margin-top: $input-dense-margin-top;
    margin-bottom: $input-dense-margin-bottom;
  }
  .row-xs,
  .column-xs,
  .flex-xs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .row-xs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .column-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrap-xs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .no-wrap-xs {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .reverse-wrap-xs {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .order-xs-first {
    -webkit-box-ordinal-group: -9999;
        -ms-flex-order: -10000;
            order: -10000;
  }
  .order-xs-last {
    -webkit-box-ordinal-group: 10001;
        -ms-flex-order: 10000;
            order: 10000;
  }
  .order-xs-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .justify-xs-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-xs-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-xs-center,
  .flex-xs-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-xs-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-xs-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .items-xs-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-xs-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-xs-center,
  .flex-xs-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-xs-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .items-xs-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .content-xs-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .content-xs-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .content-xs-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .content-xs-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .content-xs-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .self-xs-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .self-xs-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .self-xs-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .self-xs-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .self-xs-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  [dir=ltr] .gutter-xs-x-none, [dir=ltr] .gutter-xs-none {
    margin-left: 0;
  }
  [dir=rtl] .gutter-xs-x-none, [dir=rtl] .gutter-xs-none {
    margin-right: 0;
  }
  [dir=ltr] .gutter-xs-x-none > div, [dir=ltr] .gutter-xs-none > div {
    padding-left: 0;
  }
  [dir=rtl] .gutter-xs-x-none > div, [dir=rtl] .gutter-xs-none > div {
    padding-right: 0;
  }
  [dir] .gutter-xs-y-none, [dir] .gutter-xs-none {
    margin-top: 0;
  }
  [dir] .gutter-xs-y-none > div, [dir] .gutter-xs-none > div {
    padding-top: 0;
  }
  [dir=ltr] .gutter-xs-x-xs, [dir=ltr] .gutter-xs-xs {
    margin-left: -8px;
  }
  [dir=rtl] .gutter-xs-x-xs, [dir=rtl] .gutter-xs-xs {
    margin-right: -8px;
  }
  [dir=ltr] .gutter-xs-x-xs > div, [dir=ltr] .gutter-xs-xs > div {
    padding-left: 8px;
  }
  [dir=rtl] .gutter-xs-x-xs > div, [dir=rtl] .gutter-xs-xs > div {
    padding-right: 8px;
  }
  [dir] .gutter-xs-y-xs, [dir] .gutter-xs-xs {
    margin-top: -8px;
  }
  [dir] .gutter-xs-y-xs > div, [dir] .gutter-xs-xs > div {
    padding-top: 8px;
  }
  [dir=ltr] .gutter-xs-x-sm, [dir=ltr] .gutter-xs-sm {
    margin-left: -16px;
  }
  [dir=rtl] .gutter-xs-x-sm, [dir=rtl] .gutter-xs-sm {
    margin-right: -16px;
  }
  [dir=ltr] .gutter-xs-x-sm > div, [dir=ltr] .gutter-xs-sm > div {
    padding-left: 16px;
  }
  [dir=rtl] .gutter-xs-x-sm > div, [dir=rtl] .gutter-xs-sm > div {
    padding-right: 16px;
  }
  [dir] .gutter-xs-y-sm, [dir] .gutter-xs-sm {
    margin-top: -16px;
  }
  [dir] .gutter-xs-y-sm > div, [dir] .gutter-xs-sm > div {
    padding-top: 16px;
  }
  [dir=ltr] .gutter-xs-x-md, [dir=ltr] .gutter-xs-md {
    margin-left: -32px;
  }
  [dir=rtl] .gutter-xs-x-md, [dir=rtl] .gutter-xs-md {
    margin-right: -32px;
  }
  [dir=ltr] .gutter-xs-x-md > div, [dir=ltr] .gutter-xs-md > div {
    padding-left: 32px;
  }
  [dir=rtl] .gutter-xs-x-md > div, [dir=rtl] .gutter-xs-md > div {
    padding-right: 32px;
  }
  [dir] .gutter-xs-y-md, [dir] .gutter-xs-md {
    margin-top: -32px;
  }
  [dir] .gutter-xs-y-md > div, [dir] .gutter-xs-md > div {
    padding-top: 32px;
  }
  [dir=ltr] .gutter-xs-x-lg, [dir=ltr] .gutter-xs-lg {
    margin-left: -48px;
  }
  [dir=rtl] .gutter-xs-x-lg, [dir=rtl] .gutter-xs-lg {
    margin-right: -48px;
  }
  [dir=ltr] .gutter-xs-x-lg > div, [dir=ltr] .gutter-xs-lg > div {
    padding-left: 48px;
  }
  [dir=rtl] .gutter-xs-x-lg > div, [dir=rtl] .gutter-xs-lg > div {
    padding-right: 48px;
  }
  [dir] .gutter-xs-y-lg, [dir] .gutter-xs-lg {
    margin-top: -48px;
  }
  [dir] .gutter-xs-y-lg > div, [dir] .gutter-xs-lg > div {
    padding-top: 48px;
  }
  [dir=ltr] .gutter-xs-x-xl, [dir=ltr] .gutter-xs-xl {
    margin-left: -64px;
  }
  [dir=rtl] .gutter-xs-x-xl, [dir=rtl] .gutter-xs-xl {
    margin-right: -64px;
  }
  [dir=ltr] .gutter-xs-x-xl > div, [dir=ltr] .gutter-xs-xl > div {
    padding-left: 64px;
  }
  [dir=rtl] .gutter-xs-x-xl > div, [dir=rtl] .gutter-xs-xl > div {
    padding-right: 64px;
  }
  [dir] .gutter-xs-y-xl, [dir] .gutter-xs-xl {
    margin-top: -64px;
  }
  [dir] .gutter-xs-y-xl > div, [dir] .gutter-xs-xl > div {
    padding-top: 64px;
  }
  .row-xs > .col-0,
  .row-xs > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  [dir=ltr] .row-xs > .offset-0, [dir=ltr] .row-xs > .offset-xs-0 {
    margin-left: 0%;
  }
  [dir=rtl] .row-xs > .offset-0, [dir=rtl] .row-xs > .offset-xs-0 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-1, [dir=ltr] .row-xs > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  [dir=rtl] .row-xs > .offset-1, [dir=rtl] .row-xs > .offset-xs-1 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-2, [dir=ltr] .row-xs > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  [dir=rtl] .row-xs > .offset-2, [dir=rtl] .row-xs > .offset-xs-2 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-3, [dir=ltr] .row-xs > .offset-xs-3 {
    margin-left: 25%;
  }
  [dir=rtl] .row-xs > .offset-3, [dir=rtl] .row-xs > .offset-xs-3 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-4, [dir=ltr] .row-xs > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  [dir=rtl] .row-xs > .offset-4, [dir=rtl] .row-xs > .offset-xs-4 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-5, [dir=ltr] .row-xs > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  [dir=rtl] .row-xs > .offset-5, [dir=rtl] .row-xs > .offset-xs-5 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-6, [dir=ltr] .row-xs > .offset-xs-6 {
    margin-left: 50%;
  }
  [dir=rtl] .row-xs > .offset-6, [dir=rtl] .row-xs > .offset-xs-6 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-7, [dir=ltr] .row-xs > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  [dir=rtl] .row-xs > .offset-7, [dir=rtl] .row-xs > .offset-xs-7 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-8, [dir=ltr] .row-xs > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  [dir=rtl] .row-xs > .offset-8, [dir=rtl] .row-xs > .offset-xs-8 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-9, [dir=ltr] .row-xs > .offset-xs-9 {
    margin-left: 75%;
  }
  [dir=rtl] .row-xs > .offset-9, [dir=rtl] .row-xs > .offset-xs-9 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-10, [dir=ltr] .row-xs > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  [dir=rtl] .row-xs > .offset-10, [dir=rtl] .row-xs > .offset-xs-10 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-11, [dir=ltr] .row-xs > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  [dir=rtl] .row-xs > .offset-11, [dir=rtl] .row-xs > .offset-xs-11 {
    margin-right: 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%;
  }
  [dir=ltr] .row-xs > .offset-12, [dir=ltr] .row-xs > .offset-xs-12 {
    margin-left: 100%;
  }
  [dir=rtl] .row-xs > .offset-12, [dir=rtl] .row-xs > .offset-xs-12 {
    margin-right: 100%;
  }
  .column-xs > .col-12,
  .column-xs > .col-xs-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 576px) {
  .flex-sm-block {
    display: block;
  }
  .flex-sm-inline {
    display: inline-block;
  }
  .row.inline-sm,
  .column.inline-sm,
  .flex.inline-sm,
  .row-sm.inline,
  .column-sm.inline,
  .flex-sm.inline,
  .row-sm.inline-sm,
  .column-sm.inline-sm,
  .flex-sm.inline-sm {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .row.reverse-sm,
  .row-sm.reverse,
  .row-sm.reverse-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .column.reverse-sm,
  .column-sm.reverse,
  .column-sm.reverse-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [dir] .q-pa-sm-none {
    padding: 0 0;
  }
  [dir=ltr] .q-pl-sm-none, [dir=ltr] .q-px-sm-none {
    padding-left: 0;
  }
  [dir=rtl] .q-pl-sm-none, [dir=rtl] .q-px-sm-none {
    padding-right: 0;
  }
  [dir=ltr] .q-pr-sm-none, [dir=ltr] .q-px-sm-none {
    padding-right: 0;
  }
  [dir=rtl] .q-pr-sm-none, [dir=rtl] .q-px-sm-none {
    padding-left: 0;
  }
  [dir] .q-pt-sm-none, [dir] .q-py-sm-none {
    padding-top: 0;
  }
  [dir] .q-pb-sm-none, [dir] .q-py-sm-none {
    padding-bottom: 0;
  }
  [dir] .q-ma-sm-none {
    margin: 0 0;
  }
  [dir=ltr] .q-ml-sm-none, [dir=ltr] .q-mx-sm-none {
    margin-left: 0;
  }
  [dir=rtl] .q-ml-sm-none, [dir=rtl] .q-mx-sm-none {
    margin-right: 0;
  }
  [dir=ltr] .q-mr-sm-none, [dir=ltr] .q-mx-sm-none {
    margin-right: 0;
  }
  [dir=rtl] .q-mr-sm-none, [dir=rtl] .q-mx-sm-none {
    margin-left: 0;
  }
  [dir] .q-mt-sm-none, [dir] .q-my-sm-none {
    margin-top: 0;
  }
  [dir] .q-mb-sm-none, [dir] .q-my-sm-none {
    margin-bottom: 0;
  }
  [dir] .q-pa-sm-xs {
    padding: 4px 4px;
  }
  [dir=ltr] .q-pl-sm-xs, [dir=ltr] .q-px-sm-xs {
    padding-left: 4px;
  }
  [dir=rtl] .q-pl-sm-xs, [dir=rtl] .q-px-sm-xs {
    padding-right: 4px;
  }
  [dir=ltr] .q-pr-sm-xs, [dir=ltr] .q-px-sm-xs {
    padding-right: 4px;
  }
  [dir=rtl] .q-pr-sm-xs, [dir=rtl] .q-px-sm-xs {
    padding-left: 4px;
  }
  [dir] .q-pt-sm-xs, [dir] .q-py-sm-xs {
    padding-top: 4px;
  }
  [dir] .q-pb-sm-xs, [dir] .q-py-sm-xs {
    padding-bottom: 4px;
  }
  [dir] .q-ma-sm-xs {
    margin: 4px 4px;
  }
  [dir=ltr] .q-ml-sm-xs, [dir=ltr] .q-mx-sm-xs {
    margin-left: 4px;
  }
  [dir=rtl] .q-ml-sm-xs, [dir=rtl] .q-mx-sm-xs {
    margin-right: 4px;
  }
  [dir=ltr] .q-mr-sm-xs, [dir=ltr] .q-mx-sm-xs {
    margin-right: 4px;
  }
  [dir=rtl] .q-mr-sm-xs, [dir=rtl] .q-mx-sm-xs {
    margin-left: 4px;
  }
  [dir] .q-mt-sm-xs, [dir] .q-my-sm-xs {
    margin-top: 4px;
  }
  [dir] .q-mb-sm-xs, [dir] .q-my-sm-xs {
    margin-bottom: 4px;
  }
  [dir] .q-pa-sm-sm {
    padding: 8px 8px;
  }
  [dir=ltr] .q-pl-sm-sm, [dir=ltr] .q-px-sm-sm {
    padding-left: 8px;
  }
  [dir=rtl] .q-pl-sm-sm, [dir=rtl] .q-px-sm-sm {
    padding-right: 8px;
  }
  [dir=ltr] .q-pr-sm-sm, [dir=ltr] .q-px-sm-sm {
    padding-right: 8px;
  }
  [dir=rtl] .q-pr-sm-sm, [dir=rtl] .q-px-sm-sm {
    padding-left: 8px;
  }
  [dir] .q-pt-sm-sm, [dir] .q-py-sm-sm {
    padding-top: 8px;
  }
  [dir] .q-pb-sm-sm, [dir] .q-py-sm-sm {
    padding-bottom: 8px;
  }
  [dir] .q-ma-sm-sm {
    margin: 8px 8px;
  }
  [dir=ltr] .q-ml-sm-sm, [dir=ltr] .q-mx-sm-sm {
    margin-left: 8px;
  }
  [dir=rtl] .q-ml-sm-sm, [dir=rtl] .q-mx-sm-sm {
    margin-right: 8px;
  }
  [dir=ltr] .q-mr-sm-sm, [dir=ltr] .q-mx-sm-sm {
    margin-right: 8px;
  }
  [dir=rtl] .q-mr-sm-sm, [dir=rtl] .q-mx-sm-sm {
    margin-left: 8px;
  }
  [dir] .q-mt-sm-sm, [dir] .q-my-sm-sm {
    margin-top: 8px;
  }
  [dir] .q-mb-sm-sm, [dir] .q-my-sm-sm {
    margin-bottom: 8px;
  }
  [dir] .q-pa-sm-md {
    padding: 16px 16px;
  }
  [dir=ltr] .q-pl-sm-md, [dir=ltr] .q-px-sm-md {
    padding-left: 16px;
  }
  [dir=rtl] .q-pl-sm-md, [dir=rtl] .q-px-sm-md {
    padding-right: 16px;
  }
  [dir=ltr] .q-pr-sm-md, [dir=ltr] .q-px-sm-md {
    padding-right: 16px;
  }
  [dir=rtl] .q-pr-sm-md, [dir=rtl] .q-px-sm-md {
    padding-left: 16px;
  }
  [dir] .q-pt-sm-md, [dir] .q-py-sm-md {
    padding-top: 16px;
  }
  [dir] .q-pb-sm-md, [dir] .q-py-sm-md {
    padding-bottom: 16px;
  }
  [dir] .q-ma-sm-md {
    margin: 16px 16px;
  }
  [dir=ltr] .q-ml-sm-md, [dir=ltr] .q-mx-sm-md {
    margin-left: 16px;
  }
  [dir=rtl] .q-ml-sm-md, [dir=rtl] .q-mx-sm-md {
    margin-right: 16px;
  }
  [dir=ltr] .q-mr-sm-md, [dir=ltr] .q-mx-sm-md {
    margin-right: 16px;
  }
  [dir=rtl] .q-mr-sm-md, [dir=rtl] .q-mx-sm-md {
    margin-left: 16px;
  }
  [dir] .q-mt-sm-md, [dir] .q-my-sm-md {
    margin-top: 16px;
  }
  [dir] .q-mb-sm-md, [dir] .q-my-sm-md {
    margin-bottom: 16px;
  }
  [dir] .q-pa-sm-lg {
    padding: 24px 24px;
  }
  [dir=ltr] .q-pl-sm-lg, [dir=ltr] .q-px-sm-lg {
    padding-left: 24px;
  }
  [dir=rtl] .q-pl-sm-lg, [dir=rtl] .q-px-sm-lg {
    padding-right: 24px;
  }
  [dir=ltr] .q-pr-sm-lg, [dir=ltr] .q-px-sm-lg {
    padding-right: 24px;
  }
  [dir=rtl] .q-pr-sm-lg, [dir=rtl] .q-px-sm-lg {
    padding-left: 24px;
  }
  [dir] .q-pt-sm-lg, [dir] .q-py-sm-lg {
    padding-top: 24px;
  }
  [dir] .q-pb-sm-lg, [dir] .q-py-sm-lg {
    padding-bottom: 24px;
  }
  [dir] .q-ma-sm-lg {
    margin: 24px 24px;
  }
  [dir=ltr] .q-ml-sm-lg, [dir=ltr] .q-mx-sm-lg {
    margin-left: 24px;
  }
  [dir=rtl] .q-ml-sm-lg, [dir=rtl] .q-mx-sm-lg {
    margin-right: 24px;
  }
  [dir=ltr] .q-mr-sm-lg, [dir=ltr] .q-mx-sm-lg {
    margin-right: 24px;
  }
  [dir=rtl] .q-mr-sm-lg, [dir=rtl] .q-mx-sm-lg {
    margin-left: 24px;
  }
  [dir] .q-mt-sm-lg, [dir] .q-my-sm-lg {
    margin-top: 24px;
  }
  [dir] .q-mb-sm-lg, [dir] .q-my-sm-lg {
    margin-bottom: 24px;
  }
  [dir] .q-pa-sm-xl {
    padding: 48px 48px;
  }
  [dir=ltr] .q-pl-sm-xl, [dir=ltr] .q-px-sm-xl {
    padding-left: 48px;
  }
  [dir=rtl] .q-pl-sm-xl, [dir=rtl] .q-px-sm-xl {
    padding-right: 48px;
  }
  [dir=ltr] .q-pr-sm-xl, [dir=ltr] .q-px-sm-xl {
    padding-right: 48px;
  }
  [dir=rtl] .q-pr-sm-xl, [dir=rtl] .q-px-sm-xl {
    padding-left: 48px;
  }
  [dir] .q-pt-sm-xl, [dir] .q-py-sm-xl {
    padding-top: 48px;
  }
  [dir] .q-pb-sm-xl, [dir] .q-py-sm-xl {
    padding-bottom: 48px;
  }
  [dir] .q-ma-sm-xl {
    margin: 48px 48px;
  }
  [dir=ltr] .q-ml-sm-xl, [dir=ltr] .q-mx-sm-xl {
    margin-left: 48px;
  }
  [dir=rtl] .q-ml-sm-xl, [dir=rtl] .q-mx-sm-xl {
    margin-right: 48px;
  }
  [dir=ltr] .q-mr-sm-xl, [dir=ltr] .q-mx-sm-xl {
    margin-right: 48px;
  }
  [dir=rtl] .q-mr-sm-xl, [dir=rtl] .q-mx-sm-xl {
    margin-left: 48px;
  }
  [dir] .q-mt-sm-xl, [dir] .q-my-sm-xl {
    margin-top: 48px;
  }
  [dir] .q-mb-sm-xl, [dir] .q-my-sm-xl {
    margin-bottom: 48px;
  }
  [dir=ltr] .q-ml-sm-auto, [dir=ltr] .q-mx-sm-auto {
    margin-left: auto;
  }
  [dir=rtl] .q-ml-sm-auto, [dir=rtl] .q-mx-sm-auto {
    margin-right: auto;
  }
  [dir=ltr] .q-mr-sm-auto, [dir=ltr] .q-mx-sm-auto {
    margin-right: auto;
  }
  [dir=rtl] .q-mr-sm-auto, [dir=rtl] .q-mx-sm-auto {
    margin-left: auto;
  }
  [dir] .q-my--sm-form:not(.q-if-full-width) {
    margin-top: $input-margin-top;
    margin-bottom: $input-margin-bottom;
  }
  [dir] .q-my--sm-form:not(.q-if-full-width).q-if-dense {
    margin-top: $input-dense-margin-top;
    margin-bottom: $input-dense-margin-bottom;
  }
  .row-sm,
  .column-sm,
  .flex-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .row-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .column-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrap-sm {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .no-wrap-sm {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .reverse-wrap-sm {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .order-sm-first {
    -webkit-box-ordinal-group: -9999;
        -ms-flex-order: -10000;
            order: -10000;
  }
  .order-sm-last {
    -webkit-box-ordinal-group: 10001;
        -ms-flex-order: 10000;
            order: 10000;
  }
  .order-sm-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .justify-sm-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-sm-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-sm-center,
  .flex-sm-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-sm-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-sm-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .items-sm-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-sm-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-sm-center,
  .flex-sm-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-sm-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .items-sm-stretch {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .content-sm-start {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .content-sm-end {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .content-sm-center {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .content-sm-between {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .content-sm-around {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .self-sm-start {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .self-sm-end {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .self-sm-center {
    -ms-flex-item-align: center;
        align-self: center;
  }
  .self-sm-baseline {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .self-sm-stretch {
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  [dir=ltr] .gutter-sm-x-none, [dir=ltr] .gutter-sm-none {
    margin-left: 0;
  }
  [dir=rtl] .gutter-sm-x-none, [dir=rtl] .gutter-sm-none {
    margin-right: 0;
  }
  [dir=ltr] .gutter-sm-x-none > div, [dir=ltr] .gutter-sm-none > div {
    padding-left: 0;
  }
  [dir=rtl] .gutter-sm-x-none > div, [dir=rtl] .gutter-sm-none > div {
    padding-right: 0;
  }
  [dir] .gutter-sm-y-none, [dir] .gutter-sm-none {
    margin-top: 0;
  }
  [dir] .gutter-sm-y-none > div, [dir] .gutter-sm-none > div {
    padding-top: 0;
  }
  [dir=ltr] .gutter-sm-x-xs, [dir=ltr] .gutter-sm-xs {
    margin-left: -8px;
  }
  [dir=rtl] .gutter-sm-x-xs, [dir=rtl] .gutter-sm-xs {
    margin-right: -8px;
  }
  [dir=ltr] .gutter-sm-x-xs > div, [dir=ltr] .gutter-sm-xs > div {
    padding-left: 8px;
  }
  [dir=rtl] .gutter-sm-x-xs > div, [dir=rtl] .gutter-sm-xs > div {
    padding-right: 8px;
  }
  [dir] .gutter-sm-y-xs, [dir] .gutter-sm-xs {
    margin-top: -8px;
  }
  [dir] .gutter-sm-y-xs > div, [dir] .gutter-sm-xs > div {
    padding-top: 8px;
  }
  [dir=ltr] .gutter-sm-x-sm, [dir=ltr] .gutter-sm-sm {
    margin-left: -16px;
  }
  [dir=rtl] .gutter-sm-x-sm, [dir=rtl] .gutter-sm-sm {
    margin-right: -16px;
  }
  [dir=ltr] .gutter-sm-x-sm > div, [dir=ltr] .gutter-sm-sm > div {
    padding-left: 16px;
  }
  [dir=rtl] .gutter-sm-x-sm > div, [dir=rtl] .gutter-sm-sm > div {
    padding-right: 16px;
  }
  [dir] .gutter-sm-y-sm, [dir] .gutter-sm-sm {
    margin-top: -16px;
  }
  [dir] .gutter-sm-y-sm > div, [dir] .gutter-sm-sm > div {
    padding-top: 16px;
  }
  [dir=ltr] .gutter-sm-x-md, [dir=ltr] .gutter-sm-md {
    margin-left: -32px;
  }
  [dir=rtl] .gutter-sm-x-md, [dir=rtl] .gutter-sm-md {
    margin-right: -32px;
  }
  [dir=ltr] .gutter-sm-x-md > div, [dir=ltr] .gutter-sm-md > div {
    padding-left: 32px;
  }
  [dir=rtl] .gutter-sm-x-md > div, [dir=rtl] .gutter-sm-md > div {
    padding-right: 32px;
  }
  [dir] .gutter-sm-y-md, [dir] .gutter-sm-md {
    margin-top: -32px;
  }
  [dir] .gutter-sm-y-md > div, [dir] .gutter-sm-md > div {
    padding-top: 32px;
  }
  [dir=ltr] .gutter-sm-x-lg, [dir=ltr] .gutter-sm-lg {
    margin-left: -48px;
  }
  [dir=rtl] .gutter-sm-x-lg, [dir=rtl] .gutter-sm-lg {
    margin-right: -48px;
  }
  [dir=ltr] .gutter-sm-x-lg > div, [dir=ltr] .gutter-sm-lg > div {
    padding-left: 48px;
  }
  [dir=rtl] .gutter-sm-x-lg > div, [dir=rtl] .gutter-sm-lg > div {
    padding-right: 48px;
  }
  [dir] .gutter-sm-y-lg, [dir] .gutter-sm-lg {
    margin-top: -48px;
  }
  [dir] .gutter-sm-y-lg > div, [dir] .gutter-sm-lg > div {
    padding-top: 48px;
  }
  [dir=ltr] .gutter-sm-x-xl, [dir=ltr] .gutter-sm-xl {
    margin-left: -64px;
  }
  [dir=rtl] .gutter-sm-x-xl, [dir=rtl] .gutter-sm-xl {
    margin-right: -64px;
  }
  [dir=ltr] .gutter-sm-x-xl > div, [dir=ltr] .gutter-sm-xl > div {
    padding-left: 64px;
  }
  [dir=rtl] .gutter-sm-x-xl > div, [dir=rtl] .gutter-sm-xl > div {
    padding-right: 64px;
  }
  [dir] .gutter-sm-y-xl, [dir] .gutter-sm-xl {
    margin-top: -64px;
  }
  [dir] .gutter-sm-y-xl > div, [dir] .gutter-sm-xl > div {
    padding-top: 64px;
  }
  .row-sm > .col-0,
  .row-sm > .col-xs-0 {
    height: auto;
    width: 0%;
  }
  [dir=ltr] .row-sm > .offset-0, [dir=ltr] .row-sm > .offset-xs-0 {
    margin-left: 0%;
  }
  [dir=rtl] .row-sm > .offset-0, [dir=rtl] .row-sm > .offset-xs-0 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-1, [dir=ltr] .row-sm > .offset-xs-1 {
    margin-left: 8.3333%;
  }
  [dir=rtl] .row-sm > .offset-1, [dir=rtl] .row-sm > .offset-xs-1 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-2, [dir=ltr] .row-sm > .offset-xs-2 {
    margin-left: 16.6667%;
  }
  [dir=rtl] .row-sm > .offset-2, [dir=rtl] .row-sm > .offset-xs-2 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-3, [dir=ltr] .row-sm > .offset-xs-3 {
    margin-left: 25%;
  }
  [dir=rtl] .row-sm > .offset-3, [dir=rtl] .row-sm > .offset-xs-3 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-4, [dir=ltr] .row-sm > .offset-xs-4 {
    margin-left: 33.3333%;
  }
  [dir=rtl] .row-sm > .offset-4, [dir=rtl] .row-sm > .offset-xs-4 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-5, [dir=ltr] .row-sm > .offset-xs-5 {
    margin-left: 41.6667%;
  }
  [dir=rtl] .row-sm > .offset-5, [dir=rtl] .row-sm > .offset-xs-5 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-6, [dir=ltr] .row-sm > .offset-xs-6 {
    margin-left: 50%;
  }
  [dir=rtl] .row-sm > .offset-6, [dir=rtl] .row-sm > .offset-xs-6 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-7, [dir=ltr] .row-sm > .offset-xs-7 {
    margin-left: 58.3333%;
  }
  [dir=rtl] .row-sm > .offset-7, [dir=rtl] .row-sm > .offset-xs-7 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-8, [dir=ltr] .row-sm > .offset-xs-8 {
    margin-left: 66.6667%;
  }
  [dir=rtl] .row-sm > .offset-8, [dir=rtl] .row-sm > .offset-xs-8 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-9, [dir=ltr] .row-sm > .offset-xs-9 {
    margin-left: 75%;
  }
  [dir=rtl] .row-sm > .offset-9, [dir=rtl] .row-sm > .offset-xs-9 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-10, [dir=ltr] .row-sm > .offset-xs-10 {
    margin-left: 83.3333%;
  }
  [dir=rtl] .row-sm > .offset-10, [dir=rtl] .row-sm > .offset-xs-10 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-11, [dir=ltr] .row-sm > .offset-xs-11 {
    margin-left: 91.6667%;
  }
  [dir=rtl] .row-sm > .offset-11, [dir=rtl] .row-sm > .offset-xs-11 {
    margin-right: 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%;
  }
  [dir=ltr] .row-sm > .offset-12, [dir=ltr] .row-sm > .offset-xs-12 {
    margin-left: 100%;
  }
  [dir=rtl] .row-sm > .offset-12, [dir=rtl] .row-sm > .offset-xs-12 {
    margin-right: 100%;
  }
  .column-sm > .col-12,
  .column-sm > .col-xs-12 {
    height: 100%;
    width: auto;
  }
  .row-sm > .col-sm-0 {
    height: auto;
    width: 0%;
  }
  [dir=ltr] .row-sm > .offset-sm-0 {
    margin-left: 0%;
  }
  [dir=rtl] .row-sm > .offset-sm-0 {
    margin-right: 0%;
  }
  .column-sm > .col-sm-0 {
    height: 0%;
    width: auto;
  }
  .row-sm > .col-sm-1 {
    height: auto;
    width: 8.3333%;
  }
  [dir=ltr] .row-sm > .offset-sm-1 {
    margin-left: 8.3333%;
  }
  [dir=rtl] .row-sm > .offset-sm-1 {
    margin-right: 8.3333%;
  }
  .column-sm > .col-sm-1 {
    height: 8.3333%;
    width: auto;
  }
  .row-sm > .col-sm-2 {
    height: auto;
    width: 16.6667%;
  }
  [dir=ltr] .row-sm > .offset-sm-2 {
    margin-left: 16.6667%;
  }
  [dir=rtl] .row-sm > .offset-sm-2 {
    margin-right: 16.6667%;
  }
  .column-sm > .col-sm-2 {
    height: 16.6667%;
    width: auto;
  }
  .row-sm > .col-sm-3 {
    height: auto;
    width: 25%;
  }
  [dir=ltr] .row-sm > .offset-sm-3 {
    margin-left: 25%;
  }
  [dir=rtl] .row-sm > .offset-sm-3 {
    margin-right: 25%;
  }
  .column-sm > .col-sm-3 {
    height: 25%;
    width: auto;
  }
  .row-sm > .col-sm-4 {
    height: auto;
    width: 33.3333%;
  }
  [dir=ltr] .row-sm > .offset-sm-4 {
    margin-left: 33.3333%;
  }
  [dir=rtl] .row-sm > .offset-sm-4 {
    margin-right: 33.3333%;
  }
  .column-sm > .col-sm-4 {
    height: 33.3333%;
    width: auto;
  }
  .row-sm > .col-sm-5 {
    height: auto;
    width: 41.6667%;
  }
  [dir=ltr] .row-sm > .offset-sm-5 {
    margin-left: 41.6667%;
  }
  [dir=rtl] .row-sm > .offset-sm-5 {
    margin-right: 41.6667%;
  }
  .column-sm > .col-sm-5 {
    height: 41.6667%;
    width: auto;
  }
  .row-sm > .col-sm-6 {
    height: auto;
    width: 50%;
  }
  [dir=ltr] .row-sm > .offset-sm-6 {
    margin-left: 50%;
  }
  [dir=rtl] .row-sm > .offset-sm-6 {
    margin-right: 50%;
  }
  .column-sm > .col-sm-6 {
    height: 50%;
    width: auto;
  }
  .row-sm > .col-sm-7 {
    height: auto;
    width: 58.3333%;
  }
  [dir=ltr] .row-sm > .offset-sm-7 {
    margin-left: 58.3333%;
  }
  [dir=rtl] .row-sm > .offset-sm-7 {
    margin-right: 58.3333%;
  }
  .column-sm > .col-sm-7 {
    height: 58.3333%;
    width: auto;
  }
  .row-sm > .col-sm-8 {
    height: auto;
    width: 66.6667%;
  }
  [dir=ltr] .row-sm > .offset-sm-8 {
    margin-left: 66.6667%;
  }
  [dir=rtl] .row-sm > .offset-sm-8 {
    margin-right: 66.6667%;
  }
  .column-sm > .col-sm-8 {
    height: 66.6667%;
    width: auto;
  }
  .row-sm > .col-sm-9 {
    height: auto;
    width: 75%;
  }
  [dir=ltr] .row-sm > .offset-sm-9 {
    margin-left: 75%;
  }
  [dir=rtl] .row-sm > .offset-sm-9 {
    margin-right: 75%;
  }
  .column-sm > .col-sm-9 {
    height: 75%;
    width: auto;
  }
  .row-sm > .col-sm-10 {
    height: auto;
    width: 83.3333%;
  }
  [dir=ltr] .row-sm > .offset-sm-10 {
    margin-left: 83.3333%;
  }
  [dir=rtl] .row-sm > .offset-sm-10 {
    margin-right: 83.3333%;
  }
  .column-sm > .col-sm-10 {
    height: 83.3333%;
    width: auto;
  }
  .row-sm > .col-sm-11 {
    height: auto;
    width: 91.6667%;
  }
  [dir=ltr] .row-sm > .offset-sm-11 {
    margin-left: 91.6667%;
  }
  [dir=rtl] .row-sm > .offset-sm-11 {
    margin-right: 91.6667%;
  }
  .column-sm > .col-sm-11 {
    height: 91.6667%;
    width: auto;
  }
  .row-sm > .col-sm-12 {
    height: auto;
    width: 100%;
  }
  [dir=ltr] .row-sm > .offset-sm-12 {
    margin-left: 100%;
  }
  [dir=rtl] .row-sm > .offset-sm-12 {
    margin-right: 100%;
  }
  .column-sm > .col-sm-12 {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 768px) {
  .flex-md-block {
    display: block;
  }
  .flex-md-inline {
    display: inline-block;
  }
  .row.inline-md,
  .column.inline-md,
  .flex.inline-md,
  .row-md.inline,
  .column-md.inline,
  .flex-md.inline,
  .row-md.inline-md,
  .column-md.inline-md,
  .flex-md.inline-md {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .row.reverse-md,
  .row-md.reverse,
  .row-md.reverse-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .column.reverse-md,
  .column-md.reverse,
  .column-md.reverse-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  [dir] .q-pa-md-none {
    padding: 0 0;
  }
  [dir=ltr] .q-pl-md-none, [dir=ltr] .q-px-md-none {
    padding-left: 0;
  }
  [dir=rtl] .q-pl-md-none, [dir=rtl] .q-px-md-none {
    padding-right: 0;
  }
  [dir=ltr] .q-pr-md-none, [dir=ltr] .q-px-md-none {
    padding-right: 0;
  }
  [dir=rtl] .q-pr-md-none, [dir=rtl] .q-px-md-none {
    padding-left: 0;
  }
  [dir] .q-pt-md-none, [dir] .q-py-md-none {
    padding-top: 0;
  }
  [dir] .q-pb-md-none, [dir] .q-py-md-none {
    padding-bottom: 0;
  }
  [dir] .q-ma-md-none {
    margin: 0 0;
  }
  [dir=ltr] .q-ml-md-none, [dir=ltr] .q-mx-md-none {
    margin-left: 0;
  }
  [dir=rtl] .q-ml-md-none, [dir=rtl] .q-mx-md-none {
    margin-right: 0;
  }
  [dir=ltr] .q-mr-md-none, [dir=ltr] .q-mx-md-none {
    margin-right: 0;
  }
  [dir=rtl] .q-mr-md-none, [dir=rtl] .q-mx-md-none {
    margin-left: 0;
  }
  [dir] .q-mt-md-none, [dir] .q-my-md-none {
    margin-top: 0;
  }
  [dir] .q-mb-md-none, [dir] .q-my-md-none {
    margin-bottom: 0;
  }
  [dir] .q-pa-md-xs {
    padding: 4px 4px;
  }
  [dir=ltr] .q-pl-md-xs, [dir=ltr] .q-px-md-xs {
    padding-left: 4px;
  }
  [dir=rtl] .q-pl-md-xs, [dir=rtl] .q-px-md-xs {
    padding-right: 4px;
  }
  [dir=ltr] .q-pr-md-xs, [dir=ltr] .q-px-md-xs {
    padding-right: 4px;
  }
  [dir=rtl] .q-pr-md-xs, [dir=rtl] .q-px-md-xs {
    padding-left: 4px;
  }
  [dir] .q-pt-md-xs, [dir] .q-py-md-xs {
    padding-top: 4px;
  }
  [dir] .q-pb-md-xs, [dir] .q-py-md-xs {
    padding-bottom: 4px;
  }
  [dir] .q-ma-md-xs {
    margin: 4px 4px;
  }
  [dir=ltr] .q-ml-md-xs, [dir=ltr] .q-mx-md-xs {
    margin-left: 4px;
  }
  [dir=rtl] .q-ml-md-xs, [dir=rtl] .q-mx-md-xs {
    margin-right: 4px;
  }
  [dir=ltr] .q-mr-md-xs, [dir=ltr] .q-mx-md-xs {
    margin-right: 4px;
  }
  [dir=rtl] .q-mr-md-xs, [dir=rtl] .q-mx-md-xs {
    margin-left: 4px;
  }
  [dir] .q-mt-md-xs, [dir] .q-my-md-xs {
    margin-top: 4px;
  }
  [dir] .q-mb-md-xs, [dir] .q-my-md-xs {
    margin-bottom: 4px;
  }
  [dir] .q-pa-md-sm {
    padding: 8px 8px;
  }
  [dir=ltr] .q-pl-md-sm, [dir=ltr] .q-px-md-sm {
    padding-left: 8px;
  }
  [dir=rtl] .q-pl-md-sm, [dir=rtl] .q-px-md-sm {
    padding-right: 8px;
  }
  [dir=ltr] .q-pr-md-sm, [dir=ltr] .q-px-md-sm {
    padding-right: 8px;
  }
  [dir=rtl] .q-pr-md-sm, [dir=rtl] .q-px-md-sm {
    padding-left: 8px;
  }
  [dir] .q-pt-md-sm, [dir] .q-py-md-sm {
    padding-top: 8px;
  }
  [dir] .q-pb-md-sm, [dir] .q-py-md-sm {
    padding-bottom: 8px;
  }
  [dir] .q-ma-md-sm {
    margin: 8px 8px;
  }
  [dir=ltr] .q-ml-md-sm, [dir=ltr] .q-mx-md-sm {
    margin-left: 8px;
  }
  [dir=rtl] .q-ml-md-sm, [dir=rtl] .q-mx-md-sm {
    margin-right: 8px;
  }
  [dir=ltr] .q-mr-md-sm, [dir=ltr] .q-mx-md-sm {
    margin-right: 8px;
  }
  [dir=rtl] .q-mr-md-sm, [dir=rtl] .q-mx-md-sm {
    margin-left: 8px;
  }
  [dir] .q-mt-md-sm, [dir] .q-my-md-sm {
    margin-top: 8px;
  }
  [dir] .q-mb-md-sm, [dir] .q-my-md-sm {
    margin-bottom: 8px;
  }
  [dir] .q-pa-md-md {
    padding: 16px 16px;
  }
  [dir=ltr] .q-pl-md-md, [dir=ltr] .q-px-md-md {
    padding-left: 16px;
  }
  [dir=rtl] .q-pl-md-md, [dir=rtl] .q-px-md-md {
    padding-right: 16px;
  }
  [dir=ltr] .q-pr-md-md, [dir=ltr] .q-px-md-md {
    padding-right: 16px;
  }
  [dir=rtl] .q-pr-md-md, [dir=rtl] .q-px-md-md {
    padding-left: 16px;
  }
  [dir] .q-pt-md-md, [dir] .q-py-md-md {
    padding-top: 16px;
  }
  [dir] .q-pb-md-md, [dir] .q-py-md-md {
    padding-bottom: 16px;
  }
  [dir] .q-ma-md-md {
    margin: 16px 16px;
  }
  [dir=ltr] .q-ml-md-md, [dir=ltr] .q-mx-md-md {
    margin-left: 16px;
  }
  [dir=rtl] .q-ml-md-md, [dir=rtl] .q-mx-md-md {
    margin-right: 16px;
  }
  [dir=ltr] .q-mr-md-md, [dir=ltr] .q-mx-md-md {
    margin-right: 16px;
  }
  [dir=rtl] .q-mr-md-md, [dir=rtl] .q-mx-md-md {
    margin-left: 16px;
  }
  [dir] .q-mt-md-md, [dir] .q-my-md-md {
    margin-top: 16px;
  }
  [dir] .q-mb-md-md, [dir] .q-my-md-md {
    margin-bottom: 16px;
  }
  [dir] .q-pa-md-lg {
    padding: 24px 24px;
  }
  [dir=ltr] .q-pl-md-lg, [dir=ltr] .q-px-md-lg {
    padding-left: 24px;
  }
  [dir=rtl] .q-pl-md-lg, [dir=rtl] .q-px-md-lg {
    padding-right: 24px;
  }
  [dir=ltr] .q-pr-md-lg, [dir=ltr] .q-px-md-lg {
    padding-right: 24px;
  }
  [dir=rtl] .q-pr-md-lg, [dir=rtl] .q-px-md-lg {
    padding-left: 24px;
  }
  [dir] .q-pt-md-lg, [dir] .q-py-md-lg {
    padding-top: 24px;
  }
  [dir] .q-pb-md-lg, [dir] .q-py-md-lg {
    padding-bottom: 24px;
  }
  [dir] .q-ma-md-lg {
    margin: 24px 24px;
  }
  [dir=ltr] .q-ml-md-lg, [dir=ltr] .q-mx-md-lg {
    margin-left: 24px;
  }
  [dir=rtl] .q-ml-md-lg, [dir=rtl] .q-mx-md-lg {
    margin-right: 24px;
  }
  [dir=ltr] .q-mr-md-lg, [dir=ltr] .q-mx-md-lg {
    margin-right: 24px;
  }
  [dir=rtl] .q-mr-md-lg, [dir=rtl] .q-mx-md-lg {
    margin-left: 24px;
  }
  [dir] .q-mt-md-lg, [dir] .q-my-md-lg {
    margin-top: 24px;
  }
  [dir] .q-mb-md-lg, [dir] .q-my-md-lg {
    margin-bottom: 24px;
  }
  [dir] .q-pa-md-xl {
    padding: 48px 48px;
  }
  [dir=ltr] .q-pl-md-xl, [dir=ltr] .q-px-md-xl {
    padding-left: 48px;
  }
  [dir=rtl] .q-pl-md-xl, [dir=rtl] .q-px-md-xl {
    padding-right: 48px;
  }
  [dir=ltr] .q-pr-md-xl, [dir=ltr] .q-px-md-xl {
    padding-right: 48px;
  }
  [dir=rtl] .q-pr-md-xl, [dir=rtl] .q-px-md-xl {
    padding-left: 48px;
  }
  [dir] .q-pt-md-xl, [dir] .q-py-md-xl {
    padding-top: 48px;
  }
  [dir] .q-pb-md-xl, [dir] .q-py-md-xl {
    padding-bottom: 48px;
  }
  [dir] .q-ma-md-xl {
    margin: 48px 48px;
  }
  [dir=ltr] .q-ml-md-xl, [dir=ltr] .q-mx-md-xl {
    margin-left: 48px;
  }
  [dir=rtl] .q-ml-md-xl, [dir=rtl] .q-mx-md-xl {
    margin-right: 48px;
  }
  [dir=ltr] .q-mr-md-xl, [dir=ltr] .q-mx-md-xl {
    margin-right: 48px;
  }
  [dir=rtl] .q-mr-md-xl, [dir=rtl] .q-mx-md-xl {
    margin-left: 48px;
  }
  [dir] .q-mt-md-xl, [dir] .q-my-md-xl {
    margin-top: 48px;
  }
  [dir] .q-mb-md-xl, [dir] .q-my-md-xl {
    margin-bottom: 48px;
  }
  [dir=ltr] .q-ml-md-auto, [dir=ltr] .q-mx-md-auto {
    margin-left: auto;
  }
  [dir=rtl] .q-ml-md-auto, [dir=rtl] .q-mx-md-auto {
    margin-right: auto;
  }
  [dir=ltr] .q-mr-md-auto, [dir=ltr] .q-mx-md-auto {
    margin-right: auto;
  }
  [dir=rtl] .q-mr-md-auto, [dir=rtl] .q-mx-md-auto {
    margin-left: auto;
  }
  [dir] .q-my--md-form:not(.q-if-full-width) {
    margin-top: $input-margin-top;
    margin-bottom: $input-margin-bottom;
  }
  [dir] .q-my--md-form:not(.q-if-full-width).q-if-dense {
    margin-top: $input-dense-margin-top;
    margin-bottom: $input-dense-margin-bottom;
  }
  .row-md,
  .column-md,
  .flex-md {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .row-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .column-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .wrap-md {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .no-wrap-md {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .reverse-wrap-md {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .order-md-first {
    -webkit-box-ordinal-group: -9999;
        -ms-flex-order: -10000;
            order: -10000;
  }
  .order-md-last {
    -webkit-box-ordinal-group: 10001;
        -ms-flex-order: 10000;
            order: 10000;
  }
  .order-md-none {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .justify-md-start {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-md-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-md-center,
  .flex-md-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-md-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-md-around {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .items-md-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-md-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-md-center,
  .flex-md-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-md-baseline {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baselin