*,
*::before,
*::after {
  box-sizing: border-box; }

body {
  margin: 0; }

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%; }

input,
button,
textarea,
select {
  font: inherit; }

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word; }

@keyframes fadeIn {
  to {
    opacity: 1; } }

@keyframes fadeZoomIn {
  to {
    opacity: 1;
    transform: scale(1); } }

.q-border {
  border: 1px solid rgba(0, 0, 0, 0.1) !important; }

.q-border-none {
  border: 0 !important; }

.q-border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }

.q-border-top-none {
  border-top: 0 !important; }

.q-border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }

.q-border-right-none {
  border-right: 0 !important; }

.q-border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }

.q-border-bottom-none {
  border-bottom: 0 !important; }

.q-border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }

.q-border-left-none {
  border-left: 0 !important; }

.q-border-xsmall {
  border-width: 2px !important; }

.q-border-top-xsmall {
  border-top-width: 2px !important; }

.q-border-right-xsmall {
  border-right-width: 2px !important; }

.q-border-bottom-xsmall {
  border-bottom-width: 2px !important; }

.q-border-left-xsmall {
  border-left-width: 2px !important; }

.q-border-small {
  border-width: 4px !important; }

.q-border-top-small {
  border-top-width: 4px !important; }

.q-border-right-small {
  border-right-width: 4px !important; }

.q-border-bottom-small {
  border-bottom-width: 4px !important; }

.q-border-left-small {
  border-left-width: 4px !important; }

.q-border-medium {
  border-width: 6px !important; }

.q-border-top-medium {
  border-top-width: 6px !important; }

.q-border-right-medium {
  border-right-width: 6px !important; }

.q-border-bottom-medium {
  border-bottom-width: 6px !important; }

.q-border-left-medium {
  border-left-width: 6px !important; }

.q-border-large {
  border-width: 8px !important; }

.q-border-top-large {
  border-top-width: 8px !important; }

.q-border-right-large {
  border-right-width: 8px !important; }

.q-border-bottom-large {
  border-bottom-width: 8px !important; }

.q-border-left-large {
  border-left-width: 8px !important; }

.q-border-xlarge {
  border-width: 10px !important; }

.q-border-top-xlarge {
  border-top-width: 10px !important; }

.q-border-right-xlarge {
  border-right-width: 10px !important; }

.q-border-bottom-xlarge {
  border-bottom-width: 10px !important; }

.q-border-left-xlarge {
  border-left-width: 10px !important; }

.q-border-white {
  border-color: #fff !important; }

.q-border-top-white {
  border-top-color: #fff !important; }

.q-border-right-white {
  border-right-color: #fff !important; }

.q-border-bottom-white {
  border-bottom-color: #fff !important; }

.q-border-left-white {
  border-left-color: #fff !important; }

.q-border-black {
  border-color: #000 !important; }

.q-border-top-black {
  border-top-color: #000 !important; }

.q-border-right-black {
  border-right-color: #000 !important; }

.q-border-bottom-black {
  border-bottom-color: #000 !important; }

.q-border-left-black {
  border-left-color: #000 !important; }

.q-border-grey {
  border-color: #e6e6e6 !important; }

.q-border-top-grey {
  border-top-color: #e6e6e6 !important; }

.q-border-right-grey {
  border-right-color: #e6e6e6 !important; }

.q-border-bottom-grey {
  border-bottom-color: #e6e6e6 !important; }

.q-border-left-grey {
  border-left-color: #e6e6e6 !important; }

.q-border-alt {
  border-color: #f4f4f5 !important; }

.q-border-top-alt {
  border-top-color: #f4f4f5 !important; }

.q-border-right-alt {
  border-right-color: #f4f4f5 !important; }

.q-border-bottom-alt {
  border-bottom-color: #f4f4f5 !important; }

.q-border-left-alt {
  border-left-color: #f4f4f5 !important; }

.q-border-community-one {
  border-color: #9fe9c6 !important; }

.q-border-top-community-one {
  border-top-color: #9fe9c6 !important; }

.q-border-right-community-one {
  border-right-color: #9fe9c6 !important; }

.q-border-bottom-community-one {
  border-bottom-color: #9fe9c6 !important; }

.q-border-left-community-one {
  border-left-color: #9fe9c6 !important; }

.q-border-blue {
  border-color: #2d89cf !important; }

.q-border-top-blue {
  border-top-color: #2d89cf !important; }

.q-border-right-blue {
  border-right-color: #2d89cf !important; }

.q-border-bottom-blue {
  border-bottom-color: #2d89cf !important; }

.q-border-left-blue {
  border-left-color: #2d89cf !important; }

.q-border-blue-purple {
  border-color: #2b73bf !important; }

.q-border-top-blue-purple {
  border-top-color: #2b73bf !important; }

.q-border-right-blue-purple {
  border-right-color: #2b73bf !important; }

.q-border-bottom-blue-purple {
  border-bottom-color: #2b73bf !important; }

.q-border-left-blue-purple {
  border-left-color: #2b73bf !important; }

.q-border-purple {
  border-color: #662c92 !important; }

.q-border-top-purple {
  border-top-color: #662c92 !important; }

.q-border-right-purple {
  border-right-color: #662c92 !important; }

.q-border-bottom-purple {
  border-bottom-color: #662c92 !important; }

.q-border-left-purple {
  border-left-color: #662c92 !important; }

.q-border-purple-red {
  border-color: #91248f !important; }

.q-border-top-purple-red {
  border-top-color: #91248f !important; }

.q-border-right-purple-red {
  border-right-color: #91248f !important; }

.q-border-bottom-purple-red {
  border-bottom-color: #91248f !important; }

.q-border-left-purple-red {
  border-left-color: #91248f !important; }

.q-border-red {
  border-color: #ea1b24 !important; }

.q-border-top-red {
  border-top-color: #ea1b24 !important; }

.q-border-right-red {
  border-right-color: #ea1b24 !important; }

.q-border-bottom-red {
  border-bottom-color: #ea1b24 !important; }

.q-border-left-red {
  border-left-color: #ea1b24 !important; }

.q-border-red-orange {
  border-color: #ea5928 !important; }

.q-border-top-red-orange {
  border-top-color: #ea5928 !important; }

.q-border-right-red-orange {
  border-right-color: #ea5928 !important; }

.q-border-bottom-red-orange {
  border-bottom-color: #ea5928 !important; }

.q-border-left-red-orange {
  border-left-color: #ea5928 !important; }

.q-border-orange {
  border-color: #f7941d !important; }

.q-border-top-orange {
  border-top-color: #f7941d !important; }

.q-border-right-orange {
  border-right-color: #f7941d !important; }

.q-border-bottom-orange {
  border-bottom-color: #f7941d !important; }

.q-border-left-orange {
  border-left-color: #f7941d !important; }

.q-border-orange-yellow {
  border-color: #fab03f !important; }

.q-border-top-orange-yellow {
  border-top-color: #fab03f !important; }

.q-border-right-orange-yellow {
  border-right-color: #fab03f !important; }

.q-border-bottom-orange-yellow {
  border-bottom-color: #fab03f !important; }

.q-border-left-orange-yellow {
  border-left-color: #fab03f !important; }

.q-border-yellow {
  border-color: #F0C452 !important; }

.q-border-top-yellow {
  border-top-color: #F0C452 !important; }

.q-border-right-yellow {
  border-right-color: #F0C452 !important; }

.q-border-bottom-yellow {
  border-bottom-color: #F0C452 !important; }

.q-border-left-yellow {
  border-left-color: #F0C452 !important; }

.q-border-yellow-green {
  border-color: #8cc63b !important; }

.q-border-top-yellow-green {
  border-top-color: #8cc63b !important; }

.q-border-right-yellow-green {
  border-right-color: #8cc63b !important; }

.q-border-bottom-yellow-green {
  border-bottom-color: #8cc63b !important; }

.q-border-left-yellow-green {
  border-left-color: #8cc63b !important; }

.q-border-green {
  border-color: #1d9f61 !important; }

.q-border-top-green {
  border-top-color: #1d9f61 !important; }

.q-border-right-green {
  border-right-color: #1d9f61 !important; }

.q-border-bottom-green {
  border-bottom-color: #1d9f61 !important; }

.q-border-left-green {
  border-left-color: #1d9f61 !important; }

.q-border-green-blue {
  border-color: #28a89f !important; }

.q-border-top-green-blue {
  border-top-color: #28a89f !important; }

.q-border-right-green-blue {
  border-right-color: #28a89f !important; }

.q-border-bottom-green-blue {
  border-bottom-color: #28a89f !important; }

.q-border-left-green-blue {
  border-left-color: #28a89f !important; }

.q-border-blue-light {
  border-color: #6aacdf !important; }

.q-border-top-blue-light {
  border-top-color: #6aacdf !important; }

.q-border-right-blue-light {
  border-right-color: #6aacdf !important; }

.q-border-bottom-blue-light {
  border-bottom-color: #6aacdf !important; }

.q-border-left-blue-light {
  border-left-color: #6aacdf !important; }

.q-border-blue-purple-light {
  border-color: #5c9ada !important; }

.q-border-top-blue-purple-light {
  border-top-color: #5c9ada !important; }

.q-border-right-blue-purple-light {
  border-right-color: #5c9ada !important; }

.q-border-bottom-blue-purple-light {
  border-bottom-color: #5c9ada !important; }

.q-border-left-blue-purple-light {
  border-left-color: #5c9ada !important; }

.q-border-purple-light {
  border-color: #8e44c7 !important; }

.q-border-top-purple-light {
  border-top-color: #8e44c7 !important; }

.q-border-right-purple-light {
  border-right-color: #8e44c7 !important; }

.q-border-bottom-purple-light {
  border-bottom-color: #8e44c7 !important; }

.q-border-left-purple-light {
  border-left-color: #8e44c7 !important; }

.q-border-purple-red-light {
  border-color: #cd35ca !important; }

.q-border-top-purple-red-light {
  border-top-color: #cd35ca !important; }

.q-border-right-purple-red-light {
  border-right-color: #cd35ca !important; }

.q-border-bottom-purple-red-light {
  border-bottom-color: #cd35ca !important; }

.q-border-left-purple-red-light {
  border-left-color: #cd35ca !important; }

.q-border-red-light {
  border-color: #f06167 !important; }

.q-border-top-red-light {
  border-top-color: #f06167 !important; }

.q-border-right-red-light {
  border-right-color: #f06167 !important; }

.q-border-bottom-red-light {
  border-bottom-color: #f06167 !important; }

.q-border-left-red-light {
  border-left-color: #f06167 !important; }

.q-border-red-orange-light {
  border-color: #f18f6e !important; }

.q-border-top-red-orange-light {
  border-top-color: #f18f6e !important; }

.q-border-right-red-orange-light {
  border-right-color: #f18f6e !important; }

.q-border-bottom-red-orange-light {
  border-bottom-color: #f18f6e !important; }

.q-border-left-red-orange-light {
  border-left-color: #f18f6e !important; }

.q-border-orange-light {
  border-color: #fab767 !important; }

.q-border-top-orange-light {
  border-top-color: #fab767 !important; }

.q-border-right-orange-light {
  border-right-color: #fab767 !important; }

.q-border-bottom-orange-light {
  border-bottom-color: #fab767 !important; }

.q-border-left-orange-light {
  border-left-color: #fab767 !important; }

.q-border-orange-yellow-light {
  border-color: #fccf8a !important; }

.q-border-top-orange-yellow-light {
  border-top-color: #fccf8a !important; }

.q-border-right-orange-yellow-light {
  border-right-color: #fccf8a !important; }

.q-border-bottom-orange-yellow-light {
  border-bottom-color: #fccf8a !important; }

.q-border-left-orange-yellow-light {
  border-left-color: #fccf8a !important; }

.q-border-yellow-light {
  border-color: #f6dc98 !important; }

.q-border-top-yellow-light {
  border-top-color: #f6dc98 !important; }

.q-border-right-yellow-light {
  border-right-color: #f6dc98 !important; }

.q-border-bottom-yellow-light {
  border-bottom-color: #f6dc98 !important; }

.q-border-left-yellow-light {
  border-left-color: #f6dc98 !important; }

.q-border-yellow-green-light {
  border-color: #afd776 !important; }

.q-border-top-yellow-green-light {
  border-top-color: #afd776 !important; }

.q-border-right-yellow-green-light {
  border-right-color: #afd776 !important; }

.q-border-bottom-yellow-green-light {
  border-bottom-color: #afd776 !important; }

.q-border-left-yellow-green-light {
  border-left-color: #afd776 !important; }

.q-border-green-light {
  border-color: #2fd988 !important; }

.q-border-top-green-light {
  border-top-color: #2fd988 !important; }

.q-border-right-green-light {
  border-right-color: #2fd988 !important; }

.q-border-bottom-green-light {
  border-bottom-color: #2fd988 !important; }

.q-border-left-green-light {
  border-left-color: #2fd988 !important; }

.q-border-green-blue-light {
  border-color: #49d4ca !important; }

.q-border-top-green-blue-light {
  border-top-color: #49d4ca !important; }

.q-border-right-green-blue-light {
  border-right-color: #49d4ca !important; }

.q-border-bottom-green-blue-light {
  border-bottom-color: #49d4ca !important; }

.q-border-left-green-blue-light {
  border-left-color: #49d4ca !important; }

.q-border-blue-dark {
  border-color: #1f5f90 !important; }

.q-border-top-blue-dark {
  border-top-color: #1f5f90 !important; }

.q-border-right-blue-dark {
  border-right-color: #1f5f90 !important; }

.q-border-bottom-blue-dark {
  border-bottom-color: #1f5f90 !important; }

.q-border-left-blue-dark {
  border-left-color: #1f5f90 !important; }

.q-border-blue-purple-dark {
  border-color: #1d4d81 !important; }

.q-border-top-blue-purple-dark {
  border-top-color: #1d4d81 !important; }

.q-border-right-blue-purple-dark {
  border-right-color: #1d4d81 !important; }

.q-border-bottom-blue-purple-dark {
  border-bottom-color: #1d4d81 !important; }

.q-border-left-blue-purple-dark {
  border-left-color: #1d4d81 !important; }

.q-border-purple-dark {
  border-color: #3d1a57 !important; }

.q-border-top-purple-dark {
  border-top-color: #3d1a57 !important; }

.q-border-right-purple-dark {
  border-right-color: #3d1a57 !important; }

.q-border-bottom-purple-dark {
  border-bottom-color: #3d1a57 !important; }

.q-border-left-purple-dark {
  border-left-color: #3d1a57 !important; }

.q-border-purple-red-dark {
  border-color: #541553 !important; }

.q-border-top-purple-red-dark {
  border-top-color: #541553 !important; }

.q-border-right-purple-red-dark {
  border-right-color: #541553 !important; }

.q-border-bottom-purple-red-dark {
  border-bottom-color: #541553 !important; }

.q-border-left-purple-red-dark {
  border-left-color: #541553 !important; }

.q-border-red-dark {
  border-color: #a91016 !important; }

.q-border-top-red-dark {
  border-top-color: #a91016 !important; }

.q-border-right-red-dark {
  border-right-color: #a91016 !important; }

.q-border-bottom-red-dark {
  border-bottom-color: #a91016 !important; }

.q-border-left-red-dark {
  border-left-color: #a91016 !important; }

.q-border-red-orange-dark {
  border-color: #b43b12 !important; }

.q-border-top-red-orange-dark {
  border-top-color: #b43b12 !important; }

.q-border-right-red-orange-dark {
  border-right-color: #b43b12 !important; }

.q-border-bottom-red-orange-dark {
  border-bottom-color: #b43b12 !important; }

.q-border-left-red-orange-dark {
  border-left-color: #b43b12 !important; }

.q-border-orange-dark {
  border-color: #c16c07 !important; }

.q-border-top-orange-dark {
  border-top-color: #c16c07 !important; }

.q-border-right-orange-dark {
  border-right-color: #c16c07 !important; }

.q-border-bottom-orange-dark {
  border-bottom-color: #c16c07 !important; }

.q-border-left-orange-dark {
  border-left-color: #c16c07 !important; }

.q-border-orange-yellow-dark {
  border-color: #e68e06 !important; }

.q-border-top-orange-yellow-dark {
  border-top-color: #e68e06 !important; }

.q-border-right-orange-yellow-dark {
  border-right-color: #e68e06 !important; }

.q-border-bottom-orange-yellow-dark {
  border-bottom-color: #e68e06 !important; }

.q-border-left-orange-yellow-dark {
  border-left-color: #e68e06 !important; }

.q-border-yellow-dark {
  border-color: #e2a814 !important; }

.q-border-top-yellow-dark {
  border-top-color: #e2a814 !important; }

.q-border-right-yellow-dark {
  border-right-color: #e2a814 !important; }

.q-border-bottom-yellow-dark {
  border-bottom-color: #e2a814 !important; }

.q-border-left-yellow-dark {
  border-left-color: #e2a814 !important; }

.q-border-yellow-green-dark {
  border-color: #628c29 !important; }

.q-border-top-yellow-green-dark {
  border-top-color: #628c29 !important; }

.q-border-right-yellow-green-dark {
  border-right-color: #628c29 !important; }

.q-border-bottom-yellow-green-dark {
  border-bottom-color: #628c29 !important; }

.q-border-left-yellow-green-dark {
  border-left-color: #628c29 !important; }

.q-border-green-dark {
  border-color: #115e3a !important; }

.q-border-top-green-dark {
  border-top-color: #115e3a !important; }

.q-border-right-green-dark {
  border-right-color: #115e3a !important; }

.q-border-bottom-green-dark {
  border-bottom-color: #115e3a !important; }

.q-border-left-green-dark {
  border-left-color: #115e3a !important; }

.q-border-green-blue-dark {
  border-color: #196a65 !important; }

.q-border-top-green-blue-dark {
  border-top-color: #196a65 !important; }

.q-border-right-green-blue-dark {
  border-right-color: #196a65 !important; }

.q-border-bottom-green-blue-dark {
  border-bottom-color: #196a65 !important; }

.q-border-left-green-blue-dark {
  border-left-color: #196a65 !important; }

.q-border-primary {
  border-color: #1d9f61 !important; }

.q-border-top-primary {
  border-top-color: #1d9f61 !important; }

.q-border-right-primary {
  border-right-color: #1d9f61 !important; }

.q-border-bottom-primary {
  border-bottom-color: #1d9f61 !important; }

.q-border-left-primary {
  border-left-color: #1d9f61 !important; }

.q-border-secondary {
  border-color: #505050 !important; }

.q-border-top-secondary {
  border-top-color: #505050 !important; }

.q-border-right-secondary {
  border-right-color: #505050 !important; }

.q-border-bottom-secondary {
  border-bottom-color: #505050 !important; }

.q-border-left-secondary {
  border-left-color: #505050 !important; }

.q-round {
  border-radius: 4px !important; }

.q-round-top {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important; }

.q-round-right {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.q-round-bottom {
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.q-round-left {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.q-square {
  border-radius: 0 !important; }

.q-square-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.q-square-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.q-square-bottom {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.q-square-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.q-rounded {
  border-radius: 999px !important; }

.q-pointer {
  cursor: pointer !important; }

.q-not-allowed {
  cursor: not-allowed !important; }

.q-grab {
  cursor: grab !important; }

.q-help {
  cursor: help !important; }

.q-crosshair {
  cursor: crosshair !important; }

.q-zoom-in {
  cursor: zoom-in !important; }

.q-block {
  display: block !important; }

.q-inline-block {
  display: inline-block !important; }

.q-inline {
  display: inline !important; }

.q-none {
  display: none !important; }

.q-contents {
  display: contents !important; }

.q-visible {
  visibility: visible !important; }

.q-hidden {
  visibility: hidden !important; }

@media (max-width: 1440px) {
  .q-xlarge-block {
    display: block !important; }
  .q-xlarge-inline-block {
    display: inline-block !important; }
  .q-xlarge-inline {
    display: inline !important; }
  .q-xlarge-none {
    display: none !important; }
  .q-xlarge-contents {
    display: contents !important; }
  .q-xlarge-visible {
    visibility: visible !important; }
  .q-xlarge-hidden {
    visibility: hidden !important; } }

@media (max-width: 1280px) {
  .q-large-block {
    display: block !important; }
  .q-large-inline-block {
    display: inline-block !important; }
  .q-large-inline {
    display: inline !important; }
  .q-large-none {
    display: none !important; }
  .q-large-contents {
    display: contents !important; }
  .q-large-visible {
    visibility: visible !important; }
  .q-large-hidden {
    visibility: hidden !important; } }

@media (max-width: 1024px) {
  .q-medium-block {
    display: block !important; }
  .q-medium-inline-block {
    display: inline-block !important; }
  .q-medium-inline {
    display: inline !important; }
  .q-medium-none {
    display: none !important; }
  .q-medium-contents {
    display: contents !important; }
  .q-medium-visible {
    visibility: visible !important; }
  .q-medium-hidden {
    visibility: hidden !important; } }

@media (max-width: 768px) {
  .q-small-block {
    display: block !important; }
  .q-small-inline-block {
    display: inline-block !important; }
  .q-small-inline {
    display: inline !important; }
  .q-small-none {
    display: none !important; }
  .q-small-contents {
    display: contents !important; }
  .q-small-visible {
    visibility: visible !important; }
  .q-small-hidden {
    visibility: hidden !important; } }

@media (max-width: 480px) {
  .q-xsmall-block {
    display: block !important; }
  .q-xsmall-inline-block {
    display: inline-block !important; }
  .q-xsmall-inline {
    display: inline !important; }
  .q-xsmall-none {
    display: none !important; }
  .q-xsmall-contents {
    display: contents !important; }
  .q-xsmall-visible {
    visibility: visible !important; }
  .q-xsmall-hidden {
    visibility: hidden !important; } }

@media print {
  .q-print-block {
    display: block !important; }
  .q-print-inline-block {
    display: inline-block !important; }
  .q-print-inline {
    display: inline !important; }
  .q-print-none {
    display: none !important; }
  .q-print-contents {
    display: contents !important; }
  .q-print-visible {
    visibility: visible !important; }
  .q-print-hidden {
    visibility: hidden !important; } }

.q-flex,
.q-row {
  display: flex;
  flex-wrap: wrap; }
  .q-flex > *,
  .q-row > * {
    max-width: 100%; }

.q-vertical {
  flex-direction: column; }

.q-flex-wrap {
  flex-wrap: wrap; }

.q-flex-no-wrap {
  flex-wrap: nowrap; }

.q-flex-wrap-initial {
  flex-wrap: initial; }

.q-box {
  flex: 1 0 0; }

.q-box-1 {
  flex: 1 0 0; }

.q-box-2 {
  flex: 2 0 0; }

.q-box-3 {
  flex: 3 0 0; }

.q-box-4 {
  flex: 4 0 0; }

.q-box-5 {
  flex: 5 0 0; }

.q-box-6 {
  flex: 6 0 0; }

.q-box-7 {
  flex: 7 0 0; }

.q-box-8 {
  flex: 8 0 0; }

.q-box-9 {
  flex: 9 0 0; }

.q-box-10 {
  flex: 10 0 0; }

.q-order-1 {
  order: 1; }

.q-order-2 {
  order: 2; }

.q-order-3 {
  order: 3; }

.q-order-4 {
  order: 4; }

.q-order-5 {
  order: 5; }

.q-order-6 {
  order: 6; }

.q-order-7 {
  order: 7; }

.q-order-8 {
  order: 8; }

.q-order-9 {
  order: 9; }

.q-order-10 {
  order: 10; }

.q-order-11 {
  order: 11; }

.q-order-12 {
  order: 12; }

.q-order-13 {
  order: 13; }

.q-order-14 {
  order: 14; }

.q-order-15 {
  order: 15; }

.q-order-16 {
  order: 16; }

.q-order-17 {
  order: 17; }

.q-order-18 {
  order: 18; }

.q-order-19 {
  order: 19; }

.q-order-20 {
  order: 20; }

.q-order-21 {
  order: 21; }

.q-order-22 {
  order: 22; }

.q-order-23 {
  order: 23; }

.q-order-24 {
  order: 24; }

.q-order-25 {
  order: 25; }

.q-order-26 {
  order: 26; }

.q-order-27 {
  order: 27; }

.q-order-28 {
  order: 28; }

.q-order-29 {
  order: 29; }

.q-order-30 {
  order: 30; }

.q-order-31 {
  order: 31; }

.q-order-32 {
  order: 32; }

.q-order-33 {
  order: 33; }

.q-order-34 {
  order: 34; }

.q-order-35 {
  order: 35; }

.q-order-36 {
  order: 36; }

.q-order-37 {
  order: 37; }

.q-order-38 {
  order: 38; }

.q-order-39 {
  order: 39; }

.q-order-40 {
  order: 40; }

.q-order-41 {
  order: 41; }

.q-order-42 {
  order: 42; }

.q-order-43 {
  order: 43; }

.q-order-44 {
  order: 44; }

.q-order-45 {
  order: 45; }

.q-order-46 {
  order: 46; }

.q-order-47 {
  order: 47; }

.q-order-48 {
  order: 48; }

.q-order-49 {
  order: 49; }

.q-order-50 {
  order: 50; }

.q-order-51 {
  order: 51; }

.q-order-52 {
  order: 52; }

.q-order-53 {
  order: 53; }

.q-order-54 {
  order: 54; }

.q-order-55 {
  order: 55; }

.q-order-56 {
  order: 56; }

.q-order-57 {
  order: 57; }

.q-order-58 {
  order: 58; }

.q-order-59 {
  order: 59; }

.q-order-60 {
  order: 60; }

.q-order-61 {
  order: 61; }

.q-order-62 {
  order: 62; }

.q-order-63 {
  order: 63; }

.q-order-64 {
  order: 64; }

.q-order-65 {
  order: 65; }

.q-order-66 {
  order: 66; }

.q-order-67 {
  order: 67; }

.q-order-68 {
  order: 68; }

.q-order-69 {
  order: 69; }

.q-order-70 {
  order: 70; }

.q-order-71 {
  order: 71; }

.q-order-72 {
  order: 72; }

.q-order-73 {
  order: 73; }

.q-order-74 {
  order: 74; }

.q-order-75 {
  order: 75; }

.q-order-76 {
  order: 76; }

.q-order-77 {
  order: 77; }

.q-order-78 {
  order: 78; }

.q-order-79 {
  order: 79; }

.q-order-80 {
  order: 80; }

.q-order-81 {
  order: 81; }

.q-order-82 {
  order: 82; }

.q-order-83 {
  order: 83; }

.q-order-84 {
  order: 84; }

.q-order-85 {
  order: 85; }

.q-order-86 {
  order: 86; }

.q-order-87 {
  order: 87; }

.q-order-88 {
  order: 88; }

.q-order-89 {
  order: 89; }

.q-order-90 {
  order: 90; }

.q-order-91 {
  order: 91; }

.q-order-92 {
  order: 92; }

.q-order-93 {
  order: 93; }

.q-order-94 {
  order: 94; }

.q-order-95 {
  order: 95; }

.q-order-96 {
  order: 96; }

.q-order-97 {
  order: 97; }

.q-order-98 {
  order: 98; }

.q-order-99 {
  order: 99; }

.q-order-100 {
  order: 100; }

.q-align-flex-start {
  align-items: flex-start !important; }

.q-justify-flex-start {
  justify-content: flex-start !important; }

.q-align-self-flex-start {
  align-self: flex-start !important; }

.q-justify-self-flex-start {
  justify-self: flex-start !important; }

.q-align-center {
  align-items: center !important; }

.q-justify-center {
  justify-content: center !important; }

.q-align-self-center {
  align-self: center !important; }

.q-justify-self-center {
  justify-self: center !important; }

.q-align-flex-end {
  align-items: flex-end !important; }

.q-justify-flex-end {
  justify-content: flex-end !important; }

.q-align-self-flex-end {
  align-self: flex-end !important; }

.q-justify-self-flex-end {
  justify-self: flex-end !important; }

@media (max-width: 1440px) {
  .q-xlarge-flex,
  .q-xlarge-row {
    display: flex !important;
    flex-wrap: wrap; }
    .q-xlarge-flex > *,
    .q-xlarge-row > * {
      max-width: 100%; }
  .q-xlarge-vertical {
    flex-direction: column; }
  .q-xlarge-flex-wrap {
    flex-wrap: wrap !important; }
  .q-xlarge-flex-no-wrap {
    flex-wrap: nowrap !important; }
  .q-xlarge-box {
    flex: 1 0 0 !important; }
  .q-xlarge-flex-1 {
    flex: 1 0 0; }
  .q-xlarge-flex-2 {
    flex: 2 0 0; }
  .q-xlarge-flex-3 {
    flex: 3 0 0; }
  .q-xlarge-flex-4 {
    flex: 4 0 0; }
  .q-xlarge-flex-5 {
    flex: 5 0 0; }
  .q-xlarge-flex-6 {
    flex: 6 0 0; }
  .q-xlarge-flex-7 {
    flex: 7 0 0; }
  .q-xlarge-flex-8 {
    flex: 8 0 0; }
  .q-xlarge-flex-9 {
    flex: 9 0 0; }
  .q-xlarge-flex-10 {
    flex: 10 0 0; }
  .q-xlarge-order-1 {
    order: 1; }
  .q-xlarge-order-2 {
    order: 2; }
  .q-xlarge-order-3 {
    order: 3; }
  .q-xlarge-order-4 {
    order: 4; }
  .q-xlarge-order-5 {
    order: 5; }
  .q-xlarge-order-6 {
    order: 6; }
  .q-xlarge-order-7 {
    order: 7; }
  .q-xlarge-order-8 {
    order: 8; }
  .q-xlarge-order-9 {
    order: 9; }
  .q-xlarge-order-10 {
    order: 10; }
  .q-xlarge-order-11 {
    order: 11; }
  .q-xlarge-order-12 {
    order: 12; }
  .q-xlarge-order-13 {
    order: 13; }
  .q-xlarge-order-14 {
    order: 14; }
  .q-xlarge-order-15 {
    order: 15; }
  .q-xlarge-order-16 {
    order: 16; }
  .q-xlarge-order-17 {
    order: 17; }
  .q-xlarge-order-18 {
    order: 18; }
  .q-xlarge-order-19 {
    order: 19; }
  .q-xlarge-order-20 {
    order: 20; }
  .q-xlarge-order-21 {
    order: 21; }
  .q-xlarge-order-22 {
    order: 22; }
  .q-xlarge-order-23 {
    order: 23; }
  .q-xlarge-order-24 {
    order: 24; }
  .q-xlarge-order-25 {
    order: 25; }
  .q-xlarge-order-26 {
    order: 26; }
  .q-xlarge-order-27 {
    order: 27; }
  .q-xlarge-order-28 {
    order: 28; }
  .q-xlarge-order-29 {
    order: 29; }
  .q-xlarge-order-30 {
    order: 30; }
  .q-xlarge-order-31 {
    order: 31; }
  .q-xlarge-order-32 {
    order: 32; }
  .q-xlarge-order-33 {
    order: 33; }
  .q-xlarge-order-34 {
    order: 34; }
  .q-xlarge-order-35 {
    order: 35; }
  .q-xlarge-order-36 {
    order: 36; }
  .q-xlarge-order-37 {
    order: 37; }
  .q-xlarge-order-38 {
    order: 38; }
  .q-xlarge-order-39 {
    order: 39; }
  .q-xlarge-order-40 {
    order: 40; }
  .q-xlarge-order-41 {
    order: 41; }
  .q-xlarge-order-42 {
    order: 42; }
  .q-xlarge-order-43 {
    order: 43; }
  .q-xlarge-order-44 {
    order: 44; }
  .q-xlarge-order-45 {
    order: 45; }
  .q-xlarge-order-46 {
    order: 46; }
  .q-xlarge-order-47 {
    order: 47; }
  .q-xlarge-order-48 {
    order: 48; }
  .q-xlarge-order-49 {
    order: 49; }
  .q-xlarge-order-50 {
    order: 50; }
  .q-xlarge-order-51 {
    order: 51; }
  .q-xlarge-order-52 {
    order: 52; }
  .q-xlarge-order-53 {
    order: 53; }
  .q-xlarge-order-54 {
    order: 54; }
  .q-xlarge-order-55 {
    order: 55; }
  .q-xlarge-order-56 {
    order: 56; }
  .q-xlarge-order-57 {
    order: 57; }
  .q-xlarge-order-58 {
    order: 58; }
  .q-xlarge-order-59 {
    order: 59; }
  .q-xlarge-order-60 {
    order: 60; }
  .q-xlarge-order-61 {
    order: 61; }
  .q-xlarge-order-62 {
    order: 62; }
  .q-xlarge-order-63 {
    order: 63; }
  .q-xlarge-order-64 {
    order: 64; }
  .q-xlarge-order-65 {
    order: 65; }
  .q-xlarge-order-66 {
    order: 66; }
  .q-xlarge-order-67 {
    order: 67; }
  .q-xlarge-order-68 {
    order: 68; }
  .q-xlarge-order-69 {
    order: 69; }
  .q-xlarge-order-70 {
    order: 70; }
  .q-xlarge-order-71 {
    order: 71; }
  .q-xlarge-order-72 {
    order: 72; }
  .q-xlarge-order-73 {
    order: 73; }
  .q-xlarge-order-74 {
    order: 74; }
  .q-xlarge-order-75 {
    order: 75; }
  .q-xlarge-order-76 {
    order: 76; }
  .q-xlarge-order-77 {
    order: 77; }
  .q-xlarge-order-78 {
    order: 78; }
  .q-xlarge-order-79 {
    order: 79; }
  .q-xlarge-order-80 {
    order: 80; }
  .q-xlarge-order-81 {
    order: 81; }
  .q-xlarge-order-82 {
    order: 82; }
  .q-xlarge-order-83 {
    order: 83; }
  .q-xlarge-order-84 {
    order: 84; }
  .q-xlarge-order-85 {
    order: 85; }
  .q-xlarge-order-86 {
    order: 86; }
  .q-xlarge-order-87 {
    order: 87; }
  .q-xlarge-order-88 {
    order: 88; }
  .q-xlarge-order-89 {
    order: 89; }
  .q-xlarge-order-90 {
    order: 90; }
  .q-xlarge-order-91 {
    order: 91; }
  .q-xlarge-order-92 {
    order: 92; }
  .q-xlarge-order-93 {
    order: 93; }
  .q-xlarge-order-94 {
    order: 94; }
  .q-xlarge-order-95 {
    order: 95; }
  .q-xlarge-order-96 {
    order: 96; }
  .q-xlarge-order-97 {
    order: 97; }
  .q-xlarge-order-98 {
    order: 98; }
  .q-xlarge-order-99 {
    order: 99; }
  .q-xlarge-order-100 {
    order: 100; }
  .q-xlarge-align-flex-start {
    align-items: flex-start !important; }
  .q-xlarge-justify-flex-start {
    justify-content: flex-start !important; }
  .q-xlarge-align-center {
    align-items: center !important; }
  .q-xlarge-justify-center {
    justify-content: center !important; }
  .q-xlarge-align-flex-end {
    align-items: flex-end !important; }
  .q-xlarge-justify-flex-end {
    justify-content: flex-end !important; } }

@media (max-width: 1280px) {
  .q-large-flex,
  .q-large-row {
    display: flex !important;
    flex-wrap: wrap; }
    .q-large-flex > *,
    .q-large-row > * {
      max-width: 100%; }
  .q-large-vertical {
    flex-direction: column; }
  .q-large-flex-wrap {
    flex-wrap: wrap !important; }
  .q-large-flex-no-wrap {
    flex-wrap: nowrap !important; }
  .q-large-box {
    flex: 1 0 0 !important; }
  .q-large-flex-1 {
    flex: 1 0 0; }
  .q-large-flex-2 {
    flex: 2 0 0; }
  .q-large-flex-3 {
    flex: 3 0 0; }
  .q-large-flex-4 {
    flex: 4 0 0; }
  .q-large-flex-5 {
    flex: 5 0 0; }
  .q-large-flex-6 {
    flex: 6 0 0; }
  .q-large-flex-7 {
    flex: 7 0 0; }
  .q-large-flex-8 {
    flex: 8 0 0; }
  .q-large-flex-9 {
    flex: 9 0 0; }
  .q-large-flex-10 {
    flex: 10 0 0; }
  .q-large-order-1 {
    order: 1; }
  .q-large-order-2 {
    order: 2; }
  .q-large-order-3 {
    order: 3; }
  .q-large-order-4 {
    order: 4; }
  .q-large-order-5 {
    order: 5; }
  .q-large-order-6 {
    order: 6; }
  .q-large-order-7 {
    order: 7; }
  .q-large-order-8 {
    order: 8; }
  .q-large-order-9 {
    order: 9; }
  .q-large-order-10 {
    order: 10; }
  .q-large-order-11 {
    order: 11; }
  .q-large-order-12 {
    order: 12; }
  .q-large-order-13 {
    order: 13; }
  .q-large-order-14 {
    order: 14; }
  .q-large-order-15 {
    order: 15; }
  .q-large-order-16 {
    order: 16; }
  .q-large-order-17 {
    order: 17; }
  .q-large-order-18 {
    order: 18; }
  .q-large-order-19 {
    order: 19; }
  .q-large-order-20 {
    order: 20; }
  .q-large-order-21 {
    order: 21; }
  .q-large-order-22 {
    order: 22; }
  .q-large-order-23 {
    order: 23; }
  .q-large-order-24 {
    order: 24; }
  .q-large-order-25 {
    order: 25; }
  .q-large-order-26 {
    order: 26; }
  .q-large-order-27 {
    order: 27; }
  .q-large-order-28 {
    order: 28; }
  .q-large-order-29 {
    order: 29; }
  .q-large-order-30 {
    order: 30; }
  .q-large-order-31 {
    order: 31; }
  .q-large-order-32 {
    order: 32; }
  .q-large-order-33 {
    order: 33; }
  .q-large-order-34 {
    order: 34; }
  .q-large-order-35 {
    order: 35; }
  .q-large-order-36 {
    order: 36; }
  .q-large-order-37 {
    order: 37; }
  .q-large-order-38 {
    order: 38; }
  .q-large-order-39 {
    order: 39; }
  .q-large-order-40 {
    order: 40; }
  .q-large-order-41 {
    order: 41; }
  .q-large-order-42 {
    order: 42; }
  .q-large-order-43 {
    order: 43; }
  .q-large-order-44 {
    order: 44; }
  .q-large-order-45 {
    order: 45; }
  .q-large-order-46 {
    order: 46; }
  .q-large-order-47 {
    order: 47; }
  .q-large-order-48 {
    order: 48; }
  .q-large-order-49 {
    order: 49; }
  .q-large-order-50 {
    order: 50; }
  .q-large-order-51 {
    order: 51; }
  .q-large-order-52 {
    order: 52; }
  .q-large-order-53 {
    order: 53; }
  .q-large-order-54 {
    order: 54; }
  .q-large-order-55 {
    order: 55; }
  .q-large-order-56 {
    order: 56; }
  .q-large-order-57 {
    order: 57; }
  .q-large-order-58 {
    order: 58; }
  .q-large-order-59 {
    order: 59; }
  .q-large-order-60 {
    order: 60; }
  .q-large-order-61 {
    order: 61; }
  .q-large-order-62 {
    order: 62; }
  .q-large-order-63 {
    order: 63; }
  .q-large-order-64 {
    order: 64; }
  .q-large-order-65 {
    order: 65; }
  .q-large-order-66 {
    order: 66; }
  .q-large-order-67 {
    order: 67; }
  .q-large-order-68 {
    order: 68; }
  .q-large-order-69 {
    order: 69; }
  .q-large-order-70 {
    order: 70; }
  .q-large-order-71 {
    order: 71; }
  .q-large-order-72 {
    order: 72; }
  .q-large-order-73 {
    order: 73; }
  .q-large-order-74 {
    order: 74; }
  .q-large-order-75 {
    order: 75; }
  .q-large-order-76 {
    order: 76; }
  .q-large-order-77 {
    order: 77; }
  .q-large-order-78 {
    order: 78; }
  .q-large-order-79 {
    order: 79; }
  .q-large-order-80 {
    order: 80; }
  .q-large-order-81 {
    order: 81; }
  .q-large-order-82 {
    order: 82; }
  .q-large-order-83 {
    order: 83; }
  .q-large-order-84 {
    order: 84; }
  .q-large-order-85 {
    order: 85; }
  .q-large-order-86 {
    order: 86; }
  .q-large-order-87 {
    order: 87; }
  .q-large-order-88 {
    order: 88; }
  .q-large-order-89 {
    order: 89; }
  .q-large-order-90 {
    order: 90; }
  .q-large-order-91 {
    order: 91; }
  .q-large-order-92 {
    order: 92; }
  .q-large-order-93 {
    order: 93; }
  .q-large-order-94 {
    order: 94; }
  .q-large-order-95 {
    order: 95; }
  .q-large-order-96 {
    order: 96; }
  .q-large-order-97 {
    order: 97; }
  .q-large-order-98 {
    order: 98; }
  .q-large-order-99 {
    order: 99; }
  .q-large-order-100 {
    order: 100; }
  .q-large-align-flex-start {
    align-items: flex-start !important; }
  .q-large-justify-flex-start {
    justify-content: flex-start !important; }
  .q-large-align-center {
    align-items: center !important; }
  .q-large-justify-center {
    justify-content: center !important; }
  .q-large-align-flex-end {
    align-items: flex-end !important; }
  .q-large-justify-flex-end {
    justify-content: flex-end !important; } }

@media (max-width: 1024px) {
  .q-medium-flex,
  .q-medium-row {
    display: flex !important;
    flex-wrap: wrap; }
    .q-medium-flex > *,
    .q-medium-row > * {
      max-width: 100%; }
  .q-medium-vertical {
    flex-direction: column; }
  .q-medium-flex-wrap {
    flex-wrap: wrap !important; }
  .q-medium-flex-no-wrap {
    flex-wrap: nowrap !important; }
  .q-medium-box {
    flex: 1 0 0 !important; }
  .q-medium-flex-1 {
    flex: 1 0 0; }
  .q-medium-flex-2 {
    flex: 2 0 0; }
  .q-medium-flex-3 {
    flex: 3 0 0; }
  .q-medium-flex-4 {
    flex: 4 0 0; }
  .q-medium-flex-5 {
    flex: 5 0 0; }
  .q-medium-flex-6 {
    flex: 6 0 0; }
  .q-medium-flex-7 {
    flex: 7 0 0; }
  .q-medium-flex-8 {
    flex: 8 0 0; }
  .q-medium-flex-9 {
    flex: 9 0 0; }
  .q-medium-flex-10 {
    flex: 10 0 0; }
  .q-medium-order-1 {
    order: 1; }
  .q-medium-order-2 {
    order: 2; }
  .q-medium-order-3 {
    order: 3; }
  .q-medium-order-4 {
    order: 4; }
  .q-medium-order-5 {
    order: 5; }
  .q-medium-order-6 {
    order: 6; }
  .q-medium-order-7 {
    order: 7; }
  .q-medium-order-8 {
    order: 8; }
  .q-medium-order-9 {
    order: 9; }
  .q-medium-order-10 {
    order: 10; }
  .q-medium-order-11 {
    order: 11; }
  .q-medium-order-12 {
    order: 12; }
  .q-medium-order-13 {
    order: 13; }
  .q-medium-order-14 {
    order: 14; }
  .q-medium-order-15 {
    order: 15; }
  .q-medium-order-16 {
    order: 16; }
  .q-medium-order-17 {
    order: 17; }
  .q-medium-order-18 {
    order: 18; }
  .q-medium-order-19 {
    order: 19; }
  .q-medium-order-20 {
    order: 20; }
  .q-medium-order-21 {
    order: 21; }
  .q-medium-order-22 {
    order: 22; }
  .q-medium-order-23 {
    order: 23; }
  .q-medium-order-24 {
    order: 24; }
  .q-medium-order-25 {
    order: 25; }
  .q-medium-order-26 {
    order: 26; }
  .q-medium-order-27 {
    order: 27; }
  .q-medium-order-28 {
    order: 28; }
  .q-medium-order-29 {
    order: 29; }
  .q-medium-order-30 {
    order: 30; }
  .q-medium-order-31 {
    order: 31; }
  .q-medium-order-32 {
    order: 32; }
  .q-medium-order-33 {
    order: 33; }
  .q-medium-order-34 {
    order: 34; }
  .q-medium-order-35 {
    order: 35; }
  .q-medium-order-36 {
    order: 36; }
  .q-medium-order-37 {
    order: 37; }
  .q-medium-order-38 {
    order: 38; }
  .q-medium-order-39 {
    order: 39; }
  .q-medium-order-40 {
    order: 40; }
  .q-medium-order-41 {
    order: 41; }
  .q-medium-order-42 {
    order: 42; }
  .q-medium-order-43 {
    order: 43; }
  .q-medium-order-44 {
    order: 44; }
  .q-medium-order-45 {
    order: 45; }
  .q-medium-order-46 {
    order: 46; }
  .q-medium-order-47 {
    order: 47; }
  .q-medium-order-48 {
    order: 48; }
  .q-medium-order-49 {
    order: 49; }
  .q-medium-order-50 {
    order: 50; }
  .q-medium-order-51 {
    order: 51; }
  .q-medium-order-52 {
    order: 52; }
  .q-medium-order-53 {
    order: 53; }
  .q-medium-order-54 {
    order: 54; }
  .q-medium-order-55 {
    order: 55; }
  .q-medium-order-56 {
    order: 56; }
  .q-medium-order-57 {
    order: 57; }
  .q-medium-order-58 {
    order: 58; }
  .q-medium-order-59 {
    order: 59; }
  .q-medium-order-60 {
    order: 60; }
  .q-medium-order-61 {
    order: 61; }
  .q-medium-order-62 {
    order: 62; }
  .q-medium-order-63 {
    order: 63; }
  .q-medium-order-64 {
    order: 64; }
  .q-medium-order-65 {
    order: 65; }
  .q-medium-order-66 {
    order: 66; }
  .q-medium-order-67 {
    order: 67; }
  .q-medium-order-68 {
    order: 68; }
  .q-medium-order-69 {
    order: 69; }
  .q-medium-order-70 {
    order: 70; }
  .q-medium-order-71 {
    order: 71; }
  .q-medium-order-72 {
    order: 72; }
  .q-medium-order-73 {
    order: 73; }
  .q-medium-order-74 {
    order: 74; }
  .q-medium-order-75 {
    order: 75; }
  .q-medium-order-76 {
    order: 76; }
  .q-medium-order-77 {
    order: 77; }
  .q-medium-order-78 {
    order: 78; }
  .q-medium-order-79 {
    order: 79; }
  .q-medium-order-80 {
    order: 80; }
  .q-medium-order-81 {
    order: 81; }
  .q-medium-order-82 {
    order: 82; }
  .q-medium-order-83 {
    order: 83; }
  .q-medium-order-84 {
    order: 84; }
  .q-medium-order-85 {
    order: 85; }
  .q-medium-order-86 {
    order: 86; }
  .q-medium-order-87 {
    order: 87; }
  .q-medium-order-88 {
    order: 88; }
  .q-medium-order-89 {
    order: 89; }
  .q-medium-order-90 {
    order: 90; }
  .q-medium-order-91 {
    order: 91; }
  .q-medium-order-92 {
    order: 92; }
  .q-medium-order-93 {
    order: 93; }
  .q-medium-order-94 {
    order: 94; }
  .q-medium-order-95 {
    order: 95; }
  .q-medium-order-96 {
    order: 96; }
  .q-medium-order-97 {
    order: 97; }
  .q-medium-order-98 {
    order: 98; }
  .q-medium-order-99 {
    order: 99; }
  .q-medium-order-100 {
    order: 100; }
  .q-medium-align-flex-start {
    align-items: flex-start !important; }
  .q-medium-justify-flex-start {
    justify-content: flex-start !important; }
  .q-medium-align-center {
    align-items: center !important; }
  .q-medium-justify-center {
    justify-content: center !important; }
  .q-medium-align-flex-end {
    align-items: flex-end !important; }
  .q-medium-justify-flex-end {
    justify-content: flex-end !important; } }

@media (max-width: 768px) {
  .q-small-flex,
  .q-small-row {
    display: flex !important;
    flex-wrap: wrap; }
    .q-small-flex > *,
    .q-small-row > * {
      max-width: 100%; }
  .q-small-vertical {
    flex-direction: column; }
  .q-small-flex-wrap {
    flex-wrap: wrap !important; }
  .q-small-flex-no-wrap {
    flex-wrap: nowrap !important; }
  .q-small-box {
    flex: 1 0 0 !important; }
  .q-small-flex-1 {
    flex: 1 0 0; }
  .q-small-flex-2 {
    flex: 2 0 0; }
  .q-small-flex-3 {
    flex: 3 0 0; }
  .q-small-flex-4 {
    flex: 4 0 0; }
  .q-small-flex-5 {
    flex: 5 0 0; }
  .q-small-flex-6 {
    flex: 6 0 0; }
  .q-small-flex-7 {
    flex: 7 0 0; }
  .q-small-flex-8 {
    flex: 8 0 0; }
  .q-small-flex-9 {
    flex: 9 0 0; }
  .q-small-flex-10 {
    flex: 10 0 0; }
  .q-small-order-1 {
    order: 1; }
  .q-small-order-2 {
    order: 2; }
  .q-small-order-3 {
    order: 3; }
  .q-small-order-4 {
    order: 4; }
  .q-small-order-5 {
    order: 5; }
  .q-small-order-6 {
    order: 6; }
  .q-small-order-7 {
    order: 7; }
  .q-small-order-8 {
    order: 8; }
  .q-small-order-9 {
    order: 9; }
  .q-small-order-10 {
    order: 10; }
  .q-small-order-11 {
    order: 11; }
  .q-small-order-12 {
    order: 12; }
  .q-small-order-13 {
    order: 13; }
  .q-small-order-14 {
    order: 14; }
  .q-small-order-15 {
    order: 15; }
  .q-small-order-16 {
    order: 16; }
  .q-small-order-17 {
    order: 17; }
  .q-small-order-18 {
    order: 18; }
  .q-small-order-19 {
    order: 19; }
  .q-small-order-20 {
    order: 20; }
  .q-small-order-21 {
    order: 21; }
  .q-small-order-22 {
    order: 22; }
  .q-small-order-23 {
    order: 23; }
  .q-small-order-24 {
    order: 24; }
  .q-small-order-25 {
    order: 25; }
  .q-small-order-26 {
    order: 26; }
  .q-small-order-27 {
    order: 27; }
  .q-small-order-28 {
    order: 28; }
  .q-small-order-29 {
    order: 29; }
  .q-small-order-30 {
    order: 30; }
  .q-small-order-31 {
    order: 31; }
  .q-small-order-32 {
    order: 32; }
  .q-small-order-33 {
    order: 33; }
  .q-small-order-34 {
    order: 34; }
  .q-small-order-35 {
    order: 35; }
  .q-small-order-36 {
    order: 36; }
  .q-small-order-37 {
    order: 37; }
  .q-small-order-38 {
    order: 38; }
  .q-small-order-39 {
    order: 39; }
  .q-small-order-40 {
    order: 40; }
  .q-small-order-41 {
    order: 41; }
  .q-small-order-42 {
    order: 42; }
  .q-small-order-43 {
    order: 43; }
  .q-small-order-44 {
    order: 44; }
  .q-small-order-45 {
    order: 45; }
  .q-small-order-46 {
    order: 46; }
  .q-small-order-47 {
    order: 47; }
  .q-small-order-48 {
    order: 48; }
  .q-small-order-49 {
    order: 49; }
  .q-small-order-50 {
    order: 50; }
  .q-small-order-51 {
    order: 51; }
  .q-small-order-52 {
    order: 52; }
  .q-small-order-53 {
    order: 53; }
  .q-small-order-54 {
    order: 54; }
  .q-small-order-55 {
    order: 55; }
  .q-small-order-56 {
    order: 56; }
  .q-small-order-57 {
    order: 57; }
  .q-small-order-58 {
    order: 58; }
  .q-small-order-59 {
    order: 59; }
  .q-small-order-60 {
    order: 60; }
  .q-small-order-61 {
    order: 61; }
  .q-small-order-62 {
    order: 62; }
  .q-small-order-63 {
    order: 63; }
  .q-small-order-64 {
    order: 64; }
  .q-small-order-65 {
    order: 65; }
  .q-small-order-66 {
    order: 66; }
  .q-small-order-67 {
    order: 67; }
  .q-small-order-68 {
    order: 68; }
  .q-small-order-69 {
    order: 69; }
  .q-small-order-70 {
    order: 70; }
  .q-small-order-71 {
    order: 71; }
  .q-small-order-72 {
    order: 72; }
  .q-small-order-73 {
    order: 73; }
  .q-small-order-74 {
    order: 74; }
  .q-small-order-75 {
    order: 75; }
  .q-small-order-76 {
    order: 76; }
  .q-small-order-77 {
    order: 77; }
  .q-small-order-78 {
    order: 78; }
  .q-small-order-79 {
    order: 79; }
  .q-small-order-80 {
    order: 80; }
  .q-small-order-81 {
    order: 81; }
  .q-small-order-82 {
    order: 82; }
  .q-small-order-83 {
    order: 83; }
  .q-small-order-84 {
    order: 84; }
  .q-small-order-85 {
    order: 85; }
  .q-small-order-86 {
    order: 86; }
  .q-small-order-87 {
    order: 87; }
  .q-small-order-88 {
    order: 88; }
  .q-small-order-89 {
    order: 89; }
  .q-small-order-90 {
    order: 90; }
  .q-small-order-91 {
    order: 91; }
  .q-small-order-92 {
    order: 92; }
  .q-small-order-93 {
    order: 93; }
  .q-small-order-94 {
    order: 94; }
  .q-small-order-95 {
    order: 95; }
  .q-small-order-96 {
    order: 96; }
  .q-small-order-97 {
    order: 97; }
  .q-small-order-98 {
    order: 98; }
  .q-small-order-99 {
    order: 99; }
  .q-small-order-100 {
    order: 100; }
  .q-small-align-flex-start {
    align-items: flex-start !important; }
  .q-small-justify-flex-start {
    justify-content: flex-start !important; }
  .q-small-align-center {
    align-items: center !important; }
  .q-small-justify-center {
    justify-content: center !important; }
  .q-small-align-flex-end {
    align-items: flex-end !important; }
  .q-small-justify-flex-end {
    justify-content: flex-end !important; } }

@media (max-width: 480px) {
  .q-xsmall-flex,
  .q-xsmall-row {
    display: flex !important;
    flex-wrap: wrap; }
    .q-xsmall-flex > *,
    .q-xsmall-row > * {
      max-width: 100%; }
  .q-xsmall-vertical {
    flex-direction: column; }
  .q-xsmall-flex-wrap {
    flex-wrap: wrap !important; }
  .q-xsmall-flex-no-wrap {
    flex-wrap: nowrap !important; }
  .q-xsmall-box {
    flex: 1 0 0 !important; }
  .q-xsmall-flex-1 {
    flex: 1 0 0; }
  .q-xsmall-flex-2 {
    flex: 2 0 0; }
  .q-xsmall-flex-3 {
    flex: 3 0 0; }
  .q-xsmall-flex-4 {
    flex: 4 0 0; }
  .q-xsmall-flex-5 {
    flex: 5 0 0; }
  .q-xsmall-flex-6 {
    flex: 6 0 0; }
  .q-xsmall-flex-7 {
    flex: 7 0 0; }
  .q-xsmall-flex-8 {
    flex: 8 0 0; }
  .q-xsmall-flex-9 {
    flex: 9 0 0; }
  .q-xsmall-flex-10 {
    flex: 10 0 0; }
  .q-xsmall-order-1 {
    order: 1; }
  .q-xsmall-order-2 {
    order: 2; }
  .q-xsmall-order-3 {
    order: 3; }
  .q-xsmall-order-4 {
    order: 4; }
  .q-xsmall-order-5 {
    order: 5; }
  .q-xsmall-order-6 {
    order: 6; }
  .q-xsmall-order-7 {
    order: 7; }
  .q-xsmall-order-8 {
    order: 8; }
  .q-xsmall-order-9 {
    order: 9; }
  .q-xsmall-order-10 {
    order: 10; }
  .q-xsmall-order-11 {
    order: 11; }
  .q-xsmall-order-12 {
    order: 12; }
  .q-xsmall-order-13 {
    order: 13; }
  .q-xsmall-order-14 {
    order: 14; }
  .q-xsmall-order-15 {
    order: 15; }
  .q-xsmall-order-16 {
    order: 16; }
  .q-xsmall-order-17 {
    order: 17; }
  .q-xsmall-order-18 {
    order: 18; }
  .q-xsmall-order-19 {
    order: 19; }
  .q-xsmall-order-20 {
    order: 20; }
  .q-xsmall-order-21 {
    order: 21; }
  .q-xsmall-order-22 {
    order: 22; }
  .q-xsmall-order-23 {
    order: 23; }
  .q-xsmall-order-24 {
    order: 24; }
  .q-xsmall-order-25 {
    order: 25; }
  .q-xsmall-order-26 {
    order: 26; }
  .q-xsmall-order-27 {
    order: 27; }
  .q-xsmall-order-28 {
    order: 28; }
  .q-xsmall-order-29 {
    order: 29; }
  .q-xsmall-order-30 {
    order: 30; }
  .q-xsmall-order-31 {
    order: 31; }
  .q-xsmall-order-32 {
    order: 32; }
  .q-xsmall-order-33 {
    order: 33; }
  .q-xsmall-order-34 {
    order: 34; }
  .q-xsmall-order-35 {
    order: 35; }
  .q-xsmall-order-36 {
    order: 36; }
  .q-xsmall-order-37 {
    order: 37; }
  .q-xsmall-order-38 {
    order: 38; }
  .q-xsmall-order-39 {
    order: 39; }
  .q-xsmall-order-40 {
    order: 40; }
  .q-xsmall-order-41 {
    order: 41; }
  .q-xsmall-order-42 {
    order: 42; }
  .q-xsmall-order-43 {
    order: 43; }
  .q-xsmall-order-44 {
    order: 44; }
  .q-xsmall-order-45 {
    order: 45; }
  .q-xsmall-order-46 {
    order: 46; }
  .q-xsmall-order-47 {
    order: 47; }
  .q-xsmall-order-48 {
    order: 48; }
  .q-xsmall-order-49 {
    order: 49; }
  .q-xsmall-order-50 {
    order: 50; }
  .q-xsmall-order-51 {
    order: 51; }
  .q-xsmall-order-52 {
    order: 52; }
  .q-xsmall-order-53 {
    order: 53; }
  .q-xsmall-order-54 {
    order: 54; }
  .q-xsmall-order-55 {
    order: 55; }
  .q-xsmall-order-56 {
    order: 56; }
  .q-xsmall-order-57 {
    order: 57; }
  .q-xsmall-order-58 {
    order: 58; }
  .q-xsmall-order-59 {
    order: 59; }
  .q-xsmall-order-60 {
    order: 60; }
  .q-xsmall-order-61 {
    order: 61; }
  .q-xsmall-order-62 {
    order: 62; }
  .q-xsmall-order-63 {
    order: 63; }
  .q-xsmall-order-64 {
    order: 64; }
  .q-xsmall-order-65 {
    order: 65; }
  .q-xsmall-order-66 {
    order: 66; }
  .q-xsmall-order-67 {
    order: 67; }
  .q-xsmall-order-68 {
    order: 68; }
  .q-xsmall-order-69 {
    order: 69; }
  .q-xsmall-order-70 {
    order: 70; }
  .q-xsmall-order-71 {
    order: 71; }
  .q-xsmall-order-72 {
    order: 72; }
  .q-xsmall-order-73 {
    order: 73; }
  .q-xsmall-order-74 {
    order: 74; }
  .q-xsmall-order-75 {
    order: 75; }
  .q-xsmall-order-76 {
    order: 76; }
  .q-xsmall-order-77 {
    order: 77; }
  .q-xsmall-order-78 {
    order: 78; }
  .q-xsmall-order-79 {
    order: 79; }
  .q-xsmall-order-80 {
    order: 80; }
  .q-xsmall-order-81 {
    order: 81; }
  .q-xsmall-order-82 {
    order: 82; }
  .q-xsmall-order-83 {
    order: 83; }
  .q-xsmall-order-84 {
    order: 84; }
  .q-xsmall-order-85 {
    order: 85; }
  .q-xsmall-order-86 {
    order: 86; }
  .q-xsmall-order-87 {
    order: 87; }
  .q-xsmall-order-88 {
    order: 88; }
  .q-xsmall-order-89 {
    order: 89; }
  .q-xsmall-order-90 {
    order: 90; }
  .q-xsmall-order-91 {
    order: 91; }
  .q-xsmall-order-92 {
    order: 92; }
  .q-xsmall-order-93 {
    order: 93; }
  .q-xsmall-order-94 {
    order: 94; }
  .q-xsmall-order-95 {
    order: 95; }
  .q-xsmall-order-96 {
    order: 96; }
  .q-xsmall-order-97 {
    order: 97; }
  .q-xsmall-order-98 {
    order: 98; }
  .q-xsmall-order-99 {
    order: 99; }
  .q-xsmall-order-100 {
    order: 100; }
  .q-xsmall-align-flex-start {
    align-items: flex-start !important; }
  .q-xsmall-justify-flex-start {
    justify-content: flex-start !important; }
  .q-xsmall-align-center {
    align-items: center !important; }
  .q-xsmall-justify-center {
    justify-content: center !important; }
  .q-xsmall-align-flex-end {
    align-items: flex-end !important; }
  .q-xsmall-justify-flex-end {
    justify-content: flex-end !important; } }

.q-grid {
  display: grid; }

.q-columns-1 {
  grid-template-columns: repeat(1, 1fr) !important; }

.q-columns-2 {
  grid-template-columns: repeat(2, 1fr) !important; }

.q-columns-3 {
  grid-template-columns: repeat(3, 1fr) !important; }

.q-columns-4 {
  grid-template-columns: repeat(4, 1fr) !important; }

.q-columns-5 {
  grid-template-columns: repeat(5, 1fr) !important; }

.q-columns-6 {
  grid-template-columns: repeat(6, 1fr) !important; }

.q-columns-7 {
  grid-template-columns: repeat(7, 1fr) !important; }

.q-columns-8 {
  grid-template-columns: repeat(8, 1fr) !important; }

.q-columns-9 {
  grid-template-columns: repeat(9, 1fr) !important; }

.q-columns-10 {
  grid-template-columns: repeat(10, 1fr) !important; }

.q-columns-11 {
  grid-template-columns: repeat(11, 1fr) !important; }

.q-columns-12 {
  grid-template-columns: repeat(12, 1fr) !important; }

@media (max-width: 1440px) {
  .q-xlarge-columns-1 {
    grid-template-columns: repeat(1, 1fr) !important; }
  .q-xlarge-columns-2 {
    grid-template-columns: repeat(2, 1fr) !important; }
  .q-xlarge-columns-3 {
    grid-template-columns: repeat(3, 1fr) !important; }
  .q-xlarge-columns-4 {
    grid-template-columns: repeat(4, 1fr) !important; }
  .q-xlarge-columns-5 {
    grid-template-columns: repeat(5, 1fr) !important; }
  .q-xlarge-columns-6 {
    grid-template-columns: repeat(6, 1fr) !important; }
  .q-xlarge-columns-7 {
    grid-template-columns: repeat(7, 1fr) !important; }
  .q-xlarge-columns-8 {
    grid-template-columns: repeat(8, 1fr) !important; }
  .q-xlarge-columns-9 {
    grid-template-columns: repeat(9, 1fr) !important; }
  .q-xlarge-columns-10 {
    grid-template-columns: repeat(10, 1fr) !important; }
  .q-xlarge-columns-11 {
    grid-template-columns: repeat(11, 1fr) !important; }
  .q-xlarge-columns-12 {
    grid-template-columns: repeat(12, 1fr) !important; } }

@media (max-width: 1280px) {
  .q-large-columns-1 {
    grid-template-columns: repeat(1, 1fr) !important; }
  .q-large-columns-2 {
    grid-template-columns: repeat(2, 1fr) !important; }
  .q-large-columns-3 {
    grid-template-columns: repeat(3, 1fr) !important; }
  .q-large-columns-4 {
    grid-template-columns: repeat(4, 1fr) !important; }
  .q-large-columns-5 {
    grid-template-columns: repeat(5, 1fr) !important; }
  .q-large-columns-6 {
    grid-template-columns: repeat(6, 1fr) !important; }
  .q-large-columns-7 {
    grid-template-columns: repeat(7, 1fr) !important; }
  .q-large-columns-8 {
    grid-template-columns: repeat(8, 1fr) !important; }
  .q-large-columns-9 {
    grid-template-columns: repeat(9, 1fr) !important; }
  .q-large-columns-10 {
    grid-template-columns: repeat(10, 1fr) !important; }
  .q-large-columns-11 {
    grid-template-columns: repeat(11, 1fr) !important; }
  .q-large-columns-12 {
    grid-template-columns: repeat(12, 1fr) !important; } }

@media (max-width: 1024px) {
  .q-medium-columns-1 {
    grid-template-columns: repeat(1, 1fr) !important; }
  .q-medium-columns-2 {
    grid-template-columns: repeat(2, 1fr) !important; }
  .q-medium-columns-3 {
    grid-template-columns: repeat(3, 1fr) !important; }
  .q-medium-columns-4 {
    grid-template-columns: repeat(4, 1fr) !important; }
  .q-medium-columns-5 {
    grid-template-columns: repeat(5, 1fr) !important; }
  .q-medium-columns-6 {
    grid-template-columns: repeat(6, 1fr) !important; }
  .q-medium-columns-7 {
    grid-template-columns: repeat(7, 1fr) !important; }
  .q-medium-columns-8 {
    grid-template-columns: repeat(8, 1fr) !important; }
  .q-medium-columns-9 {
    grid-template-columns: repeat(9, 1fr) !important; }
  .q-medium-columns-10 {
    grid-template-columns: repeat(10, 1fr) !important; }
  .q-medium-columns-11 {
    grid-template-columns: repeat(11, 1fr) !important; }
  .q-medium-columns-12 {
    grid-template-columns: repeat(12, 1fr) !important; } }

@media (max-width: 768px) {
  .q-small-columns-1 {
    grid-template-columns: repeat(1, 1fr) !important; }
  .q-small-columns-2 {
    grid-template-columns: repeat(2, 1fr) !important; }
  .q-small-columns-3 {
    grid-template-columns: repeat(3, 1fr) !important; }
  .q-small-columns-4 {
    grid-template-columns: repeat(4, 1fr) !important; }
  .q-small-columns-5 {
    grid-template-columns: repeat(5, 1fr) !important; }
  .q-small-columns-6 {
    grid-template-columns: repeat(6, 1fr) !important; }
  .q-small-columns-7 {
    grid-template-columns: repeat(7, 1fr) !important; }
  .q-small-columns-8 {
    grid-template-columns: repeat(8, 1fr) !important; }
  .q-small-columns-9 {
    grid-template-columns: repeat(9, 1fr) !important; }
  .q-small-columns-10 {
    grid-template-columns: repeat(10, 1fr) !important; }
  .q-small-columns-11 {
    grid-template-columns: repeat(11, 1fr) !important; }
  .q-small-columns-12 {
    grid-template-columns: repeat(12, 1fr) !important; } }

@media (max-width: 480px) {
  .q-xsmall-columns-1 {
    grid-template-columns: repeat(1, 1fr) !important; }
  .q-xsmall-columns-2 {
    grid-template-columns: repeat(2, 1fr) !important; }
  .q-xsmall-columns-3 {
    grid-template-columns: repeat(3, 1fr) !important; }
  .q-xsmall-columns-4 {
    grid-template-columns: repeat(4, 1fr) !important; }
  .q-xsmall-columns-5 {
    grid-template-columns: repeat(5, 1fr) !important; }
  .q-xsmall-columns-6 {
    grid-template-columns: repeat(6, 1fr) !important; }
  .q-xsmall-columns-7 {
    grid-template-columns: repeat(7, 1fr) !important; }
  .q-xsmall-columns-8 {
    grid-template-columns: repeat(8, 1fr) !important; }
  .q-xsmall-columns-9 {
    grid-template-columns: repeat(9, 1fr) !important; }
  .q-xsmall-columns-10 {
    grid-template-columns: repeat(10, 1fr) !important; }
  .q-xsmall-columns-11 {
    grid-template-columns: repeat(11, 1fr) !important; }
  .q-xsmall-columns-12 {
    grid-template-columns: repeat(12, 1fr) !important; } }

.q-max {
  max-width: 1280px;
  margin: 0 auto;
  flex: 1 0 0;
  width: 100%; }

.q-max-xlarge {
  max-width: 1440px;
  margin: 0 auto; }

.q-max-large {
  max-width: 1280px;
  margin: 0 auto; }

.q-max-small {
  max-width: 768px;
  margin: 0 auto; }

.q-max-xsmall {
  max-width: 640px;
  margin: 0 auto; }

.q-overflow {
  overflow: auto;
  position: relative; }

.q-overflow-x {
  overflow-x: auto;
  position: relative; }

.q-overflow-y {
  overflow-y: auto;
  position: relative; }

.q-overflow-hidden {
  overflow: hidden;
  position: relative; }

.q-overflow-x-hidden {
  overflow-x: hidden;
  position: relative; }

.q-overflow-y-hidden {
  overflow-y: hidden;
  position: relative; }

.q-overflow-auto {
  overflow: auto;
  position: relative; }

.q-overflow-x-auto {
  overflow-x: auto;
  position: relative; }

.q-overflow-y-auto {
  overflow-y: auto;
  position: relative; }

.q-overflow-scroll {
  overflow: scroll;
  position: relative; }

.q-overflow-x-scroll {
  overflow-x: scroll;
  position: relative; }

.q-overflow-y-scroll {
  overflow-y: scroll;
  position: relative; }

.q-overflow-visible {
  overflow: visible;
  position: relative; }

.q-overflow-x-visible {
  overflow-x: visible;
  position: relative; }

.q-overflow-y-visible {
  overflow-y: visible;
  position: relative; }

.q-static {
  position: static !important; }

.q-relative {
  position: relative !important; }

.q-absolute {
  position: absolute !important; }

.q-fixed {
  position: fixed !important; }

@media (max-width: 1440px) {
  .q-xlarge-static {
    position: static !important; }
  .q-xlarge-no-transform {
    transform: none !important; }
  .q-xlarge-relative {
    position: relative !important; }
  .q-xlarge-no-transform {
    transform: none !important; }
  .q-xlarge-absolute {
    position: absolute !important; }
  .q-xlarge-no-transform {
    transform: none !important; }
  .q-xlarge-fixed {
    position: fixed !important; }
  .q-xlarge-no-transform {
    transform: none !important; } }

@media (max-width: 1280px) {
  .q-large-static {
    position: static !important; }
  .q-large-no-transform {
    transform: none !important; }
  .q-large-relative {
    position: relative !important; }
  .q-large-no-transform {
    transform: none !important; }
  .q-large-absolute {
    position: absolute !important; }
  .q-large-no-transform {
    transform: none !important; }
  .q-large-fixed {
    position: fixed !important; }
  .q-large-no-transform {
    transform: none !important; } }

@media (max-width: 1024px) {
  .q-medium-static {
    position: static !important; }
  .q-medium-no-transform {
    transform: none !important; }
  .q-medium-relative {
    position: relative !important; }
  .q-medium-no-transform {
    transform: none !important; }
  .q-medium-absolute {
    position: absolute !important; }
  .q-medium-no-transform {
    transform: none !important; }
  .q-medium-fixed {
    position: fixed !important; }
  .q-medium-no-transform {
    transform: none !important; } }

@media (max-width: 768px) {
  .q-small-static {
    position: static !important; }
  .q-small-no-transform {
    transform: none !important; }
  .q-small-relative {
    position: relative !important; }
  .q-small-no-transform {
    transform: none !important; }
  .q-small-absolute {
    position: absolute !important; }
  .q-small-no-transform {
    transform: none !important; }
  .q-small-fixed {
    position: fixed !important; }
  .q-small-no-transform {
    transform: none !important; } }

@media (max-width: 480px) {
  .q-xsmall-static {
    position: static !important; }
  .q-xsmall-no-transform {
    transform: none !important; }
  .q-xsmall-relative {
    position: relative !important; }
  .q-xsmall-no-transform {
    transform: none !important; }
  .q-xsmall-absolute {
    position: absolute !important; }
  .q-xsmall-no-transform {
    transform: none !important; }
  .q-xsmall-fixed {
    position: fixed !important; }
  .q-xsmall-no-transform {
    transform: none !important; } }

.q-top {
  top: 0 !important; }

.q-top-100 {
  top: 100% !important; }

.q-right {
  right: 0 !important; }

.q-right-100 {
  right: 100% !important; }

.q-bottom {
  bottom: 0 !important; }

.q-bottom-100 {
  bottom: 100% !important; }

.q-left {
  left: 0 !important; }

.q-left-100 {
  left: 100% !important; }

.q-z-1 {
  z-index: 1; }

.q-z-2 {
  z-index: 2; }

.q-z-3 {
  z-index: 3; }

.q-z-4 {
  z-index: 4; }

.q-z-5 {
  z-index: 5; }

.q-z-6 {
  z-index: 6; }

.q-z-7 {
  z-index: 7; }

.q-z-8 {
  z-index: 8; }

.q-z-9 {
  z-index: 9; }

.q-z-10 {
  z-index: 10; }

.q-z-11 {
  z-index: 11; }

.q-z-12 {
  z-index: 12; }

.q-z-13 {
  z-index: 13; }

.q-z-14 {
  z-index: 14; }

.q-z-15 {
  z-index: 15; }

.q-z-16 {
  z-index: 16; }

.q-z-17 {
  z-index: 17; }

.q-z-18 {
  z-index: 18; }

.q-z-19 {
  z-index: 19; }

.q-z-20 {
  z-index: 20; }

.q-z-21 {
  z-index: 21; }

.q-z-22 {
  z-index: 22; }

.q-z-23 {
  z-index: 23; }

.q-z-24 {
  z-index: 24; }

.q-z-25 {
  z-index: 25; }

.q-z-26 {
  z-index: 26; }

.q-z-27 {
  z-index: 27; }

.q-z-28 {
  z-index: 28; }

.q-z-29 {
  z-index: 29; }

.q-z-30 {
  z-index: 30; }

.q-z-31 {
  z-index: 31; }

.q-z-32 {
  z-index: 32; }

.q-z-33 {
  z-index: 33; }

.q-z-34 {
  z-index: 34; }

.q-z-35 {
  z-index: 35; }

.q-z-36 {
  z-index: 36; }

.q-z-37 {
  z-index: 37; }

.q-z-38 {
  z-index: 38; }

.q-z-39 {
  z-index: 39; }

.q-z-40 {
  z-index: 40; }

.q-z-41 {
  z-index: 41; }

.q-z-42 {
  z-index: 42; }

.q-z-43 {
  z-index: 43; }

.q-z-44 {
  z-index: 44; }

.q-z-45 {
  z-index: 45; }

.q-z-46 {
  z-index: 46; }

.q-z-47 {
  z-index: 47; }

.q-z-48 {
  z-index: 48; }

.q-z-49 {
  z-index: 49; }

.q-z-50 {
  z-index: 50; }

.q-z-51 {
  z-index: 51; }

.q-z-52 {
  z-index: 52; }

.q-z-53 {
  z-index: 53; }

.q-z-54 {
  z-index: 54; }

.q-z-55 {
  z-index: 55; }

.q-z-56 {
  z-index: 56; }

.q-z-57 {
  z-index: 57; }

.q-z-58 {
  z-index: 58; }

.q-z-59 {
  z-index: 59; }

.q-z-60 {
  z-index: 60; }

.q-z-61 {
  z-index: 61; }

.q-z-62 {
  z-index: 62; }

.q-z-63 {
  z-index: 63; }

.q-z-64 {
  z-index: 64; }

.q-z-65 {
  z-index: 65; }

.q-z-66 {
  z-index: 66; }

.q-z-67 {
  z-index: 67; }

.q-z-68 {
  z-index: 68; }

.q-z-69 {
  z-index: 69; }

.q-z-70 {
  z-index: 70; }

.q-z-71 {
  z-index: 71; }

.q-z-72 {
  z-index: 72; }

.q-z-73 {
  z-index: 73; }

.q-z-74 {
  z-index: 74; }

.q-z-75 {
  z-index: 75; }

.q-z-76 {
  z-index: 76; }

.q-z-77 {
  z-index: 77; }

.q-z-78 {
  z-index: 78; }

.q-z-79 {
  z-index: 79; }

.q-z-80 {
  z-index: 80; }

.q-z-81 {
  z-index: 81; }

.q-z-82 {
  z-index: 82; }

.q-z-83 {
  z-index: 83; }

.q-z-84 {
  z-index: 84; }

.q-z-85 {
  z-index: 85; }

.q-z-86 {
  z-index: 86; }

.q-z-87 {
  z-index: 87; }

.q-z-88 {
  z-index: 88; }

.q-z-89 {
  z-index: 89; }

.q-z-90 {
  z-index: 90; }

.q-z-91 {
  z-index: 91; }

.q-z-92 {
  z-index: 92; }

.q-z-93 {
  z-index: 93; }

.q-z-94 {
  z-index: 94; }

.q-z-95 {
  z-index: 95; }

.q-z-96 {
  z-index: 96; }

.q-z-97 {
  z-index: 97; }

.q-z-98 {
  z-index: 98; }

.q-z-99 {
  z-index: 99; }

.q-z-100 {
  z-index: 100; }

.q-vertical-center {
  top: 50%;
  transform: translateY(-50%); }

.q-horizontal-center {
  left: 50%;
  transform: translateX(-50%); }

.q-left {
  float: left; }

.q-right {
  float: right; }

.q-clear {
  clear: both; }

.q-shadow {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important; }

.q-shadow-none {
  box-shadow: none !important; }

.q-width-1,
.q-col-1 {
  width: 8.33333% !important;
  min-width: 8.33333% !important; }

.q-height-1 {
  height: 8.33333% !important;
  min-height: 8.33333% !important; }

.q-max-width-1 {
  max-width: 8.33333% !important; }

.q-max-height-1 {
  max-height: 8.33333% !important; }

.q-vheight-1 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-1 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-1 {
    width: 8.33333% !important;
    min-width: 8.33333% !important; }
  .q-xlarge-height-1 {
    height: 8.33333% !important;
    min-height: 8.33333% !important; }
  .q-xlarge-max-width-1 {
    max-width: 8.33333% !important; }
  .q-xlarge-max-height-1 {
    max-height: 8.33333% !important; } }

@media (max-width: 1280px) {
  .q-large-1 {
    width: 8.33333% !important;
    min-width: 8.33333% !important; }
  .q-large-height-1 {
    height: 8.33333% !important;
    min-height: 8.33333% !important; }
  .q-large-max-width-1 {
    max-width: 8.33333% !important; }
  .q-large-max-height-1 {
    max-height: 8.33333% !important; } }

@media (max-width: 1024px) {
  .q-medium-1 {
    width: 8.33333% !important;
    min-width: 8.33333% !important; }
  .q-medium-height-1 {
    height: 8.33333% !important;
    min-height: 8.33333% !important; }
  .q-medium-max-width-1 {
    max-width: 8.33333% !important; }
  .q-medium-max-height-1 {
    max-height: 8.33333% !important; } }

@media (max-width: 768px) {
  .q-small-1 {
    width: 8.33333% !important;
    min-width: 8.33333% !important; }
  .q-small-height-1 {
    height: 8.33333% !important;
    min-height: 8.33333% !important; }
  .q-small-max-width-1 {
    max-width: 8.33333% !important; }
  .q-small-max-height-1 {
    max-height: 8.33333% !important; } }

@media (max-width: 480px) {
  .q-xsmall-1 {
    width: 8.33333% !important;
    min-width: 8.33333% !important; }
  .q-xsmall-height-1 {
    height: 8.33333% !important;
    min-height: 8.33333% !important; }
  .q-xsmall-max-width-1 {
    max-width: 8.33333% !important; }
  .q-xsmall-max-height-1 {
    max-height: 8.33333% !important; } }

.q-width-2,
.q-col-2 {
  width: 16.66667% !important;
  min-width: 16.66667% !important; }

.q-height-2 {
  height: 16.66667% !important;
  min-height: 16.66667% !important; }

.q-max-width-2 {
  max-width: 16.66667% !important; }

.q-max-height-2 {
  max-height: 16.66667% !important; }

.q-vheight-2 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-2 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-2 {
    width: 16.66667% !important;
    min-width: 16.66667% !important; }
  .q-xlarge-height-2 {
    height: 16.66667% !important;
    min-height: 16.66667% !important; }
  .q-xlarge-max-width-2 {
    max-width: 16.66667% !important; }
  .q-xlarge-max-height-2 {
    max-height: 16.66667% !important; } }

@media (max-width: 1280px) {
  .q-large-2 {
    width: 16.66667% !important;
    min-width: 16.66667% !important; }
  .q-large-height-2 {
    height: 16.66667% !important;
    min-height: 16.66667% !important; }
  .q-large-max-width-2 {
    max-width: 16.66667% !important; }
  .q-large-max-height-2 {
    max-height: 16.66667% !important; } }

@media (max-width: 1024px) {
  .q-medium-2 {
    width: 16.66667% !important;
    min-width: 16.66667% !important; }
  .q-medium-height-2 {
    height: 16.66667% !important;
    min-height: 16.66667% !important; }
  .q-medium-max-width-2 {
    max-width: 16.66667% !important; }
  .q-medium-max-height-2 {
    max-height: 16.66667% !important; } }

@media (max-width: 768px) {
  .q-small-2 {
    width: 16.66667% !important;
    min-width: 16.66667% !important; }
  .q-small-height-2 {
    height: 16.66667% !important;
    min-height: 16.66667% !important; }
  .q-small-max-width-2 {
    max-width: 16.66667% !important; }
  .q-small-max-height-2 {
    max-height: 16.66667% !important; } }

@media (max-width: 480px) {
  .q-xsmall-2 {
    width: 16.66667% !important;
    min-width: 16.66667% !important; }
  .q-xsmall-height-2 {
    height: 16.66667% !important;
    min-height: 16.66667% !important; }
  .q-xsmall-max-width-2 {
    max-width: 16.66667% !important; }
  .q-xsmall-max-height-2 {
    max-height: 16.66667% !important; } }

.q-width-3,
.q-col-3 {
  width: 25% !important;
  min-width: 25% !important; }

.q-height-3 {
  height: 25% !important;
  min-height: 25% !important; }

.q-max-width-3 {
  max-width: 25% !important; }

.q-max-height-3 {
  max-height: 25% !important; }

.q-vheight-3 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-3 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-3 {
    width: 25% !important;
    min-width: 25% !important; }
  .q-xlarge-height-3 {
    height: 25% !important;
    min-height: 25% !important; }
  .q-xlarge-max-width-3 {
    max-width: 25% !important; }
  .q-xlarge-max-height-3 {
    max-height: 25% !important; } }

@media (max-width: 1280px) {
  .q-large-3 {
    width: 25% !important;
    min-width: 25% !important; }
  .q-large-height-3 {
    height: 25% !important;
    min-height: 25% !important; }
  .q-large-max-width-3 {
    max-width: 25% !important; }
  .q-large-max-height-3 {
    max-height: 25% !important; } }

@media (max-width: 1024px) {
  .q-medium-3 {
    width: 25% !important;
    min-width: 25% !important; }
  .q-medium-height-3 {
    height: 25% !important;
    min-height: 25% !important; }
  .q-medium-max-width-3 {
    max-width: 25% !important; }
  .q-medium-max-height-3 {
    max-height: 25% !important; } }

@media (max-width: 768px) {
  .q-small-3 {
    width: 25% !important;
    min-width: 25% !important; }
  .q-small-height-3 {
    height: 25% !important;
    min-height: 25% !important; }
  .q-small-max-width-3 {
    max-width: 25% !important; }
  .q-small-max-height-3 {
    max-height: 25% !important; } }

@media (max-width: 480px) {
  .q-xsmall-3 {
    width: 25% !important;
    min-width: 25% !important; }
  .q-xsmall-height-3 {
    height: 25% !important;
    min-height: 25% !important; }
  .q-xsmall-max-width-3 {
    max-width: 25% !important; }
  .q-xsmall-max-height-3 {
    max-height: 25% !important; } }

.q-width-4,
.q-col-4 {
  width: 33.33333% !important;
  min-width: 33.33333% !important; }

.q-height-4 {
  height: 33.33333% !important;
  min-height: 33.33333% !important; }

.q-max-width-4 {
  max-width: 33.33333% !important; }

.q-max-height-4 {
  max-height: 33.33333% !important; }

.q-vheight-4 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-4 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-4 {
    width: 33.33333% !important;
    min-width: 33.33333% !important; }
  .q-xlarge-height-4 {
    height: 33.33333% !important;
    min-height: 33.33333% !important; }
  .q-xlarge-max-width-4 {
    max-width: 33.33333% !important; }
  .q-xlarge-max-height-4 {
    max-height: 33.33333% !important; } }

@media (max-width: 1280px) {
  .q-large-4 {
    width: 33.33333% !important;
    min-width: 33.33333% !important; }
  .q-large-height-4 {
    height: 33.33333% !important;
    min-height: 33.33333% !important; }
  .q-large-max-width-4 {
    max-width: 33.33333% !important; }
  .q-large-max-height-4 {
    max-height: 33.33333% !important; } }

@media (max-width: 1024px) {
  .q-medium-4 {
    width: 33.33333% !important;
    min-width: 33.33333% !important; }
  .q-medium-height-4 {
    height: 33.33333% !important;
    min-height: 33.33333% !important; }
  .q-medium-max-width-4 {
    max-width: 33.33333% !important; }
  .q-medium-max-height-4 {
    max-height: 33.33333% !important; } }

@media (max-width: 768px) {
  .q-small-4 {
    width: 33.33333% !important;
    min-width: 33.33333% !important; }
  .q-small-height-4 {
    height: 33.33333% !important;
    min-height: 33.33333% !important; }
  .q-small-max-width-4 {
    max-width: 33.33333% !important; }
  .q-small-max-height-4 {
    max-height: 33.33333% !important; } }

@media (max-width: 480px) {
  .q-xsmall-4 {
    width: 33.33333% !important;
    min-width: 33.33333% !important; }
  .q-xsmall-height-4 {
    height: 33.33333% !important;
    min-height: 33.33333% !important; }
  .q-xsmall-max-width-4 {
    max-width: 33.33333% !important; }
  .q-xsmall-max-height-4 {
    max-height: 33.33333% !important; } }

.q-width-5,
.q-col-5 {
  width: 41.66667% !important;
  min-width: 41.66667% !important; }

.q-height-5 {
  height: 41.66667% !important;
  min-height: 41.66667% !important; }

.q-max-width-5 {
  max-width: 41.66667% !important; }

.q-max-height-5 {
  max-height: 41.66667% !important; }

.q-vheight-5 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-5 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-5 {
    width: 41.66667% !important;
    min-width: 41.66667% !important; }
  .q-xlarge-height-5 {
    height: 41.66667% !important;
    min-height: 41.66667% !important; }
  .q-xlarge-max-width-5 {
    max-width: 41.66667% !important; }
  .q-xlarge-max-height-5 {
    max-height: 41.66667% !important; } }

@media (max-width: 1280px) {
  .q-large-5 {
    width: 41.66667% !important;
    min-width: 41.66667% !important; }
  .q-large-height-5 {
    height: 41.66667% !important;
    min-height: 41.66667% !important; }
  .q-large-max-width-5 {
    max-width: 41.66667% !important; }
  .q-large-max-height-5 {
    max-height: 41.66667% !important; } }

@media (max-width: 1024px) {
  .q-medium-5 {
    width: 41.66667% !important;
    min-width: 41.66667% !important; }
  .q-medium-height-5 {
    height: 41.66667% !important;
    min-height: 41.66667% !important; }
  .q-medium-max-width-5 {
    max-width: 41.66667% !important; }
  .q-medium-max-height-5 {
    max-height: 41.66667% !important; } }

@media (max-width: 768px) {
  .q-small-5 {
    width: 41.66667% !important;
    min-width: 41.66667% !important; }
  .q-small-height-5 {
    height: 41.66667% !important;
    min-height: 41.66667% !important; }
  .q-small-max-width-5 {
    max-width: 41.66667% !important; }
  .q-small-max-height-5 {
    max-height: 41.66667% !important; } }

@media (max-width: 480px) {
  .q-xsmall-5 {
    width: 41.66667% !important;
    min-width: 41.66667% !important; }
  .q-xsmall-height-5 {
    height: 41.66667% !important;
    min-height: 41.66667% !important; }
  .q-xsmall-max-width-5 {
    max-width: 41.66667% !important; }
  .q-xsmall-max-height-5 {
    max-height: 41.66667% !important; } }

.q-width-6,
.q-col-6 {
  width: 50% !important;
  min-width: 50% !important; }

.q-height-6 {
  height: 50% !important;
  min-height: 50% !important; }

.q-max-width-6 {
  max-width: 50% !important; }

.q-max-height-6 {
  max-height: 50% !important; }

.q-vheight-6 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-6 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-6 {
    width: 50% !important;
    min-width: 50% !important; }
  .q-xlarge-height-6 {
    height: 50% !important;
    min-height: 50% !important; }
  .q-xlarge-max-width-6 {
    max-width: 50% !important; }
  .q-xlarge-max-height-6 {
    max-height: 50% !important; } }

@media (max-width: 1280px) {
  .q-large-6 {
    width: 50% !important;
    min-width: 50% !important; }
  .q-large-height-6 {
    height: 50% !important;
    min-height: 50% !important; }
  .q-large-max-width-6 {
    max-width: 50% !important; }
  .q-large-max-height-6 {
    max-height: 50% !important; } }

@media (max-width: 1024px) {
  .q-medium-6 {
    width: 50% !important;
    min-width: 50% !important; }
  .q-medium-height-6 {
    height: 50% !important;
    min-height: 50% !important; }
  .q-medium-max-width-6 {
    max-width: 50% !important; }
  .q-medium-max-height-6 {
    max-height: 50% !important; } }

@media (max-width: 768px) {
  .q-small-6 {
    width: 50% !important;
    min-width: 50% !important; }
  .q-small-height-6 {
    height: 50% !important;
    min-height: 50% !important; }
  .q-small-max-width-6 {
    max-width: 50% !important; }
  .q-small-max-height-6 {
    max-height: 50% !important; } }

@media (max-width: 480px) {
  .q-xsmall-6 {
    width: 50% !important;
    min-width: 50% !important; }
  .q-xsmall-height-6 {
    height: 50% !important;
    min-height: 50% !important; }
  .q-xsmall-max-width-6 {
    max-width: 50% !important; }
  .q-xsmall-max-height-6 {
    max-height: 50% !important; } }

.q-width-7,
.q-col-7 {
  width: 58.33333% !important;
  min-width: 58.33333% !important; }

.q-height-7 {
  height: 58.33333% !important;
  min-height: 58.33333% !important; }

.q-max-width-7 {
  max-width: 58.33333% !important; }

.q-max-height-7 {
  max-height: 58.33333% !important; }

.q-vheight-7 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-7 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-7 {
    width: 58.33333% !important;
    min-width: 58.33333% !important; }
  .q-xlarge-height-7 {
    height: 58.33333% !important;
    min-height: 58.33333% !important; }
  .q-xlarge-max-width-7 {
    max-width: 58.33333% !important; }
  .q-xlarge-max-height-7 {
    max-height: 58.33333% !important; } }

@media (max-width: 1280px) {
  .q-large-7 {
    width: 58.33333% !important;
    min-width: 58.33333% !important; }
  .q-large-height-7 {
    height: 58.33333% !important;
    min-height: 58.33333% !important; }
  .q-large-max-width-7 {
    max-width: 58.33333% !important; }
  .q-large-max-height-7 {
    max-height: 58.33333% !important; } }

@media (max-width: 1024px) {
  .q-medium-7 {
    width: 58.33333% !important;
    min-width: 58.33333% !important; }
  .q-medium-height-7 {
    height: 58.33333% !important;
    min-height: 58.33333% !important; }
  .q-medium-max-width-7 {
    max-width: 58.33333% !important; }
  .q-medium-max-height-7 {
    max-height: 58.33333% !important; } }

@media (max-width: 768px) {
  .q-small-7 {
    width: 58.33333% !important;
    min-width: 58.33333% !important; }
  .q-small-height-7 {
    height: 58.33333% !important;
    min-height: 58.33333% !important; }
  .q-small-max-width-7 {
    max-width: 58.33333% !important; }
  .q-small-max-height-7 {
    max-height: 58.33333% !important; } }

@media (max-width: 480px) {
  .q-xsmall-7 {
    width: 58.33333% !important;
    min-width: 58.33333% !important; }
  .q-xsmall-height-7 {
    height: 58.33333% !important;
    min-height: 58.33333% !important; }
  .q-xsmall-max-width-7 {
    max-width: 58.33333% !important; }
  .q-xsmall-max-height-7 {
    max-height: 58.33333% !important; } }

.q-width-8,
.q-col-8 {
  width: 66.66667% !important;
  min-width: 66.66667% !important; }

.q-height-8 {
  height: 66.66667% !important;
  min-height: 66.66667% !important; }

.q-max-width-8 {
  max-width: 66.66667% !important; }

.q-max-height-8 {
  max-height: 66.66667% !important; }

.q-vheight-8 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-8 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-8 {
    width: 66.66667% !important;
    min-width: 66.66667% !important; }
  .q-xlarge-height-8 {
    height: 66.66667% !important;
    min-height: 66.66667% !important; }
  .q-xlarge-max-width-8 {
    max-width: 66.66667% !important; }
  .q-xlarge-max-height-8 {
    max-height: 66.66667% !important; } }

@media (max-width: 1280px) {
  .q-large-8 {
    width: 66.66667% !important;
    min-width: 66.66667% !important; }
  .q-large-height-8 {
    height: 66.66667% !important;
    min-height: 66.66667% !important; }
  .q-large-max-width-8 {
    max-width: 66.66667% !important; }
  .q-large-max-height-8 {
    max-height: 66.66667% !important; } }

@media (max-width: 1024px) {
  .q-medium-8 {
    width: 66.66667% !important;
    min-width: 66.66667% !important; }
  .q-medium-height-8 {
    height: 66.66667% !important;
    min-height: 66.66667% !important; }
  .q-medium-max-width-8 {
    max-width: 66.66667% !important; }
  .q-medium-max-height-8 {
    max-height: 66.66667% !important; } }

@media (max-width: 768px) {
  .q-small-8 {
    width: 66.66667% !important;
    min-width: 66.66667% !important; }
  .q-small-height-8 {
    height: 66.66667% !important;
    min-height: 66.66667% !important; }
  .q-small-max-width-8 {
    max-width: 66.66667% !important; }
  .q-small-max-height-8 {
    max-height: 66.66667% !important; } }

@media (max-width: 480px) {
  .q-xsmall-8 {
    width: 66.66667% !important;
    min-width: 66.66667% !important; }
  .q-xsmall-height-8 {
    height: 66.66667% !important;
    min-height: 66.66667% !important; }
  .q-xsmall-max-width-8 {
    max-width: 66.66667% !important; }
  .q-xsmall-max-height-8 {
    max-height: 66.66667% !important; } }

.q-width-9,
.q-col-9 {
  width: 75% !important;
  min-width: 75% !important; }

.q-height-9 {
  height: 75% !important;
  min-height: 75% !important; }

.q-max-width-9 {
  max-width: 75% !important; }

.q-max-height-9 {
  max-height: 75% !important; }

.q-vheight-9 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-9 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-9 {
    width: 75% !important;
    min-width: 75% !important; }
  .q-xlarge-height-9 {
    height: 75% !important;
    min-height: 75% !important; }
  .q-xlarge-max-width-9 {
    max-width: 75% !important; }
  .q-xlarge-max-height-9 {
    max-height: 75% !important; } }

@media (max-width: 1280px) {
  .q-large-9 {
    width: 75% !important;
    min-width: 75% !important; }
  .q-large-height-9 {
    height: 75% !important;
    min-height: 75% !important; }
  .q-large-max-width-9 {
    max-width: 75% !important; }
  .q-large-max-height-9 {
    max-height: 75% !important; } }

@media (max-width: 1024px) {
  .q-medium-9 {
    width: 75% !important;
    min-width: 75% !important; }
  .q-medium-height-9 {
    height: 75% !important;
    min-height: 75% !important; }
  .q-medium-max-width-9 {
    max-width: 75% !important; }
  .q-medium-max-height-9 {
    max-height: 75% !important; } }

@media (max-width: 768px) {
  .q-small-9 {
    width: 75% !important;
    min-width: 75% !important; }
  .q-small-height-9 {
    height: 75% !important;
    min-height: 75% !important; }
  .q-small-max-width-9 {
    max-width: 75% !important; }
  .q-small-max-height-9 {
    max-height: 75% !important; } }

@media (max-width: 480px) {
  .q-xsmall-9 {
    width: 75% !important;
    min-width: 75% !important; }
  .q-xsmall-height-9 {
    height: 75% !important;
    min-height: 75% !important; }
  .q-xsmall-max-width-9 {
    max-width: 75% !important; }
  .q-xsmall-max-height-9 {
    max-height: 75% !important; } }

.q-width-10,
.q-col-10 {
  width: 83.33333% !important;
  min-width: 83.33333% !important; }

.q-height-10 {
  height: 83.33333% !important;
  min-height: 83.33333% !important; }

.q-max-width-10 {
  max-width: 83.33333% !important; }

.q-max-height-10 {
  max-height: 83.33333% !important; }

.q-vheight-10 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-10 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-10 {
    width: 83.33333% !important;
    min-width: 83.33333% !important; }
  .q-xlarge-height-10 {
    height: 83.33333% !important;
    min-height: 83.33333% !important; }
  .q-xlarge-max-width-10 {
    max-width: 83.33333% !important; }
  .q-xlarge-max-height-10 {
    max-height: 83.33333% !important; } }

@media (max-width: 1280px) {
  .q-large-10 {
    width: 83.33333% !important;
    min-width: 83.33333% !important; }
  .q-large-height-10 {
    height: 83.33333% !important;
    min-height: 83.33333% !important; }
  .q-large-max-width-10 {
    max-width: 83.33333% !important; }
  .q-large-max-height-10 {
    max-height: 83.33333% !important; } }

@media (max-width: 1024px) {
  .q-medium-10 {
    width: 83.33333% !important;
    min-width: 83.33333% !important; }
  .q-medium-height-10 {
    height: 83.33333% !important;
    min-height: 83.33333% !important; }
  .q-medium-max-width-10 {
    max-width: 83.33333% !important; }
  .q-medium-max-height-10 {
    max-height: 83.33333% !important; } }

@media (max-width: 768px) {
  .q-small-10 {
    width: 83.33333% !important;
    min-width: 83.33333% !important; }
  .q-small-height-10 {
    height: 83.33333% !important;
    min-height: 83.33333% !important; }
  .q-small-max-width-10 {
    max-width: 83.33333% !important; }
  .q-small-max-height-10 {
    max-height: 83.33333% !important; } }

@media (max-width: 480px) {
  .q-xsmall-10 {
    width: 83.33333% !important;
    min-width: 83.33333% !important; }
  .q-xsmall-height-10 {
    height: 83.33333% !important;
    min-height: 83.33333% !important; }
  .q-xsmall-max-width-10 {
    max-width: 83.33333% !important; }
  .q-xsmall-max-height-10 {
    max-height: 83.33333% !important; } }

.q-width-11,
.q-col-11 {
  width: 91.66667% !important;
  min-width: 91.66667% !important; }

.q-height-11 {
  height: 91.66667% !important;
  min-height: 91.66667% !important; }

.q-max-width-11 {
  max-width: 91.66667% !important; }

.q-max-height-11 {
  max-height: 91.66667% !important; }

.q-vheight-11 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-11 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-11 {
    width: 91.66667% !important;
    min-width: 91.66667% !important; }
  .q-xlarge-height-11 {
    height: 91.66667% !important;
    min-height: 91.66667% !important; }
  .q-xlarge-max-width-11 {
    max-width: 91.66667% !important; }
  .q-xlarge-max-height-11 {
    max-height: 91.66667% !important; } }

@media (max-width: 1280px) {
  .q-large-11 {
    width: 91.66667% !important;
    min-width: 91.66667% !important; }
  .q-large-height-11 {
    height: 91.66667% !important;
    min-height: 91.66667% !important; }
  .q-large-max-width-11 {
    max-width: 91.66667% !important; }
  .q-large-max-height-11 {
    max-height: 91.66667% !important; } }

@media (max-width: 1024px) {
  .q-medium-11 {
    width: 91.66667% !important;
    min-width: 91.66667% !important; }
  .q-medium-height-11 {
    height: 91.66667% !important;
    min-height: 91.66667% !important; }
  .q-medium-max-width-11 {
    max-width: 91.66667% !important; }
  .q-medium-max-height-11 {
    max-height: 91.66667% !important; } }

@media (max-width: 768px) {
  .q-small-11 {
    width: 91.66667% !important;
    min-width: 91.66667% !important; }
  .q-small-height-11 {
    height: 91.66667% !important;
    min-height: 91.66667% !important; }
  .q-small-max-width-11 {
    max-width: 91.66667% !important; }
  .q-small-max-height-11 {
    max-height: 91.66667% !important; } }

@media (max-width: 480px) {
  .q-xsmall-11 {
    width: 91.66667% !important;
    min-width: 91.66667% !important; }
  .q-xsmall-height-11 {
    height: 91.66667% !important;
    min-height: 91.66667% !important; }
  .q-xsmall-max-width-11 {
    max-width: 91.66667% !important; }
  .q-xsmall-max-height-11 {
    max-height: 91.66667% !important; } }

.q-width-12,
.q-col-12 {
  width: 100% !important;
  min-width: 100% !important; }

.q-height-12 {
  height: 100% !important;
  min-height: 100% !important; }

.q-max-width-12 {
  max-width: 100% !important; }

.q-max-height-12 {
  max-height: 100% !important; }

.q-vheight-12 {
  height: calc(100vh / 12 * $i) !important;
  min-height: calc(100vh / 12 * $i) !important; }

.q-vwidth-12 {
  width: calc(100vw / 12 * $i) !important;
  min-width: calc(100vw / 12 * $i) !important; }

@media (max-width: 1440px) {
  .q-xlarge-12 {
    width: 100% !important;
    min-width: 100% !important; }
  .q-xlarge-height-12 {
    height: 100% !important;
    min-height: 100% !important; }
  .q-xlarge-max-width-12 {
    max-width: 100% !important; }
  .q-xlarge-max-height-12 {
    max-height: 100% !important; } }

@media (max-width: 1280px) {
  .q-large-12 {
    width: 100% !important;
    min-width: 100% !important; }
  .q-large-height-12 {
    height: 100% !important;
    min-height: 100% !important; }
  .q-large-max-width-12 {
    max-width: 100% !important; }
  .q-large-max-height-12 {
    max-height: 100% !important; } }

@media (max-width: 1024px) {
  .q-medium-12 {
    width: 100% !important;
    min-width: 100% !important; }
  .q-medium-height-12 {
    height: 100% !important;
    min-height: 100% !important; }
  .q-medium-max-width-12 {
    max-width: 100% !important; }
  .q-medium-max-height-12 {
    max-height: 100% !important; } }

@media (max-width: 768px) {
  .q-small-12 {
    width: 100% !important;
    min-width: 100% !important; }
  .q-small-height-12 {
    height: 100% !important;
    min-height: 100% !important; }
  .q-small-max-width-12 {
    max-width: 100% !important; }
  .q-small-max-height-12 {
    max-height: 100% !important; } }

@media (max-width: 480px) {
  .q-xsmall-12 {
    width: 100% !important;
    min-width: 100% !important; }
  .q-xsmall-height-12 {
    height: 100% !important;
    min-height: 100% !important; }
  .q-xsmall-max-width-12 {
    max-width: 100% !important; }
  .q-xsmall-max-height-12 {
    max-height: 100% !important; } }

.q-width-none,
.q-width-0 {
  width: 0; }

.q-height-none,
.q-height-0 {
  height: 0; }

.q-width-100vw {
  width: 100vw !important; }

.q-height-100vh {
  height: 100vh !important; }

.q-min-width-100vw {
  min-width: 100vw !important; }

.q-min-height-100vh {
  min-height: 100vh !important; }

.q-max-width-100vw {
  max-width: 100vw !important; }

.q-max-height-100vh {
  max-height: 100vh !important; }

.q-width-auto {
  width: auto !important; }

.q-width-small {
  width: 112px !important; }

.q-padding {
  padding: 16px !important; }

.q-padding-none {
  padding: 0 !important; }

.q-margin {
  margin: 16px !important; }

.q-margin-none {
  margin: 0 !important; }

.q-gap {
  gap: 16px; }
  .q-gap > .panel {
    margin-bottom: 0; }

.q-gap-none {
  gap: 0; }

.q-gap-1 {
  gap: 16px; }

.q-gap-1-5 {
  gap: 24px; }

.q-gap-2 {
  gap: 32px; }

.q-gap-2-5 {
  gap: 40px; }

.q-gap-3 {
  gap: 48px; }

.q-gap-3-5 {
  gap: 56px; }

.q-gap-4 {
  gap: 64px; }

.q-gap-4-5 {
  gap: 72px; }

.q-gap-5 {
  gap: 80px; }

.q-gap-5-5 {
  gap: 88px; }

.q-gap-6 {
  gap: 96px; }

.q-gap-6-5 {
  gap: 104px; }

.q-gap-7 {
  gap: 112px; }

.q-gap-7-5 {
  gap: 120px; }

.q-gap-8 {
  gap: 128px; }

.q-gap-8-5 {
  gap: 136px; }

.q-gap-9 {
  gap: 144px; }

.q-gap-9-5 {
  gap: 152px; }

.q-gap-10 {
  gap: 160px; }

.q-gap-10-5 {
  gap: 168px; }

.q-spaced {
  margin-top: -16px;
  margin-left: -16px; }
  .q-spaced > * {
    padding-top: 16px;
    padding-left: 16px; }

.q-padding-top {
  padding-top: 16px !important; }

.q-padding-top-none {
  padding-top: 0 !important; }

.q-margin-top {
  margin-top: 16px !important; }

.q-margin-top-none {
  margin-top: 0 !important; }

.q-padding-right {
  padding-right: 16px !important; }

.q-padding-right-none {
  padding-right: 0 !important; }

.q-margin-right {
  margin-right: 16px !important; }

.q-margin-right-none {
  margin-right: 0 !important; }

.q-padding-bottom {
  padding-bottom: 16px !important; }

.q-padding-bottom-none {
  padding-bottom: 0 !important; }

.q-margin-bottom {
  margin-bottom: 16px !important; }

.q-margin-bottom-none {
  margin-bottom: 0 !important; }

.q-padding-left {
  padding-left: 16px !important; }

.q-padding-left-none {
  padding-left: 0 !important; }

.q-margin-left {
  margin-left: 16px !important; }

.q-margin-left-none {
  margin-left: 0 !important; }

.q-padding-xsmall {
  padding: 4px !important; }

.q-margin-xsmall {
  margin: 4px !important; }

.q-gap-xsmall {
  gap: 4px !important; }
  .q-gap-xsmall > .panel {
    margin-bottom: 0; }

.q-spaced-name {
  margin-top: -4px !important;
  margin-left: -4px !important; }
  .q-spaced-name > * {
    padding-top: 4px !important;
    padding-left: 4px !important; }

.q-padding-top-xsmall {
  padding-top: 4px !important; }

.q-margin-top-xsmall {
  margin-top: 4px !important; }

.q-padding-right-xsmall {
  padding-right: 4px !important; }

.q-margin-right-xsmall {
  margin-right: 4px !important; }

.q-padding-bottom-xsmall {
  padding-bottom: 4px !important; }

.q-margin-bottom-xsmall {
  margin-bottom: 4px !important; }

.q-padding-left-xsmall {
  padding-left: 4px !important; }

.q-margin-left-xsmall {
  margin-left: 4px !important; }

.q-padding-small {
  padding: 8px !important; }

.q-margin-small {
  margin: 8px !important; }

.q-gap-small {
  gap: 8px !important; }
  .q-gap-small > .panel {
    margin-bottom: 0; }

.q-spaced-name {
  margin-top: -8px !important;
  margin-left: -8px !important; }
  .q-spaced-name > * {
    padding-top: 8px !important;
    padding-left: 8px !important; }

.q-padding-top-small {
  padding-top: 8px !important; }

.q-margin-top-small {
  margin-top: 8px !important; }

.q-padding-right-small {
  padding-right: 8px !important; }

.q-margin-right-small {
  margin-right: 8px !important; }

.q-padding-bottom-small {
  padding-bottom: 8px !important; }

.q-margin-bottom-small {
  margin-bottom: 8px !important; }

.q-padding-left-small {
  padding-left: 8px !important; }

.q-margin-left-small {
  margin-left: 8px !important; }

.q-padding-medium {
  padding: 16px !important; }

.q-margin-medium {
  margin: 16px !important; }

.q-gap-medium {
  gap: 16px !important; }
  .q-gap-medium > .panel {
    margin-bottom: 0; }

.q-spaced-name {
  margin-top: -16px !important;
  margin-left: -16px !important; }
  .q-spaced-name > * {
    padding-top: 16px !important;
    padding-left: 16px !important; }

.q-padding-top-medium {
  padding-top: 16px !important; }

.q-margin-top-medium {
  margin-top: 16px !important; }

.q-padding-right-medium {
  padding-right: 16px !important; }

.q-margin-right-medium {
  margin-right: 16px !important; }

.q-padding-bottom-medium {
  padding-bottom: 16px !important; }

.q-margin-bottom-medium {
  margin-bottom: 16px !important; }

.q-padding-left-medium {
  padding-left: 16px !important; }

.q-margin-left-medium {
  margin-left: 16px !important; }

.q-padding-large {
  padding: 32px !important; }

.q-margin-large {
  margin: 32px !important; }

.q-gap-large {
  gap: 32px !important; }
  .q-gap-large > .panel {
    margin-bottom: 0; }

.q-spaced-name {
  margin-top: -32px !important;
  margin-left: -32px !important; }
  .q-spaced-name > * {
    padding-top: 32px !important;
    padding-left: 32px !important; }

.q-padding-top-large {
  padding-top: 32px !important; }

.q-margin-top-large {
  margin-top: 32px !important; }

.q-padding-right-large {
  padding-right: 32px !important; }

.q-margin-right-large {
  margin-right: 32px !important; }

.q-padding-bottom-large {
  padding-bottom: 32px !important; }

.q-margin-bottom-large {
  margin-bottom: 32px !important; }

.q-padding-left-large {
  padding-left: 32px !important; }

.q-margin-left-large {
  margin-left: 32px !important; }

.q-padding-xlarge {
  padding: 48px !important; }

.q-margin-xlarge {
  margin: 48px !important; }

.q-gap-xlarge {
  gap: 48px !important; }
  .q-gap-xlarge > .panel {
    margin-bottom: 0; }

.q-spaced-name {
  margin-top: -48px !important;
  margin-left: -48px !important; }
  .q-spaced-name > * {
    padding-top: 48px !important;
    padding-left: 48px !important; }

.q-padding-top-xlarge {
  padding-top: 48px !important; }

.q-margin-top-xlarge {
  margin-top: 48px !important; }

.q-padding-right-xlarge {
  padding-right: 48px !important; }

.q-margin-right-xlarge {
  margin-right: 48px !important; }

.q-padding-bottom-xlarge {
  padding-bottom: 48px !important; }

.q-margin-bottom-xlarge {
  margin-bottom: 48px !important; }

.q-padding-left-xlarge {
  padding-left: 48px !important; }

.q-margin-left-xlarge {
  margin-left: 48px !important; }

@media (max-width: 1440px) {
  .q-xlarge-padding {
    padding: 16px !important; }
  .q-xlarge-padding-none {
    padding: 0 !important; }
  .q-xlarge-margin {
    margin: 16px !important; }
  .q-xlarge-margin-none {
    margin: 0 !important; }
  .q-xlarge-padding-top {
    padding-top: 16px !important; }
  .q-xlarge-margin-top {
    margin-top: 16px !important; }
  .q-xlarge-padding-right {
    padding-right: 16px !important; }
  .q-xlarge-margin-right {
    margin-right: 16px !important; }
  .q-xlarge-padding-bottom {
    padding-bottom: 16px !important; }
  .q-xlarge-margin-bottom {
    margin-bottom: 16px !important; }
  .q-xlarge-padding-left {
    padding-left: 16px !important; }
  .q-xlarge-margin-left {
    margin-left: 16px !important; }
  .q-xlarge-gap {
    gap: 16px !important; }
  .q-xlarge-gap-none {
    gap: 0 !important; }
  .q-xlarge-gap-1 {
    gap: 16px !important; }
  .q-xlarge-gap-2 {
    gap: 32px !important; }
  .q-xlarge-gap-3 {
    gap: 48px !important; }
  .q-xlarge-gap-4 {
    gap: 64px !important; }
  .q-xlarge-gap-5 {
    gap: 80px !important; }
  .q-xlarge-gap-6 {
    gap: 96px !important; }
  .q-xlarge-gap-7 {
    gap: 112px !important; }
  .q-xlarge-gap-8 {
    gap: 128px !important; }
  .q-xlarge-gap-9 {
    gap: 144px !important; }
  .q-xlarge-gap-10 {
    gap: 160px !important; }
  .q-xlarge-padding-xsmall {
    padding: 4px !important; }
  .q-xlarge-margin-xsmall {
    margin: 4px !important; }
  .q-xlarge-gap-xsmall {
    gap: 4px !important; }
  .q-xlarge-spaced-name {
    margin-top: -4px !important;
    margin-left: -4px !important; }
    .q-xlarge-spaced-name > * {
      padding-top: 4px !important;
      padding-left: 4px !important; }
  .q-xlarge-padding-top-xsmall {
    padding-top: 4px !important; }
  .q-xlarge-margin-top-xsmall {
    margin-top: 4px !important; }
  .q-xlarge-padding-right-xsmall {
    padding-right: 4px !important; }
  .q-xlarge-margin-right-xsmall {
    margin-right: 4px !important; }
  .q-xlarge-padding-bottom-xsmall {
    padding-bottom: 4px !important; }
  .q-xlarge-margin-bottom-xsmall {
    margin-bottom: 4px !important; }
  .q-xlarge-padding-left-xsmall {
    padding-left: 4px !important; }
  .q-xlarge-margin-left-xsmall {
    margin-left: 4px !important; }
  .q-xlarge-padding-small {
    padding: 8px !important; }
  .q-xlarge-margin-small {
    margin: 8px !important; }
  .q-xlarge-gap-small {
    gap: 8px !important; }
  .q-xlarge-spaced-name {
    margin-top: -8px !important;
    margin-left: -8px !important; }
    .q-xlarge-spaced-name > * {
      padding-top: 8px !important;
      padding-left: 8px !important; }
  .q-xlarge-padding-top-small {
    padding-top: 8px !important; }
  .q-xlarge-margin-top-small {
    margin-top: 8px !important; }
  .q-xlarge-padding-right-small {
    padding-right: 8px !important; }
  .q-xlarge-margin-right-small {
    margin-right: 8px !important; }
  .q-xlarge-padding-bottom-small {
    padding-bottom: 8px !important; }
  .q-xlarge-margin-bottom-small {
    margin-bottom: 8px !important; }
  .q-xlarge-padding-left-small {
    padding-left: 8px !important; }
  .q-xlarge-margin-left-small {
    margin-left: 8px !important; }
  .q-xlarge-padding-medium {
    padding: 16px !important; }
  .q-xlarge-margin-medium {
    margin: 16px !important; }
  .q-xlarge-gap-medium {
    gap: 16px !important; }
  .q-xlarge-spaced-name {
    margin-top: -16px !important;
    margin-left: -16px !important; }
    .q-xlarge-spaced-name > * {
      padding-top: 16px !important;
      padding-left: 16px !important; }
  .q-xlarge-padding-top-medium {
    padding-top: 16px !important; }
  .q-xlarge-margin-top-medium {
    margin-top: 16px !important; }
  .q-xlarge-padding-right-medium {
    padding-right: 16px !important; }
  .q-xlarge-margin-right-medium {
    margin-right: 16px !important; }
  .q-xlarge-padding-bottom-medium {
    padding-bottom: 16px !important; }
  .q-xlarge-margin-bottom-medium {
    margin-bottom: 16px !important; }
  .q-xlarge-padding-left-medium {
    padding-left: 16px !important; }
  .q-xlarge-margin-left-medium {
    margin-left: 16px !important; }
  .q-xlarge-padding-large {
    padding: 32px !important; }
  .q-xlarge-margin-large {
    margin: 32px !important; }
  .q-xlarge-gap-large {
    gap: 32px !important; }
  .q-xlarge-spaced-name {
    margin-top: -32px !important;
    margin-left: -32px !important; }
    .q-xlarge-spaced-name > * {
      padding-top: 32px !important;
      padding-left: 32px !important; }
  .q-xlarge-padding-top-large {
    padding-top: 32px !important; }
  .q-xlarge-margin-top-large {
    margin-top: 32px !important; }
  .q-xlarge-padding-right-large {
    padding-right: 32px !important; }
  .q-xlarge-margin-right-large {
    margin-right: 32px !important; }
  .q-xlarge-padding-bottom-large {
    padding-bottom: 32px !important; }
  .q-xlarge-margin-bottom-large {
    margin-bottom: 32px !important; }
  .q-xlarge-padding-left-large {
    padding-left: 32px !important; }
  .q-xlarge-margin-left-large {
    margin-left: 32px !important; }
  .q-xlarge-padding-xlarge {
    padding: 48px !important; }
  .q-xlarge-margin-xlarge {
    margin: 48px !important; }
  .q-xlarge-gap-xlarge {
    gap: 48px !important; }
  .q-xlarge-spaced-name {
    margin-top: -48px !important;
    margin-left: -48px !important; }
    .q-xlarge-spaced-name > * {
      padding-top: 48px !important;
      padding-left: 48px !important; }
  .q-xlarge-padding-top-xlarge {
    padding-top: 48px !important; }
  .q-xlarge-margin-top-xlarge {
    margin-top: 48px !important; }
  .q-xlarge-padding-right-xlarge {
    padding-right: 48px !important; }
  .q-xlarge-margin-right-xlarge {
    margin-right: 48px !important; }
  .q-xlarge-padding-bottom-xlarge {
    padding-bottom: 48px !important; }
  .q-xlarge-margin-bottom-xlarge {
    margin-bottom: 48px !important; }
  .q-xlarge-padding-left-xlarge {
    padding-left: 48px !important; }
  .q-xlarge-margin-left-xlarge {
    margin-left: 48px !important; } }

@media (max-width: 1280px) {
  .q-large-padding {
    padding: 16px !important; }
  .q-large-padding-none {
    padding: 0 !important; }
  .q-large-margin {
    margin: 16px !important; }
  .q-large-margin-none {
    margin: 0 !important; }
  .q-large-padding-top {
    padding-top: 16px !important; }
  .q-large-margin-top {
    margin-top: 16px !important; }
  .q-large-padding-right {
    padding-right: 16px !important; }
  .q-large-margin-right {
    margin-right: 16px !important; }
  .q-large-padding-bottom {
    padding-bottom: 16px !important; }
  .q-large-margin-bottom {
    margin-bottom: 16px !important; }
  .q-large-padding-left {
    padding-left: 16px !important; }
  .q-large-margin-left {
    margin-left: 16px !important; }
  .q-large-gap {
    gap: 16px !important; }
  .q-large-gap-none {
    gap: 0 !important; }
  .q-large-gap-1 {
    gap: 16px !important; }
  .q-large-gap-2 {
    gap: 32px !important; }
  .q-large-gap-3 {
    gap: 48px !important; }
  .q-large-gap-4 {
    gap: 64px !important; }
  .q-large-gap-5 {
    gap: 80px !important; }
  .q-large-gap-6 {
    gap: 96px !important; }
  .q-large-gap-7 {
    gap: 112px !important; }
  .q-large-gap-8 {
    gap: 128px !important; }
  .q-large-gap-9 {
    gap: 144px !important; }
  .q-large-gap-10 {
    gap: 160px !important; }
  .q-large-padding-xsmall {
    padding: 4px !important; }
  .q-large-margin-xsmall {
    margin: 4px !important; }
  .q-large-gap-xsmall {
    gap: 4px !important; }
  .q-large-spaced-name {
    margin-top: -4px !important;
    margin-left: -4px !important; }
    .q-large-spaced-name > * {
      padding-top: 4px !important;
      padding-left: 4px !important; }
  .q-large-padding-top-xsmall {
    padding-top: 4px !important; }
  .q-large-margin-top-xsmall {
    margin-top: 4px !important; }
  .q-large-padding-right-xsmall {
    padding-right: 4px !important; }
  .q-large-margin-right-xsmall {
    margin-right: 4px !important; }
  .q-large-padding-bottom-xsmall {
    padding-bottom: 4px !important; }
  .q-large-margin-bottom-xsmall {
    margin-bottom: 4px !important; }
  .q-large-padding-left-xsmall {
    padding-left: 4px !important; }
  .q-large-margin-left-xsmall {
    margin-left: 4px !important; }
  .q-large-padding-small {
    padding: 8px !important; }
  .q-large-margin-small {
    margin: 8px !important; }
  .q-large-gap-small {
    gap: 8px !important; }
  .q-large-spaced-name {
    margin-top: -8px !important;
    margin-left: -8px !important; }
    .q-large-spaced-name > * {
      padding-top: 8px !important;
      padding-left: 8px !important; }
  .q-large-padding-top-small {
    padding-top: 8px !important; }
  .q-large-margin-top-small {
    margin-top: 8px !important; }
  .q-large-padding-right-small {
    padding-right: 8px !important; }
  .q-large-margin-right-small {
    margin-right: 8px !important; }
  .q-large-padding-bottom-small {
    padding-bottom: 8px !important; }
  .q-large-margin-bottom-small {
    margin-bottom: 8px !important; }
  .q-large-padding-left-small {
    padding-left: 8px !important; }
  .q-large-margin-left-small {
    margin-left: 8px !important; }
  .q-large-padding-medium {
    padding: 16px !important; }
  .q-large-margin-medium {
    margin: 16px !important; }
  .q-large-gap-medium {
    gap: 16px !important; }
  .q-large-spaced-name {
    margin-top: -16px !important;
    margin-left: -16px !important; }
    .q-large-spaced-name > * {
      padding-top: 16px !important;
      padding-left: 16px !important; }
  .q-large-padding-top-medium {
    padding-top: 16px !important; }
  .q-large-margin-top-medium {
    margin-top: 16px !important; }
  .q-large-padding-right-medium {
    padding-right: 16px !important; }
  .q-large-margin-right-medium {
    margin-right: 16px !important; }
  .q-large-padding-bottom-medium {
    padding-bottom: 16px !important; }
  .q-large-margin-bottom-medium {
    margin-bottom: 16px !important; }
  .q-large-padding-left-medium {
    padding-left: 16px !important; }
  .q-large-margin-left-medium {
    margin-left: 16px !important; }
  .q-large-padding-large {
    padding: 32px !important; }
  .q-large-margin-large {
    margin: 32px !important; }
  .q-large-gap-large {
    gap: 32px !important; }
  .q-large-spaced-name {
    margin-top: -32px !important;
    margin-left: -32px !important; }
    .q-large-spaced-name > * {
      padding-top: 32px !important;
      padding-left: 32px !important; }
  .q-large-padding-top-large {
    padding-top: 32px !important; }
  .q-large-margin-top-large {
    margin-top: 32px !important; }
  .q-large-padding-right-large {
    padding-right: 32px !important; }
  .q-large-margin-right-large {
    margin-right: 32px !important; }
  .q-large-padding-bottom-large {
    padding-bottom: 32px !important; }
  .q-large-margin-bottom-large {
    margin-bottom: 32px !important; }
  .q-large-padding-left-large {
    padding-left: 32px !important; }
  .q-large-margin-left-large {
    margin-left: 32px !important; }
  .q-large-padding-xlarge {
    padding: 48px !important; }
  .q-large-margin-xlarge {
    margin: 48px !important; }
  .q-large-gap-xlarge {
    gap: 48px !important; }
  .q-large-spaced-name {
    margin-top: -48px !important;
    margin-left: -48px !important; }
    .q-large-spaced-name > * {
      padding-top: 48px !important;
      padding-left: 48px !important; }
  .q-large-padding-top-xlarge {
    padding-top: 48px !important; }
  .q-large-margin-top-xlarge {
    margin-top: 48px !important; }
  .q-large-padding-right-xlarge {
    padding-right: 48px !important; }
  .q-large-margin-right-xlarge {
    margin-right: 48px !important; }
  .q-large-padding-bottom-xlarge {
    padding-bottom: 48px !important; }
  .q-large-margin-bottom-xlarge {
    margin-bottom: 48px !important; }
  .q-large-padding-left-xlarge {
    padding-left: 48px !important; }
  .q-large-margin-left-xlarge {
    margin-left: 48px !important; } }

@media (max-width: 1024px) {
  .q-medium-padding {
    padding: 16px !important; }
  .q-medium-padding-none {
    padding: 0 !important; }
  .q-medium-margin {
    margin: 16px !important; }
  .q-medium-margin-none {
    margin: 0 !important; }
  .q-medium-padding-top {
    padding-top: 16px !important; }
  .q-medium-margin-top {
    margin-top: 16px !important; }
  .q-medium-padding-right {
    padding-right: 16px !important; }
  .q-medium-margin-right {
    margin-right: 16px !important; }
  .q-medium-padding-bottom {
    padding-bottom: 16px !important; }
  .q-medium-margin-bottom {
    margin-bottom: 16px !important; }
  .q-medium-padding-left {
    padding-left: 16px !important; }
  .q-medium-margin-left {
    margin-left: 16px !important; }
  .q-medium-gap {
    gap: 16px !important; }
  .q-medium-gap-none {
    gap: 0 !important; }
  .q-medium-gap-1 {
    gap: 16px !important; }
  .q-medium-gap-2 {
    gap: 32px !important; }
  .q-medium-gap-3 {
    gap: 48px !important; }
  .q-medium-gap-4 {
    gap: 64px !important; }
  .q-medium-gap-5 {
    gap: 80px !important; }
  .q-medium-gap-6 {
    gap: 96px !important; }
  .q-medium-gap-7 {
    gap: 112px !important; }
  .q-medium-gap-8 {
    gap: 128px !important; }
  .q-medium-gap-9 {
    gap: 144px !important; }
  .q-medium-gap-10 {
    gap: 160px !important; }
  .q-medium-padding-xsmall {
    padding: 4px !important; }
  .q-medium-margin-xsmall {
    margin: 4px !important; }
  .q-medium-gap-xsmall {
    gap: 4px !important; }
  .q-medium-spaced-name {
    margin-top: -4px !important;
    margin-left: -4px !important; }
    .q-medium-spaced-name > * {
      padding-top: 4px !important;
      padding-left: 4px !important; }
  .q-medium-padding-top-xsmall {
    padding-top: 4px !important; }
  .q-medium-margin-top-xsmall {
    margin-top: 4px !important; }
  .q-medium-padding-right-xsmall {
    padding-right: 4px !important; }
  .q-medium-margin-right-xsmall {
    margin-right: 4px !important; }
  .q-medium-padding-bottom-xsmall {
    padding-bottom: 4px !important; }
  .q-medium-margin-bottom-xsmall {
    margin-bottom: 4px !important; }
  .q-medium-padding-left-xsmall {
    padding-left: 4px !important; }
  .q-medium-margin-left-xsmall {
    margin-left: 4px !important; }
  .q-medium-padding-small {
    padding: 8px !important; }
  .q-medium-margin-small {
    margin: 8px !important; }
  .q-medium-gap-small {
    gap: 8px !important; }
  .q-medium-spaced-name {
    margin-top: -8px !important;
    margin-left: -8px !important; }
    .q-medium-spaced-name > * {
      padding-top: 8px !important;
      padding-left: 8px !important; }
  .q-medium-padding-top-small {
    padding-top: 8px !important; }
  .q-medium-margin-top-small {
    margin-top: 8px !important; }
  .q-medium-padding-right-small {
    padding-right: 8px !important; }
  .q-medium-margin-right-small {
    margin-right: 8px !important; }
  .q-medium-padding-bottom-small {
    padding-bottom: 8px !important; }
  .q-medium-margin-bottom-small {
    margin-bottom: 8px !important; }
  .q-medium-padding-left-small {
    padding-left: 8px !important; }
  .q-medium-margin-left-small {
    margin-left: 8px !important; }
  .q-medium-padding-medium {
    padding: 16px !important; }
  .q-medium-margin-medium {
    margin: 16px !important; }
  .q-medium-gap-medium {
    gap: 16px !important; }
  .q-medium-spaced-name {
    margin-top: -16px !important;
    margin-left: -16px !important; }
    .q-medium-spaced-name > * {
      padding-top: 16px !important;
      padding-left: 16px !important; }
  .q-medium-padding-top-medium {
    padding-top: 16px !important; }
  .q-medium-margin-top-medium {
    margin-top: 16px !important; }
  .q-medium-padding-right-medium {
    padding-right: 16px !important; }
  .q-medium-margin-right-medium {
    margin-right: 16px !important; }
  .q-medium-padding-bottom-medium {
    padding-bottom: 16px !important; }
  .q-medium-margin-bottom-medium {
    margin-bottom: 16px !important; }
  .q-medium-padding-left-medium {
    padding-left: 16px !important; }
  .q-medium-margin-left-medium {
    margin-left: 16px !important; }
  .q-medium-padding-large {
    padding: 32px !important; }
  .q-medium-margin-large {
    margin: 32px !important; }
  .q-medium-gap-large {
    gap: 32px !important; }
  .q-medium-spaced-name {
    margin-top: -32px !important;
    margin-left: -32px !important; }
    .q-medium-spaced-name > * {
      padding-top: 32px !important;
      padding-left: 32px !important; }
  .q-medium-padding-top-large {
    padding-top: 32px !important; }
  .q-medium-margin-top-large {
    margin-top: 32px !important; }
  .q-medium-padding-right-large {
    padding-right: 32px !important; }
  .q-medium-margin-right-large {
    margin-right: 32px !important; }
  .q-medium-padding-bottom-large {
    padding-bottom: 32px !important; }
  .q-medium-margin-bottom-large {
    margin-bottom: 32px !important; }
  .q-medium-padding-left-large {
    padding-left: 32px !important; }
  .q-medium-margin-left-large {
    margin-left: 32px !important; }
  .q-medium-padding-xlarge {
    padding: 48px !important; }
  .q-medium-margin-xlarge {
    margin: 48px !important; }
  .q-medium-gap-xlarge {
    gap: 48px !important; }
  .q-medium-spaced-name {
    margin-top: -48px !important;
    margin-left: -48px !important; }
    .q-medium-spaced-name > * {
      padding-top: 48px !important;
      padding-left: 48px !important; }
  .q-medium-padding-top-xlarge {
    padding-top: 48px !important; }
  .q-medium-margin-top-xlarge {
    margin-top: 48px !important; }
  .q-medium-padding-right-xlarge {
    padding-right: 48px !important; }
  .q-medium-margin-right-xlarge {
    margin-right: 48px !important; }
  .q-medium-padding-bottom-xlarge {
    padding-bottom: 48px !important; }
  .q-medium-margin-bottom-xlarge {
    margin-bottom: 48px !important; }
  .q-medium-padding-left-xlarge {
    padding-left: 48px !important; }
  .q-medium-margin-left-xlarge {
    margin-left: 48px !important; } }

@media (max-width: 768px) {
  .q-small-padding {
    padding: 16px !important; }
  .q-small-padding-none {
    padding: 0 !important; }
  .q-small-margin {
    margin: 16px !important; }
  .q-small-margin-none {
    margin: 0 !important; }
  .q-small-padding-top {
    padding-top: 16px !important; }
  .q-small-margin-top {
    margin-top: 16px !important; }
  .q-small-padding-right {
    padding-right: 16px !important; }
  .q-small-margin-right {
    margin-right: 16px !important; }
  .q-small-padding-bottom {
    padding-bottom: 16px !important; }
  .q-small-margin-bottom {
    margin-bottom: 16px !important; }
  .q-small-padding-left {
    padding-left: 16px !important; }
  .q-small-margin-left {
    margin-left: 16px !important; }
  .q-small-gap {
    gap: 16px !important; }
  .q-small-gap-none {
    gap: 0 !important; }
  .q-small-gap-1 {
    gap: 16px !important; }
  .q-small-gap-2 {
    gap: 32px !important; }
  .q-small-gap-3 {
    gap: 48px !important; }
  .q-small-gap-4 {
    gap: 64px !important; }
  .q-small-gap-5 {
    gap: 80px !important; }
  .q-small-gap-6 {
    gap: 96px !important; }
  .q-small-gap-7 {
    gap: 112px !important; }
  .q-small-gap-8 {
    gap: 128px !important; }
  .q-small-gap-9 {
    gap: 144px !important; }
  .q-small-gap-10 {
    gap: 160px !important; }
  .q-small-padding-xsmall {
    padding: 4px !important; }
  .q-small-margin-xsmall {
    margin: 4px !important; }
  .q-small-gap-xsmall {
    gap: 4px !important; }
  .q-small-spaced-name {
    margin-top: -4px !important;
    margin-left: -4px !important; }
    .q-small-spaced-name > * {
      padding-top: 4px !important;
      padding-left: 4px !important; }
  .q-small-padding-top-xsmall {
    padding-top: 4px !important; }
  .q-small-margin-top-xsmall {
    margin-top: 4px !important; }
  .q-small-padding-right-xsmall {
    padding-right: 4px !important; }
  .q-small-margin-right-xsmall {
    margin-right: 4px !important; }
  .q-small-padding-bottom-xsmall {
    padding-bottom: 4px !important; }
  .q-small-margin-bottom-xsmall {
    margin-bottom: 4px !important; }
  .q-small-padding-left-xsmall {
    padding-left: 4px !important; }
  .q-small-margin-left-xsmall {
    margin-left: 4px !important; }
  .q-small-padding-small {
    padding: 8px !important; }
  .q-small-margin-small {
    margin: 8px !important; }
  .q-small-gap-small {
    gap: 8px !important; }
  .q-small-spaced-name {
    margin-top: -8px !important;
    margin-left: -8px !important; }
    .q-small-spaced-name > * {
      padding-top: 8px !important;
      padding-left: 8px !important; }
  .q-small-padding-top-small {
    padding-top: 8px !important; }
  .q-small-margin-top-small {
    margin-top: 8px !important; }
  .q-small-padding-right-small {
    padding-right: 8px !important; }
  .q-small-margin-right-small {
    margin-right: 8px !important; }
  .q-small-padding-bottom-small {
    padding-bottom: 8px !important; }
  .q-small-margin-bottom-small {
    margin-bottom: 8px !important; }
  .q-small-padding-left-small {
    padding-left: 8px !important; }
  .q-small-margin-left-small {
    margin-left: 8px !important; }
  .q-small-padding-medium {
    padding: 16px !important; }
  .q-small-margin-medium {
    margin: 16px !important; }
  .q-small-gap-medium {
    gap: 16px !important; }
  .q-small-spaced-name {
    margin-top: -16px !important;
    margin-left: -16px !important; }
    .q-small-spaced-name > * {
      padding-top: 16px !important;
      padding-left: 16px !important; }
  .q-small-padding-top-medium {
    padding-top: 16px !important; }
  .q-small-margin-top-medium {
    margin-top: 16px !important; }
  .q-small-padding-right-medium {
    padding-right: 16px !important; }
  .q-small-margin-right-medium {
    margin-right: 16px !important; }
  .q-small-padding-bottom-medium {
    padding-bottom: 16px !important; }
  .q-small-margin-bottom-medium {
    margin-bottom: 16px !important; }
  .q-small-padding-left-medium {
    padding-left: 16px !important; }
  .q-small-margin-left-medium {
    margin-left: 16px !important; }
  .q-small-padding-large {
    padding: 32px !important; }
  .q-small-margin-large {
    margin: 32px !important; }
  .q-small-gap-large {
    gap: 32px !important; }
  .q-small-spaced-name {
    margin-top: -32px !important;
    margin-left: -32px !important; }
    .q-small-spaced-name > * {
      padding-top: 32px !important;
      padding-left: 32px !important; }
  .q-small-padding-top-large {
    padding-top: 32px !important; }
  .q-small-margin-top-large {
    margin-top: 32px !important; }
  .q-small-padding-right-large {
    padding-right: 32px !important; }
  .q-small-margin-right-large {
    margin-right: 32px !important; }
  .q-small-padding-bottom-large {
    padding-bottom: 32px !important; }
  .q-small-margin-bottom-large {
    margin-bottom: 32px !important; }
  .q-small-padding-left-large {
    padding-left: 32px !important; }
  .q-small-margin-left-large {
    margin-left: 32px !important; }
  .q-small-padding-xlarge {
    padding: 48px !important; }
  .q-small-margin-xlarge {
    margin: 48px !important; }
  .q-small-gap-xlarge {
    gap: 48px !important; }
  .q-small-spaced-name {
    margin-top: -48px !important;
    margin-left: -48px !important; }
    .q-small-spaced-name > * {
      padding-top: 48px !important;
      padding-left: 48px !important; }
  .q-small-padding-top-xlarge {
    padding-top: 48px !important; }
  .q-small-margin-top-xlarge {
    margin-top: 48px !important; }
  .q-small-padding-right-xlarge {
    padding-right: 48px !important; }
  .q-small-margin-right-xlarge {
    margin-right: 48px !important; }
  .q-small-padding-bottom-xlarge {
    padding-bottom: 48px !important; }
  .q-small-margin-bottom-xlarge {
    margin-bottom: 48px !important; }
  .q-small-padding-left-xlarge {
    padding-left: 48px !important; }
  .q-small-margin-left-xlarge {
    margin-left: 48px !important; } }

@media (max-width: 480px) {
  .q-xsmall-padding {
    padding: 16px !important; }
  .q-xsmall-padding-none {
    padding: 0 !important; }
  .q-xsmall-margin {
    margin: 16px !important; }
  .q-xsmall-margin-none {
    margin: 0 !important; }
  .q-xsmall-padding-top {
    padding-top: 16px !important; }
  .q-xsmall-margin-top {
    margin-top: 16px !important; }
  .q-xsmall-padding-right {
    padding-right: 16px !important; }
  .q-xsmall-margin-right {
    margin-right: 16px !important; }
  .q-xsmall-padding-bottom {
    padding-bottom: 16px !important; }
  .q-xsmall-margin-bottom {
    margin-bottom: 16px !important; }
  .q-xsmall-padding-left {
    padding-left: 16px !important; }
  .q-xsmall-margin-left {
    margin-left: 16px !important; }
  .q-xsmall-gap {
    gap: 16px !important; }
  .q-xsmall-gap-none {
    gap: 0 !important; }
  .q-xsmall-gap-1 {
    gap: 16px !important; }
  .q-xsmall-gap-2 {
    gap: 32px !important; }
  .q-xsmall-gap-3 {
    gap: 48px !important; }
  .q-xsmall-gap-4 {
    gap: 64px !important; }
  .q-xsmall-gap-5 {
    gap: 80px !important; }
  .q-xsmall-gap-6 {
    gap: 96px !important; }
  .q-xsmall-gap-7 {
    gap: 112px !important; }
  .q-xsmall-gap-8 {
    gap: 128px !important; }
  .q-xsmall-gap-9 {
    gap: 144px !important; }
  .q-xsmall-gap-10 {
    gap: 160px !important; }
  .q-xsmall-padding-xsmall {
    padding: 4px !important; }
  .q-xsmall-margin-xsmall {
    margin: 4px !important; }
  .q-xsmall-gap-xsmall {
    gap: 4px !important; }
  .q-xsmall-spaced-name {
    margin-top: -4px !important;
    margin-left: -4px !important; }
    .q-xsmall-spaced-name > * {
      padding-top: 4px !important;
      padding-left: 4px !important; }
  .q-xsmall-padding-top-xsmall {
    padding-top: 4px !important; }
  .q-xsmall-margin-top-xsmall {
    margin-top: 4px !important; }
  .q-xsmall-padding-right-xsmall {
    padding-right: 4px !important; }
  .q-xsmall-margin-right-xsmall {
    margin-right: 4px !important; }
  .q-xsmall-padding-bottom-xsmall {
    padding-bottom: 4px !important; }
  .q-xsmall-margin-bottom-xsmall {
    margin-bottom: 4px !important; }
  .q-xsmall-padding-left-xsmall {
    padding-left: 4px !important; }
  .q-xsmall-margin-left-xsmall {
    margin-left: 4px !important; }
  .q-xsmall-padding-small {
    padding: 8px !important; }
  .q-xsmall-margin-small {
    margin: 8px !important; }
  .q-xsmall-gap-small {
    gap: 8px !important; }
  .q-xsmall-spaced-name {
    margin-top: -8px !important;
    margin-left: -8px !important; }
    .q-xsmall-spaced-name > * {
      padding-top: 8px !important;
      padding-left: 8px !important; }
  .q-xsmall-padding-top-small {
    padding-top: 8px !important; }
  .q-xsmall-margin-top-small {
    margin-top: 8px !important; }
  .q-xsmall-padding-right-small {
    padding-right: 8px !important; }
  .q-xsmall-margin-right-small {
    margin-right: 8px !important; }
  .q-xsmall-padding-bottom-small {
    padding-bottom: 8px !important; }
  .q-xsmall-margin-bottom-small {
    margin-bottom: 8px !important; }
  .q-xsmall-padding-left-small {
    padding-left: 8px !important; }
  .q-xsmall-margin-left-small {
    margin-left: 8px !important; }
  .q-xsmall-padding-medium {
    padding: 16px !important; }
  .q-xsmall-margin-medium {
    margin: 16px !important; }
  .q-xsmall-gap-medium {
    gap: 16px !important; }
  .q-xsmall-spaced-name {
    margin-top: -16px !important;
    margin-left: -16px !important; }
    .q-xsmall-spaced-name > * {
      padding-top: 16px !important;
      padding-left: 16px !important; }
  .q-xsmall-padding-top-medium {
    padding-top: 16px !important; }
  .q-xsmall-margin-top-medium {
    margin-top: 16px !important; }
  .q-xsmall-padding-right-medium {
    padding-right: 16px !important; }
  .q-xsmall-margin-right-medium {
    margin-right: 16px !important; }
  .q-xsmall-padding-bottom-medium {
    padding-bottom: 16px !important; }
  .q-xsmall-margin-bottom-medium {
    margin-bottom: 16px !important; }
  .q-xsmall-padding-left-medium {
    padding-left: 16px !important; }
  .q-xsmall-margin-left-medium {
    margin-left: 16px !important; }
  .q-xsmall-padding-large {
    padding: 32px !important; }
  .q-xsmall-margin-large {
    margin: 32px !important; }
  .q-xsmall-gap-large {
    gap: 32px !important; }
  .q-xsmall-spaced-name {
    margin-top: -32px !important;
    margin-left: -32px !important; }
    .q-xsmall-spaced-name > * {
      padding-top: 32px !important;
      padding-left: 32px !important; }
  .q-xsmall-padding-top-large {
    padding-top: 32px !important; }
  .q-xsmall-margin-top-large {
    margin-top: 32px !important; }
  .q-xsmall-padding-right-large {
    padding-right: 32px !important; }
  .q-xsmall-margin-right-large {
    margin-right: 32px !important; }
  .q-xsmall-padding-bottom-large {
    padding-bottom: 32px !important; }
  .q-xsmall-margin-bottom-large {
    margin-bottom: 32px !important; }
  .q-xsmall-padding-left-large {
    padding-left: 32px !important; }
  .q-xsmall-margin-left-large {
    margin-left: 32px !important; }
  .q-xsmall-padding-xlarge {
    padding: 48px !important; }
  .q-xsmall-margin-xlarge {
    margin: 48px !important; }
  .q-xsmall-gap-xlarge {
    gap: 48px !important; }
  .q-xsmall-spaced-name {
    margin-top: -48px !important;
    margin-left: -48px !important; }
    .q-xsmall-spaced-name > * {
      padding-top: 48px !important;
      padding-left: 48px !important; }
  .q-xsmall-padding-top-xlarge {
    padding-top: 48px !important; }
  .q-xsmall-margin-top-xlarge {
    margin-top: 48px !important; }
  .q-xsmall-padding-right-xlarge {
    padding-right: 48px !important; }
  .q-xsmall-margin-right-xlarge {
    margin-right: 48px !important; }
  .q-xsmall-padding-bottom-xlarge {
    padding-bottom: 48px !important; }
  .q-xsmall-margin-bottom-xlarge {
    margin-bottom: 48px !important; }
  .q-xsmall-padding-left-xlarge {
    padding-left: 48px !important; }
  .q-xsmall-margin-left-xlarge {
    margin-left: 48px !important; } }

html,
body {
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 14px; }

h1 {
  font-weight: 600;
  margin-top: 0.3em;
  margin-bottom: 0.15em;
  line-height: 1.2;
  font-size: 1.67em !important;
  font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif; }
  h1:first-child {
    margin-top: 0; }
  h1:last-child {
    margin-bottom: 0; }

h2 {
  font-weight: 600;
  margin-top: 0.3em;
  margin-bottom: 0.15em;
  line-height: 1.2;
  font-size: 1.44em !important;
  font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif; }
  h2:first-child {
    margin-top: 0; }
  h2:last-child {
    margin-bottom: 0; }

h3 {
  font-weight: 600;
  margin-top: 0.3em;
  margin-bottom: 0.15em;
  line-height: 1.2;
  font-size: 1.21em !important;
  font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif; }
  h3:first-child {
    margin-top: 0; }
  h3:last-child {
    margin-bottom: 0; }

h4 {
  font-weight: 600;
  margin-top: 0.3em;
  margin-bottom: 0.15em;
  line-height: 1.2;
  font-size: 0.98em !important;
  font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif; }
  h4:first-child {
    margin-top: 0; }
  h4:last-child {
    margin-bottom: 0; }

h5 {
  font-weight: 600;
  margin-top: 0.3em;
  margin-bottom: 0.15em;
  line-height: 1.2;
  font-size: 0.75em !important;
  font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif; }
  h5:first-child {
    margin-top: 0; }
  h5:last-child {
    margin-bottom: 0; }

h6 {
  font-weight: 600;
  margin-top: 0.3em;
  margin-bottom: 0.15em;
  line-height: 1.2;
  font-size: 0.52em !important;
  font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif; }
  h6:first-child {
    margin-top: 0; }
  h6:last-child {
    margin-bottom: 0; }

p:first-child,
ul:first-child,
ol:first-child {
  margin-top: 0; }

p:last-child,
ul:last-child,
ol:last-child {
  margin-bottom: 0; }

ul,
ol {
  padding-left: 1.2em; }

blockquote {
  padding: 1em 1em 1em 2em;
  background: rgba(0, 0, 0, 0.05);
  margin-left: 0;
  margin-right: 0;
  border-left: 2px solid rgba(0, 0, 0, 0.2); }

.q-section {
  padding: 4rem 1rem; }

.q-q-label {
  display: block;
  margin-bottom: 0.25em; }

.q-link {
  cursor: pointer;
  color: #0071c1;
  text-decoration: underline; }

small, .q-text-small {
  font-size: 0.8em !important; }

.q-subheading {
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: bold; }

.q-text-left {
  text-align: left !important; }

.q-text-center {
  text-align: center !important; }

.q-text-right {
  text-align: right !important; }

@media (max-width: 1440px) {
  .q-xlarge-text-left {
    text-align: left !important; }
  .q-xlarge-text-center {
    text-align: center !important; }
  .q-xlarge-text-right {
    text-align: right !important; } }

@media (max-width: 1280px) {
  .q-large-text-left {
    text-align: left !important; }
  .q-large-text-center {
    text-align: center !important; }
  .q-large-text-right {
    text-align: right !important; } }

@media (max-width: 1024px) {
  .q-medium-text-left {
    text-align: left !important; }
  .q-medium-text-center {
    text-align: center !important; }
  .q-medium-text-right {
    text-align: right !important; } }

@media (max-width: 768px) {
  .q-small-text-left {
    text-align: left !important; }
  .q-small-text-center {
    text-align: center !important; }
  .q-small-text-right {
    text-align: right !important; } }

@media (max-width: 480px) {
  .q-xsmall-text-left {
    text-align: left !important; }
  .q-xsmall-text-center {
    text-align: center !important; }
  .q-xsmall-text-right {
    text-align: right !important; } }

.q-bold {
  font-weight: bold !important; }

.q-underline {
  text-decoration: underline !important; }

.q-decoration-none {
  text-decoration: none !important; }

.q-italic {
  font-style: italic !important; }

.q-capitalize {
  text-transform: capitalize !important; }

.q-uppercase {
  text-transform: uppercase !important; }

.q-lowercase {
  text-transform: lowercase !important; }

.q-center {
  margin: 0 auto; }

body {
  background: #f6f6f6; }

.q-bg-header {
  background: #0b1625 !important; }

.q-bg-body {
  background: #f6f6f6 !important; }

.q-bg-main {
  background: #eee !important; }

.q-bg-footer {
  background: #fff !important; }

.q-bg-info {
  background: #EBF1F9; }

.q-bg-success {
  background: #EDF8EC; }

.q-bg-warning {
  background: #FDF7E8; }

.q-bg-error {
  background: #FAEAEA; }

.q-color-white {
  color: #fff !important; }

.q-bg-white {
  background: #fff !important; }

.q-bg-white-1 {
  background: rgba(255, 255, 255, 0.1) !important; }

.q-bg-white-2 {
  background: rgba(255, 255, 255, 0.2) !important; }

.q-bg-white-3 {
  background: rgba(255, 255, 255, 0.3) !important; }

.q-bg-white-4 {
  background: rgba(255, 255, 255, 0.4) !important; }

.q-bg-white-5 {
  background: rgba(255, 255, 255, 0.5) !important; }

.q-bg-white-6 {
  background: rgba(255, 255, 255, 0.6) !important; }

.q-bg-white-7 {
  background: rgba(255, 255, 255, 0.7) !important; }

.q-bg-white-8 {
  background: rgba(255, 255, 255, 0.8) !important; }

.q-bg-white-9 {
  background: rgba(255, 255, 255, 0.9) !important; }

.q-bg-white-10 {
  background: white !important; }

.q-color-black {
  color: #000 !important; }

.q-bg-black {
  background: #000 !important; }

.q-bg-black-1 {
  background: rgba(0, 0, 0, 0.1) !important; }

.q-bg-black-2 {
  background: rgba(0, 0, 0, 0.2) !important; }

.q-bg-black-3 {
  background: rgba(0, 0, 0, 0.3) !important; }

.q-bg-black-4 {
  background: rgba(0, 0, 0, 0.4) !important; }

.q-bg-black-5 {
  background: rgba(0, 0, 0, 0.5) !important; }

.q-bg-black-6 {
  background: rgba(0, 0, 0, 0.6) !important; }

.q-bg-black-7 {
  background: rgba(0, 0, 0, 0.7) !important; }

.q-bg-black-8 {
  background: rgba(0, 0, 0, 0.8) !important; }

.q-bg-black-9 {
  background: rgba(0, 0, 0, 0.9) !important; }

.q-bg-black-10 {
  background: black !important; }

.q-color-grey {
  color: #e6e6e6 !important; }

.q-bg-grey {
  background: #e6e6e6 !important; }

.q-bg-grey-1 {
  background: rgba(230, 230, 230, 0.1) !important; }

.q-bg-grey-2 {
  background: rgba(230, 230, 230, 0.2) !important; }

.q-bg-grey-3 {
  background: rgba(230, 230, 230, 0.3) !important; }

.q-bg-grey-4 {
  background: rgba(230, 230, 230, 0.4) !important; }

.q-bg-grey-5 {
  background: rgba(230, 230, 230, 0.5) !important; }

.q-bg-grey-6 {
  background: rgba(230, 230, 230, 0.6) !important; }

.q-bg-grey-7 {
  background: rgba(230, 230, 230, 0.7) !important; }

.q-bg-grey-8 {
  background: rgba(230, 230, 230, 0.8) !important; }

.q-bg-grey-9 {
  background: rgba(230, 230, 230, 0.9) !important; }

.q-bg-grey-10 {
  background: #e6e6e6 !important; }

.q-color-alt {
  color: #f4f4f5 !important; }

.q-bg-alt {
  background: #f4f4f5 !important; }

.q-bg-alt-1 {
  background: rgba(244, 244, 245, 0.1) !important; }

.q-bg-alt-2 {
  background: rgba(244, 244, 245, 0.2) !important; }

.q-bg-alt-3 {
  background: rgba(244, 244, 245, 0.3) !important; }

.q-bg-alt-4 {
  background: rgba(244, 244, 245, 0.4) !important; }

.q-bg-alt-5 {
  background: rgba(244, 244, 245, 0.5) !important; }

.q-bg-alt-6 {
  background: rgba(244, 244, 245, 0.6) !important; }

.q-bg-alt-7 {
  background: rgba(244, 244, 245, 0.7) !important; }

.q-bg-alt-8 {
  background: rgba(244, 244, 245, 0.8) !important; }

.q-bg-alt-9 {
  background: rgba(244, 244, 245, 0.9) !important; }

.q-bg-alt-10 {
  background: #f4f4f5 !important; }

.q-color-community-one {
  color: #9fe9c6 !important; }

.q-bg-community-one {
  background: #9fe9c6 !important; }

.q-bg-community-one-1 {
  background: rgba(159, 233, 198, 0.1) !important; }

.q-bg-community-one-2 {
  background: rgba(159, 233, 198, 0.2) !important; }

.q-bg-community-one-3 {
  background: rgba(159, 233, 198, 0.3) !important; }

.q-bg-community-one-4 {
  background: rgba(159, 233, 198, 0.4) !important; }

.q-bg-community-one-5 {
  background: rgba(159, 233, 198, 0.5) !important; }

.q-bg-community-one-6 {
  background: rgba(159, 233, 198, 0.6) !important; }

.q-bg-community-one-7 {
  background: rgba(159, 233, 198, 0.7) !important; }

.q-bg-community-one-8 {
  background: rgba(159, 233, 198, 0.8) !important; }

.q-bg-community-one-9 {
  background: rgba(159, 233, 198, 0.9) !important; }

.q-bg-community-one-10 {
  background: #9fe9c6 !important; }

.q-color-blue {
  color: #2d89cf !important; }

.q-bg-blue {
  background: #2d89cf !important; }

.q-bg-blue-1 {
  background: rgba(45, 137, 207, 0.1) !important; }

.q-bg-blue-2 {
  background: rgba(45, 137, 207, 0.2) !important; }

.q-bg-blue-3 {
  background: rgba(45, 137, 207, 0.3) !important; }

.q-bg-blue-4 {
  background: rgba(45, 137, 207, 0.4) !important; }

.q-bg-blue-5 {
  background: rgba(45, 137, 207, 0.5) !important; }

.q-bg-blue-6 {
  background: rgba(45, 137, 207, 0.6) !important; }

.q-bg-blue-7 {
  background: rgba(45, 137, 207, 0.7) !important; }

.q-bg-blue-8 {
  background: rgba(45, 137, 207, 0.8) !important; }

.q-bg-blue-9 {
  background: rgba(45, 137, 207, 0.9) !important; }

.q-bg-blue-10 {
  background: #2d89cf !important; }

.q-color-blue-purple {
  color: #2b73bf !important; }

.q-bg-blue-purple {
  background: #2b73bf !important; }

.q-bg-blue-purple-1 {
  background: rgba(43, 115, 191, 0.1) !important; }

.q-bg-blue-purple-2 {
  background: rgba(43, 115, 191, 0.2) !important; }

.q-bg-blue-purple-3 {
  background: rgba(43, 115, 191, 0.3) !important; }

.q-bg-blue-purple-4 {
  background: rgba(43, 115, 191, 0.4) !important; }

.q-bg-blue-purple-5 {
  background: rgba(43, 115, 191, 0.5) !important; }

.q-bg-blue-purple-6 {
  background: rgba(43, 115, 191, 0.6) !important; }

.q-bg-blue-purple-7 {
  background: rgba(43, 115, 191, 0.7) !important; }

.q-bg-blue-purple-8 {
  background: rgba(43, 115, 191, 0.8) !important; }

.q-bg-blue-purple-9 {
  background: rgba(43, 115, 191, 0.9) !important; }

.q-bg-blue-purple-10 {
  background: #2b73bf !important; }

.q-color-purple {
  color: #662c92 !important; }

.q-bg-purple {
  background: #662c92 !important; }

.q-bg-purple-1 {
  background: rgba(102, 44, 146, 0.1) !important; }

.q-bg-purple-2 {
  background: rgba(102, 44, 146, 0.2) !important; }

.q-bg-purple-3 {
  background: rgba(102, 44, 146, 0.3) !important; }

.q-bg-purple-4 {
  background: rgba(102, 44, 146, 0.4) !important; }

.q-bg-purple-5 {
  background: rgba(102, 44, 146, 0.5) !important; }

.q-bg-purple-6 {
  background: rgba(102, 44, 146, 0.6) !important; }

.q-bg-purple-7 {
  background: rgba(102, 44, 146, 0.7) !important; }

.q-bg-purple-8 {
  background: rgba(102, 44, 146, 0.8) !important; }

.q-bg-purple-9 {
  background: rgba(102, 44, 146, 0.9) !important; }

.q-bg-purple-10 {
  background: #662c92 !important; }

.q-color-purple-red {
  color: #91248f !important; }

.q-bg-purple-red {
  background: #91248f !important; }

.q-bg-purple-red-1 {
  background: rgba(145, 36, 143, 0.1) !important; }

.q-bg-purple-red-2 {
  background: rgba(145, 36, 143, 0.2) !important; }

.q-bg-purple-red-3 {
  background: rgba(145, 36, 143, 0.3) !important; }

.q-bg-purple-red-4 {
  background: rgba(145, 36, 143, 0.4) !important; }

.q-bg-purple-red-5 {
  background: rgba(145, 36, 143, 0.5) !important; }

.q-bg-purple-red-6 {
  background: rgba(145, 36, 143, 0.6) !important; }

.q-bg-purple-red-7 {
  background: rgba(145, 36, 143, 0.7) !important; }

.q-bg-purple-red-8 {
  background: rgba(145, 36, 143, 0.8) !important; }

.q-bg-purple-red-9 {
  background: rgba(145, 36, 143, 0.9) !important; }

.q-bg-purple-red-10 {
  background: #91248f !important; }

.q-color-red {
  color: #ea1b24 !important; }

.q-bg-red {
  background: #ea1b24 !important; }

.q-bg-red-1 {
  background: rgba(234, 27, 36, 0.1) !important; }

.q-bg-red-2 {
  background: rgba(234, 27, 36, 0.2) !important; }

.q-bg-red-3 {
  background: rgba(234, 27, 36, 0.3) !important; }

.q-bg-red-4 {
  background: rgba(234, 27, 36, 0.4) !important; }

.q-bg-red-5 {
  background: rgba(234, 27, 36, 0.5) !important; }

.q-bg-red-6 {
  background: rgba(234, 27, 36, 0.6) !important; }

.q-bg-red-7 {
  background: rgba(234, 27, 36, 0.7) !important; }

.q-bg-red-8 {
  background: rgba(234, 27, 36, 0.8) !important; }

.q-bg-red-9 {
  background: rgba(234, 27, 36, 0.9) !important; }

.q-bg-red-10 {
  background: #ea1b24 !important; }

.q-color-red-orange {
  color: #ea5928 !important; }

.q-bg-red-orange {
  background: #ea5928 !important; }

.q-bg-red-orange-1 {
  background: rgba(234, 89, 40, 0.1) !important; }

.q-bg-red-orange-2 {
  background: rgba(234, 89, 40, 0.2) !important; }

.q-bg-red-orange-3 {
  background: rgba(234, 89, 40, 0.3) !important; }

.q-bg-red-orange-4 {
  background: rgba(234, 89, 40, 0.4) !important; }

.q-bg-red-orange-5 {
  background: rgba(234, 89, 40, 0.5) !important; }

.q-bg-red-orange-6 {
  background: rgba(234, 89, 40, 0.6) !important; }

.q-bg-red-orange-7 {
  background: rgba(234, 89, 40, 0.7) !important; }

.q-bg-red-orange-8 {
  background: rgba(234, 89, 40, 0.8) !important; }

.q-bg-red-orange-9 {
  background: rgba(234, 89, 40, 0.9) !important; }

.q-bg-red-orange-10 {
  background: #ea5928 !important; }

.q-color-orange {
  color: #f7941d !important; }

.q-bg-orange {
  background: #f7941d !important; }

.q-bg-orange-1 {
  background: rgba(247, 148, 29, 0.1) !important; }

.q-bg-orange-2 {
  background: rgba(247, 148, 29, 0.2) !important; }

.q-bg-orange-3 {
  background: rgba(247, 148, 29, 0.3) !important; }

.q-bg-orange-4 {
  background: rgba(247, 148, 29, 0.4) !important; }

.q-bg-orange-5 {
  background: rgba(247, 148, 29, 0.5) !important; }

.q-bg-orange-6 {
  background: rgba(247, 148, 29, 0.6) !important; }

.q-bg-orange-7 {
  background: rgba(247, 148, 29, 0.7) !important; }

.q-bg-orange-8 {
  background: rgba(247, 148, 29, 0.8) !important; }

.q-bg-orange-9 {
  background: rgba(247, 148, 29, 0.9) !important; }

.q-bg-orange-10 {
  background: #f7941d !important; }

.q-color-orange-yellow {
  color: #fab03f !important; }

.q-bg-orange-yellow {
  background: #fab03f !important; }

.q-bg-orange-yellow-1 {
  background: rgba(250, 176, 63, 0.1) !important; }

.q-bg-orange-yellow-2 {
  background: rgba(250, 176, 63, 0.2) !important; }

.q-bg-orange-yellow-3 {
  background: rgba(250, 176, 63, 0.3) !important; }

.q-bg-orange-yellow-4 {
  background: rgba(250, 176, 63, 0.4) !important; }

.q-bg-orange-yellow-5 {
  background: rgba(250, 176, 63, 0.5) !important; }

.q-bg-orange-yellow-6 {
  background: rgba(250, 176, 63, 0.6) !important; }

.q-bg-orange-yellow-7 {
  background: rgba(250, 176, 63, 0.7) !important; }

.q-bg-orange-yellow-8 {
  background: rgba(250, 176, 63, 0.8) !important; }

.q-bg-orange-yellow-9 {
  background: rgba(250, 176, 63, 0.9) !important; }

.q-bg-orange-yellow-10 {
  background: #fab03f !important; }

.q-color-yellow {
  color: #F0C452 !important; }

.q-bg-yellow {
  background: #F0C452 !important; }

.q-bg-yellow-1 {
  background: rgba(240, 196, 82, 0.1) !important; }

.q-bg-yellow-2 {
  background: rgba(240, 196, 82, 0.2) !important; }

.q-bg-yellow-3 {
  background: rgba(240, 196, 82, 0.3) !important; }

.q-bg-yellow-4 {
  background: rgba(240, 196, 82, 0.4) !important; }

.q-bg-yellow-5 {
  background: rgba(240, 196, 82, 0.5) !important; }

.q-bg-yellow-6 {
  background: rgba(240, 196, 82, 0.6) !important; }

.q-bg-yellow-7 {
  background: rgba(240, 196, 82, 0.7) !important; }

.q-bg-yellow-8 {
  background: rgba(240, 196, 82, 0.8) !important; }

.q-bg-yellow-9 {
  background: rgba(240, 196, 82, 0.9) !important; }

.q-bg-yellow-10 {
  background: #f0c452 !important; }

.q-color-yellow-green {
  color: #8cc63b !important; }

.q-bg-yellow-green {
  background: #8cc63b !important; }

.q-bg-yellow-green-1 {
  background: rgba(140, 198, 59, 0.1) !important; }

.q-bg-yellow-green-2 {
  background: rgba(140, 198, 59, 0.2) !important; }

.q-bg-yellow-green-3 {
  background: rgba(140, 198, 59, 0.3) !important; }

.q-bg-yellow-green-4 {
  background: rgba(140, 198, 59, 0.4) !important; }

.q-bg-yellow-green-5 {
  background: rgba(140, 198, 59, 0.5) !important; }

.q-bg-yellow-green-6 {
  background: rgba(140, 198, 59, 0.6) !important; }

.q-bg-yellow-green-7 {
  background: rgba(140, 198, 59, 0.7) !important; }

.q-bg-yellow-green-8 {
  background: rgba(140, 198, 59, 0.8) !important; }

.q-bg-yellow-green-9 {
  background: rgba(140, 198, 59, 0.9) !important; }

.q-bg-yellow-green-10 {
  background: #8cc63b !important; }

.q-color-green {
  color: #1d9f61 !important; }

.q-bg-green {
  background: #1d9f61 !important; }

.q-bg-green-1 {
  background: rgba(29, 159, 97, 0.1) !important; }

.q-bg-green-2 {
  background: rgba(29, 159, 97, 0.2) !important; }

.q-bg-green-3 {
  background: rgba(29, 159, 97, 0.3) !important; }

.q-bg-green-4 {
  background: rgba(29, 159, 97, 0.4) !important; }

.q-bg-green-5 {
  background: rgba(29, 159, 97, 0.5) !important; }

.q-bg-green-6 {
  background: rgba(29, 159, 97, 0.6) !important; }

.q-bg-green-7 {
  background: rgba(29, 159, 97, 0.7) !important; }

.q-bg-green-8 {
  background: rgba(29, 159, 97, 0.8) !important; }

.q-bg-green-9 {
  background: rgba(29, 159, 97, 0.9) !important; }

.q-bg-green-10 {
  background: #1d9f61 !important; }

.q-color-green-blue {
  color: #28a89f !important; }

.q-bg-green-blue {
  background: #28a89f !important; }

.q-bg-green-blue-1 {
  background: rgba(40, 168, 159, 0.1) !important; }

.q-bg-green-blue-2 {
  background: rgba(40, 168, 159, 0.2) !important; }

.q-bg-green-blue-3 {
  background: rgba(40, 168, 159, 0.3) !important; }

.q-bg-green-blue-4 {
  background: rgba(40, 168, 159, 0.4) !important; }

.q-bg-green-blue-5 {
  background: rgba(40, 168, 159, 0.5) !important; }

.q-bg-green-blue-6 {
  background: rgba(40, 168, 159, 0.6) !important; }

.q-bg-green-blue-7 {
  background: rgba(40, 168, 159, 0.7) !important; }

.q-bg-green-blue-8 {
  background: rgba(40, 168, 159, 0.8) !important; }

.q-bg-green-blue-9 {
  background: rgba(40, 168, 159, 0.9) !important; }

.q-bg-green-blue-10 {
  background: #28a89f !important; }

.q-color-blue-light {
  color: #6aacdf !important; }

.q-bg-blue-light {
  background: #6aacdf !important; }

.q-bg-blue-light-1 {
  background: rgba(106, 172, 223, 0.1) !important; }

.q-bg-blue-light-2 {
  background: rgba(106, 172, 223, 0.2) !important; }

.q-bg-blue-light-3 {
  background: rgba(106, 172, 223, 0.3) !important; }

.q-bg-blue-light-4 {
  background: rgba(106, 172, 223, 0.4) !important; }

.q-bg-blue-light-5 {
  background: rgba(106, 172, 223, 0.5) !important; }

.q-bg-blue-light-6 {
  background: rgba(106, 172, 223, 0.6) !important; }

.q-bg-blue-light-7 {
  background: rgba(106, 172, 223, 0.7) !important; }

.q-bg-blue-light-8 {
  background: rgba(106, 172, 223, 0.8) !important; }

.q-bg-blue-light-9 {
  background: rgba(106, 172, 223, 0.9) !important; }

.q-bg-blue-light-10 {
  background: #6aacdf !important; }

.q-color-blue-purple-light {
  color: #5c9ada !important; }

.q-bg-blue-purple-light {
  background: #5c9ada !important; }

.q-bg-blue-purple-light-1 {
  background: rgba(92, 154, 218, 0.1) !important; }

.q-bg-blue-purple-light-2 {
  background: rgba(92, 154, 218, 0.2) !important; }

.q-bg-blue-purple-light-3 {
  background: rgba(92, 154, 218, 0.3) !important; }

.q-bg-blue-purple-light-4 {
  background: rgba(92, 154, 218, 0.4) !important; }

.q-bg-blue-purple-light-5 {
  background: rgba(92, 154, 218, 0.5) !important; }

.q-bg-blue-purple-light-6 {
  background: rgba(92, 154, 218, 0.6) !important; }

.q-bg-blue-purple-light-7 {
  background: rgba(92, 154, 218, 0.7) !important; }

.q-bg-blue-purple-light-8 {
  background: rgba(92, 154, 218, 0.8) !important; }

.q-bg-blue-purple-light-9 {
  background: rgba(92, 154, 218, 0.9) !important; }

.q-bg-blue-purple-light-10 {
  background: #5c9ada !important; }

.q-color-purple-light {
  color: #8e44c7 !important; }

.q-bg-purple-light {
  background: #8e44c7 !important; }

.q-bg-purple-light-1 {
  background: rgba(142, 68, 199, 0.1) !important; }

.q-bg-purple-light-2 {
  background: rgba(142, 68, 199, 0.2) !important; }

.q-bg-purple-light-3 {
  background: rgba(142, 68, 199, 0.3) !important; }

.q-bg-purple-light-4 {
  background: rgba(142, 68, 199, 0.4) !important; }

.q-bg-purple-light-5 {
  background: rgba(142, 68, 199, 0.5) !important; }

.q-bg-purple-light-6 {
  background: rgba(142, 68, 199, 0.6) !important; }

.q-bg-purple-light-7 {
  background: rgba(142, 68, 199, 0.7) !important; }

.q-bg-purple-light-8 {
  background: rgba(142, 68, 199, 0.8) !important; }

.q-bg-purple-light-9 {
  background: rgba(142, 68, 199, 0.9) !important; }

.q-bg-purple-light-10 {
  background: #8e44c7 !important; }

.q-color-purple-red-light {
  color: #cd35ca !important; }

.q-bg-purple-red-light {
  background: #cd35ca !important; }

.q-bg-purple-red-light-1 {
  background: rgba(205, 53, 202, 0.1) !important; }

.q-bg-purple-red-light-2 {
  background: rgba(205, 53, 202, 0.2) !important; }

.q-bg-purple-red-light-3 {
  background: rgba(205, 53, 202, 0.3) !important; }

.q-bg-purple-red-light-4 {
  background: rgba(205, 53, 202, 0.4) !important; }

.q-bg-purple-red-light-5 {
  background: rgba(205, 53, 202, 0.5) !important; }

.q-bg-purple-red-light-6 {
  background: rgba(205, 53, 202, 0.6) !important; }

.q-bg-purple-red-light-7 {
  background: rgba(205, 53, 202, 0.7) !important; }

.q-bg-purple-red-light-8 {
  background: rgba(205, 53, 202, 0.8) !important; }

.q-bg-purple-red-light-9 {
  background: rgba(205, 53, 202, 0.9) !important; }

.q-bg-purple-red-light-10 {
  background: #cd35ca !important; }

.q-color-red-light {
  color: #f06167 !important; }

.q-bg-red-light {
  background: #f06167 !important; }

.q-bg-red-light-1 {
  background: rgba(240, 97, 103, 0.1) !important; }

.q-bg-red-light-2 {
  background: rgba(240, 97, 103, 0.2) !important; }

.q-bg-red-light-3 {
  background: rgba(240, 97, 103, 0.3) !important; }

.q-bg-red-light-4 {
  background: rgba(240, 97, 103, 0.4) !important; }

.q-bg-red-light-5 {
  background: rgba(240, 97, 103, 0.5) !important; }

.q-bg-red-light-6 {
  background: rgba(240, 97, 103, 0.6) !important; }

.q-bg-red-light-7 {
  background: rgba(240, 97, 103, 0.7) !important; }

.q-bg-red-light-8 {
  background: rgba(240, 97, 103, 0.8) !important; }

.q-bg-red-light-9 {
  background: rgba(240, 97, 103, 0.9) !important; }

.q-bg-red-light-10 {
  background: #f06167 !important; }

.q-color-red-orange-light {
  color: #f18f6e !important; }

.q-bg-red-orange-light {
  background: #f18f6e !important; }

.q-bg-red-orange-light-1 {
  background: rgba(241, 143, 110, 0.1) !important; }

.q-bg-red-orange-light-2 {
  background: rgba(241, 143, 110, 0.2) !important; }

.q-bg-red-orange-light-3 {
  background: rgba(241, 143, 110, 0.3) !important; }

.q-bg-red-orange-light-4 {
  background: rgba(241, 143, 110, 0.4) !important; }

.q-bg-red-orange-light-5 {
  background: rgba(241, 143, 110, 0.5) !important; }

.q-bg-red-orange-light-6 {
  background: rgba(241, 143, 110, 0.6) !important; }

.q-bg-red-orange-light-7 {
  background: rgba(241, 143, 110, 0.7) !important; }

.q-bg-red-orange-light-8 {
  background: rgba(241, 143, 110, 0.8) !important; }

.q-bg-red-orange-light-9 {
  background: rgba(241, 143, 110, 0.9) !important; }

.q-bg-red-orange-light-10 {
  background: #f18f6e !important; }

.q-color-orange-light {
  color: #fab767 !important; }

.q-bg-orange-light {
  background: #fab767 !important; }

.q-bg-orange-light-1 {
  background: rgba(250, 183, 103, 0.1) !important; }

.q-bg-orange-light-2 {
  background: rgba(250, 183, 103, 0.2) !important; }

.q-bg-orange-light-3 {
  background: rgba(250, 183, 103, 0.3) !important; }

.q-bg-orange-light-4 {
  background: rgba(250, 183, 103, 0.4) !important; }

.q-bg-orange-light-5 {
  background: rgba(250, 183, 103, 0.5) !important; }

.q-bg-orange-light-6 {
  background: rgba(250, 183, 103, 0.6) !important; }

.q-bg-orange-light-7 {
  background: rgba(250, 183, 103, 0.7) !important; }

.q-bg-orange-light-8 {
  background: rgba(250, 183, 103, 0.8) !important; }

.q-bg-orange-light-9 {
  background: rgba(250, 183, 103, 0.9) !important; }

.q-bg-orange-light-10 {
  background: #fab767 !important; }

.q-color-orange-yellow-light {
  color: #fccf8a !important; }

.q-bg-orange-yellow-light {
  background: #fccf8a !important; }

.q-bg-orange-yellow-light-1 {
  background: rgba(252, 207, 138, 0.1) !important; }

.q-bg-orange-yellow-light-2 {
  background: rgba(252, 207, 138, 0.2) !important; }

.q-bg-orange-yellow-light-3 {
  background: rgba(252, 207, 138, 0.3) !important; }

.q-bg-orange-yellow-light-4 {
  background: rgba(252, 207, 138, 0.4) !important; }

.q-bg-orange-yellow-light-5 {
  background: rgba(252, 207, 138, 0.5) !important; }

.q-bg-orange-yellow-light-6 {
  background: rgba(252, 207, 138, 0.6) !important; }

.q-bg-orange-yellow-light-7 {
  background: rgba(252, 207, 138, 0.7) !important; }

.q-bg-orange-yellow-light-8 {
  background: rgba(252, 207, 138, 0.8) !important; }

.q-bg-orange-yellow-light-9 {
  background: rgba(252, 207, 138, 0.9) !important; }

.q-bg-orange-yellow-light-10 {
  background: #fccf8a !important; }

.q-color-yellow-light {
  color: #f6dc98 !important; }

.q-bg-yellow-light {
  background: #f6dc98 !important; }

.q-bg-yellow-light-1 {
  background: rgba(246, 220, 152, 0.1) !important; }

.q-bg-yellow-light-2 {
  background: rgba(246, 220, 152, 0.2) !important; }

.q-bg-yellow-light-3 {
  background: rgba(246, 220, 152, 0.3) !important; }

.q-bg-yellow-light-4 {
  background: rgba(246, 220, 152, 0.4) !important; }

.q-bg-yellow-light-5 {
  background: rgba(246, 220, 152, 0.5) !important; }

.q-bg-yellow-light-6 {
  background: rgba(246, 220, 152, 0.6) !important; }

.q-bg-yellow-light-7 {
  background: rgba(246, 220, 152, 0.7) !important; }

.q-bg-yellow-light-8 {
  background: rgba(246, 220, 152, 0.8) !important; }

.q-bg-yellow-light-9 {
  background: rgba(246, 220, 152, 0.9) !important; }

.q-bg-yellow-light-10 {
  background: #f6dc98 !important; }

.q-color-yellow-green-light {
  color: #afd776 !important; }

.q-bg-yellow-green-light {
  background: #afd776 !important; }

.q-bg-yellow-green-light-1 {
  background: rgba(175, 215, 118, 0.1) !important; }

.q-bg-yellow-green-light-2 {
  background: rgba(175, 215, 118, 0.2) !important; }

.q-bg-yellow-green-light-3 {
  background: rgba(175, 215, 118, 0.3) !important; }

.q-bg-yellow-green-light-4 {
  background: rgba(175, 215, 118, 0.4) !important; }

.q-bg-yellow-green-light-5 {
  background: rgba(175, 215, 118, 0.5) !important; }

.q-bg-yellow-green-light-6 {
  background: rgba(175, 215, 118, 0.6) !important; }

.q-bg-yellow-green-light-7 {
  background: rgba(175, 215, 118, 0.7) !important; }

.q-bg-yellow-green-light-8 {
  background: rgba(175, 215, 118, 0.8) !important; }

.q-bg-yellow-green-light-9 {
  background: rgba(175, 215, 118, 0.9) !important; }

.q-bg-yellow-green-light-10 {
  background: #afd776 !important; }

.q-color-green-light {
  color: #2fd988 !important; }

.q-bg-green-light {
  background: #2fd988 !important; }

.q-bg-green-light-1 {
  background: rgba(47, 217, 136, 0.1) !important; }

.q-bg-green-light-2 {
  background: rgba(47, 217, 136, 0.2) !important; }

.q-bg-green-light-3 {
  background: rgba(47, 217, 136, 0.3) !important; }

.q-bg-green-light-4 {
  background: rgba(47, 217, 136, 0.4) !important; }

.q-bg-green-light-5 {
  background: rgba(47, 217, 136, 0.5) !important; }

.q-bg-green-light-6 {
  background: rgba(47, 217, 136, 0.6) !important; }

.q-bg-green-light-7 {
  background: rgba(47, 217, 136, 0.7) !important; }

.q-bg-green-light-8 {
  background: rgba(47, 217, 136, 0.8) !important; }

.q-bg-green-light-9 {
  background: rgba(47, 217, 136, 0.9) !important; }

.q-bg-green-light-10 {
  background: #2fd988 !important; }

.q-color-green-blue-light {
  color: #49d4ca !important; }

.q-bg-green-blue-light {
  background: #49d4ca !important; }

.q-bg-green-blue-light-1 {
  background: rgba(73, 212, 202, 0.1) !important; }

.q-bg-green-blue-light-2 {
  background: rgba(73, 212, 202, 0.2) !important; }

.q-bg-green-blue-light-3 {
  background: rgba(73, 212, 202, 0.3) !important; }

.q-bg-green-blue-light-4 {
  background: rgba(73, 212, 202, 0.4) !important; }

.q-bg-green-blue-light-5 {
  background: rgba(73, 212, 202, 0.5) !important; }

.q-bg-green-blue-light-6 {
  background: rgba(73, 212, 202, 0.6) !important; }

.q-bg-green-blue-light-7 {
  background: rgba(73, 212, 202, 0.7) !important; }

.q-bg-green-blue-light-8 {
  background: rgba(73, 212, 202, 0.8) !important; }

.q-bg-green-blue-light-9 {
  background: rgba(73, 212, 202, 0.9) !important; }

.q-bg-green-blue-light-10 {
  background: #49d4ca !important; }

.q-color-blue-dark {
  color: #1f5f90 !important; }

.q-bg-blue-dark {
  background: #1f5f90 !important; }

.q-bg-blue-dark-1 {
  background: rgba(31, 95, 144, 0.1) !important; }

.q-bg-blue-dark-2 {
  background: rgba(31, 95, 144, 0.2) !important; }

.q-bg-blue-dark-3 {
  background: rgba(31, 95, 144, 0.3) !important; }

.q-bg-blue-dark-4 {
  background: rgba(31, 95, 144, 0.4) !important; }

.q-bg-blue-dark-5 {
  background: rgba(31, 95, 144, 0.5) !important; }

.q-bg-blue-dark-6 {
  background: rgba(31, 95, 144, 0.6) !important; }

.q-bg-blue-dark-7 {
  background: rgba(31, 95, 144, 0.7) !important; }

.q-bg-blue-dark-8 {
  background: rgba(31, 95, 144, 0.8) !important; }

.q-bg-blue-dark-9 {
  background: rgba(31, 95, 144, 0.9) !important; }

.q-bg-blue-dark-10 {
  background: #1f5f90 !important; }

.q-color-blue-purple-dark {
  color: #1d4d81 !important; }

.q-bg-blue-purple-dark {
  background: #1d4d81 !important; }

.q-bg-blue-purple-dark-1 {
  background: rgba(29, 77, 129, 0.1) !important; }

.q-bg-blue-purple-dark-2 {
  background: rgba(29, 77, 129, 0.2) !important; }

.q-bg-blue-purple-dark-3 {
  background: rgba(29, 77, 129, 0.3) !important; }

.q-bg-blue-purple-dark-4 {
  background: rgba(29, 77, 129, 0.4) !important; }

.q-bg-blue-purple-dark-5 {
  background: rgba(29, 77, 129, 0.5) !important; }

.q-bg-blue-purple-dark-6 {
  background: rgba(29, 77, 129, 0.6) !important; }

.q-bg-blue-purple-dark-7 {
  background: rgba(29, 77, 129, 0.7) !important; }

.q-bg-blue-purple-dark-8 {
  background: rgba(29, 77, 129, 0.8) !important; }

.q-bg-blue-purple-dark-9 {
  background: rgba(29, 77, 129, 0.9) !important; }

.q-bg-blue-purple-dark-10 {
  background: #1d4d81 !important; }

.q-color-purple-dark {
  color: #3d1a57 !important; }

.q-bg-purple-dark {
  background: #3d1a57 !important; }

.q-bg-purple-dark-1 {
  background: rgba(61, 26, 87, 0.1) !important; }

.q-bg-purple-dark-2 {
  background: rgba(61, 26, 87, 0.2) !important; }

.q-bg-purple-dark-3 {
  background: rgba(61, 26, 87, 0.3) !important; }

.q-bg-purple-dark-4 {
  background: rgba(61, 26, 87, 0.4) !important; }

.q-bg-purple-dark-5 {
  background: rgba(61, 26, 87, 0.5) !important; }

.q-bg-purple-dark-6 {
  background: rgba(61, 26, 87, 0.6) !important; }

.q-bg-purple-dark-7 {
  background: rgba(61, 26, 87, 0.7) !important; }

.q-bg-purple-dark-8 {
  background: rgba(61, 26, 87, 0.8) !important; }

.q-bg-purple-dark-9 {
  background: rgba(61, 26, 87, 0.9) !important; }

.q-bg-purple-dark-10 {
  background: #3d1a57 !important; }

.q-color-purple-red-dark {
  color: #541553 !important; }

.q-bg-purple-red-dark {
  background: #541553 !important; }

.q-bg-purple-red-dark-1 {
  background: rgba(84, 21, 83, 0.1) !important; }

.q-bg-purple-red-dark-2 {
  background: rgba(84, 21, 83, 0.2) !important; }

.q-bg-purple-red-dark-3 {
  background: rgba(84, 21, 83, 0.3) !important; }

.q-bg-purple-red-dark-4 {
  background: rgba(84, 21, 83, 0.4) !important; }

.q-bg-purple-red-dark-5 {
  background: rgba(84, 21, 83, 0.5) !important; }

.q-bg-purple-red-dark-6 {
  background: rgba(84, 21, 83, 0.6) !important; }

.q-bg-purple-red-dark-7 {
  background: rgba(84, 21, 83, 0.7) !important; }

.q-bg-purple-red-dark-8 {
  background: rgba(84, 21, 83, 0.8) !important; }

.q-bg-purple-red-dark-9 {
  background: rgba(84, 21, 83, 0.9) !important; }

.q-bg-purple-red-dark-10 {
  background: #541553 !important; }

.q-color-red-dark {
  color: #a91016 !important; }

.q-bg-red-dark {
  background: #a91016 !important; }

.q-bg-red-dark-1 {
  background: rgba(169, 16, 22, 0.1) !important; }

.q-bg-red-dark-2 {
  background: rgba(169, 16, 22, 0.2) !important; }

.q-bg-red-dark-3 {
  background: rgba(169, 16, 22, 0.3) !important; }

.q-bg-red-dark-4 {
  background: rgba(169, 16, 22, 0.4) !important; }

.q-bg-red-dark-5 {
  background: rgba(169, 16, 22, 0.5) !important; }

.q-bg-red-dark-6 {
  background: rgba(169, 16, 22, 0.6) !important; }

.q-bg-red-dark-7 {
  background: rgba(169, 16, 22, 0.7) !important; }

.q-bg-red-dark-8 {
  background: rgba(169, 16, 22, 0.8) !important; }

.q-bg-red-dark-9 {
  background: rgba(169, 16, 22, 0.9) !important; }

.q-bg-red-dark-10 {
  background: #a91016 !important; }

.q-color-red-orange-dark {
  color: #b43b12 !important; }

.q-bg-red-orange-dark {
  background: #b43b12 !important; }

.q-bg-red-orange-dark-1 {
  background: rgba(180, 59, 18, 0.1) !important; }

.q-bg-red-orange-dark-2 {
  background: rgba(180, 59, 18, 0.2) !important; }

.q-bg-red-orange-dark-3 {
  background: rgba(180, 59, 18, 0.3) !important; }

.q-bg-red-orange-dark-4 {
  background: rgba(180, 59, 18, 0.4) !important; }

.q-bg-red-orange-dark-5 {
  background: rgba(180, 59, 18, 0.5) !important; }

.q-bg-red-orange-dark-6 {
  background: rgba(180, 59, 18, 0.6) !important; }

.q-bg-red-orange-dark-7 {
  background: rgba(180, 59, 18, 0.7) !important; }

.q-bg-red-orange-dark-8 {
  background: rgba(180, 59, 18, 0.8) !important; }

.q-bg-red-orange-dark-9 {
  background: rgba(180, 59, 18, 0.9) !important; }

.q-bg-red-orange-dark-10 {
  background: #b43b12 !important; }

.q-color-orange-dark {
  color: #c16c07 !important; }

.q-bg-orange-dark {
  background: #c16c07 !important; }

.q-bg-orange-dark-1 {
  background: rgba(193, 108, 7, 0.1) !important; }

.q-bg-orange-dark-2 {
  background: rgba(193, 108, 7, 0.2) !important; }

.q-bg-orange-dark-3 {
  background: rgba(193, 108, 7, 0.3) !important; }

.q-bg-orange-dark-4 {
  background: rgba(193, 108, 7, 0.4) !important; }

.q-bg-orange-dark-5 {
  background: rgba(193, 108, 7, 0.5) !important; }

.q-bg-orange-dark-6 {
  background: rgba(193, 108, 7, 0.6) !important; }

.q-bg-orange-dark-7 {
  background: rgba(193, 108, 7, 0.7) !important; }

.q-bg-orange-dark-8 {
  background: rgba(193, 108, 7, 0.8) !important; }

.q-bg-orange-dark-9 {
  background: rgba(193, 108, 7, 0.9) !important; }

.q-bg-orange-dark-10 {
  background: #c16c07 !important; }

.q-color-orange-yellow-dark {
  color: #e68e06 !important; }

.q-bg-orange-yellow-dark {
  background: #e68e06 !important; }

.q-bg-orange-yellow-dark-1 {
  background: rgba(230, 142, 6, 0.1) !important; }

.q-bg-orange-yellow-dark-2 {
  background: rgba(230, 142, 6, 0.2) !important; }

.q-bg-orange-yellow-dark-3 {
  background: rgba(230, 142, 6, 0.3) !important; }

.q-bg-orange-yellow-dark-4 {
  background: rgba(230, 142, 6, 0.4) !important; }

.q-bg-orange-yellow-dark-5 {
  background: rgba(230, 142, 6, 0.5) !important; }

.q-bg-orange-yellow-dark-6 {
  background: rgba(230, 142, 6, 0.6) !important; }

.q-bg-orange-yellow-dark-7 {
  background: rgba(230, 142, 6, 0.7) !important; }

.q-bg-orange-yellow-dark-8 {
  background: rgba(230, 142, 6, 0.8) !important; }

.q-bg-orange-yellow-dark-9 {
  background: rgba(230, 142, 6, 0.9) !important; }

.q-bg-orange-yellow-dark-10 {
  background: #e68e06 !important; }

.q-color-yellow-dark {
  color: #e2a814 !important; }

.q-bg-yellow-dark {
  background: #e2a814 !important; }

.q-bg-yellow-dark-1 {
  background: rgba(226, 168, 20, 0.1) !important; }

.q-bg-yellow-dark-2 {
  background: rgba(226, 168, 20, 0.2) !important; }

.q-bg-yellow-dark-3 {
  background: rgba(226, 168, 20, 0.3) !important; }

.q-bg-yellow-dark-4 {
  background: rgba(226, 168, 20, 0.4) !important; }

.q-bg-yellow-dark-5 {
  background: rgba(226, 168, 20, 0.5) !important; }

.q-bg-yellow-dark-6 {
  background: rgba(226, 168, 20, 0.6) !important; }

.q-bg-yellow-dark-7 {
  background: rgba(226, 168, 20, 0.7) !important; }

.q-bg-yellow-dark-8 {
  background: rgba(226, 168, 20, 0.8) !important; }

.q-bg-yellow-dark-9 {
  background: rgba(226, 168, 20, 0.9) !important; }

.q-bg-yellow-dark-10 {
  background: #e2a814 !important; }

.q-color-yellow-green-dark {
  color: #628c29 !important; }

.q-bg-yellow-green-dark {
  background: #628c29 !important; }

.q-bg-yellow-green-dark-1 {
  background: rgba(98, 140, 41, 0.1) !important; }

.q-bg-yellow-green-dark-2 {
  background: rgba(98, 140, 41, 0.2) !important; }

.q-bg-yellow-green-dark-3 {
  background: rgba(98, 140, 41, 0.3) !important; }

.q-bg-yellow-green-dark-4 {
  background: rgba(98, 140, 41, 0.4) !important; }

.q-bg-yellow-green-dark-5 {
  background: rgba(98, 140, 41, 0.5) !important; }

.q-bg-yellow-green-dark-6 {
  background: rgba(98, 140, 41, 0.6) !important; }

.q-bg-yellow-green-dark-7 {
  background: rgba(98, 140, 41, 0.7) !important; }

.q-bg-yellow-green-dark-8 {
  background: rgba(98, 140, 41, 0.8) !important; }

.q-bg-yellow-green-dark-9 {
  background: rgba(98, 140, 41, 0.9) !important; }

.q-bg-yellow-green-dark-10 {
  background: #628c29 !important; }

.q-color-green-dark {
  color: #115e3a !important; }

.q-bg-green-dark {
  background: #115e3a !important; }

.q-bg-green-dark-1 {
  background: rgba(17, 94, 58, 0.1) !important; }

.q-bg-green-dark-2 {
  background: rgba(17, 94, 58, 0.2) !important; }

.q-bg-green-dark-3 {
  background: rgba(17, 94, 58, 0.3) !important; }

.q-bg-green-dark-4 {
  background: rgba(17, 94, 58, 0.4) !important; }

.q-bg-green-dark-5 {
  background: rgba(17, 94, 58, 0.5) !important; }

.q-bg-green-dark-6 {
  background: rgba(17, 94, 58, 0.6) !important; }

.q-bg-green-dark-7 {
  background: rgba(17, 94, 58, 0.7) !important; }

.q-bg-green-dark-8 {
  background: rgba(17, 94, 58, 0.8) !important; }

.q-bg-green-dark-9 {
  background: rgba(17, 94, 58, 0.9) !important; }

.q-bg-green-dark-10 {
  background: #115e3a !important; }

.q-color-green-blue-dark {
  color: #196a65 !important; }

.q-bg-green-blue-dark {
  background: #196a65 !important; }

.q-bg-green-blue-dark-1 {
  background: rgba(25, 106, 101, 0.1) !important; }

.q-bg-green-blue-dark-2 {
  background: rgba(25, 106, 101, 0.2) !important; }

.q-bg-green-blue-dark-3 {
  background: rgba(25, 106, 101, 0.3) !important; }

.q-bg-green-blue-dark-4 {
  background: rgba(25, 106, 101, 0.4) !important; }

.q-bg-green-blue-dark-5 {
  background: rgba(25, 106, 101, 0.5) !important; }

.q-bg-green-blue-dark-6 {
  background: rgba(25, 106, 101, 0.6) !important; }

.q-bg-green-blue-dark-7 {
  background: rgba(25, 106, 101, 0.7) !important; }

.q-bg-green-blue-dark-8 {
  background: rgba(25, 106, 101, 0.8) !important; }

.q-bg-green-blue-dark-9 {
  background: rgba(25, 106, 101, 0.9) !important; }

.q-bg-green-blue-dark-10 {
  background: #196a65 !important; }

.q-color-primary {
  color: #1d9f61 !important; }

.q-bg-primary {
  background: #1d9f61 !important; }

.q-bg-primary-1 {
  background: rgba(29, 159, 97, 0.1) !important; }

.q-bg-primary-2 {
  background: rgba(29, 159, 97, 0.2) !important; }

.q-bg-primary-3 {
  background: rgba(29, 159, 97, 0.3) !important; }

.q-bg-primary-4 {
  background: rgba(29, 159, 97, 0.4) !important; }

.q-bg-primary-5 {
  background: rgba(29, 159, 97, 0.5) !important; }

.q-bg-primary-6 {
  background: rgba(29, 159, 97, 0.6) !important; }

.q-bg-primary-7 {
  background: rgba(29, 159, 97, 0.7) !important; }

.q-bg-primary-8 {
  background: rgba(29, 159, 97, 0.8) !important; }

.q-bg-primary-9 {
  background: rgba(29, 159, 97, 0.9) !important; }

.q-bg-primary-10 {
  background: #1d9f61 !important; }

.q-color-secondary {
  color: #505050 !important; }

.q-bg-secondary {
  background: #505050 !important; }

.q-bg-secondary-1 {
  background: rgba(80, 80, 80, 0.1) !important; }

.q-bg-secondary-2 {
  background: rgba(80, 80, 80, 0.2) !important; }

.q-bg-secondary-3 {
  background: rgba(80, 80, 80, 0.3) !important; }

.q-bg-secondary-4 {
  background: rgba(80, 80, 80, 0.4) !important; }

.q-bg-secondary-5 {
  background: rgba(80, 80, 80, 0.5) !important; }

.q-bg-secondary-6 {
  background: rgba(80, 80, 80, 0.6) !important; }

.q-bg-secondary-7 {
  background: rgba(80, 80, 80, 0.7) !important; }

.q-bg-secondary-8 {
  background: rgba(80, 80, 80, 0.8) !important; }

.q-bg-secondary-9 {
  background: rgba(80, 80, 80, 0.9) !important; }

.q-bg-secondary-10 {
  background: #505050 !important; }

.q-opacity-1 {
  opacity: 0.1 !important; }

.q-opacity-2 {
  opacity: 0.2 !important; }

.q-opacity-3 {
  opacity: 0.3 !important; }

.q-opacity-4 {
  opacity: 0.4 !important; }

.q-opacity-5 {
  opacity: 0.5 !important; }

.q-opacity-6 {
  opacity: 0.6 !important; }

.q-opacity-7 {
  opacity: 0.7 !important; }

.q-opacity-8 {
  opacity: 0.8 !important; }

.q-opacity-9 {
  opacity: 0.9 !important; }

.q-opacity-10 {
  opacity: 1 !important; }

.q-fade-top {
  mask-image: linear-gradient(to top, black 0%, black 75%, transparent 100%);
  mask-size: 100% 100%;
  mask-repeat: no-repeat; }

.q-fade-right {
  mask-image: linear-gradient(to right, black 0%, black 75%, transparent 100%);
  mask-size: 100% 100%;
  mask-repeat: no-repeat; }

.q-fade-bottom {
  mask-image: linear-gradient(to bottom, black 0%, black 75%, transparent 100%);
  mask-size: 100% 100%;
  mask-repeat: no-repeat; }

.q-fade-left {
  mask-image: linear-gradient(to left, black 0%, black 75%, transparent 100%);
  mask-size: 100% 100%;
  mask-repeat: no-repeat; }

.q-bg-no-repeat {
  background-repeat: no-repeat !important; }

.q-bg-anchor-top {
  background-position: top !important; }

.q-bg-anchor-right {
  background-position: right !important; }

.q-bg-anchor-bottom {
  background-position: bottom !important; }

.q-bg-anchor-left {
  background-position: left !important; }

.q-bg-anchor-top-left {
  background-position: left top !important; }

.q-bg-anchor-top-right {
  background-position: right top !important; }

.q-bg-anchor-top-center {
  background-position: center top !important; }

.q-bg-anchor-bottom-left {
  background-position: left bottom !important; }

.q-bg-anchor-bottom-right {
  background-position: right bottom !important; }

.q-bg-anchor-bottom-center {
  background-position: center bottom !important; }

.q-bg-anchor-center-left {
  background-position: left center !important; }

.q-bg-anchor-center-right {
  background-position: right center !important; }

.q-bg-anchor-center-center {
  background-position: center center !important; }

.q-border {
  border: 1px solid rgba(0, 0, 0, 0.1) !important; }

.q-border-none {
  border: 0 !important; }

.q-border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important; }

.q-border-top-none {
  border-top: 0 !important; }

.q-border-right {
  border-right: 1px solid rgba(0, 0, 0, 0.1) !important; }

.q-border-right-none {
  border-right: 0 !important; }

.q-border-bottom {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important; }

.q-border-bottom-none {
  border-bottom: 0 !important; }

.q-border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.1) !important; }

.q-border-left-none {
  border-left: 0 !important; }

.q-border-xsmall {
  border-width: 2px !important; }

.q-border-top-xsmall {
  border-top-width: 2px !important; }

.q-border-right-xsmall {
  border-right-width: 2px !important; }

.q-border-bottom-xsmall {
  border-bottom-width: 2px !important; }

.q-border-left-xsmall {
  border-left-width: 2px !important; }

.q-border-small {
  border-width: 4px !important; }

.q-border-top-small {
  border-top-width: 4px !important; }

.q-border-right-small {
  border-right-width: 4px !important; }

.q-border-bottom-small {
  border-bottom-width: 4px !important; }

.q-border-left-small {
  border-left-width: 4px !important; }

.q-border-medium {
  border-width: 6px !important; }

.q-border-top-medium {
  border-top-width: 6px !important; }

.q-border-right-medium {
  border-right-width: 6px !important; }

.q-border-bottom-medium {
  border-bottom-width: 6px !important; }

.q-border-left-medium {
  border-left-width: 6px !important; }

.q-border-large {
  border-width: 8px !important; }

.q-border-top-large {
  border-top-width: 8px !important; }

.q-border-right-large {
  border-right-width: 8px !important; }

.q-border-bottom-large {
  border-bottom-width: 8px !important; }

.q-border-left-large {
  border-left-width: 8px !important; }

.q-border-xlarge {
  border-width: 10px !important; }

.q-border-top-xlarge {
  border-top-width: 10px !important; }

.q-border-right-xlarge {
  border-right-width: 10px !important; }

.q-border-bottom-xlarge {
  border-bottom-width: 10px !important; }

.q-border-left-xlarge {
  border-left-width: 10px !important; }

.q-border-white {
  border-color: #fff !important; }

.q-border-top-white {
  border-top-color: #fff !important; }

.q-border-right-white {
  border-right-color: #fff !important; }

.q-border-bottom-white {
  border-bottom-color: #fff !important; }

.q-border-left-white {
  border-left-color: #fff !important; }

.q-border-black {
  border-color: #000 !important; }

.q-border-top-black {
  border-top-color: #000 !important; }

.q-border-right-black {
  border-right-color: #000 !important; }

.q-border-bottom-black {
  border-bottom-color: #000 !important; }

.q-border-left-black {
  border-left-color: #000 !important; }

.q-border-grey {
  border-color: #e6e6e6 !important; }

.q-border-top-grey {
  border-top-color: #e6e6e6 !important; }

.q-border-right-grey {
  border-right-color: #e6e6e6 !important; }

.q-border-bottom-grey {
  border-bottom-color: #e6e6e6 !important; }

.q-border-left-grey {
  border-left-color: #e6e6e6 !important; }

.q-border-alt {
  border-color: #f4f4f5 !important; }

.q-border-top-alt {
  border-top-color: #f4f4f5 !important; }

.q-border-right-alt {
  border-right-color: #f4f4f5 !important; }

.q-border-bottom-alt {
  border-bottom-color: #f4f4f5 !important; }

.q-border-left-alt {
  border-left-color: #f4f4f5 !important; }

.q-border-community-one {
  border-color: #9fe9c6 !important; }

.q-border-top-community-one {
  border-top-color: #9fe9c6 !important; }

.q-border-right-community-one {
  border-right-color: #9fe9c6 !important; }

.q-border-bottom-community-one {
  border-bottom-color: #9fe9c6 !important; }

.q-border-left-community-one {
  border-left-color: #9fe9c6 !important; }

.q-border-blue {
  border-color: #2d89cf !important; }

.q-border-top-blue {
  border-top-color: #2d89cf !important; }

.q-border-right-blue {
  border-right-color: #2d89cf !important; }

.q-border-bottom-blue {
  border-bottom-color: #2d89cf !important; }

.q-border-left-blue {
  border-left-color: #2d89cf !important; }

.q-border-blue-purple {
  border-color: #2b73bf !important; }

.q-border-top-blue-purple {
  border-top-color: #2b73bf !important; }

.q-border-right-blue-purple {
  border-right-color: #2b73bf !important; }

.q-border-bottom-blue-purple {
  border-bottom-color: #2b73bf !important; }

.q-border-left-blue-purple {
  border-left-color: #2b73bf !important; }

.q-border-purple {
  border-color: #662c92 !important; }

.q-border-top-purple {
  border-top-color: #662c92 !important; }

.q-border-right-purple {
  border-right-color: #662c92 !important; }

.q-border-bottom-purple {
  border-bottom-color: #662c92 !important; }

.q-border-left-purple {
  border-left-color: #662c92 !important; }

.q-border-purple-red {
  border-color: #91248f !important; }

.q-border-top-purple-red {
  border-top-color: #91248f !important; }

.q-border-right-purple-red {
  border-right-color: #91248f !important; }

.q-border-bottom-purple-red {
  border-bottom-color: #91248f !important; }

.q-border-left-purple-red {
  border-left-color: #91248f !important; }

.q-border-red {
  border-color: #ea1b24 !important; }

.q-border-top-red {
  border-top-color: #ea1b24 !important; }

.q-border-right-red {
  border-right-color: #ea1b24 !important; }

.q-border-bottom-red {
  border-bottom-color: #ea1b24 !important; }

.q-border-left-red {
  border-left-color: #ea1b24 !important; }

.q-border-red-orange {
  border-color: #ea5928 !important; }

.q-border-top-red-orange {
  border-top-color: #ea5928 !important; }

.q-border-right-red-orange {
  border-right-color: #ea5928 !important; }

.q-border-bottom-red-orange {
  border-bottom-color: #ea5928 !important; }

.q-border-left-red-orange {
  border-left-color: #ea5928 !important; }

.q-border-orange {
  border-color: #f7941d !important; }

.q-border-top-orange {
  border-top-color: #f7941d !important; }

.q-border-right-orange {
  border-right-color: #f7941d !important; }

.q-border-bottom-orange {
  border-bottom-color: #f7941d !important; }

.q-border-left-orange {
  border-left-color: #f7941d !important; }

.q-border-orange-yellow {
  border-color: #fab03f !important; }

.q-border-top-orange-yellow {
  border-top-color: #fab03f !important; }

.q-border-right-orange-yellow {
  border-right-color: #fab03f !important; }

.q-border-bottom-orange-yellow {
  border-bottom-color: #fab03f !important; }

.q-border-left-orange-yellow {
  border-left-color: #fab03f !important; }

.q-border-yellow {
  border-color: #F0C452 !important; }

.q-border-top-yellow {
  border-top-color: #F0C452 !important; }

.q-border-right-yellow {
  border-right-color: #F0C452 !important; }

.q-border-bottom-yellow {
  border-bottom-color: #F0C452 !important; }

.q-border-left-yellow {
  border-left-color: #F0C452 !important; }

.q-border-yellow-green {
  border-color: #8cc63b !important; }

.q-border-top-yellow-green {
  border-top-color: #8cc63b !important; }

.q-border-right-yellow-green {
  border-right-color: #8cc63b !important; }

.q-border-bottom-yellow-green {
  border-bottom-color: #8cc63b !important; }

.q-border-left-yellow-green {
  border-left-color: #8cc63b !important; }

.q-border-green {
  border-color: #1d9f61 !important; }

.q-border-top-green {
  border-top-color: #1d9f61 !important; }

.q-border-right-green {
  border-right-color: #1d9f61 !important; }

.q-border-bottom-green {
  border-bottom-color: #1d9f61 !important; }

.q-border-left-green {
  border-left-color: #1d9f61 !important; }

.q-border-green-blue {
  border-color: #28a89f !important; }

.q-border-top-green-blue {
  border-top-color: #28a89f !important; }

.q-border-right-green-blue {
  border-right-color: #28a89f !important; }

.q-border-bottom-green-blue {
  border-bottom-color: #28a89f !important; }

.q-border-left-green-blue {
  border-left-color: #28a89f !important; }

.q-border-blue-light {
  border-color: #6aacdf !important; }

.q-border-top-blue-light {
  border-top-color: #6aacdf !important; }

.q-border-right-blue-light {
  border-right-color: #6aacdf !important; }

.q-border-bottom-blue-light {
  border-bottom-color: #6aacdf !important; }

.q-border-left-blue-light {
  border-left-color: #6aacdf !important; }

.q-border-blue-purple-light {
  border-color: #5c9ada !important; }

.q-border-top-blue-purple-light {
  border-top-color: #5c9ada !important; }

.q-border-right-blue-purple-light {
  border-right-color: #5c9ada !important; }

.q-border-bottom-blue-purple-light {
  border-bottom-color: #5c9ada !important; }

.q-border-left-blue-purple-light {
  border-left-color: #5c9ada !important; }

.q-border-purple-light {
  border-color: #8e44c7 !important; }

.q-border-top-purple-light {
  border-top-color: #8e44c7 !important; }

.q-border-right-purple-light {
  border-right-color: #8e44c7 !important; }

.q-border-bottom-purple-light {
  border-bottom-color: #8e44c7 !important; }

.q-border-left-purple-light {
  border-left-color: #8e44c7 !important; }

.q-border-purple-red-light {
  border-color: #cd35ca !important; }

.q-border-top-purple-red-light {
  border-top-color: #cd35ca !important; }

.q-border-right-purple-red-light {
  border-right-color: #cd35ca !important; }

.q-border-bottom-purple-red-light {
  border-bottom-color: #cd35ca !important; }

.q-border-left-purple-red-light {
  border-left-color: #cd35ca !important; }

.q-border-red-light {
  border-color: #f06167 !important; }

.q-border-top-red-light {
  border-top-color: #f06167 !important; }

.q-border-right-red-light {
  border-right-color: #f06167 !important; }

.q-border-bottom-red-light {
  border-bottom-color: #f06167 !important; }

.q-border-left-red-light {
  border-left-color: #f06167 !important; }

.q-border-red-orange-light {
  border-color: #f18f6e !important; }

.q-border-top-red-orange-light {
  border-top-color: #f18f6e !important; }

.q-border-right-red-orange-light {
  border-right-color: #f18f6e !important; }

.q-border-bottom-red-orange-light {
  border-bottom-color: #f18f6e !important; }

.q-border-left-red-orange-light {
  border-left-color: #f18f6e !important; }

.q-border-orange-light {
  border-color: #fab767 !important; }

.q-border-top-orange-light {
  border-top-color: #fab767 !important; }

.q-border-right-orange-light {
  border-right-color: #fab767 !important; }

.q-border-bottom-orange-light {
  border-bottom-color: #fab767 !important; }

.q-border-left-orange-light {
  border-left-color: #fab767 !important; }

.q-border-orange-yellow-light {
  border-color: #fccf8a !important; }

.q-border-top-orange-yellow-light {
  border-top-color: #fccf8a !important; }

.q-border-right-orange-yellow-light {
  border-right-color: #fccf8a !important; }

.q-border-bottom-orange-yellow-light {
  border-bottom-color: #fccf8a !important; }

.q-border-left-orange-yellow-light {
  border-left-color: #fccf8a !important; }

.q-border-yellow-light {
  border-color: #f6dc98 !important; }

.q-border-top-yellow-light {
  border-top-color: #f6dc98 !important; }

.q-border-right-yellow-light {
  border-right-color: #f6dc98 !important; }

.q-border-bottom-yellow-light {
  border-bottom-color: #f6dc98 !important; }

.q-border-left-yellow-light {
  border-left-color: #f6dc98 !important; }

.q-border-yellow-green-light {
  border-color: #afd776 !important; }

.q-border-top-yellow-green-light {
  border-top-color: #afd776 !important; }

.q-border-right-yellow-green-light {
  border-right-color: #afd776 !important; }

.q-border-bottom-yellow-green-light {
  border-bottom-color: #afd776 !important; }

.q-border-left-yellow-green-light {
  border-left-color: #afd776 !important; }

.q-border-green-light {
  border-color: #2fd988 !important; }

.q-border-top-green-light {
  border-top-color: #2fd988 !important; }

.q-border-right-green-light {
  border-right-color: #2fd988 !important; }

.q-border-bottom-green-light {
  border-bottom-color: #2fd988 !important; }

.q-border-left-green-light {
  border-left-color: #2fd988 !important; }

.q-border-green-blue-light {
  border-color: #49d4ca !important; }

.q-border-top-green-blue-light {
  border-top-color: #49d4ca !important; }

.q-border-right-green-blue-light {
  border-right-color: #49d4ca !important; }

.q-border-bottom-green-blue-light {
  border-bottom-color: #49d4ca !important; }

.q-border-left-green-blue-light {
  border-left-color: #49d4ca !important; }

.q-border-blue-dark {
  border-color: #1f5f90 !important; }

.q-border-top-blue-dark {
  border-top-color: #1f5f90 !important; }

.q-border-right-blue-dark {
  border-right-color: #1f5f90 !important; }

.q-border-bottom-blue-dark {
  border-bottom-color: #1f5f90 !important; }

.q-border-left-blue-dark {
  border-left-color: #1f5f90 !important; }

.q-border-blue-purple-dark {
  border-color: #1d4d81 !important; }

.q-border-top-blue-purple-dark {
  border-top-color: #1d4d81 !important; }

.q-border-right-blue-purple-dark {
  border-right-color: #1d4d81 !important; }

.q-border-bottom-blue-purple-dark {
  border-bottom-color: #1d4d81 !important; }

.q-border-left-blue-purple-dark {
  border-left-color: #1d4d81 !important; }

.q-border-purple-dark {
  border-color: #3d1a57 !important; }

.q-border-top-purple-dark {
  border-top-color: #3d1a57 !important; }

.q-border-right-purple-dark {
  border-right-color: #3d1a57 !important; }

.q-border-bottom-purple-dark {
  border-bottom-color: #3d1a57 !important; }

.q-border-left-purple-dark {
  border-left-color: #3d1a57 !important; }

.q-border-purple-red-dark {
  border-color: #541553 !important; }

.q-border-top-purple-red-dark {
  border-top-color: #541553 !important; }

.q-border-right-purple-red-dark {
  border-right-color: #541553 !important; }

.q-border-bottom-purple-red-dark {
  border-bottom-color: #541553 !important; }

.q-border-left-purple-red-dark {
  border-left-color: #541553 !important; }

.q-border-red-dark {
  border-color: #a91016 !important; }

.q-border-top-red-dark {
  border-top-color: #a91016 !important; }

.q-border-right-red-dark {
  border-right-color: #a91016 !important; }

.q-border-bottom-red-dark {
  border-bottom-color: #a91016 !important; }

.q-border-left-red-dark {
  border-left-color: #a91016 !important; }

.q-border-red-orange-dark {
  border-color: #b43b12 !important; }

.q-border-top-red-orange-dark {
  border-top-color: #b43b12 !important; }

.q-border-right-red-orange-dark {
  border-right-color: #b43b12 !important; }

.q-border-bottom-red-orange-dark {
  border-bottom-color: #b43b12 !important; }

.q-border-left-red-orange-dark {
  border-left-color: #b43b12 !important; }

.q-border-orange-dark {
  border-color: #c16c07 !important; }

.q-border-top-orange-dark {
  border-top-color: #c16c07 !important; }

.q-border-right-orange-dark {
  border-right-color: #c16c07 !important; }

.q-border-bottom-orange-dark {
  border-bottom-color: #c16c07 !important; }

.q-border-left-orange-dark {
  border-left-color: #c16c07 !important; }

.q-border-orange-yellow-dark {
  border-color: #e68e06 !important; }

.q-border-top-orange-yellow-dark {
  border-top-color: #e68e06 !important; }

.q-border-right-orange-yellow-dark {
  border-right-color: #e68e06 !important; }

.q-border-bottom-orange-yellow-dark {
  border-bottom-color: #e68e06 !important; }

.q-border-left-orange-yellow-dark {
  border-left-color: #e68e06 !important; }

.q-border-yellow-dark {
  border-color: #e2a814 !important; }

.q-border-top-yellow-dark {
  border-top-color: #e2a814 !important; }

.q-border-right-yellow-dark {
  border-right-color: #e2a814 !important; }

.q-border-bottom-yellow-dark {
  border-bottom-color: #e2a814 !important; }

.q-border-left-yellow-dark {
  border-left-color: #e2a814 !important; }

.q-border-yellow-green-dark {
  border-color: #628c29 !important; }

.q-border-top-yellow-green-dark {
  border-top-color: #628c29 !important; }

.q-border-right-yellow-green-dark {
  border-right-color: #628c29 !important; }

.q-border-bottom-yellow-green-dark {
  border-bottom-color: #628c29 !important; }

.q-border-left-yellow-green-dark {
  border-left-color: #628c29 !important; }

.q-border-green-dark {
  border-color: #115e3a !important; }

.q-border-top-green-dark {
  border-top-color: #115e3a !important; }

.q-border-right-green-dark {
  border-right-color: #115e3a !important; }

.q-border-bottom-green-dark {
  border-bottom-color: #115e3a !important; }

.q-border-left-green-dark {
  border-left-color: #115e3a !important; }

.q-border-green-blue-dark {
  border-color: #196a65 !important; }

.q-border-top-green-blue-dark {
  border-top-color: #196a65 !important; }

.q-border-right-green-blue-dark {
  border-right-color: #196a65 !important; }

.q-border-bottom-green-blue-dark {
  border-bottom-color: #196a65 !important; }

.q-border-left-green-blue-dark {
  border-left-color: #196a65 !important; }

.q-border-primary {
  border-color: #1d9f61 !important; }

.q-border-top-primary {
  border-top-color: #1d9f61 !important; }

.q-border-right-primary {
  border-right-color: #1d9f61 !important; }

.q-border-bottom-primary {
  border-bottom-color: #1d9f61 !important; }

.q-border-left-primary {
  border-left-color: #1d9f61 !important; }

.q-border-secondary {
  border-color: #505050 !important; }

.q-border-top-secondary {
  border-top-color: #505050 !important; }

.q-border-right-secondary {
  border-right-color: #505050 !important; }

.q-border-bottom-secondary {
  border-bottom-color: #505050 !important; }

.q-border-left-secondary {
  border-left-color: #505050 !important; }

.q-round {
  border-radius: 4px !important; }

.q-round-top {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important; }

.q-round-right {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important; }

.q-round-bottom {
  border-bottom-right-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.q-round-left {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important; }

.q-square {
  border-radius: 0 !important; }

.q-square-top {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important; }

.q-square-right {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.q-square-bottom {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.q-square-left {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; }

.q-rounded {
  border-radius: 999px !important; }

.q-accordion {
  display: flex;
  flex-direction: column; }
  .q-accordion .q-accordion-header {
    padding: 16px 24px;
    font-size: 1.2em;
    font-weight: bold;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    text-align: left;
    cursor: pointer;
    width: 100%;
    transition: ease all 0.25s;
    gap: 8px; }
    .q-accordion .q-accordion-header:hover {
      background: #f2f2f2;
      border-color: #1d9f61 !important; }
    .q-accordion .q-accordion-header:focus, .q-accordion .q-accordion-header:focus-visible {
      border-color: #1d9f61 !important;
      box-shadow: 0 0 0 2px rgba(29, 159, 97, 0.25) !important;
      outline: none; }
    .q-accordion .q-accordion-header.q-open {
      background: #f2f2f2;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      .q-accordion .q-accordion-header.q-open + .q-accordion-content {
        display: block; }
    .q-accordion .q-accordion-header:not(.q-open) .fa-chevron-down {
      transform: rotate(180deg); }
    .q-accordion .q-accordion-header.q-valid {
      color: #1d9f61; }
    .q-accordion .q-accordion-header span {
      flex: 1 0 0; }
    .q-accordion .q-accordion-header i {
      font-size: 14px; }
  .q-accordion .q-accordion-content {
    padding: 24px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    display: none; }
    .q-accordion .q-accordion-content + .q-accordion-header {
      margin-top: 16px; }

.q-alert {
  padding: 16px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  gap: 16px;
  color: #000; }
  .q-alert.q-info {
    background: #EBF1F9;
    border: 1px solid #214578; }
    .q-alert.q-info a {
      text-decoration: underline;
      font-weight: bold; }
    .q-alert.q-info i {
      color: #214578; }
  .q-alert.q-success {
    background: #EDF8EC;
    border: 1px solid #2A7029; }
    .q-alert.q-success a {
      text-decoration: underline;
      font-weight: bold; }
    .q-alert.q-success i {
      color: #2A7029; }
  .q-alert.q-warning {
    background: #FDF7E8;
    border: 1px solid #8D680C; }
    .q-alert.q-warning a {
      text-decoration: underline;
      font-weight: bold; }
    .q-alert.q-warning i {
      color: #8D680C; }
  .q-alert.q-error {
    background: #FAEAEA;
    border: 1px solid #A72525; }
    .q-alert.q-error a {
      text-decoration: underline;
      font-weight: bold; }
    .q-alert.q-error i {
      color: #A72525; }
  .q-alert p {
    margin-top: 0; }
  .q-alert.q-small {
    padding: 8px;
    font-size: 0.9em; }
  .q-alert.q-large {
    font-size: 1.2em; }

.message,
#content div.message,
#flashMessage div.message {
  padding: 16px;
  border-radius: 4px;
  background: #EBF1F9;
  border: 1px solid #214578;
  color: #000; }
  .message a,
  #content div.message a,
  #flashMessage div.message a {
    text-decoration: underline;
    font-weight: bold;
    color: #000; }
  .message i,
  #content div.message i,
  #flashMessage div.message i {
    color: #214578; }

#content div.warning:not(.alert), #flashMessage div.warning:not(.alert), .alert.alert-warning {
  padding: 16px;
  border-radius: 4px;
  background: #FDF7E8;
  border: 1px solid #8D680C;
  color: #000; }
  #content div.warning:not(.alert) a, #flashMessage div.warning:not(.alert) a, .alert.alert-warning a {
    text-decoration: underline;
    font-weight: bold;
    color: #000; }
  #content div.warning:not(.alert) i, #flashMessage div.warning:not(.alert) i, .alert.alert-warning i {
    color: #8D680C; }

#content div.error, #flashMessage div.error, #impersonating {
  padding: 16px;
  border-radius: 4px;
  background: #FAEAEA;
  border: 1px solid #A72525;
  color: #000; }
  #content div.error a, #flashMessage div.error a, #impersonating a {
    text-decoration: underline;
    font-weight: bold;
    color: #000; }
  #content div.error i, #flashMessage div.error i, #impersonating i {
    color: #A72525; }

#impersonating {
  border-radius: 0;
  padding: 8px;
  text-align: center;
  border-left: 0;
  border-top: 0;
  border-right: 0; }

.text-warning {
  margin-top: 2px; }

.q-card,
.un-card,
.card,
.chart-card,
.box {
  padding: 24px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px; }
  @media (max-width: 480px) {
    .q-card,
    .un-card,
    .card,
    .chart-card,
    .box {
      padding: 8px; } }

.un-card, .card, .chart-card {
  padding: 0; }
  .un-card .un-card-body, .un-card .card-body, .card .un-card-body, .card .card-body, .chart-card .un-card-body, .chart-card .card-body {
    padding: 24px; }

.chart-card {
  overflow: hidden; }

.q-code {
  position: relative;
  background: #fff;
  padding: 8px;
  border-radius: 4px;
  font-family: monospace;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: left; }
  .q-code .copy-button {
    position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer; }
  .q-code pre {
    margin: 0;
    overflow-x: auto; }

.q-dialog, .modal, #content .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  max-height: 100%;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  opacity: 0;
  align-items: center;
  justify-content: center;
  z-index: 1031;
  animation: fadeIn 0.1s ease-in forwards; }
  .q-dialog.q-open, .q-dialog[style*="display: block"], .q-dialog.show, .modal.q-open, .modal[style*="display: block"], .modal.show, #content .modal.q-open, #content .modal[style*="display: block"], #content .modal.show {
    display: flex !important; }
  .q-dialog .modal-dialog:not(.modal-lg):not(.modal-md):not(.modal-sm), .modal .modal-dialog:not(.modal-lg):not(.modal-md):not(.modal-sm), #content .modal .modal-dialog:not(.modal-lg):not(.modal-md):not(.modal-sm) {
    width: 500px; }
  .q-dialog .q-dialog-content, .q-dialog .modal-dialog, .modal .q-dialog-content, .modal .modal-dialog, #content .modal .q-dialog-content, #content .modal .modal-dialog {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    overflow: hidden;
    max-width: calc(100vw - 16px);
    max-height: calc(100dvh - 16px);
    display: flex;
    flex-direction: column;
    transform: scale(0.75);
    animation: fadeZoomIn 0.1s ease-in forwards; }
    .q-dialog .q-dialog-content .q-dialog-header, .q-dialog .q-dialog-content .modal-header, .q-dialog .modal-dialog .q-dialog-header, .q-dialog .modal-dialog .modal-header, .modal .q-dialog-content .q-dialog-header, .modal .q-dialog-content .modal-header, .modal .modal-dialog .q-dialog-header, .modal .modal-dialog .modal-header, #content .modal .q-dialog-content .q-dialog-header, #content .modal .q-dialog-content .modal-header, #content .modal .modal-dialog .q-dialog-header, #content .modal .modal-dialog .modal-header {
      padding: 16px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      font-size: 1.4em;
      font-weight: bold; }
    .q-dialog .q-dialog-content .q-dialog-body, .q-dialog .modal-dialog .q-dialog-body, .modal .q-dialog-content .q-dialog-body, .modal .modal-dialog .q-dialog-body, #content .modal .q-dialog-content .q-dialog-body, #content .modal .modal-dialog .q-dialog-body {
      padding: 16px;
      overflow-y: auto; }
    .q-dialog .q-dialog-content .q-dialog-footer, .q-dialog .q-dialog-content .modal-footer, .q-dialog .modal-dialog .q-dialog-footer, .q-dialog .modal-dialog .modal-footer, .modal .q-dialog-content .q-dialog-footer, .modal .q-dialog-content .modal-footer, .modal .modal-dialog .q-dialog-footer, .modal .modal-dialog .modal-footer, #content .modal .q-dialog-content .q-dialog-footer, #content .modal .q-dialog-content .modal-footer, #content .modal .modal-dialog .q-dialog-footer, #content .modal .modal-dialog .modal-footer {
      padding: 16px 32px;
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      text-align: left;
      display: flex;
      gap: 8px;
      flex-wrap: wrap; }
      .q-dialog .q-dialog-content .q-dialog-footer:before, .q-dialog .q-dialog-content .q-dialog-footer:after, .q-dialog .q-dialog-content .modal-footer:before, .q-dialog .q-dialog-content .modal-footer:after, .q-dialog .modal-dialog .q-dialog-footer:before, .q-dialog .modal-dialog .q-dialog-footer:after, .q-dialog .modal-dialog .modal-footer:before, .q-dialog .modal-dialog .modal-footer:after, .modal .q-dialog-content .q-dialog-footer:before, .modal .q-dialog-content .q-dialog-footer:after, .modal .q-dialog-content .modal-footer:before, .modal .q-dialog-content .modal-footer:after, .modal .modal-dialog .q-dialog-footer:before, .modal .modal-dialog .q-dialog-footer:after, .modal .modal-dialog .modal-footer:before, .modal .modal-dialog .modal-footer:after, #content .modal .q-dialog-content .q-dialog-footer:before, #content .modal .q-dialog-content .q-dialog-footer:after, #content .modal .q-dialog-content .modal-footer:before, #content .modal .q-dialog-content .modal-footer:after, #content .modal .modal-dialog .q-dialog-footer:before, #content .modal .modal-dialog .q-dialog-footer:after, #content .modal .modal-dialog .modal-footer:before, #content .modal .modal-dialog .modal-footer:after {
        display: none !important; }
      .q-dialog .q-dialog-content .q-dialog-footer .btn, .q-dialog .q-dialog-content .modal-footer .btn, .q-dialog .modal-dialog .q-dialog-footer .btn, .q-dialog .modal-dialog .modal-footer .btn, .modal .q-dialog-content .q-dialog-footer .btn, .modal .q-dialog-content .modal-footer .btn, .modal .modal-dialog .q-dialog-footer .btn, .modal .modal-dialog .modal-footer .btn, #content .modal .q-dialog-content .q-dialog-footer .btn, #content .modal .q-dialog-content .modal-footer .btn, #content .modal .modal-dialog .q-dialog-footer .btn, #content .modal .modal-dialog .modal-footer .btn {
        margin: 0;
        margin-right: 0; }
  .q-dialog.q-xsmall .q-dialog-content, .modal.q-xsmall .q-dialog-content, #content .modal.q-xsmall .q-dialog-content {
    width: 240px;
    min-width: initial; }
  .q-dialog.q-small .q-dialog-content, .modal.q-small .q-dialog-content, #content .modal.q-small .q-dialog-content {
    width: 300px;
    min-width: initial; }
  .q-dialog.q-medium .q-dialog-content, .modal.q-medium .q-dialog-content, #content .modal.q-medium .q-dialog-content {
    width: 500px;
    min-width: initial; }
  .q-dialog.q-large .q-dialog-content, .modal.q-large .q-dialog-content, #content .modal.q-large .q-dialog-content {
    width: 800px;
    min-width: initial; }
  .q-dialog.q-xlarge .q-dialog-content, .modal.q-xlarge .q-dialog-content, #content .modal.q-xlarge .q-dialog-content {
    width: 1080px;
    min-width: initial; }
  .q-dialog.q-fullscreen .q-dialog-content, .modal.q-fullscreen .q-dialog-content, #content .modal.q-fullscreen .q-dialog-content {
    border-radius: 0;
    max-width: 100vw;
    width: 100vw;
    height: 100dvh;
    min-width: initial;
    max-height: initial; }
    .q-dialog.q-fullscreen .q-dialog-content .q-dialog-body, .modal.q-fullscreen .q-dialog-content .q-dialog-body, #content .modal.q-fullscreen .q-dialog-content .q-dialog-body {
      flex: 1 0 0; }

.modal {
  padding: 10px; }
  .modal .modal-header {
    padding: 8px 16px !important; }
  .modal .modal-footer {
    padding: 8px 16px !important; }

.modal-header:before, .modal-header:after {
  display: none; }

.modal-header {
  display: flex;
  gap: 16px; }
  .modal-header .modal-title {
    flex: 1;
    font-size: 1em !important; }

.modal-content #editHouseholdContactInformationForm {
  padding: 16px; }
  .modal-content #editHouseholdContactInformationForm .q-alert.q-error {
    margin-bottom: 16px; }

.modal-backdrop.show {
  display: none !important; }

.modal-content #EditGuardian {
  padding: 0 16px; }

.q-empty {
  padding: 2rem 1rem;
  position: relative;
  text-align: center; }
  .q-empty i {
    font-size: 3em;
    margin: 0.2em; }
  .q-empty p {
    margin-top: 0; }

.q-field {
  position: relative; }

.q-field-icon {
  position: absolute;
  bottom: 22px;
  left: 12px;
  transform: translateY(50%); }
  .q-field-icon.fa {
    opacity: .5; }
  .q-field-icon ~ .q-textbox {
    padding-left: 40px !important; }

.q-field {
  position: relative; }

x .q-field-icon {
  position: absolute;
  bottom: 22px;
  left: 12px;
  transform: translateY(50%); }
  x .q-field-icon.fa {
    opacity: .5; }
  x .q-field-icon ~ .q-textbox {
    padding-left: 40px !important; }

.no-label {
  padding-top: 23px; }

.q-label, .control-label {
  display: block;
  margin-bottom: 6px;
  line-height: 1.2;
  font-size: 14px; }

label {
  display: block; }

.valid-text {
  color: #2A7029;
  margin-top: 6px;
  font-size: 12px; }

.invalid-text, .field-validation-error {
  color: #A72525;
  margin-top: 6px;
  font-size: 12px; }

.notes {
  margin-top: 6px; }
  .notes + .invalid-text {
    margin-top: 4px; }

.required-asterisk {
  color: #cd1616; }

.fa {
  --fa-family: var(--fa-family-sharp); }

.q-line {
  overflow: hidden;
  display: flex;
  justify-content: center; }
  .q-line span {
    position: relative;
    font-weight: bold;
    font-size: 0.9em; }
    .q-line span:before, .q-line span:after {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .q-line span:before {
      right: 100%;
      width: 100vw;
      margin-right: 8px; }
    .q-line span:after {
      left: 100%;
      width: 100vw;
      margin-left: 8px; }

.q-menu ul {
  margin: 0;
  padding: 0; }
  .q-menu ul li {
    list-style: none;
    position: relative; }
    .q-menu ul li.q-active > a {
      color: #000;
      background: rgba(0, 0, 0, 0.05); }
      .q-menu ul li.q-active > a .fa {
        opacity: 1; }
    .q-menu ul li a {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px;
      color: #000;
      transition: ease all 0.25s;
      text-decoration: none;
      margin: 0;
      cursor: pointer; }
      .q-menu ul li a span {
        flex: 1 0 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .q-menu ul li a.q-active {
        color: #000;
        background: rgba(0, 0, 0, 0.05); }
      .q-menu ul li a .fa {
        transition: ease all 0.25s;
        opacity: 0.3; }
      .q-menu ul li a:hover {
        color: #000;
        background: rgba(0, 0, 0, 0.05); }
        .q-menu ul li a:hover .fa {
          opacity: 1; }
      .q-menu ul li a:focus, .q-menu ul li a:focus-visible {
        box-shadow: 0 0 0 2px rgba(29, 159, 97, 0.25) !important;
        outline: none; }
  .q-menu ul ul {
    background: rgba(0, 0, 0, 0.05); }
    .q-menu ul ul li a {
      padding: 8px 16px; }
  .q-menu ul .dropdown-menu {
    background: #f6f6f6;
    max-height: 80vh !important;
    overflow-y: auto; }

.q-menu.q-horizontal ul {
  display: flex; }

.q-menu.q-small ul li a {
  font-size: 0.8em; }

.q-menu.q-large ul li a {
  padding: 16px; }

.q-menu.q-large ul ul li a {
  padding: 8px 16px; }

.dropdown-menu {
  max-height: 70vh;
  overflow-y: auto; }

.q-panel,
.panel {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  .q-panel .q-panel-header, .q-panel .panel-heading,
  .panel .q-panel-header,
  .panel .panel-heading {
    font-size: 14px;
    padding: 16px 24px;
    background: #fff; }
    .q-panel .q-panel-header + .q-panel-content, .q-panel .panel-heading + .q-panel-content,
    .panel .q-panel-header + .q-panel-content,
    .panel .panel-heading + .q-panel-content {
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .q-panel .q-panel-content, .q-panel .panel-body,
  .panel .q-panel-content,
  .panel .panel-body {
    padding: 24px;
    background: #fff; }
  .q-panel .panel-footer,
  .panel .panel-footer {
    background: #fff;
    padding: 16px 24px; }

.q-profile {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #5a8294;
  color: #fff;
  text-align: center;
  line-height: 32px;
  font-size: 1em;
  display: block; }
  .q-profile.q-small {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 0.8em; }
  .q-profile.q-large {
    width: 52px;
    height: 52px;
    line-height: 52px;
    font-size: 1.2em; }

@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.q-spinner {
  width: 40px;
  height: 40px;
  border: 5px solid white;
  border-bottom-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite; }

.dataTables_wrapper {
  overflow-x: auto;
  min-height: .01%; }
  .dataTables_wrapper > .row {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: nowrap; }
    .dataTables_wrapper > .row > [class*="col-"] {
      padding: 0;
      float: none; }
  .dataTables_wrapper .dataTables_filter input[type="search"] {
    margin: 0;
    margin-left: 4px; }
  .dataTables_wrapper .dataTables_length select {
    margin: 0 4px; }

table.q-table,
table.dataTable,
table.table {
  border: 0;
  margin: 0 !important;
  font-size: 14px;
  width: 100%;
  background: white;
  border-collapse: collapse;
  border-spacing: 0; }
  table.q-table.q-compact > tbody > tr > td,
  table.dataTable.q-compact > tbody > tr > td,
  table.table.q-compact > tbody > tr > td {
    height: 32px; }
  table.q-table thead tr:last-child th,
  table.dataTable thead tr:last-child th,
  table.table thead tr:last-child th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  table.q-table > thead > tr > th,
  table.q-table > tbody > tr > td,
  table.dataTable > thead > tr > th,
  table.dataTable > tbody > tr > td,
  table.table > thead > tr > th,
  table.table > tbody > tr > td {
    border: 0;
    background: transparent;
    vertical-align: middle;
    text-align: left;
    padding: 2px 4px; }
  table.q-table > thead > tr > th,
  table.dataTable > thead > tr > th,
  table.table > thead > tr > th {
    height: 28px;
    line-height: initial;
    font-size: 12px; }
  table.q-table > tbody > tr:hover,
  table.dataTable > tbody > tr:hover,
  table.table > tbody > tr:hover {
    background-color: rgba(45, 137, 207, 0.05); }
  table.q-table > tbody > tr > td,
  table.dataTable > tbody > tr > td,
  table.table > tbody > tr > td {
    height: 32px;
    line-height: initial;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  table.q-table thead .sorting:after,
  table.q-table thead .sorting_asc:after,
  table.q-table thead .sorting_desc:after,
  table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_asc:after,
  table.dataTable thead .sorting_desc:after,
  table.table thead .sorting:after,
  table.table thead .sorting_asc:after,
  table.table thead .sorting_desc:after {
    font-size: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 12px; }

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: transparent; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: transparent; }

.dataTables_paginate {
  padding-top: 8px; }

.dataTables_filter label {
  margin: 0;
  padding: 0; }

ul.pagination li a {
  transition: ease all 0.25s; }
  ul.pagination li a:hover {
    color: #000; }

ul.pagination li.active a {
  background: #505050; }

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
  background: #1d9f61;
  outline: none; }

.q-tabs .q-tabs-nav {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap; }
  .q-tabs .q-tabs-nav li {
    padding: 8px 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
    margin-right: -1px;
    margin-bottom: -1px;
    position: relative;
    transition: ease all 0.25s;
    background: #fff; }
    .q-tabs .q-tabs-nav li:first-child {
      border-top-left-radius: 4px; }
    .q-tabs .q-tabs-nav li:last-child {
      border-top-right-radius: 4px; }
    .q-tabs .q-tabs-nav li:hover {
      background: rgba(0, 0, 0, 0.025);
      z-index: 1; }
    .q-tabs .q-tabs-nav li.q-active, .q-tabs .q-tabs-nav li.active {
      background: rgba(0, 0, 0, 0.05);
      z-index: 1;
      box-shadow: inset #1d9f61 0px -2px 0;
      border-bottom-color: #1d9f61; }
    .q-tabs .q-tabs-nav li a {
      color: inherit; }

.q-tab {
  padding: 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fff; }

.q-button,
a.q-button[href],
.btn,
.q-link.edit,
.q-link.create,
.q-link.add,
.q-link.sort,
.q-link.preview,
.q-link.export,
.q-link.import,
.q-link.send,
.q-link.back,
.q-link.deactivate {
  display: inline-block;
  padding: 0 16px;
  border-radius: 4px;
  background: #1d9f61;
  border: 1px solid #1d9f61;
  color: #fff;
  transition: ease all 0.25s;
  font-size: 14px;
  height: 44px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  line-height: 42px;
  vertical-align: middle;
  cursor: pointer;
  text-decoration: none !important;
  box-shadow: none; }
  .q-button:hover,
  a.q-button[href]:hover,
  .btn:hover,
  .q-link.edit:hover,
  .q-link.create:hover,
  .q-link.add:hover,
  .q-link.sort:hover,
  .q-link.preview:hover,
  .q-link.export:hover,
  .q-link.import:hover,
  .q-link.send:hover,
  .q-link.back:hover,
  .q-link.deactivate:hover {
    background: #21b56e;
    border-color: #21b56e; }
  .q-button:focus, .q-button:focus-visible,
  a.q-button[href]:focus,
  a.q-button[href]:focus-visible,
  .btn:focus,
  .btn:focus-visible,
  .q-link.edit:focus,
  .q-link.edit:focus-visible,
  .q-link.create:focus,
  .q-link.create:focus-visible,
  .q-link.add:focus,
  .q-link.add:focus-visible,
  .q-link.sort:focus,
  .q-link.sort:focus-visible,
  .q-link.preview:focus,
  .q-link.preview:focus-visible,
  .q-link.export:focus,
  .q-link.export:focus-visible,
  .q-link.import:focus,
  .q-link.import:focus-visible,
  .q-link.send:focus,
  .q-link.send:focus-visible,
  .q-link.back:focus,
  .q-link.back:focus-visible,
  .q-link.deactivate:focus,
  .q-link.deactivate:focus-visible {
    border-color: #1d9f61 !important;
    box-shadow: 0 0 0 2px rgba(29, 159, 97, 0.25) !important;
    outline: none; }
  .q-button:active,
  a.q-button[href]:active,
  .btn:active,
  .q-link.edit:active,
  .q-link.create:active,
  .q-link.add:active,
  .q-link.sort:active,
  .q-link.preview:active,
  .q-link.export:active,
  .q-link.import:active,
  .q-link.send:active,
  .q-link.back:active,
  .q-link.deactivate:active {
    background: #198954;
    border-color: #1d9f61 !important;
    box-shadow: 0 0 0 2px rgba(29, 159, 97, 0.25) !important;
    outline: none;
    color: #fff; }
  .q-button.q-secondary,
  a.q-button[href].q-secondary,
  .btn.q-secondary,
  .q-link.edit.q-secondary,
  .q-link.create.q-secondary,
  .q-link.add.q-secondary,
  .q-link.sort.q-secondary,
  .q-link.preview.q-secondary,
  .q-link.export.q-secondary,
  .q-link.import.q-secondary,
  .q-link.send.q-secondary,
  .q-link.back.q-secondary,
  .q-link.deactivate.q-secondary {
    background: #505050;
    color: #fff;
    border-color: #505050; }
    .q-button.q-secondary:hover,
    a.q-button[href].q-secondary:hover,
    .btn.q-secondary:hover,
    .q-link.edit.q-secondary:hover,
    .q-link.create.q-secondary:hover,
    .q-link.add.q-secondary:hover,
    .q-link.sort.q-secondary:hover,
    .q-link.preview.q-secondary:hover,
    .q-link.export.q-secondary:hover,
    .q-link.import.q-secondary:hover,
    .q-link.send.q-secondary:hover,
    .q-link.back.q-secondary:hover,
    .q-link.deactivate.q-secondary:hover {
      background: #5d5d5d;
      border-color: #5d5d5d; }
    .q-button.q-secondary:active,
    a.q-button[href].q-secondary:active,
    .btn.q-secondary:active,
    .q-link.edit.q-secondary:active,
    .q-link.create.q-secondary:active,
    .q-link.add.q-secondary:active,
    .q-link.sort.q-secondary:active,
    .q-link.preview.q-secondary:active,
    .q-link.export.q-secondary:active,
    .q-link.import.q-secondary:active,
    .q-link.send.q-secondary:active,
    .q-link.back.q-secondary:active,
    .q-link.deactivate.q-secondary:active {
      color: #fff; }
  .q-button.q-tertiary,
  a.q-button[href].q-tertiary,
  .btn.q-tertiary,
  .q-link.edit.q-tertiary,
  .q-link.create.q-tertiary,
  .q-link.add.q-tertiary,
  .q-link.sort.q-tertiary,
  .q-link.preview.q-tertiary,
  .q-link.export.q-tertiary,
  .q-link.import.q-tertiary,
  .q-link.send.q-tertiary,
  .q-link.back.q-tertiary,
  .q-link.deactivate.q-tertiary {
    background: transparent;
    color: #000;
    border-color: #000; }
    .q-button.q-tertiary:hover,
    a.q-button[href].q-tertiary:hover,
    .btn.q-tertiary:hover,
    .q-link.edit.q-tertiary:hover,
    .q-link.create.q-tertiary:hover,
    .q-link.add.q-tertiary:hover,
    .q-link.sort.q-tertiary:hover,
    .q-link.preview.q-tertiary:hover,
    .q-link.export.q-tertiary:hover,
    .q-link.import.q-tertiary:hover,
    .q-link.send.q-tertiary:hover,
    .q-link.back.q-tertiary:hover,
    .q-link.deactivate.q-tertiary:hover {
      background: rgba(0, 0, 0, 0.1); }
    .q-button.q-tertiary:active,
    a.q-button[href].q-tertiary:active,
    .btn.q-tertiary:active,
    .q-link.edit.q-tertiary:active,
    .q-link.create.q-tertiary:active,
    .q-link.add.q-tertiary:active,
    .q-link.sort.q-tertiary:active,
    .q-link.preview.q-tertiary:active,
    .q-link.export.q-tertiary:active,
    .q-link.import.q-tertiary:active,
    .q-link.send.q-tertiary:active,
    .q-link.back.q-tertiary:active,
    .q-link.deactivate.q-tertiary:active {
      color: #000; }
  .q-button.q-white,
  a.q-button[href].q-white,
  .btn.q-white,
  .q-link.edit.q-white,
  .q-link.create.q-white,
  .q-link.add.q-white,
  .q-link.sort.q-white,
  .q-link.preview.q-white,
  .q-link.export.q-white,
  .q-link.import.q-white,
  .q-link.send.q-white,
  .q-link.back.q-white,
  .q-link.deactivate.q-white {
    background: #fff;
    border-color: #fff;
    color: black; }
    .q-button.q-white:hover,
    a.q-button[href].q-white:hover,
    .btn.q-white:hover,
    .q-link.edit.q-white:hover,
    .q-link.create.q-white:hover,
    .q-link.add.q-white:hover,
    .q-link.sort.q-white:hover,
    .q-link.preview.q-white:hover,
    .q-link.export.q-white:hover,
    .q-link.import.q-white:hover,
    .q-link.send.q-white:hover,
    .q-link.back.q-white:hover,
    .q-link.deactivate.q-white:hover {
      background: #f2f2f2; }
  .q-button.q-black,
  a.q-button[href].q-black,
  .btn.q-black,
  .q-link.edit.q-black,
  .q-link.create.q-black,
  .q-link.add.q-black,
  .q-link.sort.q-black,
  .q-link.preview.q-black,
  .q-link.export.q-black,
  .q-link.import.q-black,
  .q-link.send.q-black,
  .q-link.back.q-black,
  .q-link.deactivate.q-black {
    background: #000;
    border-color: #000;
    color: white; }
    .q-button.q-black:hover,
    a.q-button[href].q-black:hover,
    .btn.q-black:hover,
    .q-link.edit.q-black:hover,
    .q-link.create.q-black:hover,
    .q-link.add.q-black:hover,
    .q-link.sort.q-black:hover,
    .q-link.preview.q-black:hover,
    .q-link.export.q-black:hover,
    .q-link.import.q-black:hover,
    .q-link.send.q-black:hover,
    .q-link.back.q-black:hover,
    .q-link.deactivate.q-black:hover {
      background: #0d0d0d; }
  .q-button.q-grey,
  a.q-button[href].q-grey,
  .btn.q-grey,
  .q-link.edit.q-grey,
  .q-link.create.q-grey,
  .q-link.add.q-grey,
  .q-link.sort.q-grey,
  .q-link.preview.q-grey,
  .q-link.export.q-grey,
  .q-link.import.q-grey,
  .q-link.send.q-grey,
  .q-link.back.q-grey,
  .q-link.deactivate.q-grey {
    background: #e6e6e6;
    border-color: #e6e6e6;
    color: black; }
    .q-button.q-grey:hover,
    a.q-button[href].q-grey:hover,
    .btn.q-grey:hover,
    .q-link.edit.q-grey:hover,
    .q-link.create.q-grey:hover,
    .q-link.add.q-grey:hover,
    .q-link.sort.q-grey:hover,
    .q-link.preview.q-grey:hover,
    .q-link.export.q-grey:hover,
    .q-link.import.q-grey:hover,
    .q-link.send.q-grey:hover,
    .q-link.back.q-grey:hover,
    .q-link.deactivate.q-grey:hover {
      background: #d9d9d9; }
  .q-button.q-alt,
  a.q-button[href].q-alt,
  .btn.q-alt,
  .q-link.edit.q-alt,
  .q-link.create.q-alt,
  .q-link.add.q-alt,
  .q-link.sort.q-alt,
  .q-link.preview.q-alt,
  .q-link.export.q-alt,
  .q-link.import.q-alt,
  .q-link.send.q-alt,
  .q-link.back.q-alt,
  .q-link.deactivate.q-alt {
    background: #f4f4f5;
    border-color: #f4f4f5;
    color: black; }
    .q-button.q-alt:hover,
    a.q-button[href].q-alt:hover,
    .btn.q-alt:hover,
    .q-link.edit.q-alt:hover,
    .q-link.create.q-alt:hover,
    .q-link.add.q-alt:hover,
    .q-link.sort.q-alt:hover,
    .q-link.preview.q-alt:hover,
    .q-link.export.q-alt:hover,
    .q-link.import.q-alt:hover,
    .q-link.send.q-alt:hover,
    .q-link.back.q-alt:hover,
    .q-link.deactivate.q-alt:hover {
      background: #e7e7e9; }
  .q-button.q-community-one,
  a.q-button[href].q-community-one,
  .btn.q-community-one,
  .q-link.edit.q-community-one,
  .q-link.create.q-community-one,
  .q-link.add.q-community-one,
  .q-link.sort.q-community-one,
  .q-link.preview.q-community-one,
  .q-link.export.q-community-one,
  .q-link.import.q-community-one,
  .q-link.send.q-community-one,
  .q-link.back.q-community-one,
  .q-link.deactivate.q-community-one {
    background: #9fe9c6;
    border-color: #9fe9c6;
    color: black; }
    .q-button.q-community-one:hover,
    a.q-button[href].q-community-one:hover,
    .btn.q-community-one:hover,
    .q-link.edit.q-community-one:hover,
    .q-link.create.q-community-one:hover,
    .q-link.add.q-community-one:hover,
    .q-link.sort.q-community-one:hover,
    .q-link.preview.q-community-one:hover,
    .q-link.export.q-community-one:hover,
    .q-link.import.q-community-one:hover,
    .q-link.send.q-community-one:hover,
    .q-link.back.q-community-one:hover,
    .q-link.deactivate.q-community-one:hover {
      background: #8ae4ba; }
  .q-button.q-blue,
  a.q-button[href].q-blue,
  .btn.q-blue,
  .q-link.edit.q-blue,
  .q-link.create.q-blue,
  .q-link.add.q-blue,
  .q-link.sort.q-blue,
  .q-link.preview.q-blue,
  .q-link.export.q-blue,
  .q-link.import.q-blue,
  .q-link.send.q-blue,
  .q-link.back.q-blue,
  .q-link.deactivate.q-blue {
    background: #2d89cf;
    border-color: #2d89cf;
    color: white; }
    .q-button.q-blue:hover,
    a.q-button[href].q-blue:hover,
    .btn.q-blue:hover,
    .q-link.edit.q-blue:hover,
    .q-link.create.q-blue:hover,
    .q-link.add.q-blue:hover,
    .q-link.sort.q-blue:hover,
    .q-link.preview.q-blue:hover,
    .q-link.export.q-blue:hover,
    .q-link.import.q-blue:hover,
    .q-link.send.q-blue:hover,
    .q-link.back.q-blue:hover,
    .q-link.deactivate.q-blue:hover {
      background: #4095d5; }
  .q-button.q-blue-purple,
  a.q-button[href].q-blue-purple,
  .btn.q-blue-purple,
  .q-link.edit.q-blue-purple,
  .q-link.create.q-blue-purple,
  .q-link.add.q-blue-purple,
  .q-link.sort.q-blue-purple,
  .q-link.preview.q-blue-purple,
  .q-link.export.q-blue-purple,
  .q-link.import.q-blue-purple,
  .q-link.send.q-blue-purple,
  .q-link.back.q-blue-purple,
  .q-link.deactivate.q-blue-purple {
    background: #2b73bf;
    border-color: #2b73bf;
    color: white; }
    .q-button.q-blue-purple:hover,
    a.q-button[href].q-blue-purple:hover,
    .btn.q-blue-purple:hover,
    .q-link.edit.q-blue-purple:hover,
    .q-link.create.q-blue-purple:hover,
    .q-link.add.q-blue-purple:hover,
    .q-link.sort.q-blue-purple:hover,
    .q-link.preview.q-blue-purple:hover,
    .q-link.export.q-blue-purple:hover,
    .q-link.import.q-blue-purple:hover,
    .q-link.send.q-blue-purple:hover,
    .q-link.back.q-blue-purple:hover,
    .q-link.deactivate.q-blue-purple:hover {
      background: #3380d1; }
  .q-button.q-purple,
  a.q-button[href].q-purple,
  .btn.q-purple,
  .q-link.edit.q-purple,
  .q-link.create.q-purple,
  .q-link.add.q-purple,
  .q-link.sort.q-purple,
  .q-link.preview.q-purple,
  .q-link.export.q-purple,
  .q-link.import.q-purple,
  .q-link.send.q-purple,
  .q-link.back.q-purple,
  .q-link.deactivate.q-purple {
    background: #662c92;
    border-color: #662c92;
    color: white; }
    .q-button.q-purple:hover,
    a.q-button[href].q-purple:hover,
    .btn.q-purple:hover,
    .q-link.edit.q-purple:hover,
    .q-link.create.q-purple:hover,
    .q-link.add.q-purple:hover,
    .q-link.sort.q-purple:hover,
    .q-link.preview.q-purple:hover,
    .q-link.export.q-purple:hover,
    .q-link.import.q-purple:hover,
    .q-link.send.q-purple:hover,
    .q-link.back.q-purple:hover,
    .q-link.deactivate.q-purple:hover {
      background: #7432a6; }
  .q-button.q-purple-red,
  a.q-button[href].q-purple-red,
  .btn.q-purple-red,
  .q-link.edit.q-purple-red,
  .q-link.create.q-purple-red,
  .q-link.add.q-purple-red,
  .q-link.sort.q-purple-red,
  .q-link.preview.q-purple-red,
  .q-link.export.q-purple-red,
  .q-link.import.q-purple-red,
  .q-link.send.q-purple-red,
  .q-link.back.q-purple-red,
  .q-link.deactivate.q-purple-red {
    background: #91248f;
    border-color: #91248f;
    color: white; }
    .q-button.q-purple-red:hover,
    a.q-button[href].q-purple-red:hover,
    .btn.q-purple-red:hover,
    .q-link.edit.q-purple-red:hover,
    .q-link.create.q-purple-red:hover,
    .q-link.add.q-purple-red:hover,
    .q-link.sort.q-purple-red:hover,
    .q-link.preview.q-purple-red:hover,
    .q-link.export.q-purple-red:hover,
    .q-link.import.q-purple-red:hover,
    .q-link.send.q-purple-red:hover,
    .q-link.back.q-purple-red:hover,
    .q-link.deactivate.q-purple-red:hover {
      background: #a529a3; }
  .q-button.q-red,
  a.q-button[href].q-red,
  .btn.q-red,
  .q-link.edit.q-red,
  .q-link.create.q-red,
  .q-link.add.q-red,
  .q-link.sort.q-red,
  .q-link.preview.q-red,
  .q-link.export.q-red,
  .q-link.import.q-red,
  .q-link.send.q-red,
  .q-link.back.q-red,
  .q-link.deactivate.q-red {
    background: #ea1b24;
    border-color: #ea1b24;
    color: white; }
    .q-button.q-red:hover,
    a.q-button[href].q-red:hover,
    .btn.q-red:hover,
    .q-link.edit.q-red:hover,
    .q-link.create.q-red:hover,
    .q-link.add.q-red:hover,
    .q-link.sort.q-red:hover,
    .q-link.preview.q-red:hover,
    .q-link.export.q-red:hover,
    .q-link.import.q-red:hover,
    .q-link.send.q-red:hover,
    .q-link.back.q-red:hover,
    .q-link.deactivate.q-red:hover {
      background: #d8141c; }
  .q-button.q-red-orange,
  a.q-button[href].q-red-orange,
  .btn.q-red-orange,
  .q-link.edit.q-red-orange,
  .q-link.create.q-red-orange,
  .q-link.add.q-red-orange,
  .q-link.sort.q-red-orange,
  .q-link.preview.q-red-orange,
  .q-link.export.q-red-orange,
  .q-link.import.q-red-orange,
  .q-link.send.q-red-orange,
  .q-link.back.q-red-orange,
  .q-link.deactivate.q-red-orange {
    background: #ea5928;
    border-color: #ea5928;
    color: white; }
    .q-button.q-red-orange:hover,
    a.q-button[href].q-red-orange:hover,
    .btn.q-red-orange:hover,
    .q-link.edit.q-red-orange:hover,
    .q-link.create.q-red-orange:hover,
    .q-link.add.q-red-orange:hover,
    .q-link.sort.q-red-orange:hover,
    .q-link.preview.q-red-orange:hover,
    .q-link.export.q-red-orange:hover,
    .q-link.import.q-red-orange:hover,
    .q-link.send.q-red-orange:hover,
    .q-link.back.q-red-orange:hover,
    .q-link.deactivate.q-red-orange:hover {
      background: #e24a16; }
  .q-button.q-orange,
  a.q-button[href].q-orange,
  .btn.q-orange,
  .q-link.edit.q-orange,
  .q-link.create.q-orange,
  .q-link.add.q-orange,
  .q-link.sort.q-orange,
  .q-link.preview.q-orange,
  .q-link.export.q-orange,
  .q-link.import.q-orange,
  .q-link.send.q-orange,
  .q-link.back.q-orange,
  .q-link.deactivate.q-orange {
    background: #f7941d;
    border-color: #f7941d;
    color: white; }
    .q-button.q-orange:hover,
    a.q-button[href].q-orange:hover,
    .btn.q-orange:hover,
    .q-link.edit.q-orange:hover,
    .q-link.create.q-orange:hover,
    .q-link.add.q-orange:hover,
    .q-link.sort.q-orange:hover,
    .q-link.preview.q-orange:hover,
    .q-link.export.q-orange:hover,
    .q-link.import.q-orange:hover,
    .q-link.send.q-orange:hover,
    .q-link.back.q-orange:hover,
    .q-link.deactivate.q-orange:hover {
      background: #f28809; }
  .q-button.q-orange-yellow,
  a.q-button[href].q-orange-yellow,
  .btn.q-orange-yellow,
  .q-link.edit.q-orange-yellow,
  .q-link.create.q-orange-yellow,
  .q-link.add.q-orange-yellow,
  .q-link.sort.q-orange-yellow,
  .q-link.preview.q-orange-yellow,
  .q-link.export.q-orange-yellow,
  .q-link.import.q-orange-yellow,
  .q-link.send.q-orange-yellow,
  .q-link.back.q-orange-yellow,
  .q-link.deactivate.q-orange-yellow {
    background: #fab03f;
    border-color: #fab03f;
    color: black; }
    .q-button.q-orange-yellow:hover,
    a.q-button[href].q-orange-yellow:hover,
    .btn.q-orange-yellow:hover,
    .q-link.edit.q-orange-yellow:hover,
    .q-link.create.q-orange-yellow:hover,
    .q-link.add.q-orange-yellow:hover,
    .q-link.sort.q-orange-yellow:hover,
    .q-link.preview.q-orange-yellow:hover,
    .q-link.export.q-orange-yellow:hover,
    .q-link.import.q-orange-yellow:hover,
    .q-link.send.q-orange-yellow:hover,
    .q-link.back.q-orange-yellow:hover,
    .q-link.deactivate.q-orange-yellow:hover {
      background: #f9a626; }
  .q-button.q-yellow,
  a.q-button[href].q-yellow,
  .btn.q-yellow,
  .q-link.edit.q-yellow,
  .q-link.create.q-yellow,
  .q-link.add.q-yellow,
  .q-link.sort.q-yellow,
  .q-link.preview.q-yellow,
  .q-link.export.q-yellow,
  .q-link.import.q-yellow,
  .q-link.send.q-yellow,
  .q-link.back.q-yellow,
  .q-link.deactivate.q-yellow {
    background: #F0C452;
    border-color: #F0C452;
    color: black; }
    .q-button.q-yellow:hover,
    a.q-button[href].q-yellow:hover,
    .btn.q-yellow:hover,
    .q-link.edit.q-yellow:hover,
    .q-link.create.q-yellow:hover,
    .q-link.add.q-yellow:hover,
    .q-link.sort.q-yellow:hover,
    .q-link.preview.q-yellow:hover,
    .q-link.export.q-yellow:hover,
    .q-link.import.q-yellow:hover,
    .q-link.send.q-yellow:hover,
    .q-link.back.q-yellow:hover,
    .q-link.deactivate.q-yellow:hover {
      background: #eebc3b; }
  .q-button.q-yellow-green,
  a.q-button[href].q-yellow-green,
  .btn.q-yellow-green,
  .q-link.edit.q-yellow-green,
  .q-link.create.q-yellow-green,
  .q-link.add.q-yellow-green,
  .q-link.sort.q-yellow-green,
  .q-link.preview.q-yellow-green,
  .q-link.export.q-yellow-green,
  .q-link.import.q-yellow-green,
  .q-link.send.q-yellow-green,
  .q-link.back.q-yellow-green,
  .q-link.deactivate.q-yellow-green {
    background: #8cc63b;
    border-color: #8cc63b;
    color: white; }
    .q-button.q-yellow-green:hover,
    a.q-button[href].q-yellow-green:hover,
    .btn.q-yellow-green:hover,
    .q-link.edit.q-yellow-green:hover,
    .q-link.create.q-yellow-green:hover,
    .q-link.add.q-yellow-green:hover,
    .q-link.sort.q-yellow-green:hover,
    .q-link.preview.q-yellow-green:hover,
    .q-link.export.q-yellow-green:hover,
    .q-link.import.q-yellow-green:hover,
    .q-link.send.q-yellow-green:hover,
    .q-link.back.q-yellow-green:hover,
    .q-link.deactivate.q-yellow-green:hover {
      background: #7eb334; }
  .q-button.q-green,
  a.q-button[href].q-green,
  .btn.q-green,
  .q-link.edit.q-green,
  .q-link.create.q-green,
  .q-link.add.q-green,
  .q-link.sort.q-green,
  .q-link.preview.q-green,
  .q-link.export.q-green,
  .q-link.import.q-green,
  .q-link.send.q-green,
  .q-link.back.q-green,
  .q-link.deactivate.q-green {
    background: #1d9f61;
    border-color: #1d9f61;
    color: white; }
    .q-button.q-green:hover,
    a.q-button[href].q-green:hover,
    .btn.q-green:hover,
    .q-link.edit.q-green:hover,
    .q-link.create.q-green:hover,
    .q-link.add.q-green:hover,
    .q-link.sort.q-green:hover,
    .q-link.preview.q-green:hover,
    .q-link.export.q-green:hover,
    .q-link.import.q-green:hover,
    .q-link.send.q-green:hover,
    .q-link.back.q-green:hover,
    .q-link.deactivate.q-green:hover {
      background: #21b56e; }
  .q-button.q-green-blue,
  a.q-button[href].q-green-blue,
  .btn.q-green-blue,
  .q-link.edit.q-green-blue,
  .q-link.create.q-green-blue,
  .q-link.add.q-green-blue,
  .q-link.sort.q-green-blue,
  .q-link.preview.q-green-blue,
  .q-link.export.q-green-blue,
  .q-link.import.q-green-blue,
  .q-link.send.q-green-blue,
  .q-link.back.q-green-blue,
  .q-link.deactivate.q-green-blue {
    background: #28a89f;
    border-color: #28a89f;
    color: white; }
    .q-button.q-green-blue:hover,
    a.q-button[href].q-green-blue:hover,
    .btn.q-green-blue:hover,
    .q-link.edit.q-green-blue:hover,
    .q-link.create.q-green-blue:hover,
    .q-link.add.q-green-blue:hover,
    .q-link.sort.q-green-blue:hover,
    .q-link.preview.q-green-blue:hover,
    .q-link.export.q-green-blue:hover,
    .q-link.import.q-green-blue:hover,
    .q-link.send.q-green-blue:hover,
    .q-link.back.q-green-blue:hover,
    .q-link.deactivate.q-green-blue:hover {
      background: #2dbdb2; }
  .q-button.q-blue-light,
  a.q-button[href].q-blue-light,
  .btn.q-blue-light,
  .q-link.edit.q-blue-light,
  .q-link.create.q-blue-light,
  .q-link.add.q-blue-light,
  .q-link.sort.q-blue-light,
  .q-link.preview.q-blue-light,
  .q-link.export.q-blue-light,
  .q-link.import.q-blue-light,
  .q-link.send.q-blue-light,
  .q-link.back.q-blue-light,
  .q-link.deactivate.q-blue-light {
    background: #6aacdf;
    border-color: #6aacdf;
    color: black; }
    .q-button.q-blue-light:hover,
    a.q-button[href].q-blue-light:hover,
    .btn.q-blue-light:hover,
    .q-link.edit.q-blue-light:hover,
    .q-link.create.q-blue-light:hover,
    .q-link.add.q-blue-light:hover,
    .q-link.sort.q-blue-light:hover,
    .q-link.preview.q-blue-light:hover,
    .q-link.export.q-blue-light:hover,
    .q-link.import.q-blue-light:hover,
    .q-link.send.q-blue-light:hover,
    .q-link.back.q-blue-light:hover,
    .q-link.deactivate.q-blue-light:hover {
      background: #55a1da; }
  .q-button.q-blue-purple-light,
  a.q-button[href].q-blue-purple-light,
  .btn.q-blue-purple-light,
  .q-link.edit.q-blue-purple-light,
  .q-link.create.q-blue-purple-light,
  .q-link.add.q-blue-purple-light,
  .q-link.sort.q-blue-purple-light,
  .q-link.preview.q-blue-purple-light,
  .q-link.export.q-blue-purple-light,
  .q-link.import.q-blue-purple-light,
  .q-link.send.q-blue-purple-light,
  .q-link.back.q-blue-purple-light,
  .q-link.deactivate.q-blue-purple-light {
    background: #5c9ada;
    border-color: #5c9ada;
    color: black; }
    .q-button.q-blue-purple-light:hover,
    a.q-button[href].q-blue-purple-light:hover,
    .btn.q-blue-purple-light:hover,
    .q-link.edit.q-blue-purple-light:hover,
    .q-link.create.q-blue-purple-light:hover,
    .q-link.add.q-blue-purple-light:hover,
    .q-link.sort.q-blue-purple-light:hover,
    .q-link.preview.q-blue-purple-light:hover,
    .q-link.export.q-blue-purple-light:hover,
    .q-link.import.q-blue-purple-light:hover,
    .q-link.send.q-blue-purple-light:hover,
    .q-link.back.q-blue-purple-light:hover,
    .q-link.deactivate.q-blue-purple-light:hover {
      background: #478dd6; }
  .q-button.q-purple-light,
  a.q-button[href].q-purple-light,
  .btn.q-purple-light,
  .q-link.edit.q-purple-light,
  .q-link.create.q-purple-light,
  .q-link.add.q-purple-light,
  .q-link.sort.q-purple-light,
  .q-link.preview.q-purple-light,
  .q-link.export.q-purple-light,
  .q-link.import.q-purple-light,
  .q-link.send.q-purple-light,
  .q-link.back.q-purple-light,
  .q-link.deactivate.q-purple-light {
    background: #8e44c7;
    border-color: #8e44c7;
    color: white; }
    .q-button.q-purple-light:hover,
    a.q-button[href].q-purple-light:hover,
    .btn.q-purple-light:hover,
    .q-link.edit.q-purple-light:hover,
    .q-link.create.q-purple-light:hover,
    .q-link.add.q-purple-light:hover,
    .q-link.sort.q-purple-light:hover,
    .q-link.preview.q-purple-light:hover,
    .q-link.export.q-purple-light:hover,
    .q-link.import.q-purple-light:hover,
    .q-link.send.q-purple-light:hover,
    .q-link.back.q-purple-light:hover,
    .q-link.deactivate.q-purple-light:hover {
      background: #8138b9; }
  .q-button.q-purple-red-light,
  a.q-button[href].q-purple-red-light,
  .btn.q-purple-red-light,
  .q-link.edit.q-purple-red-light,
  .q-link.create.q-purple-red-light,
  .q-link.add.q-purple-red-light,
  .q-link.sort.q-purple-red-light,
  .q-link.preview.q-purple-red-light,
  .q-link.export.q-purple-red-light,
  .q-link.import.q-purple-red-light,
  .q-link.send.q-purple-red-light,
  .q-link.back.q-purple-red-light,
  .q-link.deactivate.q-purple-red-light {
    background: #cd35ca;
    border-color: #cd35ca;
    color: white; }
    .q-button.q-purple-red-light:hover,
    a.q-button[href].q-purple-red-light:hover,
    .btn.q-purple-red-light:hover,
    .q-link.edit.q-purple-red-light:hover,
    .q-link.create.q-purple-red-light:hover,
    .q-link.add.q-purple-red-light:hover,
    .q-link.sort.q-purple-red-light:hover,
    .q-link.preview.q-purple-red-light:hover,
    .q-link.export.q-purple-red-light:hover,
    .q-link.import.q-purple-red-light:hover,
    .q-link.send.q-purple-red-light:hover,
    .q-link.back.q-purple-red-light:hover,
    .q-link.deactivate.q-purple-red-light:hover {
      background: #ba2eb7; }
  .q-button.q-red-light,
  a.q-button[href].q-red-light,
  .btn.q-red-light,
  .q-link.edit.q-red-light,
  .q-link.create.q-red-light,
  .q-link.add.q-red-light,
  .q-link.sort.q-red-light,
  .q-link.preview.q-red-light,
  .q-link.export.q-red-light,
  .q-link.import.q-red-light,
  .q-link.send.q-red-light,
  .q-link.back.q-red-light,
  .q-link.deactivate.q-red-light {
    background: #f06167;
    border-color: #f06167;
    color: black; }
    .q-button.q-red-light:hover,
    a.q-button[href].q-red-light:hover,
    .btn.q-red-light:hover,
    .q-link.edit.q-red-light:hover,
    .q-link.create.q-red-light:hover,
    .q-link.add.q-red-light:hover,
    .q-link.sort.q-red-light:hover,
    .q-link.preview.q-red-light:hover,
    .q-link.export.q-red-light:hover,
    .q-link.import.q-red-light:hover,
    .q-link.send.q-red-light:hover,
    .q-link.back.q-red-light:hover,
    .q-link.deactivate.q-red-light:hover {
      background: #ee4a51; }
  .q-button.q-red-orange-light,
  a.q-button[href].q-red-orange-light,
  .btn.q-red-orange-light,
  .q-link.edit.q-red-orange-light,
  .q-link.create.q-red-orange-light,
  .q-link.add.q-red-orange-light,
  .q-link.sort.q-red-orange-light,
  .q-link.preview.q-red-orange-light,
  .q-link.export.q-red-orange-light,
  .q-link.import.q-red-orange-light,
  .q-link.send.q-red-orange-light,
  .q-link.back.q-red-orange-light,
  .q-link.deactivate.q-red-orange-light {
    background: #f18f6e;
    border-color: #f18f6e;
    color: black; }
    .q-button.q-red-orange-light:hover,
    a.q-button[href].q-red-orange-light:hover,
    .btn.q-red-orange-light:hover,
    .q-link.edit.q-red-orange-light:hover,
    .q-link.create.q-red-orange-light:hover,
    .q-link.add.q-red-orange-light:hover,
    .q-link.sort.q-red-orange-light:hover,
    .q-link.preview.q-red-orange-light:hover,
    .q-link.export.q-red-orange-light:hover,
    .q-link.import.q-red-orange-light:hover,
    .q-link.send.q-red-orange-light:hover,
    .q-link.back.q-red-orange-light:hover,
    .q-link.deactivate.q-red-orange-light:hover {
      background: #ef7d56; }
  .q-button.q-orange-light,
  a.q-button[href].q-orange-light,
  .btn.q-orange-light,
  .q-link.edit.q-orange-light,
  .q-link.create.q-orange-light,
  .q-link.add.q-orange-light,
  .q-link.sort.q-orange-light,
  .q-link.preview.q-orange-light,
  .q-link.export.q-orange-light,
  .q-link.import.q-orange-light,
  .q-link.send.q-orange-light,
  .q-link.back.q-orange-light,
  .q-link.deactivate.q-orange-light {
    background: #fab767;
    border-color: #fab767;
    color: black; }
    .q-button.q-orange-light:hover,
    a.q-button[href].q-orange-light:hover,
    .btn.q-orange-light:hover,
    .q-link.edit.q-orange-light:hover,
    .q-link.create.q-orange-light:hover,
    .q-link.add.q-orange-light:hover,
    .q-link.sort.q-orange-light:hover,
    .q-link.preview.q-orange-light:hover,
    .q-link.export.q-orange-light:hover,
    .q-link.import.q-orange-light:hover,
    .q-link.send.q-orange-light:hover,
    .q-link.back.q-orange-light:hover,
    .q-link.deactivate.q-orange-light:hover {
      background: #f9ab4e; }
  .q-button.q-orange-yellow-light,
  a.q-button[href].q-orange-yellow-light,
  .btn.q-orange-yellow-light,
  .q-link.edit.q-orange-yellow-light,
  .q-link.create.q-orange-yellow-light,
  .q-link.add.q-orange-yellow-light,
  .q-link.sort.q-orange-yellow-light,
  .q-link.preview.q-orange-yellow-light,
  .q-link.export.q-orange-yellow-light,
  .q-link.import.q-orange-yellow-light,
  .q-link.send.q-orange-yellow-light,
  .q-link.back.q-orange-yellow-light,
  .q-link.deactivate.q-orange-yellow-light {
    background: #fccf8a;
    border-color: #fccf8a;
    color: black; }
    .q-button.q-orange-yellow-light:hover,
    a.q-button[href].q-orange-yellow-light:hover,
    .btn.q-orange-yellow-light:hover,
    .q-link.edit.q-orange-yellow-light:hover,
    .q-link.create.q-orange-yellow-light:hover,
    .q-link.add.q-orange-yellow-light:hover,
    .q-link.sort.q-orange-yellow-light:hover,
    .q-link.preview.q-orange-yellow-light:hover,
    .q-link.export.q-orange-yellow-light:hover,
    .q-link.import.q-orange-yellow-light:hover,
    .q-link.send.q-orange-yellow-light:hover,
    .q-link.back.q-orange-yellow-light:hover,
    .q-link.deactivate.q-orange-yellow-light:hover {
      background: #fbc471; }
  .q-button.q-yellow-light,
  a.q-button[href].q-yellow-light,
  .btn.q-yellow-light,
  .q-link.edit.q-yellow-light,
  .q-link.create.q-yellow-light,
  .q-link.add.q-yellow-light,
  .q-link.sort.q-yellow-light,
  .q-link.preview.q-yellow-light,
  .q-link.export.q-yellow-light,
  .q-link.import.q-yellow-light,
  .q-link.send.q-yellow-light,
  .q-link.back.q-yellow-light,
  .q-link.deactivate.q-yellow-light {
    background: #f6dc98;
    border-color: #f6dc98;
    color: black; }
    .q-button.q-yellow-light:hover,
    a.q-button[href].q-yellow-light:hover,
    .btn.q-yellow-light:hover,
    .q-link.edit.q-yellow-light:hover,
    .q-link.create.q-yellow-light:hover,
    .q-link.add.q-yellow-light:hover,
    .q-link.sort.q-yellow-light:hover,
    .q-link.preview.q-yellow-light:hover,
    .q-link.export.q-yellow-light:hover,
    .q-link.import.q-yellow-light:hover,
    .q-link.send.q-yellow-light:hover,
    .q-link.back.q-yellow-light:hover,
    .q-link.deactivate.q-yellow-light:hover {
      background: #f4d481; }
  .q-button.q-yellow-green-light,
  a.q-button[href].q-yellow-green-light,
  .btn.q-yellow-green-light,
  .q-link.edit.q-yellow-green-light,
  .q-link.create.q-yellow-green-light,
  .q-link.add.q-yellow-green-light,
  .q-link.sort.q-yellow-green-light,
  .q-link.preview.q-yellow-green-light,
  .q-link.export.q-yellow-green-light,
  .q-link.import.q-yellow-green-light,
  .q-link.send.q-yellow-green-light,
  .q-link.back.q-yellow-green-light,
  .q-link.deactivate.q-yellow-green-light {
    background: #afd776;
    border-color: #afd776;
    color: black; }
    .q-button.q-yellow-green-light:hover,
    a.q-button[href].q-yellow-green-light:hover,
    .btn.q-yellow-green-light:hover,
    .q-link.edit.q-yellow-green-light:hover,
    .q-link.create.q-yellow-green-light:hover,
    .q-link.add.q-yellow-green-light:hover,
    .q-link.sort.q-yellow-green-light:hover,
    .q-link.preview.q-yellow-green-light:hover,
    .q-link.export.q-yellow-green-light:hover,
    .q-link.import.q-yellow-green-light:hover,
    .q-link.send.q-yellow-green-light:hover,
    .q-link.back.q-yellow-green-light:hover,
    .q-link.deactivate.q-yellow-green-light:hover {
      background: #a3d163; }
  .q-button.q-green-light,
  a.q-button[href].q-green-light,
  .btn.q-green-light,
  .q-link.edit.q-green-light,
  .q-link.create.q-green-light,
  .q-link.add.q-green-light,
  .q-link.sort.q-green-light,
  .q-link.preview.q-green-light,
  .q-link.export.q-green-light,
  .q-link.import.q-green-light,
  .q-link.send.q-green-light,
  .q-link.back.q-green-light,
  .q-link.deactivate.q-green-light {
    background: #2fd988;
    border-color: #2fd988;
    color: white; }
    .q-button.q-green-light:hover,
    a.q-button[href].q-green-light:hover,
    .btn.q-green-light:hover,
    .q-link.edit.q-green-light:hover,
    .q-link.create.q-green-light:hover,
    .q-link.add.q-green-light:hover,
    .q-link.sort.q-green-light:hover,
    .q-link.preview.q-green-light:hover,
    .q-link.export.q-green-light:hover,
    .q-link.import.q-green-light:hover,
    .q-link.send.q-green-light:hover,
    .q-link.back.q-green-light:hover,
    .q-link.deactivate.q-green-light:hover {
      background: #25ca7b; }
  .q-button.q-green-blue-light,
  a.q-button[href].q-green-blue-light,
  .btn.q-green-blue-light,
  .q-link.edit.q-green-blue-light,
  .q-link.create.q-green-blue-light,
  .q-link.add.q-green-blue-light,
  .q-link.sort.q-green-blue-light,
  .q-link.preview.q-green-blue-light,
  .q-link.export.q-green-blue-light,
  .q-link.import.q-green-blue-light,
  .q-link.send.q-green-blue-light,
  .q-link.back.q-green-blue-light,
  .q-link.deactivate.q-green-blue-light {
    background: #49d4ca;
    border-color: #49d4ca;
    color: white; }
    .q-button.q-green-blue-light:hover,
    a.q-button[href].q-green-blue-light:hover,
    .btn.q-green-blue-light:hover,
    .q-link.edit.q-green-blue-light:hover,
    .q-link.create.q-green-blue-light:hover,
    .q-link.add.q-green-blue-light:hover,
    .q-link.sort.q-green-blue-light:hover,
    .q-link.preview.q-green-blue-light:hover,
    .q-link.export.q-green-blue-light:hover,
    .q-link.import.q-green-blue-light:hover,
    .q-link.send.q-green-blue-light:hover,
    .q-link.back.q-green-blue-light:hover,
    .q-link.deactivate.q-green-blue-light:hover {
      background: #34cfc4; }
  .q-button.q-blue-dark,
  a.q-button[href].q-blue-dark,
  .btn.q-blue-dark,
  .q-link.edit.q-blue-dark,
  .q-link.create.q-blue-dark,
  .q-link.add.q-blue-dark,
  .q-link.sort.q-blue-dark,
  .q-link.preview.q-blue-dark,
  .q-link.export.q-blue-dark,
  .q-link.import.q-blue-dark,
  .q-link.send.q-blue-dark,
  .q-link.back.q-blue-dark,
  .q-link.deactivate.q-blue-dark {
    background: #1f5f90;
    border-color: #1f5f90;
    color: white; }
    .q-button.q-blue-dark:hover,
    a.q-button[href].q-blue-dark:hover,
    .btn.q-blue-dark:hover,
    .q-link.edit.q-blue-dark:hover,
    .q-link.create.q-blue-dark:hover,
    .q-link.add.q-blue-dark:hover,
    .q-link.sort.q-blue-dark:hover,
    .q-link.preview.q-blue-dark:hover,
    .q-link.export.q-blue-dark:hover,
    .q-link.import.q-blue-dark:hover,
    .q-link.send.q-blue-dark:hover,
    .q-link.back.q-blue-dark:hover,
    .q-link.deactivate.q-blue-dark:hover {
      background: #246da5; }
  .q-button.q-blue-purple-dark,
  a.q-button[href].q-blue-purple-dark,
  .btn.q-blue-purple-dark,
  .q-link.edit.q-blue-purple-dark,
  .q-link.create.q-blue-purple-dark,
  .q-link.add.q-blue-purple-dark,
  .q-link.sort.q-blue-purple-dark,
  .q-link.preview.q-blue-purple-dark,
  .q-link.export.q-blue-purple-dark,
  .q-link.import.q-blue-purple-dark,
  .q-link.send.q-blue-purple-dark,
  .q-link.back.q-blue-purple-dark,
  .q-link.deactivate.q-blue-purple-dark {
    background: #1d4d81;
    border-color: #1d4d81;
    color: white; }
    .q-button.q-blue-purple-dark:hover,
    a.q-button[href].q-blue-purple-dark:hover,
    .btn.q-blue-purple-dark:hover,
    .q-link.edit.q-blue-purple-dark:hover,
    .q-link.create.q-blue-purple-dark:hover,
    .q-link.add.q-blue-purple-dark:hover,
    .q-link.sort.q-blue-purple-dark:hover,
    .q-link.preview.q-blue-purple-dark:hover,
    .q-link.export.q-blue-purple-dark:hover,
    .q-link.import.q-blue-purple-dark:hover,
    .q-link.send.q-blue-purple-dark:hover,
    .q-link.back.q-blue-purple-dark:hover,
    .q-link.deactivate.q-blue-purple-dark:hover {
      background: #225a95; }
  .q-button.q-purple-dark,
  a.q-button[href].q-purple-dark,
  .btn.q-purple-dark,
  .q-link.edit.q-purple-dark,
  .q-link.create.q-purple-dark,
  .q-link.add.q-purple-dark,
  .q-link.sort.q-purple-dark,
  .q-link.preview.q-purple-dark,
  .q-link.export.q-purple-dark,
  .q-link.import.q-purple-dark,
  .q-link.send.q-purple-dark,
  .q-link.back.q-purple-dark,
  .q-link.deactivate.q-purple-dark {
    background: #3d1a57;
    border-color: #3d1a57;
    color: white; }
    .q-button.q-purple-dark:hover,
    a.q-button[href].q-purple-dark:hover,
    .btn.q-purple-dark:hover,
    .q-link.edit.q-purple-dark:hover,
    .q-link.create.q-purple-dark:hover,
    .q-link.add.q-purple-dark:hover,
    .q-link.sort.q-purple-dark:hover,
    .q-link.preview.q-purple-dark:hover,
    .q-link.export.q-purple-dark:hover,
    .q-link.import.q-purple-dark:hover,
    .q-link.send.q-purple-dark:hover,
    .q-link.back.q-purple-dark:hover,
    .q-link.deactivate.q-purple-dark:hover {
      background: #4b206b; }
  .q-button.q-purple-red-dark,
  a.q-button[href].q-purple-red-dark,
  .btn.q-purple-red-dark,
  .q-link.edit.q-purple-red-dark,
  .q-link.create.q-purple-red-dark,
  .q-link.add.q-purple-red-dark,
  .q-link.sort.q-purple-red-dark,
  .q-link.preview.q-purple-red-dark,
  .q-link.export.q-purple-red-dark,
  .q-link.import.q-purple-red-dark,
  .q-link.send.q-purple-red-dark,
  .q-link.back.q-purple-red-dark,
  .q-link.deactivate.q-purple-red-dark {
    background: #541553;
    border-color: #541553;
    color: white; }
    .q-button.q-purple-red-dark:hover,
    a.q-button[href].q-purple-red-dark:hover,
    .btn.q-purple-red-dark:hover,
    .q-link.edit.q-purple-red-dark:hover,
    .q-link.create.q-purple-red-dark:hover,
    .q-link.add.q-purple-red-dark:hover,
    .q-link.sort.q-purple-red-dark:hover,
    .q-link.preview.q-purple-red-dark:hover,
    .q-link.export.q-purple-red-dark:hover,
    .q-link.import.q-purple-red-dark:hover,
    .q-link.send.q-purple-red-dark:hover,
    .q-link.back.q-purple-red-dark:hover,
    .q-link.deactivate.q-purple-red-dark:hover {
      background: #681a67; }
  .q-button.q-red-dark,
  a.q-button[href].q-red-dark,
  .btn.q-red-dark,
  .q-link.edit.q-red-dark,
  .q-link.create.q-red-dark,
  .q-link.add.q-red-dark,
  .q-link.sort.q-red-dark,
  .q-link.preview.q-red-dark,
  .q-link.export.q-red-dark,
  .q-link.import.q-red-dark,
  .q-link.send.q-red-dark,
  .q-link.back.q-red-dark,
  .q-link.deactivate.q-red-dark {
    background: #a91016;
    border-color: #a91016;
    color: white; }
    .q-button.q-red-dark:hover,
    a.q-button[href].q-red-dark:hover,
    .btn.q-red-dark:hover,
    .q-link.edit.q-red-dark:hover,
    .q-link.create.q-red-dark:hover,
    .q-link.add.q-red-dark:hover,
    .q-link.sort.q-red-dark:hover,
    .q-link.preview.q-red-dark:hover,
    .q-link.export.q-red-dark:hover,
    .q-link.import.q-red-dark:hover,
    .q-link.send.q-red-dark:hover,
    .q-link.back.q-red-dark:hover,
    .q-link.deactivate.q-red-dark:hover {
      background: #c01219; }
  .q-button.q-red-orange-dark,
  a.q-button[href].q-red-orange-dark,
  .btn.q-red-orange-dark,
  .q-link.edit.q-red-orange-dark,
  .q-link.create.q-red-orange-dark,
  .q-link.add.q-red-orange-dark,
  .q-link.sort.q-red-orange-dark,
  .q-link.preview.q-red-orange-dark,
  .q-link.export.q-red-orange-dark,
  .q-link.import.q-red-orange-dark,
  .q-link.send.q-red-orange-dark,
  .q-link.back.q-red-orange-dark,
  .q-link.deactivate.q-red-orange-dark {
    background: #b43b12;
    border-color: #b43b12;
    color: white; }
    .q-button.q-red-orange-dark:hover,
    a.q-button[href].q-red-orange-dark:hover,
    .btn.q-red-orange-dark:hover,
    .q-link.edit.q-red-orange-dark:hover,
    .q-link.create.q-red-orange-dark:hover,
    .q-link.add.q-red-orange-dark:hover,
    .q-link.sort.q-red-orange-dark:hover,
    .q-link.preview.q-red-orange-dark:hover,
    .q-link.export.q-red-orange-dark:hover,
    .q-link.import.q-red-orange-dark:hover,
    .q-link.send.q-red-orange-dark:hover,
    .q-link.back.q-red-orange-dark:hover,
    .q-link.deactivate.q-red-orange-dark:hover {
      background: #cb4214; }
  .q-button.q-orange-dark,
  a.q-button[href].q-orange-dark,
  .btn.q-orange-dark,
  .q-link.edit.q-orange-dark,
  .q-link.create.q-orange-dark,
  .q-link.add.q-orange-dark,
  .q-link.sort.q-orange-dark,
  .q-link.preview.q-orange-dark,
  .q-link.export.q-orange-dark,
  .q-link.import.q-orange-dark,
  .q-link.send.q-orange-dark,
  .q-link.back.q-orange-dark,
  .q-link.deactivate.q-orange-dark {
    background: #c16c07;
    border-color: #c16c07;
    color: white; }
    .q-button.q-orange-dark:hover,
    a.q-button[href].q-orange-dark:hover,
    .btn.q-orange-dark:hover,
    .q-link.edit.q-orange-dark:hover,
    .q-link.create.q-orange-dark:hover,
    .q-link.add.q-orange-dark:hover,
    .q-link.sort.q-orange-dark:hover,
    .q-link.preview.q-orange-dark:hover,
    .q-link.export.q-orange-dark:hover,
    .q-link.import.q-orange-dark:hover,
    .q-link.send.q-orange-dark:hover,
    .q-link.back.q-orange-dark:hover,
    .q-link.deactivate.q-orange-dark:hover {
      background: #d97a08; }
  .q-button.q-orange-yellow-dark,
  a.q-button[href].q-orange-yellow-dark,
  .btn.q-orange-yellow-dark,
  .q-link.edit.q-orange-yellow-dark,
  .q-link.create.q-orange-yellow-dark,
  .q-link.add.q-orange-yellow-dark,
  .q-link.sort.q-orange-yellow-dark,
  .q-link.preview.q-orange-yellow-dark,
  .q-link.export.q-orange-yellow-dark,
  .q-link.import.q-orange-yellow-dark,
  .q-link.send.q-orange-yellow-dark,
  .q-link.back.q-orange-yellow-dark,
  .q-link.deactivate.q-orange-yellow-dark {
    background: #e68e06;
    border-color: #e68e06;
    color: white; }
    .q-button.q-orange-yellow-dark:hover,
    a.q-button[href].q-orange-yellow-dark:hover,
    .btn.q-orange-yellow-dark:hover,
    .q-link.edit.q-orange-yellow-dark:hover,
    .q-link.create.q-orange-yellow-dark:hover,
    .q-link.add.q-orange-yellow-dark:hover,
    .q-link.sort.q-orange-yellow-dark:hover,
    .q-link.preview.q-orange-yellow-dark:hover,
    .q-link.export.q-orange-yellow-dark:hover,
    .q-link.import.q-orange-yellow-dark:hover,
    .q-link.send.q-orange-yellow-dark:hover,
    .q-link.back.q-orange-yellow-dark:hover,
    .q-link.deactivate.q-orange-yellow-dark:hover {
      background: #f99c0d; }
  .q-button.q-yellow-dark,
  a.q-button[href].q-yellow-dark,
  .btn.q-yellow-dark,
  .q-link.edit.q-yellow-dark,
  .q-link.create.q-yellow-dark,
  .q-link.add.q-yellow-dark,
  .q-link.sort.q-yellow-dark,
  .q-link.preview.q-yellow-dark,
  .q-link.export.q-yellow-dark,
  .q-link.import.q-yellow-dark,
  .q-link.send.q-yellow-dark,
  .q-link.back.q-yellow-dark,
  .q-link.deactivate.q-yellow-dark {
    background: #e2a814;
    border-color: #e2a814;
    color: white; }
    .q-button.q-yellow-dark:hover,
    a.q-button[href].q-yellow-dark:hover,
    .btn.q-yellow-dark:hover,
    .q-link.edit.q-yellow-dark:hover,
    .q-link.create.q-yellow-dark:hover,
    .q-link.add.q-yellow-dark:hover,
    .q-link.sort.q-yellow-dark:hover,
    .q-link.preview.q-yellow-dark:hover,
    .q-link.export.q-yellow-dark:hover,
    .q-link.import.q-yellow-dark:hover,
    .q-link.send.q-yellow-dark:hover,
    .q-link.back.q-yellow-dark:hover,
    .q-link.deactivate.q-yellow-dark:hover {
      background: #ecb423; }
  .q-button.q-yellow-green-dark,
  a.q-button[href].q-yellow-green-dark,
  .btn.q-yellow-green-dark,
  .q-link.edit.q-yellow-green-dark,
  .q-link.create.q-yellow-green-dark,
  .q-link.add.q-yellow-green-dark,
  .q-link.sort.q-yellow-green-dark,
  .q-link.preview.q-yellow-green-dark,
  .q-link.export.q-yellow-green-dark,
  .q-link.import.q-yellow-green-dark,
  .q-link.send.q-yellow-green-dark,
  .q-link.back.q-yellow-green-dark,
  .q-link.deactivate.q-yellow-green-dark {
    background: #628c29;
    border-color: #628c29;
    color: white; }
    .q-button.q-yellow-green-dark:hover,
    a.q-button[href].q-yellow-green-dark:hover,
    .btn.q-yellow-green-dark:hover,
    .q-link.edit.q-yellow-green-dark:hover,
    .q-link.create.q-yellow-green-dark:hover,
    .q-link.add.q-yellow-green-dark:hover,
    .q-link.sort.q-yellow-green-dark:hover,
    .q-link.preview.q-yellow-green-dark:hover,
    .q-link.export.q-yellow-green-dark:hover,
    .q-link.import.q-yellow-green-dark:hover,
    .q-link.send.q-yellow-green-dark:hover,
    .q-link.back.q-yellow-green-dark:hover,
    .q-link.deactivate.q-yellow-green-dark:hover {
      background: #70a02e; }
  .q-button.q-green-dark,
  a.q-button[href].q-green-dark,
  .btn.q-green-dark,
  .q-link.edit.q-green-dark,
  .q-link.create.q-green-dark,
  .q-link.add.q-green-dark,
  .q-link.sort.q-green-dark,
  .q-link.preview.q-green-dark,
  .q-link.export.q-green-dark,
  .q-link.import.q-green-dark,
  .q-link.send.q-green-dark,
  .q-link.back.q-green-dark,
  .q-link.deactivate.q-green-dark {
    background: #115e3a;
    border-color: #115e3a;
    color: white; }
    .q-button.q-green-dark:hover,
    a.q-button[href].q-green-dark:hover,
    .btn.q-green-dark:hover,
    .q-link.edit.q-green-dark:hover,
    .q-link.create.q-green-dark:hover,
    .q-link.add.q-green-dark:hover,
    .q-link.sort.q-green-dark:hover,
    .q-link.preview.q-green-dark:hover,
    .q-link.export.q-green-dark:hover,
    .q-link.import.q-green-dark:hover,
    .q-link.send.q-green-dark:hover,
    .q-link.back.q-green-dark:hover,
    .q-link.deactivate.q-green-dark:hover {
      background: #157447; }
  .q-button.q-green-blue-dark,
  a.q-button[href].q-green-blue-dark,
  .btn.q-green-blue-dark,
  .q-link.edit.q-green-blue-dark,
  .q-link.create.q-green-blue-dark,
  .q-link.add.q-green-blue-dark,
  .q-link.sort.q-green-blue-dark,
  .q-link.preview.q-green-blue-dark,
  .q-link.export.q-green-blue-dark,
  .q-link.import.q-green-blue-dark,
  .q-link.send.q-green-blue-dark,
  .q-link.back.q-green-blue-dark,
  .q-link.deactivate.q-green-blue-dark {
    background: #196a65;
    border-color: #196a65;
    color: white; }
    .q-button.q-green-blue-dark:hover,
    a.q-button[href].q-green-blue-dark:hover,
    .btn.q-green-blue-dark:hover,
    .q-link.edit.q-green-blue-dark:hover,
    .q-link.create.q-green-blue-dark:hover,
    .q-link.add.q-green-blue-dark:hover,
    .q-link.sort.q-green-blue-dark:hover,
    .q-link.preview.q-green-blue-dark:hover,
    .q-link.export.q-green-blue-dark:hover,
    .q-link.import.q-green-blue-dark:hover,
    .q-link.send.q-green-blue-dark:hover,
    .q-link.back.q-green-blue-dark:hover,
    .q-link.deactivate.q-green-blue-dark:hover {
      background: #1e7f78; }
  .q-button.q-primary,
  a.q-button[href].q-primary,
  .btn.q-primary,
  .q-link.edit.q-primary,
  .q-link.create.q-primary,
  .q-link.add.q-primary,
  .q-link.sort.q-primary,
  .q-link.preview.q-primary,
  .q-link.export.q-primary,
  .q-link.import.q-primary,
  .q-link.send.q-primary,
  .q-link.back.q-primary,
  .q-link.deactivate.q-primary {
    background: #1d9f61;
    border-color: #1d9f61;
    color: white; }
    .q-button.q-primary:hover,
    a.q-button[href].q-primary:hover,
    .btn.q-primary:hover,
    .q-link.edit.q-primary:hover,
    .q-link.create.q-primary:hover,
    .q-link.add.q-primary:hover,
    .q-link.sort.q-primary:hover,
    .q-link.preview.q-primary:hover,
    .q-link.export.q-primary:hover,
    .q-link.import.q-primary:hover,
    .q-link.send.q-primary:hover,
    .q-link.back.q-primary:hover,
    .q-link.deactivate.q-primary:hover {
      background: #21b56e; }
  .q-button.q-secondary,
  a.q-button[href].q-secondary,
  .btn.q-secondary,
  .q-link.edit.q-secondary,
  .q-link.create.q-secondary,
  .q-link.add.q-secondary,
  .q-link.sort.q-secondary,
  .q-link.preview.q-secondary,
  .q-link.export.q-secondary,
  .q-link.import.q-secondary,
  .q-link.send.q-secondary,
  .q-link.back.q-secondary,
  .q-link.deactivate.q-secondary {
    background: #505050;
    border-color: #505050;
    color: white; }
    .q-button.q-secondary:hover,
    a.q-button[href].q-secondary:hover,
    .btn.q-secondary:hover,
    .q-link.edit.q-secondary:hover,
    .q-link.create.q-secondary:hover,
    .q-link.add.q-secondary:hover,
    .q-link.sort.q-secondary:hover,
    .q-link.preview.q-secondary:hover,
    .q-link.export.q-secondary:hover,
    .q-link.import.q-secondary:hover,
    .q-link.send.q-secondary:hover,
    .q-link.back.q-secondary:hover,
    .q-link.deactivate.q-secondary:hover {
      background: #5d5d5d; }
  .q-button.btn-success,
  a.q-button[href].btn-success,
  .btn.btn-success,
  .q-link.edit.btn-success,
  .q-link.create.btn-success,
  .q-link.add.btn-success,
  .q-link.sort.btn-success,
  .q-link.preview.btn-success,
  .q-link.export.btn-success,
  .q-link.import.btn-success,
  .q-link.send.btn-success,
  .q-link.back.btn-success,
  .q-link.deactivate.btn-success {
    background: #2A7029;
    border-color: #2A7029; }
  .q-button.btn-info,
  a.q-button[href].btn-info,
  .btn.btn-info,
  .q-link.edit.btn-info,
  .q-link.create.btn-info,
  .q-link.add.btn-info,
  .q-link.sort.btn-info,
  .q-link.preview.btn-info,
  .q-link.export.btn-info,
  .q-link.import.btn-info,
  .q-link.send.btn-info,
  .q-link.back.btn-info,
  .q-link.deactivate.btn-info {
    background: #214578;
    border-color: #214578; }
  .q-button.btn-warning,
  a.q-button[href].btn-warning,
  .btn.btn-warning,
  .q-link.edit.btn-warning,
  .q-link.create.btn-warning,
  .q-link.add.btn-warning,
  .q-link.sort.btn-warning,
  .q-link.preview.btn-warning,
  .q-link.export.btn-warning,
  .q-link.import.btn-warning,
  .q-link.send.btn-warning,
  .q-link.back.btn-warning,
  .q-link.deactivate.btn-warning {
    background: #8D680C;
    border-color: #8D680C; }
  .q-button.btn-danger,
  a.q-button[href].btn-danger,
  .btn.btn-danger,
  .q-link.edit.btn-danger,
  .q-link.create.btn-danger,
  .q-link.add.btn-danger,
  .q-link.sort.btn-danger,
  .q-link.preview.btn-danger,
  .q-link.export.btn-danger,
  .q-link.import.btn-danger,
  .q-link.send.btn-danger,
  .q-link.back.btn-danger,
  .q-link.deactivate.btn-danger {
    background: #A72525;
    border-color: #A72525; }
  .q-button.q-small, .q-button.btn-sm,
  a.q-button[href].q-small,
  a.q-button[href].btn-sm,
  .btn.q-small,
  .btn.btn-sm,
  .q-link.edit.q-small,
  .q-link.edit.btn-sm,
  .q-link.create.q-small,
  .q-link.create.btn-sm,
  .q-link.add.q-small,
  .q-link.add.btn-sm,
  .q-link.sort.q-small,
  .q-link.sort.btn-sm,
  .q-link.preview.q-small,
  .q-link.preview.btn-sm,
  .q-link.export.q-small,
  .q-link.export.btn-sm,
  .q-link.import.q-small,
  .q-link.import.btn-sm,
  .q-link.send.q-small,
  .q-link.send.btn-sm,
  .q-link.back.q-small,
  .q-link.back.btn-sm,
  .q-link.deactivate.q-small,
  .q-link.deactivate.btn-sm {
    height: 24px;
    line-height: 22px;
    font-size: 0.9em;
    padding: 0 8px; }
  .q-button.q-large, .q-button.btn-lg,
  a.q-button[href].q-large,
  a.q-button[href].btn-lg,
  .btn.q-large,
  .btn.btn-lg,
  .q-link.edit.q-large,
  .q-link.edit.btn-lg,
  .q-link.create.q-large,
  .q-link.create.btn-lg,
  .q-link.add.q-large,
  .q-link.add.btn-lg,
  .q-link.sort.q-large,
  .q-link.sort.btn-lg,
  .q-link.preview.q-large,
  .q-link.preview.btn-lg,
  .q-link.export.q-large,
  .q-link.export.btn-lg,
  .q-link.import.q-large,
  .q-link.import.btn-lg,
  .q-link.send.q-large,
  .q-link.send.btn-lg,
  .q-link.back.q-large,
  .q-link.back.btn-lg,
  .q-link.deactivate.q-large,
  .q-link.deactivate.btn-lg {
    height: 52px;
    line-height: 50px; }
  .q-button[disabled],
  a.q-button[href][disabled],
  .btn[disabled],
  .q-link.edit[disabled],
  .q-link.create[disabled],
  .q-link.add[disabled],
  .q-link.sort[disabled],
  .q-link.preview[disabled],
  .q-link.export[disabled],
  .q-link.import[disabled],
  .q-link.send[disabled],
  .q-link.back[disabled],
  .q-link.deactivate[disabled] {
    background: #cecece;
    border-color: #cecece;
    color: #9d9d9d; }

.q-radio-button input[type="radio"] {
  display: none; }
  .q-radio-button input[type="radio"]:checked + .q-button {
    background: #198954;
    border-color: #198954; }

.q-checkbox-button input[type="checkbox"] {
  display: none; }
  .q-checkbox-button input[type="checkbox"]:checked + .q-button {
    background: #198954;
    border-color: #198954; }

.button-community-one {
  font-family: "Poppins", "Helvetica Neue", helvetica, arial, sans-serif; }
  .button-community-one img {
    display: inline-block;
    margin-right: 8px;
    margin-top: -4px; }

.q-checkbox {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  margin: 0;
  cursor: pointer;
  align-items: center; }
  .q-checkbox input[type="checkbox"] {
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    background: #fff;
    margin: 0;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    appearance: none;
    position: relative;
    outline: none !important;
    transition: ease all 0.25s; }
    .q-checkbox input[type="checkbox"]:after {
      content: "";
      width: 6px;
      height: 9px;
      border-right: 2px solid #1d9f61;
      border-bottom: 2px solid #1d9f61;
      transform: translate(-50%, -50%) rotate(45deg);
      position: absolute;
      top: calc(50% - 2px);
      left: 50%;
      opacity: 0;
      transition: ease all 0.25s; }
    .q-checkbox input[type="checkbox"]:hover {
      border-color: #1d9f61 !important; }
    .q-checkbox input[type="checkbox"]:hover:after {
      border-color: #1d9f61 !important;
      box-shadow: none !important;
      opacity: 0.2; }
    .q-checkbox input[type="checkbox"]:focus, .q-checkbox input[type="checkbox"]:focus-visible {
      border-color: #1d9f61 !important;
      box-shadow: 0 0 0 2px rgba(29, 159, 97, 0.25) !important;
      outline: none; }
    .q-checkbox input[type="checkbox"]:checked {
      background: #9fe9c6; }
      .q-checkbox input[type="checkbox"]:checked:after {
        opacity: 1; }
  .q-checkbox.q-small input[type="checkbox"] {
    width: 14px;
    height: 14px;
    min-width: 14px;
    min-height: 14px; }
    .q-checkbox.q-small input[type="checkbox"]:after {
      width: 5px;
      height: 8px; }
  .q-checkbox.q-large input[type="checkbox"] {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px; }
    .q-checkbox.q-large input[type="checkbox"]:after {
      width: 6px;
      height: 10px; }

.q-dropdown {
  position: relative;
  z-index: 99; }
  .q-dropdown .q-dropdown-content {
    position: absolute;
    display: none;
    padding: 16px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    background: #fff; }

.q-input, select.q-select,
#content select, .q-textarea,
#content textarea, input[type="text"].q-textbox,
.q-textbox,
.text,
.inputWidth100,
#content input[type="text"]:not(.chosen-search-input),
.text-box {
  border-radius: 4px;
  color: #000;
  height: 44px;
  max-width: 100%;
  width: 240px;
  transition: ease all 0.25s;
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  box-shadow: none !important;
  border: 1px solid #dbdbdb;
  background-color: #fff; }
  .q-input.q-secondary, select.q-secondary.q-select,
  #content select.q-secondary, .q-secondary.q-textarea,
  #content textarea.q-secondary, input.q-secondary[type="text"].q-textbox,
  .q-secondary.q-textbox,
  .q-secondary.text,
  .q-secondary.inputWidth100,
  #content input.q-secondary[type="text"]:not(.chosen-search-input),
  .q-secondary.text-box {
    color: #000;
    background-color: #fff;
    border-color: #dbdbdb;
    background-color: #fff; }
  .q-input:hover, select.q-select:hover,
  #content select:hover, .q-textarea:hover,
  #content textarea:hover, input[type="text"].q-textbox:hover,
  .q-textbox:hover,
  .text:hover,
  .inputWidth100:hover,
  #content input[type="text"]:hover:not(.chosen-search-input),
  .text-box:hover {
    border-color: #1d9f61;
    box-shadow: none !important;
    outline: none; }
  .q-input:focus, select.q-select:focus,
  #content select:focus, .q-textarea:focus,
  #content textarea:focus, input[type="text"].q-textbox:focus,
  .q-textbox:focus,
  .text:focus,
  .inputWidth100:focus,
  #content input[type="text"]:focus:not(.chosen-search-input),
  .text-box:focus, .q-input:focus-visible, select.q-select:focus-visible,
  #content select:focus-visible, .q-textarea:focus-visible,
  #content textarea:focus-visible, input[type="text"].q-textbox:focus-visible,
  .q-textbox:focus-visible,
  .text:focus-visible,
  .inputWidth100:focus-visible,
  #content input[type="text"]:focus-visible:not(.chosen-search-input),
  .text-box:focus-visible {
    border-color: #1d9f61;
    box-shadow: 0 0 0 2px rgba(29, 159, 97, 0.25) !important;
    outline: none; }
  .q-input + .q-alert, select.q-select + .q-alert,
  #content select + .q-alert, .q-textarea + .q-alert,
  #content textarea + .q-alert, input[type="text"].q-textbox + .q-alert,
  .q-textbox + .q-alert,
  .text + .q-alert,
  .inputWidth100 + .q-alert,
  #content input[type="text"]:not(.chosen-search-input) + .q-alert,
  .text-box + .q-alert, .q-input + .q-alert + .q-alert, select.q-select + .q-alert + .q-alert,
  #content select + .q-alert + .q-alert, .q-textarea + .q-alert + .q-alert,
  #content textarea + .q-alert + .q-alert,
  .q-textbox + .q-alert + .q-alert,
  .text + .q-alert + .q-alert,
  .inputWidth100 + .q-alert + .q-alert,
  #content input[type="text"]:not(.chosen-search-input) + .q-alert + .q-alert,
  .text-box + .q-alert + .q-alert {
    margin-top: 8px; }
  .q-input.valid, select.valid.q-select,
  #content select.valid, .valid.q-textarea,
  #content textarea.valid, input.valid[type="text"].q-textbox,
  .valid.q-textbox,
  .valid.text,
  .valid.inputWidth100,
  #content input.valid[type="text"]:not(.chosen-search-input),
  .valid.text-box, .q-input.success-border, select.success-border.q-select,
  #content select.success-border, .success-border.q-textarea,
  #content textarea.success-border, input.success-border[type="text"].q-textbox,
  .success-border.q-textbox,
  .success-border.text,
  .success-border.inputWidth100,
  #content input.success-border[type="text"]:not(.chosen-search-input),
  .success-border.text-box {
    border-color: #2A7029; }
  .q-input.invalid, select.invalid.q-select,
  #content select.invalid, .invalid.q-textarea,
  #content textarea.invalid, input.invalid[type="text"].q-textbox,
  .invalid.q-textbox,
  .invalid.text,
  .invalid.inputWidth100,
  #content input.invalid[type="text"]:not(.chosen-search-input),
  .invalid.text-box, .q-input.error-border, select.error-border.q-select,
  #content select.error-border, .error-border.q-textarea,
  #content textarea.error-border, input.error-border[type="text"].q-textbox,
  .error-border.q-textbox,
  .error-border.text,
  .error-border.inputWidth100,
  #content input.error-border[type="text"]:not(.chosen-search-input),
  .error-border.text-box, .q-input.input-validation-error, select.input-validation-error.q-select,
  #content select.input-validation-error, .input-validation-error.q-textarea,
  #content textarea.input-validation-error, input.input-validation-error[type="text"].q-textbox,
  .input-validation-error.q-textbox,
  .input-validation-error.text,
  .input-validation-error.inputWidth100,
  #content input.input-validation-error[type="text"]:not(.chosen-search-input),
  .input-validation-error.text-box {
    border-color: #A72525; }

.q-disabled, [disabled] {
  opacity: 0.5 !important;
  cursor: not-allowed !important; }
  .q-disabled *, [disabled] * {
    cursor: not-allowed !important; }

::placeholder {
  color: rgba(0, 0, 0, 0.5); }

::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5); }

::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5); }

:-moz-placeholder {
  color: rgba(0, 0, 0, 0.5); }

:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5); }

.label-offset {
  padding-top: 22px !important; }
  @media (max-width: 1024px) {
    .label-offset {
      padding-top: 0 !important; } }

.q-radio {
  display: flex !important;
  gap: 8px;
  flex-wrap: nowrap;
  margin: 0;
  cursor: pointer;
  align-items: center; }
  .q-radio input[type="radio"] {
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    background: #fff;
    margin: 0;
    width: 16px;
    height: 16px;
    min-width: 16px;
    height: 16px;
    appearance: none;
    position: relative;
    outline: none !important;
    transition: ease all 0.25s; }
    .q-radio input[type="radio"]:after {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 0;
      transition: ease all 0.25s;
      background: #1d9f61; }
    .q-radio input[type="radio"]:hover {
      border-color: #1d9f61 !important; }
    .q-radio input[type="radio"]:hover:after {
      border-color: #1d9f61 !important;
      box-shadow: none !important;
      opacity: 0.2; }
    .q-radio input[type="radio"]:checked {
      background: #9fe9c6; }
      .q-radio input[type="radio"]:checked:after {
        opacity: 1; }
    .q-radio input[type="radio"]:focus, .q-radio input[type="radio"]:focus-visible {
      border-color: #1d9f61 !important;
      box-shadow: 0 0 0 2px rgba(29, 159, 97, 0.25) !important;
      outline: none; }
  .q-radio.q-small input[type="radio"] {
    width: 12px;
    height: 12px; }
    .q-radio.q-small input[type="radio"]:after {
      width: 6px;
      height: 6px; }
  .q-radio.q-large input[type="radio"] {
    width: 24px;
    height: 24px; }
    .q-radio.q-large input[type="radio"]:after {
      width: 12px;
      height: 12px; }

select.q-select,
#content select {
  cursor: pointer;
  padding: 0 0 0 12px !important; }
  select.q-select.q-small,
  #content select.q-small {
    height: 24px;
    line-height: 22px;
    font-size: 0.9em; }
  select.q-select.q-large,
  #content select.q-large {
    height: 52px;
    line-height: 50px; }
  select.q-select.disabled, select.q-select[disabled],
  #content select.disabled,
  #content select[disabled] {
    background: #e9e9e9; }

.q-textarea,
#content textarea {
  resize: both;
  padding: 8px;
  height: auto;
  min-height: 44px; }

.tox-tinymce {
  border-width: 1px !important; }

input[type="text"].q-textbox,
.q-textbox,
.text,
.inputWidth100,
#content input[type="text"]:not(.chosen-search-input),
.text-box {
  padding: 0 16px; }
  input[type="text"].q-textbox.q-small,
  .q-textbox.q-small,
  .text.q-small,
  .inputWidth100.q-small,
  #content input[type="text"]:not(.chosen-search-input).q-small,
  .text-box.q-small {
    height: 24px;
    font-size: 0.9em; }
    input[type="text"].q-textbox.q-small option,
    .q-textbox.q-small option,
    .text.q-small option,
    .inputWidth100.q-small option,
    #content input[type="text"]:not(.chosen-search-input).q-small option,
    .text-box.q-small option {
      height: 24px; }
  input[type="text"].q-textbox.q-large,
  .q-textbox.q-large,
  .text.q-large,
  .inputWidth100.q-large,
  #content input[type="text"]:not(.chosen-search-input).q-large,
  .text-box.q-large {
    height: 52px; }
    input[type="text"].q-textbox.q-large option,
    .q-textbox.q-large option,
    .text.q-large option,
    .inputWidth100.q-large option,
    #content input[type="text"]:not(.chosen-search-input).q-large option,
    .text-box.q-large option {
      height: 52px; }
  input[type="text"].q-textbox.disabled, input[type="text"].q-textbox[disabled],
  .q-textbox.disabled,
  .q-textbox[disabled],
  .text.disabled,
  .text[disabled],
  .inputWidth100.disabled,
  .inputWidth100[disabled],
  #content input[type="text"]:not(.chosen-search-input).disabled,
  #content input[type="text"]:not(.chosen-search-input)[disabled],
  .text-box.disabled,
  .text-box[disabled] {
    background: #e9e9e9; }

[disabled]::placeholder {
  color: transparent; }

[disabled]::-webkit-input-placeholder {
  color: transparent; }

[disabled]::-moz-placeholder {
  color: transparent; }

[disabled]:-moz-placeholder {
  color: transparent; }

[disabled]:-ms-input-placeholder {
  color: transparent; }

#content .dataTables_length select.form-control.input-sm,
#content .dataTables_length input.form-control.input-sm,
#content .dataTables_filter select.form-control.input-sm,
#content .dataTables_filter input.form-control.input-sm {
  border-radius: 4px;
  color: #000;
  padding: 0 16px;
  height: 24px;
  max-width: 100%;
  width: 240px;
  transition: ease all 0.25s;
  font-family: "Open Sans", "Helvetica Neue", helvetica, arial, sans-serif;
  box-shadow: none !important;
  border: 1px solid #dbdbdb !important;
  font-size: 0.9em;
  background-color: white !important; }
  #content .dataTables_length select.form-control.input-sm.q-secondary,
  #content .dataTables_length input.form-control.input-sm.q-secondary,
  #content .dataTables_filter select.form-control.input-sm.q-secondary,
  #content .dataTables_filter input.form-control.input-sm.q-secondary {
    color: #000;
    background-color: #fff;
    border-color: #dbdbdb !important;
    background-color: #fff !important; }
  #content .dataTables_length select.form-control.input-sm:hover,
  #content .dataTables_length input.form-control.input-sm:hover,
  #content .dataTables_filter select.form-control.input-sm:hover,
  #content .dataTables_filter input.form-control.input-sm:hover {
    border-color: #1d9f61 !important;
    box-shadow: none !important;
    outline: none; }
  #content .dataTables_length select.form-control.input-sm:focus, #content .dataTables_length select.form-control.input-sm:focus-visible,
  #content .dataTables_length input.form-control.input-sm:focus,
  #content .dataTables_length input.form-control.input-sm:focus-visible,
  #content .dataTables_filter select.form-control.input-sm:focus,
  #content .dataTables_filter select.form-control.input-sm:focus-visible,
  #content .dataTables_filter input.form-control.input-sm:focus,
  #content .dataTables_filter input.form-control.input-sm:focus-visible {
    border-color: #1d9f61 !important;
    box-shadow: 0 0 0 2px rgba(29, 159, 97, 0.25) !important;
    outline: none; }
  #content .dataTables_length select.form-control.input-sm + .q-alert, #content .dataTables_length select.form-control.input-sm + .q-alert + .q-alert,
  #content .dataTables_length input.form-control.input-sm + .q-alert,
  #content .dataTables_length input.form-control.input-sm + .q-alert + .q-alert,
  #content .dataTables_filter select.form-control.input-sm + .q-alert,
  #content .dataTables_filter select.form-control.input-sm + .q-alert + .q-alert,
  #content .dataTables_filter input.form-control.input-sm + .q-alert,
  #content .dataTables_filter input.form-control.input-sm + .q-alert + .q-alert {
    margin-top: 8px; }
  #content .dataTables_length select.form-control.input-sm option,
  #content .dataTables_length input.form-control.input-sm option,
  #content .dataTables_filter select.form-control.input-sm option,
  #content .dataTables_filter input.form-control.input-sm option {
    height: 24px; }

.q-toggle {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  margin: 0;
  align-items: center;
  cursor: pointer;
  align-items: center; }
  .q-toggle input[type="checkbox"] {
    transition: ease all 0.25s;
    border-radius: 999px;
    border: 1px solid #dbdbdb;
    background: #fff;
    margin: 0;
    width: 80px;
    height: 44px;
    appearance: none;
    position: relative;
    outline: none !important;
    cursor: pointer; }
    .q-toggle input[type="checkbox"]:after {
      content: '';
      width: 30px;
      height: 30px;
      background: #000;
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
      left: 8px;
      transition: ease all 0.25s;
      border-radius: 50%;
      opacity: .2; }
    .q-toggle input[type="checkbox"]:before {
      content: "";
      width: 7px;
      height: 12px;
      border-right: 2px solid #f6f6f6;
      border-bottom: 2px solid #f6f6f6;
      transform: translate(-50%, -50%) rotate(45deg);
      position: absolute;
      top: calc(50% - 2px);
      left: 22px;
      opacity: 0;
      transition: ease all 0.25s;
      z-index: 1; }
    .q-toggle input[type="checkbox"]:not([disabled]):after {
      cursor: pointer; }
    .q-toggle input[type="checkbox"]:hover {
      border-color: #1d9f61 !important;
      box-shadow: none !important; }
    .q-toggle input[type="checkbox"]:focus, .q-toggle input[type="checkbox"]:focus-visible {
      border-color: #1d9f61 !important;
      box-shadow: 0 0 0 2px rgba(29, 159, 97, 0.25) !important;
      outline: none; }
    .q-toggle input[type="checkbox"]:checked {
      background: #9fe9c6 !important;
      border-color: #1d9f61 !important;
      opacity: 1; }
      .q-toggle input[type="checkbox"]:checked:after {
        left: 40px;
        background: #1d9f61;
        opacity: 1; }
      .q-toggle input[type="checkbox"]:checked:before {
        opacity: 1;
        left: 55px; }
  .q-toggle.q-small input[type="checkbox"] {
    width: 40px;
    height: 24px;
    min-width: 40px;
    min-height: 24px; }
    .q-toggle.q-small input[type="checkbox"]:after {
      width: 16px;
      height: 16px;
      left: 4px; }
    .q-toggle.q-small input[type="checkbox"]:before {
      width: 5px;
      height: 9px;
      left: 12px; }
    .q-toggle.q-small input[type="checkbox"]:checked:after {
      left: 18px; }
    .q-toggle.q-small input[type="checkbox"]:checked:before {
      left: 26px; }
  .q-toggle.q-large input[type="checkbox"] {
    width: 96px;
    height: 52px;
    min-width: 40px;
    min-height: 24px; }
    .q-toggle.q-large input[type="checkbox"]:after {
      width: 34px;
      height: 34px;
      left: 10px; }
    .q-toggle.q-large input[type="checkbox"]:before {
      width: 9px;
      height: 16px;
      left: 26px; }
    .q-toggle.q-large input[type="checkbox"]:checked:after {
      left: 50px; }
    .q-toggle.q-large input[type="checkbox"]:checked:before {
      left: 67px; }

.q-header {
  background: #0b1625;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  display: flex;
  height: 56px;
  padding-right: 32px;
  color: white;
  z-index: 1; }
  .q-header .top-nav {
    display: flex;
    gap: 24px;
    align-items: center;
    flex-wrap: nowrap;
    flex: 1 0 0;
    justify-content: flex-end; }
  .q-header .logo-wrapper {
    flex: 1 0 0;
    display: flex;
    padding: 0 16px;
    width: 239px;
    min-width: 239px;
    max-width: 239px; }
    @media (max-width: 1000px) {
      .q-header .logo-wrapper {
        display: none; } }
  @media (max-width: 800px) {
    .q-header .top-search-wrapper {
      display: none; } }
  .q-header.hasCustomLogo .logo-wrapper {
    background: white;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  @media print {
    .q-header {
      position: relative; } }
  .q-header a {
    color: white; }
    .q-header a:hover, .q-header a:focus {
      color: white; }
  .q-header .top-nav > .dropdown > .dropdown-toggle,
  .q-header .top-nav > a {
    height: 55px;
    display: flex;
    line-height: 55px;
    align-items: center;
    gap: 8px;
    white-space: nowrap; }
  .q-header .top-nav .fa-info-circle,
  .q-header .top-nav .fa-rocket-launch,
  .q-header .top-nav .fa-lightbulb-gear {
    font-size: 25px;
    cursor: pointer; }
  .q-header .top-nav .cbk12-waffle-menu {
    height: 55px;
    line-height: 55px;
    align-items: center;
    display: flex; }
  .q-header .top-nav .nine-dot-container {
    top: calc(100% + 1px);
    max-height: 85dvh; }
  .q-header .top-nav #nine-dot-icon {
    cursor: pointer; }
  .q-header #CurrentSchoolName .modal-link {
    max-width: 250px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 55px;
    line-height: 55px; }
    @media (max-width: 1100px) {
      .q-header #CurrentSchoolName .modal-link {
        max-width: 150px; } }

.navbar-default {
  background: #0b1625;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.Canny_Badge {
  top: 1px !important; }

.q-main,
#content {
  position: relative;
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  background: #eee;
  padding: 32px; }
  @media (max-width: 1024px) {
    .q-main,
    #content {
      padding: 8px; } }

@media (max-width: 500px) {
  #contentHolder {
    margin-left: 0 !important; } }

body {
  padding-top: 56px;
  min-height: 100dvh;
  display: flex;
  flex-direction: column; }
  body #contentHolder,
  body #mainContentHolder {
    flex: 1 0 0;
    display: flex;
    flex-direction: column; }
    body #contentHolder #content,
    body #mainContentHolder #content {
      flex: 1 0 0; }
  @media print {
    body {
      padding-top: 0; } }

@media print {
  .top-nav {
    display: none; } }

.q-nav {
  background: #f4f4f5; }
  .q-nav ul,
  .q-nav li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .q-nav ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
  .q-nav a {
    padding: 1rem 2rem;
    display: block;
    text-decoration: none;
    color: #2d89cf;
    white-space: nowrap; }
    .q-nav a.active {
      background: rgba(216, 229, 236, 0.4);
      box-shadow: inset 0 -4px #2d89cf; }
  @media (max-width: 410px) {
    .q-nav ul {
      flex-direction: column; }
      .q-nav ul li {
        width: 100%; } }

.q-footer {
  padding: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff; }

.siteName {
  display: none; }

#walkthrough-admin {
  display: none; }