nyc-planning-style-guide
Version:
Base styles for NYC Department of City Planning (using Foundation for Sites)
2,897 lines (2,555 loc) • 608 kB
CSS
@charset "UTF-8";
/*!
* Bootstrap v4.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--pink: #e83e8c;
--cyan: #17a2b8;
--gray: #6c757d;
--gray-dark: #343a40;
--aqua-white: #cff8f8;
--aqua-light: #86eeee;
--aqua: #0ddcdc;
--aqua-dim: #009e9e;
--aqua-dark: #006d6f;
--aqua-muted: #5e9494;
--teal-white: #cef8ea;
--teal-light: #85edcb;
--teal: #0bdb96;
--teal-dim: #009665;
--teal-dark: #006c49;
--teal-muted: #5c9481;
--green-white: #cffacf;
--green-light: #86f386;
--green: #0de70d;
--green-dim: #00ae00;
--green-dark: #007300;
--green-muted: #5b965b;
--chartreuse-white: #ecfacf;
--chartreuse-light: #cff288;
--chartreuse: #9fe510;
--chartreuse-dim: #7eb806;
--chartreuse-dark: #4b7100;
--chartreuse-muted: #889865;
--yellow-white: #fbfbd0;
--yellow-light: #f6f689;
--yellow: #eded12;
--yellow-dim: #b3b406;
--yellow-dark: #7a7a00;
--yellow-muted: #9d9d6d;
--gold-white: #fbf2d0;
--gold-light: #f6de89;
--gold: #edbd12;
--gold-dim: #af8a04;
--gold-dark: #745b00;
--gold-muted: #9a8f65;
--orange-white: #f9e3cf;
--orange-light: #f1ba87;
--orange: #e2750f;
--orange-dim: #ba5c04;
--orange-dark: #713700;
--orange-muted: #95775b;
--red-white: #fdd4d4;
--red-light: #fa9494;
--red: #f42828;
--red-dim: #bc2929;
--red-dark: #7a1111;
--red-muted: #926060;
--fuchsia-white: #fbd0ea;
--fuchsia-light: #f689ca;
--fuchsia: #ed1294;
--fuchsia-dim: #bc177a;
--fuchsia-dark: #7a044c;
--fuchsia-muted: #915a7b;
--purple-white: #edd4fd;
--purple-light: #d394fa;
--purple: #9912ed;
--purple-dim: #7a25b1;
--purple-dark: #52117d;
--purple-muted: #7f6092;
--indigo-white: #dbdbfd;
--indigo-light: #a6a6fb;
--indigo: #4d4df6;
--indigo-dim: #3b3baa;
--indigo-dark: #24247d;
--indigo-muted: #696991;
--blue-white: #d0ebfb;
--blue-light: #89cef6;
--blue: #129ded;
--blue-dim: #0672b1;
--blue-dark: #014e7d;
--blue-muted: #5b8196;
--black: #212326;
--charcoal: #393C41;
--dark-gray: #5C626A;
--light-gray: #AAAEB5;
--silver: #D3D5D9;
--white-smoke: #ECEDEE;
--off-white: #fafafa;
--white: #fefefe;
--dcp-orange: #d96b27;
--a11y-orange: #ae561f;
--dcp-yellow: #ffc861;
--a11y-yellow: #ffeec1;
--lu-peach: #f6de89;
--lu-yellow: #eded12;
--lu-magenta: #9912ed;
--lu-red: #f42828;
--lu-orange: #e2750f;
--lu-pink: #f689ca;
--lu-green: #0de70d;
--lu-blue: #129ded;
--lu-lavendar: #d394fa;
--lu-silver: #D3D5D9;
--lu-gray: #5C626A;
--primary: #ae561f;
--secondary: #ECEDEE;
--success: #4b7100;
--info: #17a2b8;
--warning: #ffeec1;
--danger: #f42828;
--light: #f8f9fa;
--dark: #343a40;
--pink: #e83e8c;
--cyan: #17a2b8;
--gray: #6c757d;
--gray-dark: #343a40;
--aqua-white: #cff8f8;
--aqua-light: #86eeee;
--aqua: #0ddcdc;
--aqua-dim: #009e9e;
--aqua-dark: #006d6f;
--aqua-muted: #5e9494;
--teal-white: #cef8ea;
--teal-light: #85edcb;
--teal: #0bdb96;
--teal-dim: #009665;
--teal-dark: #006c49;
--teal-muted: #5c9481;
--green-white: #cffacf;
--green-light: #86f386;
--green: #0de70d;
--green-dim: #00ae00;
--green-dark: #007300;
--green-muted: #5b965b;
--chartreuse-white: #ecfacf;
--chartreuse-light: #cff288;
--chartreuse: #9fe510;
--chartreuse-dim: #7eb806;
--chartreuse-dark: #4b7100;
--chartreuse-muted: #889865;
--yellow-white: #fbfbd0;
--yellow-light: #f6f689;
--yellow: #eded12;
--yellow-dim: #b3b406;
--yellow-dark: #7a7a00;
--yellow-muted: #9d9d6d;
--gold-white: #fbf2d0;
--gold-light: #f6de89;
--gold: #edbd12;
--gold-dim: #af8a04;
--gold-dark: #745b00;
--gold-muted: #9a8f65;
--orange-white: #f9e3cf;
--orange-light: #f1ba87;
--orange: #e2750f;
--orange-dim: #ba5c04;
--orange-dark: #713700;
--orange-muted: #95775b;
--red-white: #fdd4d4;
--red-light: #fa9494;
--red: #f42828;
--red-dim: #bc2929;
--red-dark: #7a1111;
--red-muted: #926060;
--fuchsia-white: #fbd0ea;
--fuchsia-light: #f689ca;
--fuchsia: #ed1294;
--fuchsia-dim: #bc177a;
--fuchsia-dark: #7a044c;
--fuchsia-muted: #915a7b;
--purple-white: #edd4fd;
--purple-light: #d394fa;
--purple: #9912ed;
--purple-dim: #7a25b1;
--purple-dark: #52117d;
--purple-muted: #7f6092;
--indigo-white: #dbdbfd;
--indigo-light: #a6a6fb;
--indigo: #4d4df6;
--indigo-dim: #3b3baa;
--indigo-dark: #24247d;
--indigo-muted: #696991;
--blue-white: #d0ebfb;
--blue-light: #89cef6;
--blue: #129ded;
--blue-dim: #0672b1;
--blue-dark: #014e7d;
--blue-muted: #5b8196;
--black: #212326;
--charcoal: #393C41;
--dark-gray: #5C626A;
--light-gray: #AAAEB5;
--silver: #D3D5D9;
--white-smoke: #ECEDEE;
--off-white: #fafafa;
--white: #fefefe;
--dcp-orange: #d96b27;
--a11y-orange: #ae561f;
--dcp-yellow: #ffc861;
--a11y-yellow: #ffeec1;
--lu-peach: #f6de89;
--lu-yellow: #eded12;
--lu-magenta: #9912ed;
--lu-red: #f42828;
--lu-orange: #e2750f;
--lu-pink: #f689ca;
--lu-green: #0de70d;
--lu-blue: #129ded;
--lu-lavendar: #d394fa;
--lu-silver: #D3D5D9;
--lu-gray: #5C626A;
--breakpoint-xs: 0;
--breakpoint-sm: 640px;
--breakpoint-md: 1024px;
--breakpoint-lg: 1200px;
--breakpoint-xl: 1440px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
--font-family-monospace: Consolas, "Liberation Mono", Courier, monospace;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(33, 35, 38, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
color: #212326;
text-align: left;
background-color: #fafafa;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
a {
color: #ae561f;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #6d3613;
text-decoration: none;
}
a:not([href]) {
color: inherit;
text-decoration: none;
}
a:not([href]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
select {
word-wrap: normal;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-weight: bold;
line-height: 1.2;
}
h1, .h1 {
font-size: 2.5rem;
}
h2, .h2 {
font-size: 2rem;
}
h3, .h3 {
font-size: 1.75rem;
}
h4, .h4 {
font-size: 1.5rem;
}
h5, .h5 {
font-size: 1.25rem;
}
h6, .h6 {
font-size: 1rem;
}
.lead {
font-size: 1.5625rem;
font-weight: 400;
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2;
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2;
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(33, 35, 38, 0.1);
}
small,
.small {
font-size: 80%;
font-weight: 400;
}
mark,
.mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d;
}
.blockquote-footer::before {
content: "\2014\00A0";
}
.img-fluid {
max-width: 100%;
height: auto;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fafafa;
border: 1px solid #dee2e6;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
.figure-img {
margin-bottom: 0.5rem;
line-height: 1;
}
.figure-caption {
font-size: 90%;
color: #6c757d;
}
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fefefe;
background-color: #212529;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700;
}
pre {
display: block;
font-size: 87.5%;
color: #212529;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 640px) {
.container {
max-width: 540px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 720px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1440px) {
.container {
max-width: 1140px;
}
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 640px) {
.container, .container-sm {
max-width: 540px;
}
}
@media (min-width: 1024px) {
.container, .container-sm, .container-md {
max-width: 720px;
}
}
@media (min-width: 1200px) {
.container, .container-sm, .container-lg {
max-width: 960px;
}
}
@media (min-width: 1440px) {
.container, .container-sm, .container-md, .container-xl {
max-width: 1140px;
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 640px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-sm-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-sm-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-sm-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-sm-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-sm-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-sm-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1024px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-md-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-md-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-md-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-md-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-md-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-md-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-lg-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-lg-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-lg-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-lg-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-lg-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-lg-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1440px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.row-cols-xl-1 > * {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.row-cols-xl-2 > * {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.row-cols-xl-3 > * {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.row-cols-xl-4 > * {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.row-cols-xl-5 > * {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
.row-cols-xl-6 > * {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212326;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.table-sm th,
.table-sm td {
padding: 0.3rem;
}
.table-bordered {
border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(33, 35, 38, 0.05);
}
.table-hover tbody tr:hover {
color: #212326;
background-color: rgba(33, 35, 38, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
background-color: #e8cfc0;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
border-color: #d4a78a;
}
.table-hover .table-primary:hover {
background-color: #e1c1ad;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
background-color: #e1c1ad;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
background-color: #f9f9fa;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
border-color: #f5f5f6;
}
.table-hover .table-secondary:hover {
background-color: #ebebee;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
background-color: #ebebee;
}
.table-success,
.table-success > th,
.table-success > td {
background-color: #ccd7b7;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
border-color: #a1b57a;
}
.table-hover .table-success:hover {
background-color: #c0cea7;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
background-color: #c0cea7;
}
.table-info,
.table-info > th,
.table-info > td {
background-color: #bde4ea;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
border-color: #86ceda;
}
.table-hover .table-info:hover {
background-color: #aadce4;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
background-color: #aadce4;
}
.table-warning,
.table-warning > th,
.table-warning > td {
background-color: #fefaed;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
border-color: #fff6de;
}
.table-hover .table-warning:hover {
background-color: #fdf3d5;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
background-color: #fdf3d5;
}
.table-danger,
.table-danger > th,
.table-danger > td {
background-color: #fbc2c2;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
border-color: #f98f8f;
}
.table-hover .table-danger:hover {
background-color: #f9aaaa;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
background-color: #f9aaaa;
}
.table-light,
.table-light > th,
.table-light > td {
background-color: #fcfdfd;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
border-color: #fbfbfc;
}
.table-hover .table-light:hover {
background-color: #edf3f3;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
background-color: #edf3f3;
}
.table-dark,
.table-dark > th,
.table-dark > td {
background-color: #c5c7c9;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
border-color: #95989b;
}
.table-hover .table-dark:hover {
background-color: #b8babd;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
background-color: #b8babd;
}
.table-pink,
.table-pink > th,
.table-pink > td {
background-color: #f8c8de;
}
.table-pink th,
.table-pink td,
.table-pink thead th,
.table-pink tbody + tbody {
border-color: #f39ac3;
}
.table-hover .table-pink:hover {
background-color: #f5b1d0;
}
.table-hover .table-pink:hover > td,
.table-hover .table-pink:hover > th {
background-color: #f5b1d0;
}
.table-cyan,
.table-cyan > th,
.table-cyan > td {
background-color: #bde4ea;
}
.table-cyan th,
.table-cyan td,
.table-cyan thead th,
.table-cyan tbody + tbody {
border-color: #86ceda;
}
.table-hover .table-cyan:hover {
background-color: #aadce4;
}
.table-hover .table-cyan:hover > td,
.table-hover .table-cyan:hover > th {
background-color: #aadce4;
}
.table-gray,
.table-gray > th,
.table-gray > td {
background-color: #d5d8da;
}
.table-gray th,
.table-gray td,
.table-gray thead th,
.table-gray tbody + tbody {
border-color: #b2b7bb;
}
.table-hover .table-gray:hover {
background-color: #c7cbce;
}
.table-hover .table-gray:hover > td,
.table-hover .table-gray:hover > th {
background-color: #c7cbce;
}
.table-gray-dark,
.table-gray-dark > th,
.table-gray-dark > td {
background-color: #c5c7c9;
}
.table-gray-dark th,
.table-gray-dark td,
.table-gray-dark thead th,
.table-gray-dark tbody + tbody {
border-color: #95989b;
}
.table-hover .table-gray-dark:hover {
background-color: #b8babd;
}
.table-hover .table-gray-dark:hover > td,
.table-hover .table-gray-dark:hover > th {
background-color: #b8babd;
}
.table-aqua-white,
.table-aqua-white > th,
.table-aqua-white > td {
background-color: #f1fcfc;
}
.table-aqua-white th,
.table-aqua-white td,
.table-aqua-white thead th,
.table-aqua-white tbody + tbody {
border-color: #e6fbfb;
}
.table-hover .table-aqua-white:hover {
background-color: #dcf8f8;
}
.table-hover .table-aqua-white:hover > td,
.table-hover .table-aqua-white:hover > th {
background-color: #dcf8f8;
}
.table-aqua-light,
.table-aqua-light > th,
.table-aqua-light > td {
background-color: #dcfafa;
}
.table-aqua-light th,
.table-aqua-light td,
.table-aqua-light thead th,
.table-aqua-light tbody + tbody {
border-color: #c0f6f6;
}
.table-hover .table-aqua-light:hover {
background-color: #c6f7f7;
}
.table-hover .table-aqua-light:hover > td,
.table-hover .table-aqua-light:hover > th {
background-color: #c6f7f7;
}
.table-aqua,
.table-aqua > th,
.table-aqua > td {
background-color: #bbf4f4;
}
.table-aqua th,
.table-aqua td,
.table-aqua thead th,
.table-aqua tbody + tbody {
border-color: #81ecec;
}
.table-hover .table-aqua:hover {
background-color: #a5f0f0;
}
.table-hover .table-aqua:hover > td,
.table-hover .table-aqua:hover > th {
background-color: #a5f0f0;
}
.table-aqua-dim,
.table-aqua-dim > th,
.table-aqua-dim > td {
background-color: #b7e3e3;
}
.table-aqua-dim th,
.table-aqua-dim td,
.table-aqua-dim thead th,
.table-aqua-dim tbody + tbody {
border-color: #7acccc;
}
.table-hover .table-aqua-dim:hover {
background-color: #a5dcdc;
}
.table-hover .table-aqua-dim:hover > td,
.table-hover .table-aqua-dim:hover > th {
background-color: #a5dcdc;
}
.table-aqua-dark,
.table-aqua-dark > th,
.table-aqua-dark > td {
background-color: #b7d5d6;
}
.table-aqua-dark th,
.table-aqua-dark td,
.table-aqua-dark thead th,
.table-aqua-dark tbody + tbody {
border-color: #7ab3b4;
}
.table-hover .table-aqua-dark:hover {
background-color: #a7cccd;
}
.table-hover .table-aqua-dark:hover > td,
.table-hover .table-aqua-dark:hover > th {
background-color: #a7cccd;
}
.table-aqua-muted,
.table-aqua-muted > th,
.table-aqua-muted > td {
background-color: #d1e0e0;
}
.table-aqua-muted th,
.table-aqua-muted td,
.table-aqua-muted thead th,
.table-aqua-muted tbody + tbody {
border-color: #abc7c7;
}
.table-hover .table-aqua-muted:hover {
background-color: #c2d6d6;
}
.table-hover .table-aqua-muted:hover > td,
.table-hover .table-aqua-muted:hover > th {
background-color: #c2d6d6;
}
.table-teal-white,
.table-teal-white > th,
.table-teal-white > td {
background-color: #f1fcf8;
}
.table-teal-white th,
.table-teal-white td,
.table-teal-white thead th,
.table-teal-white tbody + tbody {
border-color: #e5fbf4;
}
.table-hover .table-teal-white:hover {
background-color: #dcf8ee;
}
.table-hover .table-teal-white:hover > td,
.table-hover .table-teal-white:hover > th {
background-color: #dcf8ee;
}
.table-teal-light,
.table-teal-light > th,
.table-teal-light > td {
background-color: #dcf9f0;
}
.table-teal-light th,
.table-teal-light td,
.table-teal-light thead th,
.table-teal-light tbody + tbody {
border-color: #bff5e3;
}
.table-hover .table-teal-light:hover {
background-color: #c6f5e7;
}
.table-hover .table-teal-light:hover > td,
.table-hover .table-teal-light:hover > th {
background-color: #c6f5e7;
}
.table-teal,
.table-teal > th,
.table-teal > td {
background-color: #baf4e1;
}
.table-teal th,
.table-teal td,
.table-teal thead th,
.table-teal tbody + tbody {
border-color: #80ecc8;
}
.table-hover .table-teal:hover {
background-color: #a4f0d7;
}
.table-hover .table-teal:hover > td,
.table-hover .table-teal:hover > th {
background-color: #a4f0d7;
}
.table-teal-dim,
.table-teal-dim > th,
.table-teal-dim > td {
background-color: #b7e1d3;
}
.table-teal-dim th,
.table-teal-dim td,
.table-teal-dim thead th,
.table-teal-dim tbody + tbody {
border-color: #7ac8ae;
}
.table-hover .table-teal-dim:hover {
background-color: #a5dac8;
}
.table-hover .table-teal-dim:hover > td,
.table-hover .table-teal-dim:hover > th {
background-color: #a5dac8;
}
.table-teal-dark,
.table-teal-dark > th,
.table-teal-dark > td {
background-color: #b7d5cb;
}
.table-teal-dark th,
.table-teal-dark td,
.table-teal-dark thead th,
.table-teal-dark tbody + tbody {
border-color: #7ab2a0;
}
.table-hover .table-teal-dark:hover {
background-color: #a7ccbf;
}
.table-hover .table-teal-dark:hover > td,
.table-hover .table-teal-dark:hover > th {
background-color: #a7ccbf;
}
.table-teal-muted,
.table-teal-muted > th,
.table-teal-muted > td {
background-color: #d1e0db;
}
.table-teal-muted th,
.table-teal-muted td,
.table-teal-muted thead th,
.table-teal-muted tbody + tbody {
border-color: #aac7bd;
}
.table-hover .table-teal-muted:hover {
background-color: #c2d6cf;
}
.table-hover .table-teal-muted:hover > td,
.table-hover .table-teal-muted:hover > th {
background-color: #c2d6cf;
}
.table-green-white,
.table-green-white > th,
.table-green-white > td {
background-color: #f1fdf1;
}
.table-green-white th,
.table-green-white td,
.table-green-white thead th,
.table-green-white tbody + tbody {
border-color: #e6fce6;
}
.table-hover .table-green-white:hover {
background-color: #dbfadb;
}
.table-hover .table-green-white:hover > td,
.table-hover .table-green-white:hover > th {
background-color: #dbfadb;
}
.table-green-light,
.table-green-light > th,
.table-green-light > td {
background-color: #dcfbdc;
}
.table-green-light th,
.table-green-light td,
.table-green-light thead th,
.table-green-light tbody + tbody {
border-color: #c0f8c0;
}
.table-hover .table-green-light:hover {
background-color: #c5f8c5;
}
.table-hover .table-green-light:hover > td,
.table-hover .table-green-light:hover > th {
background-color: #c5f8c5;
}
.table-green,
.table-green > th,
.table-green > td {
background-color: #bbf8bb;
}
.table-green th,
.table-green td,
.table-green thead th,
.table-green tbody + tbody {
border-color: #81f281;
}
.table-hover .table-green:hover {
background-color: #a4f6a4;
}
.table-hover .table-green:hover > td,
.table-hover .table-green:hover > th {
background-color: #a4f6a4;
}
.table-green-dim,
.table-green-dim > th,
.table-green-dim > td {
background-color: #b7e8b7;
}
.table-green-dim th,
.table-green-dim td,
.table-green-dim thead th,
.table-green-dim tbody + tbody {
border-color: #7ad47a;
}
.table-hover .table-green-dim:hover {
background-color: #a4e2a4;
}
.table-hover .table-green-dim:hover > td,
.table-hover .table-green-dim:hover > th {
background-color: #a4e2a4;
}
.table-green-dark,
.table-green-dark > th,
.table-green-dark > td {
background-color: #b7d7b7;
}
.table-green-dark th,
.table-green-dark td,
.table-green-dark thead th,
.table-green-dark tbody + tbody {
border-color: #7ab67a;
}
.table-hover .table-green-dark:hover {
background-color: #a7cea7;
}
.table-hover .table-green-dark:hover > td,
.table-hover .table-green-dark:hover > th {
background-color: #a7cea7;
}
.table-green-muted,
.table-green-muted > th,
.table-green-muted > td {
background-color: #d0e1d0;
}
.table-green-muted th,
.table-green-muted td,
.table-green-muted thead th,
.table-green-muted tbody + tbody {
border-color: #a9c8a9;
}
.table-hover .table-green-muted:hover {
background-color: #c0d7c0;
}
.table-hover .table-green-muted:hover > td,
.table-hover .table-green-muted:hover > th {
background-color: #c0d7c0;
}
.table-chartreuse-white,
.table-chartreuse-white > th,
.table-chartreuse-white > td {
background-color: #f9fdf1;
}
.table-chartreuse-white th,
.table-chartreuse-white td,
.table-chartreuse-white thead th,
.table-chartreuse-white tbody + tbody {
border-color: #f5fce6;
}
.table-hover .table-chartreuse-white:hover {
background-color: #effadb;
}
.table-hover .table-chartreuse-white:hover > td,
.table-hover .table-chartreuse-white:hover > th {
background-color: #effadb;
}
.table-chartreuse-light,
.table-chartreuse-light > th,
.table-chartreuse-light > td {
background-color: #f1fbdd;
}
.table-chartreuse-light th,
.table-chartreuse-light td,
.table-chartreuse-light thead th,
.table-chartreuse-light tbody + tbody {
border-color: #e6f8c1;
}
.table-hover .table-chartreuse-light:hover {
background-color: #e8f8c6;
}
.table-hover .table-chartreuse-light:hover > td,
.table-hover .table-chartreuse-light:hover > th {
background-color: #e8f8c6;
}
.table-chartreuse,
.table-chartreuse > th,
.table-chartreuse > td {
background-color: #e3f7bb;
}
.table-chartreuse th,
.table-chartreuse td,
.table-chartreuse thead th,
.table-chartreuse tbody + tbody {
border-color: #cdf182;
}
.table-hover .table-chartreuse:hover {
background-color: #daf4a4;
}
.table-hover .table-chartreuse:hover > td,
.table-hover .table-chartreuse:hover > th {
background-color: #daf4a4;
}
.table-chartreuse-dim,
.table-chartreuse-dim > th,
.table-chartreuse-dim > td {
background-color: #daeab9;
}
.table-chartreuse-dim th,
.table-chartreuse-dim td,
.table-chartreuse-dim thead th,
.table-chartreuse-dim tbody + tbody {
border-color: #bbda7d;
}
.table-hover .table-chartreuse-dim:hover {
background-color: #d0e4a5;
}
.table-hover .table-chartreuse-dim:hover > td,
.table-hover .table-chartreuse-dim:hover > th {
background-color: #d0e4a5;
}
.table-chartreuse-dark,
.table-chartreuse-dark > th,
.table-chartreuse-dark > td {
background-color: #ccd7b7;
}
.table-chartreuse-dark th,
.table-chartreuse-dark td,
.table-chartreuse-dark thead th,
.table-chartreuse-dark tbody + tbody {
border-color: #a1b57a;
}
.table-hover .table-chartreuse-dark:hover {
background-color: #c0cea7;
}
.table-hover .table-chartreuse-dark:hover > td,
.table-hover .table-chartreuse-dark:hover > th {
background-color: #c0cea7;
}
.table-chartreuse-muted,
.table-chartreuse-muted > th,
.table-chartreuse-muted > td {
background-color: #dde1d3;
}
.table-chartreuse-muted th,
.table-chartreuse-muted td,
.table-chartreuse-muted thead th,
.table-chartreuse-muted tbody + tbody {
border-color: #c1c9ae;
}
.table-hover .table-chartreuse-muted:hover {
background-color: #d1d7c4;
}
.table-hover .table-chartreuse-muted:hover > td,
.table-hover .table-chartreuse-muted:hover > th {
background-color: #d1d7c4;
}
.table-yellow-white,
.table-yellow-white > th,
.table-yellow-white > td {
background-color: #fdfdf1;
}
.table-yellow-white th,
.table-yellow-white td,
.table-yellow-white thead th,
.table-yellow-white tbody + tbody {
border-color: #fcfce6;
}
.table-hover .table-yellow-white:hover {
background-color: #fafadb;
}
.table-hover .table-yellow-white:hover > td,
.table-hover .table-yellow-white:hover > th {
background-color: #fafadb;
}
.table-yellow-light,
.table-yellow-light > th,
.table-yellow-light > td {
background-color: #fcfcdd;
}
.table-yellow-light th,
.table-yellow-light td,
.table-yellow-light thead th,
.table-yellow-light tbody + tbody {
border-color: #fafac1;
}
.table-hover .table-yellow-light:hover {
background-color: #fafac6;
}
.table-hover .table-yellow-light:hover > td,
.table-hover .table-yellow-light:hover > th {
background-color: #fafac6;
}
.table-yellow,
.table-yellow > th,
.table-yellow > td {
background-color: #f9f9bc;
}
.table-yellow th,
.table-yellow td,
.table-yellow thead th,
.table-yellow tbody + tbody {
border-color: #f5f583;
}
.table-hover .table-yellow:hover {
background-color: #f7f7a5;
}
.table-hover .table-yellow:hover > td,
.table-hover .table-yellow:hover > th {
background-color: #f7f7a5;
}
.table-yellow-dim,
.table-yellow-dim > th,
.table-yellow-dim > td {
background-color: #e9e9b9;
}
.table-yellow-dim th,
.table-yellow-dim td,
.table-yellow-dim thead th,
.table-yellow-dim tbody + tbody {
border-color: #d7d87d;
}
.table-hover .table-yellow-dim:hover {
background-color: #e3e3a6;
}
.table-hover .table-yellow-dim:hover > td,
.table-hover .table-yellow-dim:hover > th {
background-color: #e3e3a6;
}
.table-yellow-dark,
.table-yellow-dark > th,
.table-yellow-dark > td {
background-color: #d9d9b7;
}
.table-yellow-dark th,
.table-yellow-dark td,
.table-yellow-dark thead th,
.table-yellow-dark tbody + tbody {
border-color: #b9b97a;
}
.table-hover .table-yellow-dark:hover {
background-color: #d0d0a6;
}
.table-hover .table-yellow-dark:hover > td,
.table-hover .table-yellow-dark:hover > th {
background-color: #d0d0a6;
}
.table-yellow-muted,
.table-yellow-muted > th,
.table-yellow-muted > td {
background-color: #e3e3d5;
}
.table-yellow-muted th,
.table-yellow-muted td,
.table-yellow-muted thead th,
.table-yellow-muted tbody + tbody {
border-color: #ccccb3;
}
.table-hover .table-yellow-muted:hover {
background-color: #d9d9c6;
}
.table-hover .table-yellow-muted:hover > td,
.table-hover .table-yellow-muted:hover > th {
background-color: #d9d9c6;
}
.table-gold-white,
.table-gold-white > th,
.table-gold-white > td {
background-color: #fdfbf1;
}
.table-gold-white th,
.table-gold-white td,
.table-gold-white thead th,
.table-gold-white tbody + tbody {
border-color: #fcf8e6;
}
.table-hover .table-gold-white:hover {
background-color: #faf5db;
}
.table-hover .table-gold-white:hover > td,
.table-hover .table-gold-white:hover > th {
background-color: #faf5db;
}
.table-gold-light,
.table-gold-light > th,
.table-gold-light > td {
background-color: #fcf5dd;
}
.table-gold-light th,
.table-gold-light td,
.table-gold-light thead th,
.table-gold-light tbody + tbody {
border-color: #faedc1;
}
.table-hover .table-gold-light:hover {
background-color: #faeec6;
}
.table-hover .table-gold-light:hover > td,
.table-hover .table-gold-light:hover > th {
background-color: #faeec6;
}